/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#fff; font-size: 12px; line-height: 1.3; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { margin:0 auto; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font-size: 12px; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:21px; background:transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font-weight: bold; font-size: 12px; line-height: 21px; text-align:center; white-space:nowrap; color:#fff; } button.button span span { background-position:100% 0; padding:0 12px 0 4px; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #ddd; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name {} .product-view .short-description {} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul {} .footer ul li { display:inline; } .footer-container .bottom-container { text-align:center; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .postWrapper { padding-bottom: 25px; clear: both; } .postTitle { border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0; padding: 0; } .postTitle h3 { font-size: 10px; margin: 0; padding: 2px 0; } .postContent { padding-bottom: 10px; } .postContent ul{ list-style: disc outside; margin-bottom: 1.5em; } .postContent ul li{ margin-left: 2em; } .postContent ol{ list-style: decimal outside; margin-bottom: 1.5em; } .postContent ol li{ margin-left: 2em; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .postBookmarks a.bm { display: inline-block; } .postBookmarks img { display: inline; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0; } .commentDetails { margin-bottom: 5px; padding: 0; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 11px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { /* background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/aw_blog/images/icon_blog.png) no-repeat; padding-left: 30px; */ text-align: left; } .icon-blog { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/aw_blog/images/icon_blog.png") no-repeat scroll -26px -4px rgba(0, 0, 0, 0); float: left; height: 21px; margin: 0px 9px 0 0; padding: 0; width: 21px; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } #importFavoriteProductsForm { position: relative; float: right; margin-left: 5px; } #importFavoriteProductsForm button { float: none; margin: 0; position: relative; z-index: 1; cursor: default; } #importFavoriteProductsForm input { opacity: 0; position: absolute; width: 100%; left: 0; top: 0; z-index: 2; cursor: pointer !important; filter: alpha(opacity:0); height: 100%; } #amlist-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #amlist-items { border: 1px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 24px; display: inline-block; box-sizing: border-box; border-radius: 5px; } #amlist-overlay .close { position: absolute; top: 7px; right: 7px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/close-32.png) no-repeat 50%; width: 16px; height: 16px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #amlist-overlay #amlist-add { color: #000000; font-size: 15px; line-height: 15px !important; text-transform: uppercase; text-align: center; white-space: nowrap; background-color: #ffffff; border: 1px solid #999999; border-radius: 0; box-shadow: none; height: 26px; padding: 2px 20px; text-decoration: none; text-shadow: none; font-size: 1em; } #amlist-overlay #amlist-add:hover { background-color: #e3e3e3; } .amlist-form-edit .amlist-title-input { margin-right: 10px; height: 33px; } .amlist-form-edit button { vertical-align: top; } #amlist-items div { margin-top: 15px; } #amlist-list{ min-width: 150px; } /* clearer */ #custom-customerlogin-form-wrapper:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .customerlogin img { width: 24px; padding: 5px 7px; float: left; } #custom-customerlogin .customerlogin img { padding-top: 1px; padding-bottom: 0; } #custom-customerlogin .customerlogin img.close { width: 14px; padding: 6px 7px; } .header-container .customerlogin .text { float: left; font-size: 15px; padding-top: 9px; margin-right: 15px; display: none; } .header-container .customerlogin .text:hover { text-decoration: underline; } #custom-customerlogin { display: none; } #custom-customerlogin.active { display: block; } #custom-customerlogin { text-align: right; background-color: #ebebeb; line-height: 16px; color: #333333; font-size: 15px; padding: 4px 0 0 0; height: 30px; } #custom-customerlogin-form-wrapper { width: 900px; margin: 0 auto; } #custom-customerlogin .customerlogin { float: left; } #custom-customerlogin-search { width: 800px; padding: 2px; margin-left: 4px; } ul.custom-customerlogin-search { text-align: left; max-width: 800px; } @media (min-width: 1480px) { .header-container .customerlogin .text { display: block; } } @media (max-width: 967px) { .header-container .customerlogin .text { display: none; } #custom-customerlogin-form-wrapper { width: 700px; } #custom-customerlogin-search, ul.custom-customerlogin-search { width: 600px; } } @media (max-width: 767px) { #custom-customerlogin-form-wrapper { width: 460px; } #custom-customerlogin-search, ul.custom-customerlogin-search { max-width: 380px; } } @media (max-width: 479px) { #custom-customerlogin-form-wrapper { width: 320px; } #custom-customerlogin-search { width: 240px; } ul.custom-customerlogin-search { max-width: 240px; } } .feature-images { clear: both; margin: 10px 0 20px 0; cursor: pointer; } .feature-images ul { display: flex; flex-flow: row wrap; padding-top: 5px; } .feature-images .item { margin: 5px; } .feature-images .no-image { margin: 5px; clear: both; } .feature-images .item .image { flex-basis: 50px; flex-grow: 0; flex-shrink: 0; } .feature-images .item img { height: 50px; } .feature-images .img-text { font-weight: bold; font-size: larger; } .feature-images .text { display: none; padding-left: 10px; } /* open state */ .feature-images ul.open { flex-direction: column; } .feature-images ul.open .item { display: flex; flex-flow: row nowrap; align-items: center; } .feature-images .open .item img { height: auto; } .feature-images ul.open .text { display: block; } /* Message window */ .ajaxpro-form { background: #fff; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); top: 0; left: 0; z-index: 9999; position: absolute; padding: 10px; border-radius: 5px; max-width: 750px; min-width: 280px; text-align: left; } .ajaxpro-form .ajaxpro-short-messages .messages { max-width: 350px; } .ajaxpro-form .ajaxpro-short-messages .success-msg, .ajaxpro-form .ajaxpro-short-messages .notice-msg { border-radius: 5px; } .ajaxpro-form .btn-close { position: absolute; width: 22px; height: 22px; right: -9px; top: -9px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxpro/btn_remove.png) no-repeat 0 0; cursor: pointer; /*text-align: left; text-indent: -9999px; direction: ltr;*/ text-indent: 100%; white-space: nowrap; overflow: hidden; } /* Message window buttons */ .ajaxpro-buttons-set { text-align: center; } .ajaxpro-continue-button, .ajaxpro-continue-button:hover { text-decoration:none; color: #fff; } /* popup window */ .ajaxpro-popup { display: none; background: #fff; border: none; border-radius: 4px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); padding: 15px; position: absolute; right: 10px; top: 30px; text-align: left; width: auto; z-index: 9999; } .ajaxpro-popup .content { min-height: 75px; padding: 0; margin: 0; background: none; border: none; } .ajaxpro-popup .buttons-set { padding: 5px 0 0; margin: 0; background: none; border: none; text-align: left; } .ajaxpro-popup .buttons-set .button { float: right; } /* product listing autoload */ #ajaxpro-scrolling-button { margin: 5px auto; text-align: center; display: block; } #ajaxpro-scrolling-button span { padding: 5px auto; } /* header cart */ .ajaxpro-header-cart { width: 200px; float: right; } .header-container .top-container .ajaxpro-header-cart a { color: #1E7EC8; } #ajaxpro-content-toggler { color: #1E7EC8; } #ajaxpro-header-cart-content { background: #fff; border: none; border-radius: 4px; position: absolute; right: 10px; padding: 15px; width: 250px; top: 30px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); text-align: left; z-index: 9999; } #ajaxpro-header-cart-content .actions { text-align: right; } #ajaxpro-header-cart-content .btn-remove, #ajaxpro-header-cart-content .btn-edit { float: right; margin: 1px 0 2px 5px; } #ajaxpro-header-cart-content li { margin: 0 0 5px; clear: both; } #ajaxpro-header-cart-content .product-name, #ajaxpro-header-cart-content .product-details { text-align: left; } /* product view form */ .ajaxpro-form .product-view { border: none; float: none; width: auto; margin: 0; padding: 0; } .ajaxpro-form .product-view .product-essential { padding: 0; background: none; margin: 0; } .ajaxpro-form .product-view .product-shop .product-shop-inner { margin: 0; padding: 0; float: none; } .ajaxpro-form .product-view .product-img-box { width: 40%; margin: 0; float: left; } .ajaxpro-form .product-view .product-img-box .product-image { text-align: center; } .ajaxpro-form .product-view .product-img-box .product-image-zoom img { max-width: 100%; } .ajaxpro-form .product-view .product-shop { width: 58%; float: right; margin: 0; } .ajaxpro-form .product-view .products-grid .product-image { width: 120px; height: 120px; } .ajaxpro-form .product-view .products-grid img { max-width: 100%; max-height: 100%; } .ajaxpro-form .product-collateral .box-collateral { margin: 0 0 10px; } .ajaxpro-form .product-collateral h2, .ajaxpro-form .product-collateral .h2 { margin: 7px 0 5px !important; } /* third-party themes compatibility */ .ajaxpro-form .product-view .product-shop .availability { clear: both; } .ajaxpro-form .product-view .product-shop .price-box { display: block; } .ajaxpro-form .product-view .product-shop .add-to-box { clear: both; float: right; margin-top: 10px; } .ajaxpro-form .product-view .product-shop .price-as-configured { display: none; } /* custom shopping cart form design */ .ajaxpro-form .cart-table th { border-bottom: 3px solid #000; } .ajaxpro-form .cart-table tfoot th { border-bottom: none !important; } .ajaxpro-form #shopping-cart-table td, .ajaxpro-form #shopping-cart-table th { padding: 10px; } .ajaxpro-form #shopping-cart-table .btn-update-pop { text-decoration: underline; } .ajaxpro-form #shopping-cart-table tfoot td { border-top: 1px solid #e6e6e6; } .ajaxpro-form #shopping-cart-table tfoot .last td { border: none; vertical-align: bottom; } .ajaxpro-form #shopping-cart-table .checkout-types { float: right; } .ajaxpro-form #shopping-cart-table #shopping-cart-totals-table { width: 100%; } .ajaxpro-form #shopping-cart-table #shopping-cart-totals-table td { border-top: none !important; } .ajaxpro-form #shopping-cart-totals-table td, .ajaxpro-form #shopping-cart-totals-table th { border: none; background: none !important; padding: 5px; } .ajaxpro-form .cart .title-buttons { border: none; display: none; } .ajaxpro-form .cart .cart-collaterals .col2-set { width: 98%; } .ajaxpro-form .cart .discount, .ajaxpro-form .cart .shipping { background: none; border: none; padding-right: 0px; } .ajaxpro-form .cart .discount .buttons-set button.button, .ajaxpro-form .cart .shipping .buttons-set button.button { float: right; margin-left: 10px; } .ajaxpro-form .cart .discount, .ajaxpro-form .cart .shipping { text-align: left; } .ajaxpro-form .cart .discount h2, .ajaxpro-form .cart .shipping h2 { background-image: none; border-bottom: 1px solid #000; background-position: 0 0; background-repeat: no-repeat; color: #0A263C; font-size: 13px; line-height: 16px; font-weight: bold; padding: 0; text-transform: none; } .ajaxpro-form .cart .form-list label { clear: none; float: left; } .ajaxpro-form .cart .form-list .input-box { clear: none; float: right; width: 175px; } .ajaxpro-form .cart .form-list input.input-text { width: 170px; } .ajaxpro-form .cart .form-list select { width: 175px; } .ajaxpro-form .cart .discount .input-box { width: auto; } .ajaxpro-form .cart .discount input.input-text { width: 100%; } .ajaxpro-form .cart .cart-collaterals .col2-set .col-2 { width: 48.5%; } .ajaxpro-form .cart .crosssell { background: #fff; border: none; margin-top: 12px; padding: 0; } .ajaxpro-form .cart .crosssell li.item { border: none; padding: 10px 1%; width: 48%; margin: 0; float: left; } .ajaxpro-form .cart .crosssell li.item.odd { clear: left; } .ajaxpro-form .cart .crosssell .product-details { text-align: left; } .ajaxpro-form #invader { height: 20px; width: 100%; display: block; cursor: pointer; margin: 5px 0; } .ajaxpro-form #invader:hover { background-color: #fbfbfb; } .ajaxpro-form .triangle-up { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxpro/triangle_up.png) no-repeat 50% 50%; } .ajaxpro-form .triangle-down { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxpro/triangle_down.png) no-repeat 50% 50%; } /* animation elements */ .ajaxpro-spinner { background: #fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxpro/loader_animation_small.gif) no-repeat 50% 50%; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; width: 150px; height: 60px; border-radius: 5px; margin: 10px 0; font-weight: bold; z-index: 10000; } .ajaxpro-spinner p { margin: 10px 0; } .ajaxpro-overlay { width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; z-index: 9998; display: none; } .ajaxpro-block-shown { display: block; opacity: 1; visibility: visible; } @media (max-width: 967px) { .ajaxpro-form .cart { overflow: auto; } } @media (max-width: 767px) { .ajaxpro-form .cart .form-list .input-box { clear: left; width: auto; float: none; } .ajaxpro-form .cart .form-list select, .ajaxpro-form .cart .form-list input.input-text { width: 100%; } } @media (max-width: 479px) { .ajaxpro-form .product-view .product-img-box, .ajaxpro-form .product-view .product-shop { float: none; width: auto; clear: both; } .ajaxpro-form .product-view .product-img-box { margin: 0 0 10px; } .ajaxpro-form .product-view .product-img-box .product-image { float: none; width: auto; border: none; } .ajaxpro-form .cart .crosssell li.item { border-bottom: 1px solid #ddd; padding: 10px 0; width: auto; float: none; } .ajaxpro-form .cart .crosssell li.item.odd { clear: none; } .ajaxpro-form .cart .crosssell li.last { border-bottom: none; } .ajaxpro-form .cart .cart-collaterals .col2-set .col-1, .ajaxpro-form .cart .cart-collaterals .col2-set .col-2 { width: auto; float: none; } } /* clearer */ #ajaxpro-header-cart-content li { zoom: 1; } #ajaxpro-header-cart-content li:after { content: '.'; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } #ajaxpro-notice-form #shopping-cart-table .product-image img {max-width: 75px;} .autocomplete-w1 {z-index:999; position:absolute; top:7px; left:6px; /* IE6 fix: */ _top:1px; } .autocomplete { width:300px; border:1px solid #ccc; background:#fff; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); cursor: default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; -webkit-overflow-scrolling: touch; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;} .autocomplete strong { font-weight:bold; color:#3399FF; } .autocomplete .ajaxsearchimage {float: left; margin:2px 6px 2px 2px;} .autocomplete .ajaxsearchdescription {font-size: 0.8em;} .mini-search-right .block-content, .mini-search-left .block-content { padding:5px 10px; } .mini-search-right label, .mini-search-left label { font-weight:bold; } #anonymous_element_1{z-index:999;} #searchajaxico {background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:230px; display: none;} #search-leftajaxico {background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} #search-rightajaxico {background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} .form-search { display: table; } .form-search .ajaxsearch-category-select, .form-search button { display: table-cell; } .form-search #search { width: auto; } .mini-search-right, .mini-search-left {position: relative;} .mini-search-left .mini-search, .mini-search-right .mini-search {white-space: nowrap;} .mini-search-left .mini-search div, .mini-search-right .mini-search div { white-space:normal; } .mini-search-left input.input-text, .mini-search-right input.input-text {display: inline-block; margin:3px 0; width: 75%} .mini-search-left .button, .mini-search-right .button {display: inline-block; } .headerajaxsearchwindow { text-align: center; background-color: #D8D8D8; color: #000; font-size: 14px; font-style: oblique; margin-bottom: 0;} .headercategorysearch { text-align: center; } p.headercategorysearch { margin: 0; font-style: oblique; font-weight: bold; font-size: 12px; border-bottom: 1px solid #AAAAAA; } p.ajaxsearch-small { margin: 0; } .ajaxsearch-category-select { width: 50px; margin-right: 4px; float: left; } .header .form-search label { text-indent: -9999px; text-align: left; } /* folded styles */ #search_mini_form .search-field-wrapper { float: left; opacity: 0; pointer-events: none; } #header-search.skip-active .search-field-wrapper, #search_mini_form.shown .search-field-wrapper { opacity: 1; pointer-events: auto; } .folded .search-field-wrapper .close { width: 20px; float: right; display: block; color: #636363; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -5px; right: 85px; } /* default theme styles */ .default.folded .search-field-wrapper .close { top: -11px; right: 72px; } .default.folded #searchajaxico { margin-left: -10px; } .default .btn-search i { display: none; } /* rwd theme styles */ @media only screen and (min-width: 771px) { #header-search { width: auto !important; } } @media only screen and (max-width: 770px) { #search_mini_form.rwd .search-field-wrapper { float: none; } } .rwd .mini-search .button, .rwd .ajaxsearch-category-select { height: 40px; } #header-search.skip-active .search-field-wrapper .close { display: none; } .rwd.folded #searchajaxico { margin-left: -25px; } .rwd .btn-search i { display: none; } .suggestpage-index-index .col-main { border: none; } .suggestpage-activity { padding: 0 0 7px; margin: 0 0 7px; border-bottom: 1px solid #ddd; } .suggestpage-activity .col-1 { width: 30%; } .suggestpage-activity .col-2 { width: 70%; } .suggestpage-activity .col-wide { width: 100%; } .suggestpage-activity .mini-products-list {} .suggestpage-activity .mini-products-list li.item { padding: 0 10px; } .suggestpage-activity .mini-products-list .btn-remove, .suggestpage-activity .mini-products-list .btn-edit { display: none; } .suggestpage-activity .cartinfo { padding: 10px; background: #D7E2E6; border: 1px solid #C6D7DE; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #404040; border-radius: 4px; } .suggestpage-activity .cartinfo .totals { float: left; } .suggestpage-activity .cartinfo .subtotal { margin: 0 0 5px; } .suggestpage-activity .cartinfo .subtotal .label { font-weight: bold; } .suggestpage-activity .cartinfo .amount { margin: 0; } .suggestpage-activity .cartinfo .actions { float: right; } button.btn-suggest-page::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.btn-suggest-page { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.btn-suggest-page { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.btn-suggest-page span { display:block; font-weight: bold; font-size: 12px; line-height: 19px; text-align:center; white-space:nowrap; } button.btn-suggest-page span span { border:0; padding:0; } .suggestpage-activity .btn-suggest-page span { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0; font-size: 14px; line-height: 40px; font-weight: bold; height: 40px; border: none; padding: 0 0 0 8px; color: #fff; } .suggestpage-activity .btn-suggest-page span span { padding: 0 25px 0 16px; } .suggestpage-activity .btn-suggest-checkout span { background-position: 0 0; color: #fff; } .suggestpage-activity .btn-suggest-checkout span span { background-position: 100% 0; } .suggestpage-activity .btn-suggest-cart span { background-position: 0 100%; color: #4a4a4a; } .suggestpage-activity .btn-suggest-cart span span { background-position: 100% 100%; } .suggestpage-activity, .suggestpage-activity .cartinfo, .suggestpage-activity .mini-products-list li { zoom: 1; } .suggestpage-activity:after, .suggestpage-activity .cartinfo:after, .suggestpage-activity .mini-products-list li:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0em; } @media (max-width: 480px) { .suggestpage-activity .col-1, .suggestpage-activity .col-2 { float: none; width: auto; display: block; margin: 0 0 5px; clear: both; } .suggestpage-activity .mini-products-list { display: none; } .suggestpage-activity .cartinfo .actions { margin: 10px auto 0; float: left; } } .easyslideslider-id { position: relative; z-index: 5; margin-bottom: 10px; } .easyslideslider-id .scroller { overflow: hidden; position: relative; } .easyslideslider-id .content { padding: 0px;position: relative; } .easyslideslider-id .section { overflow:hidden; position: absolute; top: 0; } .easyslideslider-id img { border: none; } .easyslide-description { position: absolute; overflow: hidden; padding: 15px 20px; text-align: left; font-size: 12px; box-sizing: border-box; -moz-box-sizing: border-box; } .easyslide-description-top { top: 0; left: 0; width: 100%; } .easyslide-description-bottom { bottom: 0; left: 0; width: 100%; } .easyslide-description-right { right: 0; top: 0; width: 200px; min-height: 1000px; } .easyslide-description-left { left: 0; top: 0; width: 200px; min-height: 1000px; } .easyslide-background-light { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/images/light.png) repeat 0 0; color: #000; } .easyslide-background-dark { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/images/dark.png) repeat 0 0; color: #fff; } .easyslide-description a { text-decoration: none; color: #5a5a5a; } .easyslide-description a:hover { text-decoration: underline; } .easyslide-description p { line-height: 20px; text-align: center; } .easyslide-controls-wrapper { position: absolute; right:13px; bottom:14px; z-index:1000; } .easyslide-controls {} .easyslide-controls a { display: inline-block; width: 15px; height: 17px; margin: 0px 2px; text-decoration: none; font-weight: bold; overflow: hidden; text-align:center; vertical-align: bottom; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/images/control.png) no-repeat -1000px -1000px; } .easyslide-controls a.easyslideprev { background-position: -60px -26px; } .easyslide-controls a.easyslidenext { background-position: -48px -41px; } .easyslide-controls a.easyslidestop { background-position: -75px -11px; } .easyslide-controls a.easyslideplay { background-position: -90px 3px; } .easyslide-controls a:hover, .easyslide-controls a.active {} .easyslide-controls .easyslide-num { background-image: none; background-color: #cbcbcb; color: #000; font-size: 12px; text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 2px; opacity: 0.6; } .easyslide-controls .easyslide-num:hover { background: #f3f3f3; opacity: 0.6; } .easyslide-controls .easyslide-num.active { background-color: #f3f3f3; opacity: 1; } @media (max-width: 767px) { .easyslide-controls-wrapper { bottom: 11px; right: 9px; } .easyslide-controls .easyslide-num { width: 20px; height: 20px; margin: 0 10px; } } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Bar Theme Skin URI: http://nivo.dev7studios.com Description: The bottom bar skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: false */ .theme-bar.slider-wrapper { position: relative; border: 1px solid #333; overflow: hidden; } .theme-bar .nivoSlider { position:relative; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/bar/loading.gif) no-repeat 50% 50%; } .theme-bar .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-bar .nivoSlider a { border:0; display:block; } .theme-bar .nivo-controlNav { position: absolute; left: 0; bottom: -41px; z-index: 10; width: 100%; height: 30px; text-align: center; padding: 5px 0; border-top: 1px solid #333; background: #333; background: -moz-linear-gradient(top, #565656 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #565656 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #565656 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #565656 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #565656 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-controlNav { bottom: 0; opacity: 1; } .theme-bar .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/bar/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 5px 2px 0 2px; } .theme-bar .nivo-controlNav a.active { background-position:0 -22px; } .theme-bar .nivo-directionNav a { display:block; border:0; color: #fff; text-transform: uppercase; top: auto; bottom: 10px; z-index: 11; font-size: 13px; line-height: 20px; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar a.nivo-nextNav { right: -50px; } .theme-bar a.nivo-prevNav { left: -50px; } .theme-bar:hover a.nivo-nextNav { right: 15px; opacity: 1; } .theme-bar:hover a.nivo-prevNav { left: 15px; opacity: 1; } .theme-bar .nivo-directionNav a:hover { color: #ddd; } .theme-bar .nivo-caption { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-caption { bottom: 41px; } .theme-bar .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-bar .nivo-caption a:hover { color:#fff; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Dark Theme Skin URI: http://nivo.dev7studios.com Description: A dark skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-dark.slider-wrapper { background: #222; padding: 10px; } .theme-dark .nivoSlider { position:relative; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/dark/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-dark .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-dark .nivoSlider a { border:0; display:block; } .theme-dark .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-dark .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/dark/bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px; } .theme-dark .nivo-controlNav a.active { background-position:0 100%; } .theme-dark .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/dark/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-dark .nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-dark a.nivo-nextNav { background-position:-16px 50%; right:0px; } .theme-dark a.nivo-prevNav { background-position:11px 50%; left: auto; right: 35px; } .theme-dark .nivo-caption { } .theme-dark .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-dark .nivo-caption a:hover { color:#fff; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/default/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/default/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/default/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Light Theme Skin URI: http://nivo.dev7studios.com Description: A light skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-light.slider-wrapper { background: #fff; padding: 10px; } .theme-light .nivoSlider { position:relative; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/light/loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .theme-light .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-light .nivoSlider a { border:0; display:block; } .theme-light .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .theme-light .nivo-controlNav a { display:inline-block; width:10px; height:10px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/light/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-light .nivo-controlNav a.active { background-position:0 100%; } .theme-light .nivo-directionNav a { display:block; width:30px; height:30px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/base/default/tm/easyslide/nivo/themes/light/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .theme-light .nivo-directionNav a:hover { background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .theme-light a.nivo-nextNav { background-position:160% 50%; right:0px; } .theme-light a.nivo-prevNav { background-position:-60% 50%; left: auto; right: 35px; } .theme-light .nivo-caption { } .theme-light .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-light .nivo-caption a:hover { color:#fff; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* reset cms page std styles */ .std .block-highlight ul, .std .block-highlight ol { margin: 0; padding: 0; list-style: none; } .std .block-highlight .add-to-links { margin: 5px 0 0; } .block-highlight {} .block-highlight .block-title { color: #0A263C; font-size: 14px; font-weight: bold; } .col-main .block-highlight { margin: 0 0 0.7em; } /* Reviews list mode */ .highlight-review .products-list .product-price-block { float: right; text-align: right; } .highlight-review .products-list .desc { float: left; width: 315px; } .highlight-review .products-list .author { font-weight: bold; } .highlight-review .products-list .price-box { float: none; margin: 3px 0 5px; } /* Wide grid for product reviews */ .block-highlight .grid-wide { background: none; border: none; margin: 10px auto; } .block-highlight .grid-wide li.item { padding: 12px 10px; border: 1px solid #eaeaea; border-radius: 7px; margin: 0 10px 0 0; min-height: 100px; background: #f8f8f8; position: relative; } .block-highlight .cols-1 .grid-wide li.item { width: 100%; min-height: 80px; } .block-highlight .cols-2 .grid-wide li.item { width: 44%; } .block-highlight .cols-3 .grid-wide li.item { width: 28%; } .block-highlight .cols-4 .grid-wide li.item { width: 20%; } .block-highlight .grid-wide li.last { margin: 0; } .block-highlight .grid-wide .product-image { width: auto; height: auto; float: left; margin: 0; } .block-highlight .grid-wide .product-shop { margin-left: 87px; } .block-highlight .grid-wide .product-name { font-size: 1em; } .block-highlight .grid-wide .desc { font-size: 0.9em; } .block-highlight .grid-wide .link-learn { font-size: 11px; position: absolute; right: 0; bottom: 0; padding: 1px 8px; background: #e3e3e3; border-radius: 7px 0 7px 0; text-decoration: none; color: #777; } .block-highlight .grid-wide .link-learn:hover { background: #dadada; } .side-col .block-highlight .products-grid, .sidebar .block-highlight .products-grid { background: none; width: 100%; } .side-col .block-highlight .products-grid li.item, .sidebar .block-highlight .products-grid li.item { padding: 5px 3px; width: 40px; } .side-col .block-highlight .products-grid .product-image, .sidebar .block-highlight .products-grid .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list li.item, .sidebar .block-highlight .products-list li.item { padding: 5px 10px; } .side-col .block-highlight .products-list .product-image, .sidebar .block-highlight .products-list .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list .product-shop, .sidebar .block-highlight .products-list .product-shop { margin-left: 55px; } .side-col .block-highlight .product-name, .sidebar .block-highlight .product-name { font-size: 1em; } .side-col .highlight-review .products-list .desc, .sidebar .highlight-review .products-list .desc { width: 100%; float: none; } .highlight-index-index .toolbar .sort-by { display: none; } .navpro { font-size: 13px; text-align: left; } .navpro a.level-top, .navpro div.level-top a { color: #2b3c4a; font-weight: bold; padding: 5px 12px 6px 8px; display: block; line-height: 1.3em; text-decoration: none; } /*Top menu style*/ .nav-container .navpro { margin: 0 auto; padding: 0 16px; width: 918px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #a7c6dd; } .navpro a.level-top:hover, .navpro a.level-top.over, .navpro div.level-top a:hover, .navpro div.level-top a.over { color: #d96708; } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #d96708; } .navpro .nav-ul .active > .nav-a { color: #d96708 } /* dropdown styles */ .navpro .nav-li { float: left; } .navpro li.over { z-index:998; } .navpro .nav-dropdown { position: absolute; display: none; background: #fff; border: 1px solid #ccc; } .navpro .nav-style-accordion > .nav-dropdown { position: static; border: none; display: block; background: none; overflow: hidden; } .navpro .nav-dropdown .nav-dropdown { } .navpro .shown-sub { z-index: 999; display: block; } .navpro .nav-dropdown .shown-sub { display: block; } .navpro .nav-ul .nav-li { float: none; } .navpro .nav-ul .nav-li-column { float: left; } .navpro .nav-ul li.over > a, .navpro .nav-ul li.over > .nav-sibling-title { background-color: #eee; } .navpro .nav-ul .nav-a:hover, .navpro .nav-ul .nav-sibling-title:hover { background-color: #eee; } .navpro .nav-ul .nav-a, .navpro .nav-ul .nav-sibling-title a { text-decoration: none; display: block; } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { display: block; padding: 3px 15px 4px; } .navpro .nav-row { clear: left; } .nav-toggler { position: absolute; width: 20px; height: 20px; top: 4px; right: 0px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/navigationpro_arrows.gif) no-repeat 0 -22px; text-indent: -9999px; } .nav-accordion-toggler.nav-toggler-level1 { right: 5px; } .nav-accordion-toggler.nav-toggler-level2 { right: 8px; } .nav-accordion-toggler.nav-toggler-level3 { right: 11px; } .nav-accordion-toggler.nav-toggler-level4 { right: 14px; } .nav-accordion-toggler.nav-toggler-level5 { right: 17px; } .nav-accordion-toggler { cursor: pointer; background-position: -49px -2px; opacity: 0.6; } .nav-accordion-toggler:hover { opacity: 1; } .nav-accordion-toggler-active { background-position: 0 0; } .navpro-inline .nav-toggler-level0 { background-position: -21px 0; } .nav-a-with-toggler, .nav-sibling-title-with-toggler a { padding-right: 23px !important; } .navpro .relative-level1 { text-indent: 0px; } .navpro .relative-level2 { text-indent: 10px; } .navpro .relative-level3 { text-indent: 20px; } .navpro .relative-level4 { text-indent: 30px; } .navpro .relative-level5 { text-indent: 40px; } .navpro .relative-level6 { text-indent: 50px; } .navpro .relative-level7 { text-indent: 60px; } .navpro .nav-style-accordion .nav-a-level1 { text-indent: 0px; } .navpro .nav-style-accordion .nav-a-level2 { text-indent: 10px; } .navpro .nav-style-accordion .nav-a-level3 { text-indent: 20px; } .navpro .nav-style-accordion .nav-a-level4 { text-indent: 30px; } .navpro .nav-style-accordion .nav-a-level5 { text-indent: 40px; } .navpro .nav-style-accordion .nav-a-level6 { text-indent: 50px; } .navpro .nav-style-accordion .nav-a-level7 { text-indent: 60px; } .navpro .nav-style-accordion .nav-a-level8 { text-indent: 70px; } .navpro .nav-style-accordion .nav-a-level9 { text-indent: 80px; } .navpro .nav-column { float: left; } .navpro .nav-column .nav-column-title { color: #0A263C; font-size: 14px; font-weight: bold; padding: 10px 0 5px 10px; } /* sidebar fixes */ /*.block-navpro .block-content { padding: 5px; }*/ .sidebar .navpro .level-top { float: none; clear: left; } .sidebar .navpro a.level-top, .sidebar .navpro div.level-top a { padding: 5px 12px 6px 12px; } /* Clearer */ .navpro, .nav-li, .nav-ul, .nav-dropdown, .nav-column-wrapper, .nav-column { zoom: 1; } .navpro:after, .nav-li:after, .nav-ul:after, .nav-dropdown:after, .nav-column-wrapper:after, .nav-column:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0; font-size: 0; } /* -------------------------------*/ /* Other extensions compatibility */ /* -------------------------------*/ /* Highlight */ .navpro .block-highlight { padding: 10px; } .navpro .block-highlight .block-title { background: none; border: none; } .navpro .block-highlight .block-content { background: none; border: none; } .navpro .products-grid { background: none; } .side-col .navpro .block-highlight .products-list .product-shop, .sidebar .navpro .block-highlight .products-list .product-shop { margin-left: 150px; } /* Clear Magento odd and even styles */ .navpro .block-highlight li.odd, .navpro .block-highlight li.even { background: none; } .prolabel-wrapper { position: relative; } .prolabels-content-wrapper { display: table; } .prolabels-content-wrapper ul.tt-wrapper { display: table; } .prolabels-content-wrapper ul.tt-wrapper li { display: table-cell; vertical-align: middle; } .prolabels-content-wrapper ul.tt-wrapper, .prolabels-content-wrapper ul.tt-wrapper li { margin: 0; padding: 0; list-style: none; } .prolabels-mobile-content { } .prolabels-mobile-wrapper { float: left; } .prolabel-mobile { display: table-cell; vertical-align: middle; } .prolabels-image-mobile { display: table; } .prolabel-wrapper .prolabels-image { display: table; } .productlabeltext { line-height: 11px; font-size: 0.9em; font-weight: bold; display: block; letter-spacing:0.01px; text-decoration: none; color: #fff; vertical-align: middle; display: table-cell; text-align: center; } .prolabel-wrapper a { text-decoration: none; } .products-list .prolabel-wrapper { float:left; } .prolabel { position: absolute; z-index: 10; } .prolabel td { vertical-align: middle; text-align: center; } .top-center { top: 0; left: 50%; } .middle-left { left: 0; top: 50%; } .middle-right { right: 0; top: 50%; } .bottom-center { bottom: 0; right: 50%; } .middle-center { top: 50%; right: 50%; } .top-left { top: 0; left: 0; } .top-right { top: 0; right: 0; } .bottom-left { bottom: 0; left: 0; } .bottom-right { bottom: 0; right: 0; } /*IE6 fix*/ * html .prolabel-wrapper { float: left; } * html .prolabel-wrapper a { position: relative; } .tt-wrapper{ padding: 0; } /*.tt-wrapper li{ float: left; }*/ .tt-wrapper li a{ display: block; margin: 0 2px; outline: none; position: relative; } .tt-wrapper li a span{ width: 100px; height: auto; line-height: 20px; padding: 10px; left: 50%; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: rgba(255,255,255,0.3); text-indent: 0px; border-radius: 5px; position: absolute; pointer-events: none; bottom: 100%; margin-bottom: 10px; opacity: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tt-wrapper li a span:before, .tt-wrapper li a span:after{ content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0,0,0,0.1); } .tt-wrapper li a span:after { bottom: -6px; margin-left: -10px; } .tt-wrapper li a:hover span { opacity: 0.9; } .tt-wrapper .prolabels-tooltip-text { z-index: 11; } /* @group Base */ .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); box-shadow : 0 4px 5px rgba(0,0,0,.15); z-index: 1010; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius : 5px; border-radius : 5px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; border: 1px solid #aaaaaa; -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #444444; text-decoration: none; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: right top; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 0 0; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { background: #fff url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius : 0 0 4px 4px; border-radius : 0 0 4px 4px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; } /* @end */ .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow : none; box-shadow : none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; border: 1px solid #cccccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -22px -3px; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { cursor: default; opacity:0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: #fff url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; } /* @end */ ul.add-row, .form-list li.add-row { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; padding-top: 5px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:0; margin:0; text-align:right; float: right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } p.value { clear: both; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font-size: 12px; line-height: 20px; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider p { margin: 0 0 0.1em; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; padding: 0; margin: 0; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top: 5px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left: 5px; } .events-slider .forward { right: 5px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; background:#f5f5f5 url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font-size: 14px; line-height: 1.25; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 0 10px; } .catalog-product-view .giftcard-send-form { border-bottom-width: 0; margin:0 0 -22px; } .giftcard-send-form label { text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } .giftcardaccount .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Restricted ================================================================================ */ .restriction-index-stub { background: none; } .restriction-index-stub .page { padding-bottom:3px; } .restriction-index-stub .main { padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#847f7f; min-height:230px; height:230px; font-size:16px; padding: 0; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font-style: italic; font-size: 35px; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } .restriction-index-stub .private-sales-index { padding: 0; margin: 10px auto; } /* Old private sales index ================================================================================ */ .private-sales-index { margin:10px auto 20px; padding:40px 0; max-width: 656px; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_ps.gif) no-repeat 50% 0; padding:50px 13px 0; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; padding:30px 50px 30px; font-size: 20px; font-style:italic; color:#817268; } /* Block: Checkout Progress */ .opc-wrapper .opc { float: left; width: 75%; } .opc-wrapper .fieldset { padding: 0; margin: 0; border: none; } .opc-progress-container { float:right; width:24%; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font-size: 18px; line-height: 1.1px; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .checkout-reward label, .checkout-onepage-payment-additional-customerbalance label { color: #000 !important; } #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .bundle-summary .product:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } @media (max-width: 767px) { .private-sales-index .box .content { padding: 0 15px 10px; } .private-sales-index .box .content .description { padding: 20px 10px; margin-top: 25px; } } @media (max-width: 480px) { .private-sales-index { padding: 0; } .private-sales-index .box { padding: 0; } .private-sales-index .box .content { padding: 10px; } .private-sales-index .box .content h1 { background: none; padding-top: 0; font-size: 21px; } .private-sales-index .box .content .description { margin: 20px auto 0; padding: 12px; font-size: 16px; } .opc-progress-container { display: none; } .opc-wrapper .opc { float: none; width: auto; } } body { background: #444; } .page-popup { background: #fff; } /* Headings */ h1, .h1 { font-size:24px; font-weight:normal; line-height:1.15; } h2, .h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3, .h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4, .h4 { font-size:14px; font-weight:bold; } h5, .h5 { font-size:12px; font-weight:bold; } h6, .h6 { font-size:11px; font-weight:bold; } h2, .h2 { margin-bottom: .2em; } p { margin-bottom: .4em; line-height: 1.4em; } p.note { font-size: .9em; color: #444; } a { color: #023761; } small { font-size: .8em; } button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; } button.button span span { padding-left: 1px; } button.button:hover span {} button.button:hover span span {} button.button:active span {} button.button:active span span {} button.btn-alt span { background:transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.btn-alt span span { background-position: 100% -340px; padding:0 12px 0 4px; } .strong { font-weight: bold; } .std ul.add-to-links { padding: 0; list-style: none; } .std .products-grid { padding: 0; list-style: none; } .price-box p { margin: 0; } .buttons-set { border: none; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } .data-table th, .data-table td { padding: 9px 5px; } .data-table tr.odd { background: #fff; } tr.summary-details td { background: #e0e0e0; } textarea { width: 250px; } .fieldset { background: #f4f4f4; } .fieldset .legend { background: #fff; border-color: #ddd; padding: 1px 8px; font-weight: normal; font-size: 15px; } .form-list label { margin: 0 0 3px; font-weight: normal; font-size: 15px; } .form-list li.wide .input-box { width: auto; } .form-list textarea { width: 98%; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 100%; max-width: 525px; } .form-list .input-box { width: auto; } .form-list input.input-text, .form-list select, .form-list textarea { font-size: 15px; padding: 7px 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; border-color: #aaa #ccc #ccc #ccc; padding: 6px 4px; } .form-list input.input-text:focus, .form-list select:focus, .form-list textarea:focus { background-color: #fafafa; } .form-list label.required em { right: -10px; } .page-title {padding: 7px 0 8px;} .page-title h1, .page-title h2 { font-size:2em; } .page-head-alt { padding: 7px 0 8px; margin: 0 0 7px; } .page-head-alt h3, .page-head-alt h2 { font-size:24px; font-weight: normal; } /* layout */ .page { width: auto; } .col3-layout .col-wrapper { width: 75%; } .col3-layout .col-right { width: 24%; } .col3-layout .col-left { width: 30%; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 24%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 75%; } .col3-layout .col-main { margin-left: 7px; width: 68%; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { padding: 0 5px; margin: 0 auto; border: none; } /* header */ .top-toolbar .links li, .footer .links li { float: left; } .links a { padding: 0 5px 0 6px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/links_div.gif) no-repeat 0 50% !important; white-space: nowrap; } .links li.first a { background: none !important; padding-left: 0; } /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea; } .top-toolbar { color: #7f7f7f; font-size: 0.9em; } /* cms links */ .header-links { margin-right: 80px; float: left; } .top-toolbar .welcome-msg { float: left; margin: 0 10px 0 0; } .top-toolbar { padding: 9px 5px; } .top-toolbar .quick-links { float: right; text-align: right; } .top-toolbar .quick-links .links { float: right; } .top-toolbar .links a { color: #7f7f7f; text-decoration: none; } .top-toolbar .links a:hover { text-decoration: underline; } .top-toolbar input, .top-toolbar select, .top-toolbar textarea, .top-toolbar button { font-size: .9em; } .top-toolbar select { text-indent: 0; background: #fff; } .form-language { float: left; } .form-language label { text-transform: lowercase; } .form-language select { margin-top: -1px; } /* >>> top toolbar */ .header-container { background: #fff; } .header { padding: 20px 5px; } .header-callout { float: left; } .header-container .mobile-togglers { display: none; } #search_mini_form { float: right; } .header-container .form-search { float: right; margin: 15px 0 0 15px; position: relative; text-align: left; } .header-container .form-search label { display: none; } .header-container .form-search input { background: #f6f6f6; width: 250px; padding: 10px 0; height: 15px; color: #757578; text-indent: 7px; } .header-container .form-search button { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -307px 0; width: 37px; height: 37px; overflow: hidden; margin-left: -5px; } .header-container .form-search button span { background: none !important; padding: 0 !important; display: none; } .header-container .form-search .search-autocomplete { margin-top: -1px; } .header-container .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#f9f5f0; } .header-container .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #ddd; padding: 7px 8px 8px 8px; cursor:pointer; } .header-container .form-search .search-autocomplete li.last { border-bottom: none; } .header-container .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header-container .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header-container .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .autocomplete { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .headerajaxsearchwindow { background: none; text-align: left; padding: 3px 6px 4px; } .headerajaxsearchwindow:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } p.headercategorysearch { display: none; font-style: normal; text-align: left; padding: 2px 5px; } .autocomplete div { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } select.ajaxsearch-category-select { padding: 9px 1px 9px 3px; width: 60px; background: #f6f6f6; color: #757578; } .header-container .form-search .chzn-container { text-align: left; float: left; margin-right: 1px; font-size: 12px; min-width: 70px; z-index: 980; } .header-container .form-search .chzn-container-single .chzn-single { padding: 6px 0 6px 3px; height: 23px; border-radius: 0; border-color: #ddd; box-shadow: none; color: #757578; font-size: 10px; background-image: none; background-color: #f6f6f6; filter: none; } .header-container .form-search .chzn-container-single .chzn-single div { top: 6px; height: 23px; } .header-container .form-search .chzn-container .chzn-drop { border-color: #ddd; min-width: 180px; } .header-container .form-search .chzn-container-single .chzn-search input { min-width: 145px; padding: 4px 20px 4px 5px; text-indent: 0; } .header-container .form-search .chzn-container-single .chzn-single abbr { top: 12px; right: 20px; } .header-container .header-cart { float: right; margin: 12px 0 0 20px; background: #f6f6f6; border: 1px dashed #cbcbcb; padding: 6px 5px; position: relative; z-index: 990; } .header-cart .button { margin-top: 3px; } .header-cart .summary { width: 120px; float: left; width: 70px; margin: 0 3px 0 0; font-size: .9em; cursor: pointer; } .header-cart .summary-qty { font-size: 2.1em; float: left; margin: 0 4px 0 0; padding: 0 0 0 10px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -578px -43px; line-height: 30px; } .header-cart .summary-items { } .header-cart .mini-products-list { padding: 0; right: 0; left: auto; } .header-cart .mini-products-list li { padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 250px; } .header-cart .mini-products-list li.last { border: none; } .header-cart .mini-products-list a { text-decoration: none; } .header-cart .mini-products-list a:hover { text-decoration: underline; } .header-cart .mini-products-list .product-details { margin-left: 58px; } .header-cart .mini-products-list .product-image { padding: 2px; border: none; } .header-cart .mini-products-list .truncated .show .item-options { left: -260px; top: 5px; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit { float: right; margin-left: 2px; } /* <<< navigation */ .nav-container { background: #eaeaea; } #nav { margin: 0 auto; width: 968px; border: none; } #nav li a { padding: 11px 13px 10px; color: #272e3d; } #nav ul, #nav div { top: 42px; background: #fff; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #nav ul li { border-color: #f1f1f1; } #nav ul li a { padding: 5px 9px; } #nav li.level-top {} #nav li.first { background: none; padding: 0; } #nav li.parent a { } #nav li.parent a.level-top { padding-right: 19px; } #nav li.parent a.level-top { background-image: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/nav_leveltop_parent.gif); background-repeat: no-repeat; background-position: 100% 50%; } #nav li.parent > a { background-image: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/nav_parent.gif); background-repeat: no-repeat; background-position: 100% 60%; } /* navigation for touchable devices width screen width less than 480px */ #nav-top-toggle { display: none; } #nav .toggle { display: none; } /* navigationpro */ .nav-container { zoom: 1; } .nav-container .navpro { margin: 0 auto; width: 968px; border: none; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #272e3d; font-size: 1.1em; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #d96708; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 17px 13px 13px; color: #272e3d; font-weight: normal;} .nav-container .navpro ul.nav-ul { top: 42px; background: #fff; } .nav-container .navpro ul li a.nav-a { padding: 3px 0; } .nav-container .navpro li.level-top { } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro-inline .nav-toggler-level0 { background-position: -1px 0; } .nav-container .navpro .nav-toggler { top: 16px; right: 1px; } .nav-container .navpro ul .nav-toggler { top: 2px; } .nav-container .nav-a-with-toggler, .nav-container .nav-sibling-title-with-toggler a { padding-right: 21px !important; } .nav-container .navpro .nav-dropdown { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* >>> navigation */ /* middle */ .main-container { background: #fff; } .main { padding: 10px 5px; min-height: 400px; } .breadcrumbs { border: none; font-size: .9em; padding: 6px 10px; } .col-main, .col-left, .col-right { border: none; padding: 0; } /* blocks */ .block { border: none; font-size: 1.0em; } .block .block-title { border: 1px solid #ddd; padding: 8px 8px 8px; color: #033862; border-width: 0 0 1px; font-size: 13px; } .block .block-title strong, .block .block-title span { font-weight: normal; color: #000; font-size: 1.1em;} .block .block-subtitle { font-size: 12px; } .block .block-content li.item { padding: 3px 0; } .block li.even { background: none; } .block .actions { padding: 5px 0; } .sidebar .block-subscribe .input-text { width: 100%; } /* <<< layered navigation */ .block-layered-nav .block-subtitle { display: none; } .block-layered-nav .currently .block-subtitle { display: block; color: #555; font-size: 1em; } .block-layered-nav .currently ol { margin: 5px 0; padding-left: 5px; } .block-layered-nav .currently li { } .block-layered-nav .actions { text-align: right; padding: 5px; background: #eaeaea; margin-bottom: 7px; font-size: .9em; } .block-layered-nav .actions a { float: none; } #narrow-by-list { margin: 0; } #narrow-by-list dt { color: #000; } #narrow-by-list dd { padding-left: 7px; margin: 3px 0 9px; color: #757578; line-height: 1.7em; } #narrow-by-list dd li { padding-left: 14px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; } #narrow-by-list a { color: #023761; text-decoration: none; } #narrow-by-list a:hover { text-decoration: underline; } /* >>> layered navigation */ /* product listing */ .toolbar-bottom { margin-top: 15px; } .pager, .sorter { border: none; margin: 0; font-size: .9em; padding: 7px 5px; } .pager .amount { margin: 0; line-height: 25px; } .pager select, .sorter select { padding: 3px 3px; } .pager .pages li { margin-right: 1px; padding: 1px 5px; } .pager .pages .current { background: #ebebeb; } .sorter { border: 1px solid #E6E6E7; padding: 0; } .sorter .view-mode { margin: 0; background: #f6f6f6; padding: 12px 5px; height: 15px; border-right: 1px solid #E6E6E7; } .sorter .view-mode .list, .sorter .view-mode .grid { padding: 3px 3px 3px 22px; text-decoration: none; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat 0 0; } .sorter .view-mode .list { background-position: -550px -73px; } .sorter .view-mode .grid { background-position: -533px -92px; } .sorter .view-mode a { color: #023761; } .sorter .view-mode a:hover { text-decoration: underline; } .sorter .view-mode label { display: none; } .sorter .sort-by { padding: 7px 5px; } .i-previous, .i-next { text-decoration: none; } .link-wishlist, .link-compare { font-weight: normal; } .products-grid .link-wishlist, .category-products .link-wishlist, .product-shop .link-wishlist { padding: 0 0 0 15px; text-decoration: none; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -582px -335px; } .products-grid .link-compare, .category-products .link-compare, .product-shop .link-compare { padding: 0 0 0 15px; text-decoration: none; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -582px -310px; } .products-grid .link-wishlist:hover, .category-products .link-wishlist:hover, .product-shop .link-wishlist:hover { text-decoration: underline; } .products-grid .link-compare:hover, .category-products .link-compare:hover, .product-shop .link-compare:hover { text-decoration: underline; } .col1-layout .products-grid { width: auto; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: auto; } .product-name a { text-decoration: none; } .product-name a:hover { text-decoration: underline; } .products-grid { padding: 5px 0; } .products-grid li.item { width: 31.3%; padding: 10px 1% 10px; } /* 3 products per row */ .col1-layout .products-grid { margin: 0 0 10px; } .col1-layout ul.last { margin: 0; } .products-grid .product-name { font-weight: normal; font-size: 1.2em; min-height: 40px; } .products-grid .product-image, .products-list .product-image { width: auto; height: auto; max-width: 100%; } .products-list .product-image { max-width: 135px; } .products-grid .product-image img, .products-list .product-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .products-list .product-name { margin:0 0 5px; font-weight:normal; font-size: 1.3em; } .products-list .add-to-links { font-size: .9em; margin: 0 0 5px; } .products-grid .price-box { float: left; } .products-grid .actions { position: static; float: right; } .products-grid .add-to-links { /*position: absolute; bottom: 15px;*/ float: left; margin: 9px 0 5px; font-size: .9em; clear: both; } .products-grid .add-to-links li { float: left; margin-right: 10px; line-height: 18px; } .products-grid .add-to-links li.li-wishlist {} .products-grid .add-to-links li.li-compare { margin-right: 0; } .products-grid .add-to-links a, .products-list .add-to-links a { color: #757578; text-decoration: none; } .products-grid .add-to-links a:hover, .products-list .add-to-links a:hover { text-decoration: underline; } .col1-layout .products-grid li.item { width: 23%; } /* 4 products per row */ .col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item { width: 31.3%; } /* 3 products per row */ .col3-layout .products-grid li.item { width: 31.3%; /*padding-bottom: 45px;*/ } /* 3 products per row */ .col3-layout .products-grid .actions { float: none; } .col3-layout .products-grid .add-to-links { /*position: static;*/ } .col3-layout .products-grid .add-to-links li { float: none; } .products-list .product-shop {} .price-box { font-size: 1em; } .price-box .price, .regular-price .price, .price-from .price-label, .price-to .price-label { font-weight: normal; } /* product view */ .product-view .product-img-box { float: left; width: 370px; margin-left: -100%; } .product-view .product-img-box .more-views { clear: both; } .product-view .product-img-box .highslide-gallery .more-views a { margin-right: 5px; } .product-view .product-img-box .more-views a { width: 56px; float: left; } .product-view .product-shop, .col1-layout .product-view .product-shop { width: 100%; float: left; } .product-view .product-shop .product-shop-inner { margin-left: 385px; } .product-view .product-img-box .product-image-zoom img { max-width: 900px; width: auto; } .highslide img { border: 1px solid #ddd; width: auto; max-width: 100%; } .highslide img:hover { border: 1px solid #ccc; } .product-view .product-shop .product-name { margin: 0 0 17px; } .product-view .product-shop .email-friend, .product-view .product-shop .no-rating { float: left; font-size: 11px; margin: 0 12px 12px 0; } .product-view .product-shop .email-friend a, .product-view .product-shop .no-rating a, .product-view .product-shop .rating-links a { color: #777; } .product-view .product-shop .rating-links .separator { color: #999; } .product-view .product-shop .ratings { line-height: 1.4em; font-size: 11px; } .product-view .product-shop .short-description { clear: both; margin: 12px 0; } .product-view .product-shop .availability { font-size: .9em; margin: 7px 0; } .product-view .product-shop .price-box { float: left; margin: 0 20px 7px 0; font-size: 1.5em; } .product-view .product-shop .price-box .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .price-from .price-label, .product-view .product-shop .price-to .price-label { font-weight: bold; } .product-view .product-shop .tier-prices { clear: both; margin: 7px 0; padding: 7px 12px; background: #ffffff; border: 1px dotted #ddd; font-size: .9em; } .product-view .product-shop .tier-prices li { line-height: 1.7em; } .product-view .product-shop .price-box { display: none; } .product-view .add-to-cart-wrapper { padding: 17px 10px; background: #f4f4f4; border: 1px solid #eee; position: relative; margin-top: 25px; } .product-view .add-to-cart-wrapper .availability { position: absolute; top: -20px; left: 0; margin: 0; } .product-view .add-to-cart-wrapper .price-box { margin: 0; display: block; line-height: .9em; } .product-view .product-shop .add-to-cart .qty { padding: 8px 3px; } .product-view .product-shop .add-to-cart label { line-height: 29px; } .product-view .product-shop .add-to-links { margin: 7px 0; font-size: .9em; text-align: right; } .product-view .product-shop .add-to-links li { display: inline; margin: 0 10px 0 0; } .product-view .product-shop .add-to-links a { color: #777; } .product-view .product-shop .product-options { clear: both; } /* Product Options */ .product-options { margin:10px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#2f2f2f; } .product-options dt label.required em { color:#eb340a; margin: 0 2px 0 0; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:20px; top:20px; padding: 0; } .product-options-bottom { background-color:#f4f4f4; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-view .product-options-bottom .price-box { float:left; margin:0 !important; padding:0; display: block; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; margin-bottom: 0 !important; font-size: .9em; } .product-view .product-shop .product-options-bottom .add-to-links li { margin: 0 0 0 10px; } .product-options-bottom .add-to-links a { color: #777; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* ee compatibility */ .product-shop .product-options-bottom { position: relative; } .product-shop .product-options-bottom p.required { position: absolute; right: 33px; top: -20px; } /* Grouped Product */ .product-view .add-to-cart-wrapper .grouped-items-table { margin: -5px 0 10px 0; } .product-view .grouped-items-table .price-box { margin:0; padding:0; font-size: 1.1em; line-height: 1.3em; } .product-view .grouped-items-table td, .product-view .grouped-items-table th { padding: 5px; } .product-view .product-shop .price-box-bundle .price-box { display: block; font-size: 1.1em; } /* product tabs */ .product-view .tabs { overflow: hidden; zoom: 1; padding: 0; margin: 0; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; height: auto; border: none; } .product-view .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin: 5px 10px 0 0; border: none; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; height: 34px; } .product-view .tabs li a { background: transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; color: #023761; border: none; margin: 0; float: left; text-align: center; font-size: 12px; letter-spacing: 0.05em; text-transform: capitalize; white-space:nowrap; padding: 9px 14px 9px 15px; height: 34px; } .product-view .tabs li a:hover { background-position: 0 -40px; background-color: transparent; } .product-view .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background: transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) no-repeat 0 -80px; color: #ef6e00; cursor: default; } .product-view .padder { padding: 10px 10px; border: 1px solid #b7d3ea; border-top: none; margin: 0 0 15px; } .product-view .padder .products-grid li.item { padding-bottom: 10px; } .product-view .padder .products-grid .add-to-links { display: none; } .product-view .padder .box-collateral { margin: 0; } .product-view .box-collateral .h2 { margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; padding: 0 0 5px; display: block; } .product-view .box-collateral .padder .h2 { margin: 0; } .product-view .padder .box-up-sell > h2, .product-view .padder .box-up-sell > .h2 { display: none; } .product-view .padder .block-related .block-title { display: none; } .product-view .padder .block-related .block-content { padding: 0; } .product-view .padder .mini-products-list li { width: 45%; margin-right: 5%; float: left; } .product-view .padder .mini-products-list li:nth-child(odd) { clear: left; } #product_tabs_tags_tabbed_contents .input-box { width: auto; max-width: 260px; float: none; margin: 0 10px 7px 0; } .product-view .box-tags .form-add input.input-text { width: 100%; } .product-collateral .box-collateral { clear: both; } .product-collateral .soldtogether-block { margin: 0; padding-bottom: 15px; } .product-collateral .soldtogether-block .subtitle { color: #555; } .product-collateral .soldtogether-block .images li { width: 150px; } .soldtogether-block .check li { padding: 5px; } /*********************/ .product-view .product-collateral { padding: 10px 0; } .product-view .product-collateral h2 { } .product-view .product-collateral .box-up-sell { } /* setup 4 columns layout */ .col2-right-layout .product-view .product-collateral .box-up-sell .products-grid li.item, .col2-left-layout .product-view .product-collateral .box-up-sell .products-grid li.item { width: 23%; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3, .product-view .box-tags .h3 { font-size:12px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/links_div.gif) no-repeat 100% 50%; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .product-tags a { color: #333; } .product-view .box-tags .form-add label { display:none;} .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 0 0; } /* Block: Reviews */ .product-view .padder .box-reviews > h2, .product-view .padder .box-reviews > .h2 { display: none; } .product-view .box-reviews dl { margin:0 0 15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add .h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span, .product-view .box-reviews .form-add .h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4, .product-view .box-reviews .form-add .h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .review-product-list .price-as-configured { display: none; } /* Block: Additional */ #product-attribute-specs-table th { white-space: normal; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* <<< customer */ .block-account li { padding: 3px 0; } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999px; text-align: left; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font-weight:bold; font-size: 12px; line-height: 19px; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ .account-login .new-users, .account-login .registered-users { width: 47%; padding: 1% 1% 0; float: left; } .account-login .new-users h2, .account-login .registered-users h2 { border-bottom: 1px solid #e6e6e6; padding-bottom: 3px; } .account-login .new-users .buttons-set, .account-login .registered-users .buttons-set { } .account-login .registered-users { float: right; } .login-only .registered-users { float: none; margin: 0 auto; } .box-account { margin-bottom: 25px !important; } .box-account .box-head { margin: 0 0 5px; } .box-account .box-head h2, .box-account .box-title h3, .box-account .box-head .h2, .box-account .box-title .h3 { float: left; } .box-account .box-head a, .box-account .box-title a { float: right; } .my-account .box { padding: 10px; } .my-account .box .box-title { margin: 0 0 3px; } .my-account .box .box-content { font-size: .9em; } /* General Box */ .box-account { background: #fff; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; color:#e65505; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Address Book */ .addresses-list h2, .addresses-list .h2 { font-weight:bold; font-size:13px; text-transform:uppercase; } .addresses-list h3, .addresses-list .h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background: #f4f4f4; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Block: Recent Orders */ #my-orders-table .order-info, #my-downloadable-products-table .order-info { border: none; background: none; padding: 0; } #my-orders-table .order-info dt, #my-downloadable-products-table .order-info dt { clear: left; float: left; margin-right: 3px; font-size: .9em; } #my-orders-table .order-info dt:after, #my-downloadable-products-table .order-info dt:after { content: ':'; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { display: block; font-weight: bold; font-size: .9em; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3, .order-items .h2, .order-items .h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .product-image { width: 90px; } .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; } .my-wishlist .wishlist-short-info { float: left; width: 60%; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: left; width: 25%; margin-left: 10px; display: inline; } .my-wishlist .truncated { float: left; margin: 10px 10px 10px 0; } /* My Tags */ .tags li { display: inline; } .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } #my_recent_tags li.item { margin-bottom: 3px; } .my-account #products-tag-list .product-image { width: 90px; } .my-account #products-tag-list .product-shop { margin-left: 100px; } /* My Reviews */ #my_recent_reviews li { margin: 0 0 10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3, .product-review .h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999px; text-align: left; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* >>> customer */ /* Cart */ .cart { margin:0; } .cart #products-cart-list { margin: 0 0 15px; } .cart #products-cart-list li { padding: 7px 0; } .cart #products-cart-list li.even { background: #f6f6f6; } .cart .page-title .btn-continue { float: left; clear: left; margin-top: 3px; } .cart .cart-collaterals .col-2 { width:100%; } .cart .product-image { width: 90px; } .cart .product-shop, .cart-headers .col-shop { margin-left: 100px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .cart-qty, .cart .col-total-price, .cart .col-delete-item { float: left; } .cart .col-description { width: 45%; } .cart .col-wishlist { width: 10%; } .cart .col-unit-price, .cart .col-total-price { width: 15%; padding: 0 5px; } .cart .cart-qty { width: 10%; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart-headers { border-bottom: 1px solid #eee; padding: 7px 0 7px; font-weight: bold; background: #eaeaea; } .cart-header-item { display: none; } .cart .cart-price-list li { padding-top: 0 !important; } .cart .shipping-crosssell { width: 72%; } .cart .shipping-crosssell .col-1 { float: right; } .cart .shipping-crosssell .col-2 { float: left; } .cart .shipping { font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .shipping h2 { font-size:15px; font-weight: bold; } .cart .shipping select { width:100%; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping .form-list .input-text { width: 100%; } .cart .shipping .buttons-set { margin-top:5px; text-align:right; } .cart .totals { font-size:12px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 10px; width: 23%; } .cart .totals #shopping-cart-totals-table { float: right; } .cart .totals .checkout-types { margin: 10px 0 0; } .cart .totals strong { font-size:14px; } .cart .checkout-types { float: right; } .cart .totals .checkout-types { clear: both; display: block; } .cart .checkout-types li:last-child { } .cart .checkout-types li { text-align:center; margin: 0 0 5px; } .cart .checkout-types .paypal-or { clear:both; display:block; } .cart .checkout-types .btn-checkout span { } .cart .shopping-continue {float:left; padding-top:4px; font-size:12px; } .cart .totals .btn-remove, #checkout-review-table .btn-remove { float: right; margin: 3px 0 0 5px; } button.btn-checkout::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.btn-checkout { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.btn-checkout { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.btn-checkout span, button.btn-checkout span:hover, button.btn-checkout span:active { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0 !important; display: block; font-size: 15px; line-height: 38px; font-weight: bold; height: 40px !important; text-align: center; white-space: nowrap; text-transform: none !important; border: none; color: #fff; padding: 0 0 0 8px; } button.btn-checkout span span, button.btn-checkout span span:hover, button.btn-checkout span span:active { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 100% 0 !important; border: none; padding: 0 20px 0 12px !important; } .discount, .giftcard { margin-bottom:15px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 15px 5px 7px; } .discount h2, .giftcard h2 { font-size:14px; font-weight: bold; } .discount label, .giftcard label { clear:both; display:block; margin-bottom:5px; } .discount .input-box { } .discount .input-text, .giftcard .input-text { width: 100%; background: #fff; padding: 6px 0 5px; } .discount .buttons-set {} .discount .button, .giftcard .button { margin: 0 5px 10px; } .cart .crosssell { margin: 0; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .price-box { margin: 4px 0; } .cart .crosssell .product-image { width: 90px; height: 90px; } #crosssell-products-list h3, #crosssell-products-list .h3 { font-size: 13px; } #crosssell-products-list .item { padding: 5px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; } #crosssell-products-list .last { border: none; padding-bottom: 0; } #crosssell-products-list .product-image { float: left; } #crosssell-products-list .product-details { margin-left: 100px; } #crosssell-products-list .product-name, #crosssell-products-list .price-box { margin-bottom: 3px; } #crosssell-products-list .add-to-links { font-size: 11px; margin: 3px 0; } .wishlist-list .item-options, .cart-list .item-options, .multiship-list .item-options, .multiple-checkout .item-options { font-size: 11px; } .wishlist-list .item-options dt, .cart-list .item-options dt, .multiship-list .item-options dt, .multiple-checkout .item-options dt { float: left; font-weight: bold; margin-right: 3px; } .wishlist-list .item-options dt:after, .cart-list .item-options dt:after, .multiship-list .item-options dt:after, .multiple-checkout .item-options dt:after { content: ':'; } .wishlist-list .item-options dd, .cart-list .item-options dd, .multiship-list .item-options dd, .multiple-checkout .item-options dd { } /* <<< onepage checkout */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:bold; color:#666; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { padding: 10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:11px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:45%; } .gift-messages-form .item .details .form-list .input-box { width:100%; } .gift-messages-form .item .details .form-list input.input-text { width:97%; } .gift-messages-form .item .details .form-list li.wide .input-box { width: auto; } .gift-messages-form .item .details .form-list li.wide textarea { width: 97%; } .gift-message-link { font-size:11px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fff; margin:0 0 25px; padding:10px 5px 0 5px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#000; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { padding:5px 10px; background:#eaeaea; margin: -10px -5px 5px -5px; position: relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:normal !important; color:#023761 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } .info-set .form-list .field { width: 49%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index .page-title { border-bottom: 0 none;} .checkout-onepage-index .main { padding-bottom: 40px;} .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; } .block-progress dt { font-size:12px; font-weight:bold; line-height:1.35; border:1px solid #a3aeb3; margin:0 0 6px; padding:6px 8px; color:#999; } .block-progress dt a { font-size: 11px; } .block-progress dd { padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#eee; color:#303030; } .block-progress dd.complete {background: none;} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc .step-title { } .opc h2 { font-size: 15px; font-weight: normal; line-height: 35px; margin-bottom: 0; } .opc .step-title .number { font-size: 13px; background: #fff; padding: 4px 6px; line-height: normal; margin: 6px 10px 0 3px; } .opc .active .step-title .number {background: #666; color: #fff;} .opc .active .step-title { background-color: #e6e6e6; } .opc .allow .step-title a { display: block; line-height: 29px; font-size: 11px; padding-right: 15px; color: #777;} .opc .active .step-title a { display: none; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; margin-bottom: 5px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-login .form-list { margin: 10px 0; } #checkout-shipping-method-load { margin: 10px 0; } .gift-messages h3 { font-size: 13px; } /* >>> onepage checkout */ /* Multiple Addresses Checkout */ .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfaf6; border:1px solid #bbb6a5; margin:0 0 25px; padding:10px; } .multiple-checkout .col2-set h2.legend { margin:-10px -10px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:7px -10px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { color:#e26703; } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_grand-total.gif) 100% 0 no-repeat; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display: none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* footer */ .footer-container {} .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; font-size: .9em; } .footer address { float: left; } .footer .store-switcher { float: left; display: inline; margin-left: 25px; } .footer .store-switcher select { margin-top: -2px; } .footer .links { float: right; } #scroll-up { position: fixed; top: 50%; right: 30px; } #scroll-up a { text-indent: -9999px; width: 60px; height: 60px; display: block; background: #eee url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -296px -106px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #scroll-up a:hover { background-color: #ddd; } /* >>> footer */ /* <<< homepage */ body.cms-home .easycatalogimg { margin: 10px 0; padding: 15px 0; } body.cms-home .easycatalogimg .parent-category { text-align: center; } body.cms-home .easycatalogimg .products-grid li.item { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/easycatalogimg.gif) repeat-y 0 0; padding: 0 1% !important; } body.cms-home .easycatalogimg .products-grid li.item:first-child { background: none; } body.cms-home .easycatalogimg .list-subcategories { padding-left: 20px; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; padding: 2px 0 2px 11px !important; } .easycatalogimg .list-subcategories li a { text-decoration: none; } .easycatalogimg .list-subcategories li a:hover { text-decoration: underline; } /* homepage tabs */ .tab-container { margin: 0 0 10px 0; } .tab-container .tabs { overflow: hidden; zoom: 1; margin: 0; padding: 0; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; } .tab-container .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin-right: 25px; background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; } .tab-container .tabs li .block-title { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; border:none; margin:0; float:left; text-align: center; min-width: 100px; font-size: 1em; } .tab-container .tabs, .tab-container .tabs li, .tab-container .tabs li .block-title { height: 34px; } .tab-container .tabs li.over { background-position: 100% -40px; } .tab-container .tabs li.over .block-title { background-position: 0 -40px; } .tab-container .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .tab-container .tabs li.active .block-title { background-position: 0 -80px; } .tab-container .tabs li span { padding: 9px 14px 9px 15px; white-space:nowrap; float:none; text-align:center; text-transform:capitalize; font-weight:bold; display: block; font-size: 12px; letter-spacing: 0.05em; } .tab-container .tabs li.over span {} .tab-container .tabs li.active span {} .tab-container .content {padding:7px 0 0} .tab .col3-set {padding:0 5px} /* >>> homepage */ /* <<< EE Edition */ .event-container { margin-bottom: 0; } .event-container .event { margin-bottom: 0; position: static; } .rewards { margin: 0; } .reward-message { margin: 5px 0; } /* >>> EE Edition */ /* expandable lists */ .expandable-wrapper { border: none !important; margin: 0 0 5px; padding: 0 !important; } .expandable-list { border:1px solid #116bb7; padding: 0; border-radius: 5px; font-size: 15px !important; line-height: 21px; color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded { border:1px solid #ccc; color: #777; background: none; } .expandable-list a, .expandable-list strong { display: block; color: #fff; padding: 8px 9px; text-decoration: none; } .expandable-list.expanded a, .expandable-list.expanded strong { color: #777; border-top: 1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded .current strong { color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list li { padding: 0; } .expandable-list.expanded li:first-child a, .expandable-list.expanded li:first-child strong { border-top: none; border-radius: 5px 5px 0 0; } .expandable-list.expanded li:last-child a, .expandable-list.expanded li:last-child strong { border-radius: 0 0 5px 5px; } .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .add-askit-box { border-color: #ddd; } .ajaxpro-form, #ajaxpro-spinner { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } button.ajaxpro-continue-button span { background:transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.ajaxpro-continue-button span span { background-position: 100% -340px; padding:0 12px 0 4px; } #ajaxpro-addcustomproduct-view { margin-bottom: 7px; } #ajaxpro-addcustomproduct-form { width: 550px; margin-left: -275px; } #ajaxpro-addcustomproduct-form .product-view { padding: 0; width: auto; text-align: left; } #firecheckout-form .form-list label { font-size: 13px; } .firecheckout-section .block-title { font-size: 11px; } .firecheckout-set input.input-text { text-indent: 0; } /* <<< responsive styles */ @media (max-width: 967px) { .notice-cookie .notice-inner { width: auto; padding-right: 12px; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto; } .nav-container .navpro { width: auto; } /* Make product tabs vertical */ .product-view .tabs { float: left; width: 23%; overflow: visible; height: auto; background: none; margin: 0 0 15px; } .product-view .tabs li { margin: 0; float: none; height: auto; padding: 0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #fff; background: none; } .product-view .tabs li a { white-space: normal; padding: 10px 0; letter-spacing: 0; min-width: 0; float: none; display: block; background: #efefef; height: auto; } .product-view .tabs li a:hover { background-position: 100% 100%; background-color: #eaeaea; } .product-view .tabs li.active { border-right: none; } .product-view .tabs li.active, .product-view .tabs li.active a:hover, .product-view .tabs li.active a { background: #fff; } .product-view .padder { float: right; padding: 10px 1%; width: 75%; border: none; } .product-view .padder, .product-view .tabs { border-top: 1px solid #e3e3e3; } .footer-cms .footer-links li { width: 125px; margin-right: 10px; } } @media (max-width: 767px) { /* <<< accordion navigation */ #nav-top-toggle { background: #fff; margin: 0; display: block; padding: 0 5px; } .nav-toggle-wrapper { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -560px -355px #eaeaea; margin: 0; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd;} .nav-toggle-wrapper a { color: #555; font-weight: bold; text-shadow: 1px 1px 1px #fff; display: block; padding: 8px 10px 8px 45px; text-transform: uppercase; text-decoration: none; } .nav-container { background: #fff; display: none; } .nav-container.shown { display: block; } #nav { font-weight: normal; margin: 2px 5px 0; padding: 0; border: 1px solid #caccd2; border-radius: 5px; } #nav ul, #nav div { position: static; left: auto; right: auto; top: auto; bottom: auto; width: auto; border: none; background: none; display: none; box-shadow: none; } #nav ul.shown, #nav div.shown { display: block; } #nav li { position: relative; float: none; } #nav li.level-top { background: none; padding: 0; } #nav li a { float: none; } #nav .toggle, #nav li.parent > .toggle { position: absolute; right: 0; top: 3px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } #nav a.level-top, #nav li.parent a.level-top { background-color: rgb(255,255,255); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } #nav ul li.parent > a { background-image: none; } #nav .first a.level-top { border-radius: 5px 5px 0 0; border: none; } #nav .last a.level-top { border-radius: 0 0 5px 5px; } #nav .toggle:active { } #nav .toggle:hover { border: none; } #nav .toggle.active { background-position: 3px 4px !important; } #nav li.parent > .toggle.active { background-position: 3px 4px !important; } #nav ul li { font-weight:normal; border: none; } #nav li a, #nav ul li a { display:block; text-decoration:none; border-top:1px solid #caccd2; padding:12px 12px 10px 8px; color:#555; } #nav li a:hover { color: #000; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span { white-space:normal; } #nav .level0 li a { padding-left:15px; } #nav .level1 li a { padding-left:25px; } #nav .level3 li a { padding-left:35px; } #nav .level4 li a { padding-left:45px; } #nav .level5 li a { padding-left:55px; } /* navigationpro */ .nav-container { padding: 2px 0 0; } .nav-container .navpro { padding: 0; margin: 0; border: 1px solid #caccd2 !important; border-radius: 5px; width: auto; } .nav-container .navpro li { float: none; } .nav-container .navpro li.level-top { background: none; padding: 0; border-bottom: 1px solid #e7e7e7; } .nav-container .navpro li.last { border: none; } .nav-container .navpro li a { padding: 10px 13px 9px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } .nav-container .navpro .first a.level-top, .nav-container .navpro .first div.level-top, .nav-container .navpro .first div.level-top .nav-a { border-radius: 5px 5px 0 0; border: none; } .nav-container .navpro .last a.level-top, .nav-container .navpro .last div.level-top, .nav-container .navpro .last div.level-top .nav-a { border-radius: 0 0 5px 5px; } .nav-container .navpro .nav-dropdown-toggler { display: none; } .nav-container .navpro .nav-dropdown { position: static; background: none; border: none; display: none; } .nav-container .navpro ul.shown, .nav-container .navpro div.shown { display: block; } .nav-container .navpro .toggle { position: absolute; right: 0; top: 3px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } /* >>> accordion navigation */ } @media (max-width: 767px) { .form-list input.input-text { width: 90%; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 90%; } .welcome-msg { display: none; } .header-links { margin-right: 10px; } .header { padding: 5px 5px; } .header-container .header-cart { margin-top: 5px; } .header-container .form-search { margin-top: 9px; } .header-container .form-search input { width: 200px; } .autocomplete { max-width: 280px; } .main { padding: 5px 5px; } .col3-layout .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .pager { text-align: right; } .pager .limiter { display: none; } .pager .pages { margin-right: 0; } .products-list .product-image, .products-list .product-image img, .products-grid .product-image, .products-grid .product-image img { width: 100px; height: auto; } .products-list .product-shop { margin-left: 105px; } .products-grid .product-name { min-height: 50px; } .products-grid .actions, .products-grid .price-box { float: none; } .products-grid li.item { /*padding-bottom: 45px;*/ } .col1-layout .products-grid li.item { /*padding-bottom: 45px;*/ } .products-grid .add-to-links li { float: none !important; } #product_tabs_related_tabbed_contents li { width: auto; margin-right: 0; float: none; } .cart .col-unit-price, .cart .col-total-price { width: 10%; padding: 0 5px; } .cart .shipping-crosssell { width: 60%; float: left; } .cart .shipping-crosssell .col-1, .cart .shipping-crosssell .col-2 { float: none; width: auto; } .cart .shipping { margin-bottom: 5px; } .cart .totals { width: 35%; } /* multiship checkout */ #multiship-addresses-table select { width: 250px; } /* My Wishlist */ .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; clear: both; } .my-wishlist .wishlist-short-info { float: none; width: auto; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: none; width: auto; margin: 10px 0; display: block; clear: both; } .footer { text-align: center; } .footer, .footer-cms { } .footer-toolbar .block-subscribe .input-text { width: 130px; } .footer-social .label { display: none; } .footer-cms .footer-links { float: left; width: 60%; } .footer-cms .footer-links .h6 { margin-bottom: 4px; } .footer-cms .footer-links li { width: 49%; margin: 0;} .footer-cms .footer-links li ul { margin-bottom: 10px; } .footer-cms .footer-contacts { float: right; width: 39%; } .footer-cms .footer-contacts img { max-width: 100%; width: auto; height: auto; } .footer address { float: none; text-align: center; margin-bottom: 5px; } .footer .store-switcher { float: none; display: block; margin: 0 0 5px 0; } .footer .links, .footer .links li { float: none; } .event-container .status, .event-container .event-dates { font-size: 14px } } @media (max-width: 479px) { img { max-width: 100%; width: auto; height: auto; } .notice-cookie .notice-inner { padding: 5px; background-image: none; } .fieldset { padding-left: 15px; padding-right: 15px; } .fieldset .legend { margin-left: 0px; } .form-list .field { float: none; width: auto; } select, .form-list select { background:url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/i_dropdown.png) no-repeat right #fefefe !important; padding:6px 30px 6px 5px !important; } .form-list textarea, .form-list select, select { -webkit-appearance:none; -webkit-box-sizing:border-box; } .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; } /* make top toolbar really small */ .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-toolbar .quick-links { float: right; text-align: left; margin-top: 7px; } .top-link-wishlist, .top-link-checkout { display: none; } .header { text-align: center; } .header .logo { width: 140px; margin: 5px 0 7px; float: none; display: inline-block; } .header .logo img { max-width: 100%; width: auto; } .header-container .header-cart { float: right; clear: left; text-align: left; margin: 0; background: none; border: none; } .header-container .mobile-togglers { display: block; margin: 5px 0 0 0; } .header-container #mobile-navigation-toggle { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -566px -353px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #mobile-search-toggle { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/common.gif) no-repeat -305px -37px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #search_mini_form {display: none; float: left; clear: both; width: 100%; min-width: 310px; } .header-container #search_mini_form.visible { display: block; } .header-container .form-search { float: none; margin: 10px 0 5px 0 !important; } .header-container .form-search input { width: 220px; } .autocomplete { max-width: 240px; } #nav-top-toggle { display: none; } .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } body.cms-home .easycatalogimg .products-grid li.item { float: left; width: 48% !important; padding: 0; background: none !important; border: none; margin: 0 0 10px; } body.cms-home .easycatalogimg .products-grid .parent-category { text-align: left; text-indent: 5px; } .col1-layout .easycatalogimg .products-grid li.item { padding: 0; } .easycatalogimg .products-grid .product-image { float: none; } .tab-container .tabs li { margin-right: 10px; } .tab-container .tabs li .block-title { min-width: 0; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 32%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 67%; } .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .col2-right-layout .col-main { width: auto; float: none; } .toolbar { display: none; } .toolbar-bottom .toolbar { display: block; } .pager { text-align: right; } .pager .limiter { display: none; } .pager .pages { margin: 0; font-size: 16px; } .pager .pages li { margin: 0 3px; } .pager .amount { display: none; } .sorter { display: none; } .products-grid { border-bottom: none; position: static; } .products-grid li.item { float: none; border-bottom: 1px solid #c9deef; padding: 7px 5px; } .col1-layout .products-grid li.item { padding: 7px 5px; } .products-grid.last li.last, .products-grid.last li:last-child { border: none; } .products-grid .product-image, .prolabel-wrapper { float: left; } .prolabel-wrapper { max-width: 100%; } .products-grid .product-image, .products-grid .product-image img { width: 80px; height: auto; } .easycatalogimg .products-grid img { width: 110px; } .products-grid .product-name { min-height: 0; } .products-grid .ratings:after { clear: none; content: ''; display: inline; } .products-grid .ratings, .products-grid .price-box, .products-grid .actions, .products-grid .add-to-links { margin-left: 84px; position: static; font-size: 1em; float: none !important; clear: none; } .products-grid .actions .add-to-links { margin-left: 0; } /*.col3-layout .products-grid .product-image, .col3-layout .products-grid .product-image img { width: 70px; height: auto; } .col3-layout .products-grid .product-name, .col3-layout .products-grid .price-box, .col3-layout .products-grid .actions { margin-left: 74px; position: static; } .col3-layout .products-grid .add-to-links { display: none; }*/ /* product view */ .product-view .product-shop, .col1-layout .product-view .product-shop { float: none; } .product-view .product-shop .product-shop-inner { margin: 0; } .product-view .product-img-box { float: none; margin: 0; width: 100%; } .product-view .product-img-box .zoom-notice { display: none; } .product-view .product-img-box .zoom { display: none; } .product-view .tabs li a { font-size: .9em; } .product-view .padder .products-grid .add-to-links { display: block; } .product-collateral .soldtogether-block .images li { width: 80px; background-size: 8px; background-position: 3px 50%; padding-left: 15px; } /* cart */ .cart-headers { display: none; } .cart-header-item { display: inline; } .cart .product-image { width: 55px; } .cart .product-shop { margin-left: 60px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .col-total-price, .cart .cart-qty { float: none; width: auto; padding: 0; } .cart .col-wishlist { margin: 0 0 4px; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart .col-delete-item { background: none; display: inline; font-size: 1em; line-height: normal; text-indent: 0; width: auto; height: auto; margin-top: 4px; } .cart .cart-price-list li { padding: 0 !important; } .cart .shipping-crosssell { width: auto; float: none; } .cart .totals { width: auto; float: none; margin-bottom: 5px; } .cart .totals #shopping-cart-totals-table { float: none; } .discount { margin-bottom:5px; clear: both; } .cart .crosssell { } .gift-messages-form .item .details .form-list .field { width:97%; } .info-set .form-list .field { width: 100%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /* onepage checkout */ #opc-login .col-1, #opc-login .col-2 { float: none; width: auto; } #opc-login .buttons-set { padding: 5px; } /* multiship checkout */ .checkout-progress { padding: 0; font-size: .9em; } #multiship-addresses-table select { width: 110px; } #multiship-addresses-table .qty { width: 1.7em !important; } .checkout-multishipping-shipping .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-shipping .multiple-checkout .col2-set .col-wide, .checkout-multishipping-billing .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-billing .multiple-checkout .col2-set .col-wide, .checkout-multishipping-overview .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-overview .multiple-checkout .col2-set .col-wide { width: auto; float: none; } .multiple-checkout .place-order .grand-total big { margin: 0 0 10px; display: block; } .account-login .new-users, .account-login .registered-users { width: auto; float: none; margin-bottom: 10px; border-width: 0 0 1px; min-height: 0; } .remember-me-popup { width: 300px; margin-left: -150px; } /* General Box */ .box-account { background: #fff; margin: 0 0 20px; padding: 0; border: none; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; color:#e65505; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { clear: left; } .box-account .col-1 { margin-bottom: 7px; } .box-account .col-1, .box-account .col-2 { float: none; width: auto; } .addresses-list .col-1, .addresses-list .col-2 { float: none; width: auto; } /* My Wishlist */ .my-wishlist .product-image { width: 50px; height: auto; } .my-wishlist .product-shop { margin-left: 55px; } .my-wishlist textarea { width: 170px; margin-bottom: 5px; } .order-info-box { padding: 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer-social { float: none; width: 120px; margin: 0 auto; } /* EE styles */ .event { height: auto; } .event-container { height: auto; } .event-container .event { height: auto; line-height: 30px; padding-bottom: 6px; } .event-container .status { margin: 0 5px 0 0; font-weight: bold; } .container-open .open, .container-upcoming .upcoming { background-image: none; } /* EE styles */ .ajaxpro-form, #ajaxpro-addcustomproduct-form { width: 280px; margin-left: -150px; } #ajaxpro-addcustomproduct-form .product-view { width: 270px; } .prolabel-wrapper .prolabel { display: none; } } /* >>> responsive styles */ /* fix for third-party extensions thet removed spaces and newlines from html output */ .tags li:after, .tags-list li:after, .footer ul li:after, .links li:after { content: ' '; } /* clears */ .top-toolbar-container, .top-toolbar, .header-cart .mini-products-list li, .products-grid li.item, .tab-container, .add-to-links, .product-view .add-to-cart-wrapper, .box-account, .box-account .box, .cart-headers, .cart .totals, .discount-form, .footer-toolbar-container, .footer-toolbar, .footer-cms-container, .footer-cms { zoom: 1; } .top-toolbar-container:after, .top-toolbar:after, .header-cart .mini-products-list li:after, .products-grid li.item:after, .tab-container:after, .add-to-links:after, .box-account:after, .box-account .box:after, .cart-headers:after, .cart .totals:after, .discount-form:after, .footer-toolbar-container:after, .footer-toolbar:after, .footer-cms-container:after, .footer-cms:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* twitter bootstrap */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { font-weight: normal; color: #333333; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } /** * Typografia */ /** Globaali */ html, body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; } /** Primääri */ .font__primary, .font__text { font-family: 'Open Sans', sans-serif; } /** Toissijainen */ .font__secondary, .font__header { font-family: 'Open Sans Condensed', sans-serif; } /** Extra */ .font__extra, input, select, textarea, button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.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;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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}.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}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action: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-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://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-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%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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;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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-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}.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:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;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}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/jquery-ui/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} body.compensate-for-scrollbar{overflow:hidden;-ms-overflow-style:none}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px 44px 0;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{padding:44px 0 0;overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 44px;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-slide--html .fancybox-content{margin:0 0 6px}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:calc(100% - 44px);overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;vertical-align:top;width:100%}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background:transparent;height:100px;margin:0;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{background:rgba(30,30,30,.6);height:100%;padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0 0}.fancybox-slide--image .fancybox-content{margin-bottom:6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:768px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} body { background: #fff; font-size: 12px; line-height: 1.35em;} .fieldset { background: #F6F6F6; } .form-list input.input-text, .form-list select, button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; } button.button span span { padding-left: 1px; } button.button:hover span { background-position: 0 -29px; } button.button:hover span span { background-position: 100% -29px; } button.button:active span { background-position: 0 -58px; } button.button:active span span { background-position: 100% -58px; } /* buttons with arrow */ button.btn-cart span span, .header-cart button span span { background-position: 100% -170px; padding-right: 25px; } button.btn-cart:hover span span, .header-cart button:hover span span { background-position: 100% -199px; } button.btn-cart:active span span, .header-cart button:active span span { background-position: 100% -228px; } .top-toolbar { padding: 7px 5px 6px; } /* header */ /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea none repeat-x 0 100%; } .top-toolbar { color: #7f7f7f; font-size: 0.9em; } /* cms links */ .header-links { margin-right: 80px; float: left; } /* >>> top toolbar */ .header-container { background: transparent; padding-top: 10px; } .header { padding: 10px 5px 20px; background: #fff; } .quick-links { *width: 450px; } .header-callout { float: left; } .header-container .form-search label {} .header-container .form-search input {} .header-container .form-search button {} .header-container .header-cart {} .header-cart .button {} .header-cart .summary {} .header-cart .summary-qty {} /* <<< navigation */ .nav-container { background: #fff none no-repeat 50% 100%; } #nav { width: 960px; } #nav li.level-top { background: none no-repeat -511px -164px; padding: 0 0 0 2px; } #nav li.first { background: none; padding: 0; } #nav li a { padding: 17px 13px 13px; } #nav li.parent a.level-top { background: none no-repeat 100% -220px; } #nav li.parent > a { background: none no-repeat 100% -232px; } /* navigationpro */ .nav-container .navpro { width: 960px; padding: 0 5px 5px; } .nav-container .navpro ul.nav-ul { top: 42px; } .nav-container .navpro li.level-top { background: none no-repeat -511px -164px; padding: 0 0 0 2px; } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #272e3d; } /* >>> navigation */ /* middle */ .main-container { background: transparent; } .main { padding: 5px 5px 0; background: #fff; } /* blocks */ .block .block-title { border-color: #c9deef; text-transform: uppercase; } .promo-home-content .products-grid .item:hover, .box-collateral .products-grid .item:hover, .category-products .products-grid .item:hover { z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .navpro .category-products .products-grid .item:hover { box-shadow: none; } /* product view */ .product-view .product-shop .add-to-cart button.button span { background: none; height: auto; font-size: 15px; line-height: 1; float: none; padding: 0; } .product-view .product-shop .add-to-cart button.button { -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5; -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5; box-shadow:inset 0px 1px 0px 0px #ffe0b5; background-color:#f78708; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #f86706; display:inline-block; height: 33px; color:#ffffff; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #8f7f24; } .product-view .product-shop .add-to-cart button.button:hover { background-color:#f86706; } .product-view .product-shop .add-to-cart button.button:active { position:relative; top:1px; } /* <<< customer */ .account-login .new-users, .account-login .registered-users {} .addresses-list li.item { background: #fff none 0 100% repeat-x; } /* >>> customer */ /* Cart */ /* ======================================================================================= */ /* footer */ .footer-toolbar-container { background: #dfdfdf none repeat-x 0 100%; border-top: 1px solid #fff; } .footer-toolbar { color: #747474; padding: 5px; } .footer-toolbar label { font-weight:bold; font-size: 1em; } .footer-toolbar .input-text { border: 1px solid #9e9e9e; padding: 3px 0; } .footer-toolbar button.button span { background-position: 0 -87px; } .footer-toolbar button.button span span { background-position: 100% -87px; } .footer-toolbar button.button:hover span { background-position: 0 -115px; } .footer-toolbar button.button:hover span span { background-position: 100% -115px; } .footer-toolbar button.button:active span { background-position: 0 -142px; } .footer-toolbar button.button:active span span { background-position: 100% -142px; } .footer-toolbar .block { border: none; margin: 0; } .footer-toolbar .block-subscribe { float: left; } .footer-toolbar .block-subscribe .block-title { display: none; } .footer-toolbar .block-subscribe .block-content { padding: 0; } .footer-toolbar .block-subscribe .input-text { width: 170px; color: #747474; } .footer-toolbar .block-subscribe button.button span span { background-position: 100% -257px; padding-right: 25px; } .footer-toolbar .block-subscribe button:hover span span { background-position: 100% -285px; } .footer-toolbar .block-subscribe button:active span span { background-position: 100% -312px; } .footer-toolbar .form-subscribe-header, .footer-toolbar .input-box, .footer-toolbar .actions { float: left; } .footer-toolbar .input-box, .footer-toolbar .actions { margin: 0 0 0 10px; padding: 0; display: inline; } .footer-toolbar .form-subscribe-header { margin: 3px 0 0 0; } .footer-social { float: right; line-height: 24px; font-weight: bold; *width: 300px; } .footer-social .label { float: left; } .footer-social .icons { float: right; font-weight: normal; } .footer-social .icons li a { display: block; } .footer-social .icons li { float: left; width: 25px; height: 24px; margin-left: 5px; display: inline; background: none no-repeat 0 0; text-indent: -9999px; } .footer-social .icons .facebook { background-position: -222px -77px; } .footer-social .icons .twitter { background-position: -254px -77px; } .footer-social .icons .youtube { background-position: -287px -77px; } .footer-social .icons .rss { background-position: -319px -77px; } .footer-social .icons .facebook:hover { background-position: -222px -104px; } .footer-social .icons .twitter:hover { background-position: -254px -104px; } .footer-social .icons .youtube:hover { background-position: -287px -104px; } .footer-social .icons .rss:hover { background-position: -319px -104px; } .footer-cms-container { background: #fff none repeat-x 0 0; border-bottom: 1px solid #adadad; } .footer-cms { padding: 20px 5px; color: #747474; } .footer-cms a { color: #747474; } .footer-cms .footer-links a { text-decoration: none; } .footer-cms .footer-links a:hover { text-decoration: underline; } .footer-cms .footer-links li { float: left; width: 150px; margin-right: 20px; } .footer-cms .footer-links li.last { margin: 0; } .footer-cms .footer-links li li { float: none; width: auto; margin: 0; line-height: 24px; } .footer-cms .footer-links .h6 { color: #3172a3; font-size: 1.3em; margin-bottom: 7px; } .footer-cms .footer-contacts { float: right; width: 200px; } .footer-cms .footer-contacts { line-height: 21px; } .footer-cms .footer-contacts .h6 { color: #3172a3; font-size: 1.3em; margin-bottom: 4px; } .footer-container { background: none 0 0; } .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; } .footer address { float: left; } .footer .links { float: right; } #scroll-up { top: 40%; } /* >>> footer */ /* <<< homepage */ body.cms-home .product-name { font-weight: bold; } body.cms-home .products-grid .product-name { font-size: 1.1em; } .callout-home-top .col-1 { width: 69.3%; /*665px;*/ } .callout-home-top .col-2 { width: 29.2%; /*280px;*/ } .callout-home-top .easybanner-banner { margin: 0 0 10px; } .callout-home-top .easyslideslider-id .scroller, .callout-home-top .easyslideslider-id { padding-bottom: 50px; } .easyslideslider-id .section { padding-bottom: 50px; } .callout-home-top .easyslideslider-id { margin: 0 auto; background: #fff none no-repeat 50% 100%; background-size: contain; } .callout-home-top .easyslidedescription { font-size: 1.2em; color: #7a7a7a; top: 10px; line-height: 20px; } .callout-home-top .easyslidecontrolwr { bottom: 20px; background: #fff; } .callout-home-top .easyslidedirect { background: none no-repeat -313px -10px; text-indent: -9999px; width: 10px; margin: 0; } .callout-home-top a:hover, .callout-home-top a.active { background-position: -327px -10px; } body.cms-home .easycatalogimg { border: 1px solid #cfe2f1; } .promo-home-content { margin-top: 15px; } .promo-home-content .tab {padding: 5px;} .promo-home-content .col-1 { width: 62.5%; } .promo-home-content .col-2 { width: 36.5%; } .col1-layout .promo-home-content .products-grid { width: auto; list-style: none; padding: 0; border: none; } .col1-layout .promo-home-content .products-grid li.item { padding-bottom: 10px; width: 31.3%; } .promo-home-content .actions { display: none; } .promo-home-content .add-to-links { display: none; } .promo-home-content .tab-container .content { border: 1px solid #b7d3ea; border-width: 0 1px 1px; } .promo-home-content .bottom-links { padding: 15px 12px; border-top: 1px dashed #b7d3ea; font-size: 12px; } .promo-home-content .bottom-links a { text-decoration: none; } .promo-home-content .bottom-links a:hover { text-decoration: underline; } .promo-home-content .block { border: 3px solid #c9deef; } .promo-home-content .block .block-title { border: none; padding: 8px 8px 4px; color: #033862; background: none; text-transform: none; } .promo-home-content .block .block-title strong, .promo-home-content .block .block-title span { font-weight: normal; font-size: 16px; color: #023761; } .promo-home-content .block .block-content { padding-bottom: 0; } .promo-home-content .mini-products-list { padding: 0 !important; list-style: none !important; margin: 0; } .promo-home-content .mini-products-list li { border-bottom: 1px solid #c9deef; padding: 8px 0 !important; } .promo-home-content .mini-products-list li.odd, .promo-home-content .mini-products-list li.even { background: none; } .promo-home-content .mini-products-list li.last { border: none; } .promo-home-content .mini-products-list .product-image { border: none; } .promo-home-content .mini-products-list .product-details { margin-left: 90px; } .promo-home-content .block .number { float: left; font-size: 1.3em; font-weight: bold; color: #7a7a7a; margin-right: 10px; } .promo-home-content .block .number:after { content: '.' } .brands-home { border: 3px solid #e6e6e7; } .brands-home .block-title { background: #fff none repeat-x 0 100%; border: none; padding: 12px 10px; color: #ef6e00; font-size: 1.3em; text-transform: none; } .brands-home .block-title span { color: #ef6e00 !important; font-size: 16px; } .brands-home .list-brands { padding: 0; list-style: none; } .brands-home .list-brands li { float: left; margin-right: 10px; } .brands-home .block-content { position: relative; padding: 10px 37px !important; background: #fff; } #slider-brands-container { clear: both; width: 100%; overflow: hidden; position: relative; } .slider-brands { width: 10000px; height: 73px; padding: 0; overflow: hidden; clear: both; position: relative; } .brands-home #left, .brands-home #right { position: absolute; top: 34px; right: -3px; width: 39px; height: 35px; background: none no-repeat -261px 0; text-indent: -9999px; } .brands-home #right { background-position: -222px 0; left: -3px; right: auto; } .brands-home #left:hover { background-position: -261px -37px; } .brands-home #right:hover { background-position: -222px -37px; } .brands-home #left:active { background-position: -261px -36px; } .brands-home #right:active { background-position: -222px -36px; } .brands-home #left.disabled, .brands-home #right.disabled { display: none; } /* >>> homepage */ .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .ajaxpro-form, #ajaxpro-spinner { border-radius: 5px; } /* <<< responsive styles */ @media (max-width: 979px) { .top-toolbar, .header, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto; } .nav-container .navpro { width: auto; } .callout-home-top .col-1 { width: 100%; } .callout-home-top .col-2 { display: none; } .header-links { margin-right: 30px; } } @media (max-width: 767px) { .promo-home-content .col-1, .promo-home-content .col-2 { width: 100%; float: none; } .promo-home-content .col-2 .block { width: 48.5%; } .promo-home-content .col-2 .highlight-bestsellers { float: left; } .promo-home-content .col-2 .highlight-popular { float: right; } .welcome-msg { display: none; } .header-links { margin-right: 10px; } .header { padding: 5px; } .header-container .header-cart { margin-top: 5px; } .header-container .form-search { margin-top: 9px; } .header-container .form-search input { width: 200px; } .nav-container { background: #fff; padding: 2px 5px 0; } .nav-container .navpro { padding: 0; } #nav li.level-top { background: none; padding: 0; } .nav-container .navpro li.level-top { background: none; padding: 0; /*border-bottom: 1px solid #e7e7e7;*/ } .footer { text-align: center; } .footer, .footer-cms { } .footer-toolbar .block-subscribe .input-text { width: 130px; } .footer-social .label { display: none; } .footer-cms .footer-links { float: left; width: 60%; } .footer-cms .footer-links .h6 { margin-bottom: 4px; } .footer-cms .footer-links li { width: 49%; margin: 0;} .footer-cms .footer-links li ul { margin-bottom: 10px; } .footer-cms .footer-contacts { float: right; width: 39%; } .footer-cms .footer-contacts img { max-width: 100%; width: auto; height: auto; } .footer address { float: none; text-align: center; margin-bottom: 5px; } .footer .links, .footer .links li { float: none; } } @media (max-width: 480px) { .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-link-wishlist, .top-link-checkout { display: none; } .header-container .form-search { margin-left: 0; } .header-container .form-search input { width: 220px; } .header-container .mobile-togglers { margin: 8px 0 0; } .autocomplete { max-width: 240px; } .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer-social { float: none; width: 120px; margin: 0 auto; } .footer-cms .footer-links { float: none; width: 100%; text-align: center; } .footer-cms .footer-links li { width: 100%; margin: 0; float: none; } .footer-cms .footer-contacts { float: none; width: 100%; text-align: center; } } /* >>> responsive styles */ /* <<< google fonts */ h1, h2, .h2, h5.category-name, .nav-container .navpro a.level-top, .navpro div.level-top a, .footer-cms-container .footer-cms .h6, .products-grid .product-name a, .products-list .product-name a, .block .block-title span { } /* >>> google fonts */ /* versioning */ /* generic > */ .col-main .simpleslider .products-grid li.item:nth-of-type(1n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(2n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(3n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(4n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(5n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(6n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(7n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(8n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(9n+1), .col-main .simpleslider .products-grid li.item:nth-of-type(10n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(1n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(2n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(3n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(4n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(5n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(6n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(7n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(8n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(9n+1), body.cms-home .col2-left-layout .col-main .simpleslider .products-grid li.item:nth-of-type(10n+1) { clear: none; } body.cms-home .simpleslider-wrapper { display: flex; justify-content: center; clear: both; } .simpleslider .buttons { display: block; margin: 100px 0 0 0; width: 36px; height: 38px; position: absolute; float: left; text-indent: -9999px; z-index: 1000; } .simpleslider .buttons.disable { visibility: hidden; } .simpleslider .buttons.show { display: block; } .simpleslider .prev { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-left.gif) no-repeat scroll 0 0 #eeeeee; left: 8px; } .simpleslider .prev:hover, .simpleslider .prev:active { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-left.gif) no-repeat scroll 0 0 #dddddd; } .simpleslider .next { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-right.gif) no-repeat scroll 0 0 #eeeeee; right: 8px; } .simpleslider .next:hover, .simpleslider .next:active { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-right.gif) no-repeat scroll 0 0 #dddddd; } .simpleslider .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .simpleslider, .simpleslider .viewport { float: left; width: 968px; height: 520px; overflow: hidden; position: relative; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 715px; } .hide-prices-catalog .simpleslider, .hide-prices-catalog .simpleslider .viewport { height: 340px; } body.hide-listing-tax .simpleslider, body.hide-listing-tax .simpleslider .viewport { height: 425px; } /* < generic */ /* collateral > */ .product-collateral .simpleslider { margin: 0 0 20px 0; padding: 0; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 710px; } body.hide-listing-tax .product-collateral .simpleslider, body.hide-listing-tax .product-collateral .simpleslider .viewport { height: 450px; } /* < collateral */ @media (min-width: 1224px) { .simpleslider, .simpleslider .viewport { width: 1194px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 962px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 947px; } } @media (min-width: 1480px) { .simpleslider, .simpleslider .viewport { width: 1447px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 1200px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 951px; } } @media (min-width: 1864px) { .simpleslider .prev { left: 6px; } .simpleslider, .simpleslider .viewport { width: 1684px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 1358px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 1358px; } .col-main .product-collateral .simpleslider .viewport .products-grid li.item { margin-right: 5px; } } @media (max-width: 967px) { .simpleslider, .simpleslider .viewport { width: 727px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 473px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 487px; } } @media (max-width: 767px) { .simpleslider .prev { left: 7px; } .simpleslider, .simpleslider .viewport { width: 460px; height: 520px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 460px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 460px; } } @media (max-width: 479px) { .simpleslider .prev { left: 5px; } .simpleslider .next { right: 7px; } .simpleslider, .simpleslider .viewport { width: 320px; height: 440px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 320px; height: 440px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 300px; height: 420px; } .hide-prices-catalog .simpleslider, .hide-prices-catalog .simpleslider .viewport, .hide-prices-catalog .simpleslider.col2, .hide-prices-catalog .simpleslider.col2 .viewport, .hide-prices-catalog .product-collateral .simpleslider, .hide-prices-catalog .product-collateral .simpleslider .viewport { height: 250px; } } .nav-container .navpro a.level-top, .navpro div.level-top a { } .nav-container { background: #ffffff none no-repeat 0 0; display: none; } .horizontal-navigation .nav-container, .mega-navigation .nav-container { display: block; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a, .nav-container .navpro .nav-span, .nav-container .navpro .nav-sibling-title, .nav-container .navpro .nav-sibling-title a { font-size: 22px; text-transform: none; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #333333; } .nav-container .navpro a.level-top:hover, .nav-container .navpro div.level-top a:hover, #nav a.level-top:hover, #nav a.level-top.over, .nav-container .navpro li.parent > a.level-top.over { color: #333333; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a, #nav li.active a.level-top:hover, #nav li.active a.level-top.over, .nav-container .navpro li.active a.level-top:hover, .nav-container .navpro li.active a.level-top.over { color: #333333; } .nav-container .navpro ul .nav-a, .nav-container .navpro ul .nav-span, .nav-container .navpro ul .nav-sibling-title, .nav-container .navpro ul .nav-sibling-title a { font-size: 16px; text-transform: none; } .nav-container .navpro .nav-ul .nav-a, .nav-container .navpro .nav-ul .nav-sibling-title { background-color: transparent; color: #333333; } .nav-container .navpro .nav-ul .nav-a:hover, .nav-container .navpro .nav-ul .nav-sibling-title:hover { background-color: #e3e3e3; color: #333333; } .nav-container .navpro .nav-ul .active > .nav-a { background-color: transparent; color: #D96708; } .nav-container .navpro li.nav-li.left-1 a span { display: block; margin-top: 7px } .nav-container .to-home .nav-a.relative-level1.level-top.nav-a-with-toggler.nav-a-level0 { padding-left: 12px; } #navigationpro-top li.nav-li.left-1 a .invain { display: none; } .navpro li.extra.horizontal { float: right; } #navigationpro-top .nav-li.extra .nav-dropdown li:hover { background-color: #e3e3e3; } #navigationpro-top .nav-li.extra .nav-dropdown li a { padding: 6px 2px 7px 8px; display: block; } #navigationpro-top .nav-li.extra .nav-dropdown li a:hover { text-decoration: none; } #navigationpro-top li.extra .nav-dropdown.level0, #navigationpro-top li.extra .nav-dropdown.level0.shown-sub { width: 220px; right: 0; left: inherit !important; top: 38px !important; } /* horizontal navigation (Navigation Pro) > */ #nav { background-color: #eaeaea; padding: 0; font-size: 1em; } #nav ul, #nav div { top: 35px; } #nav ul li a { color: #333333 !important; } #nav ul li.active, #nav ul li.over { background-color: #eeeeee !important; } #nav li a { padding: 8px 19px 8px 13px; } #nav li.parent a.level-top { background-position: 100% -230px; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left: 209px; } .nav-container .navpro, .header-container .nav-container { width: 968px; margin: 0 auto; height: 38px; background-color: #ffffff; color: #000000; font-size: 14px; } #navigationpro-top li.level0 div:nth-child(2) { position: relative; } .nav-container.mega #navigationpro-top.navpro .nav-toggler.nav-toggler-level0 { top: -32px; } #navigationpro-top li.level0:hover .nav-dropdown.level0 { display: block; } /* < horizontal navigation (Navigation Pro) */ /* MegaDropdown > */ .mega-navigation #navigationpro-top .nav-dropdown.level0, .mega-navigation #navigationpro-top .nav-dropdown.level0.shown-sub { width: 958px; top: 38px !important; left: 0; } .mega-navigation #navigationpro-top .level1.top { border-bottom: 0 solid rgba(0, 0, 0, 0.2); } .mega-navigation #navigationpro-top .level1.bottom .level2.col2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } .mega-navigation #navigationpro-top .mega .level2 h2 { font-size: 15px; font-weight: bold; text-transform: uppercase; padding-top: 20px; } .mega-navigation #navigationpro-top .level0.mega .issue1.level2 { padding: 0 10px 20px; width: 55px; } .mega-navigation #navigationpro-top .issue1.level2 img { max-width: 50px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { width: 860px; } .mega-navigation #navigationpro-top .level0.mega.right .level2.categories { width: auto; } .mega-navigation #navigationpro-top .level0.mega .level3 { width: 180px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .level3 { float: left; width: 200px; padding-right: 10px; } .mega-navigation #navigationpro-top .level0.mega.right .level2.categories .level3 { width: auto; } .mega-navigation #navigationpro-top li.mega .nav-dropdown, .mega-navigation #navigationpro-top li.mega .nav-dropdown a span { color: #000000; font-size: 15px; font-weight: normal; } .mega-navigation #navigationpro-top .level0.mega .level2 { float: left; padding: 0 0 20px 20px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { display: flex; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .col { min-width: 24%; padding-right: 1%; } .mega-navigation #navigationpro-top .level0.mega .level1.bottom .level2 { padding: 15px 25px; } .mega-navigation #navigationpro-top .level0.mega .level1.top .level2 { height: 300px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-right: 6px; } .mega-navigation #navigationpro-top .level0.mega .level2.issue1, .mega-navigation #navigationpro-top .level0.mega .level2.issue2 { border-right: 1px solid rgba(0, 0, 0, 0.2); } .mega-navigation .level1.bottom .level2.col2 { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } .mega-navigation #navigationpro-top .level0.mega .level4 { padding-bottom: 25px; } .mega-navigation #navigationpro-top .level0.mega p.megadrop-icon { position: relative; top: 50%; transform: translateY(-50%); text-align: center; } .mega-navigation #navigationpro-top .mega .level1 .h6 { font-size: 14px; font-weight: bold; padding: 10px 0 0 10px; text-transform: uppercase; } .mega-navigation #navigationpro-top .mega .level1 .h6 a { font-size: 14px; font-weight: bold; padding: 10px 0 0 0; text-transform: uppercase; } body.cms-home.mega-navigation .col-left.sidebar { padding-top: 20px; } /* < MegaDropdown */ /* Mega right > */ .mega-navigation .nav-container .navpro .mega.right { float: right; } .mega-navigation .nav-container .navpro .mega.right li.nav-li { border-top-color: transparent; } .mega-navigation .nav-container .navpro .mega.right .nav-dropdown-inner ul { padding: 10px; } .mega-navigation .nav-container .navpro .mega.right .nav-a span { font-size: 20px; } .mega-navigation #navigationpro-top li.mega.right .nav-dropdown li { margin-bottom: 4px; } .mega-navigation #navigationpro-top li.mega.right .nav-dropdown, .mega-navigation #navigationpro-top li.mega.right .nav-dropdown a { font-size: 13px; font-weight: normal; } /* < Mega right */ .header-container .nav-container .navpro { padding: 0; float: left; width: 100%; position: relative; z-index: 110; } .header-container .nav-container .navpro a { border-bottom: none; } .nav-container .navpro li.level-top { background-image: none; padding: 0; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { font-size: 16px; font-weight: normal; } .header-container .nav-container .navpro li a.nav-a, .header-container .nav-container .navpro li .nav-sibling-title a { color: #333333; } .header-container .nav-container .navpro .nav-dropdown { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: 0 11px 4px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 11px 4px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 11px 4px -5px rgba(0, 0, 0, 0.2); top: 38px !important; } .nav-container .navpro .nav-toggler.nav-toggler-level0 { top: 12px; } .nav-container.horizontal .navpro .nav-toggler.nav-toggler-level0 { top: 7px; } .nav-container.horizontal .navpro .extra .nav-toggler.nav-toggler-level0 { top: -31px; } #navigationpro-top li.level0:hover .nav-dropdown.level0 { display: block; } .nav-container .navpro ul .nav-toggler { top: 8px; } .nav-container .navpro li.nav-li { cursor: pointer; } .header-container .nav-container .navpro ul.nav-ul { background-color: #ffffff; } .header-container .nav-container .navpro .nav-column { width: 100%; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 6px 21px 10px 18px; } .header-container .nav-container .navpro .active .nav-column { width: 100%; } .nav-container .navpro-inline .nav-toggler-level0 { background-position: 0 -23px; } .header-container .nav-container .navpro ul.nav-ul:hover { background-color: #e3e3e3; } .nav-container .navpro li.level-0.nav-li.first { border-left: 1px solid #b0b0b0; } .nav-container .navpro li.nav-li.first.mega, .nav-container .navpro li.nav-li.nav-style-dropdown ul.nav-ul li { background: none; } .nav-container .navpro .item1 .level0 { width: 940px; padding: 10px; } .nav-container .nav-toggler { width: 13px; height: 13px; } .nav-container .navpro-inline .nav-toggler-level0 { background: transparent url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/mega-arrows.png") no-repeat -80px 9px; } .nav-container .navpro li.nav-li a, .nav-container .navpro li.nav-li a span { color: #333333; } .nav-container .navpro .nav-dropdown-inner ul .nav-a, .nav-container .navpro .nav-dropdown-inner ul .nav-span, .nav-container .navpro .nav-dropdown-inner ul .nav-sibling-title, .nav-container .navpro .nav-dropdown-inner ul .nav-sibling-title a { font-weight: normal; font-size: 15px; } .nav-container .navpro .level1.nav-ul .over .nav-dropdown.level1, .nav-container .navpro .level2.nav-ul .over .nav-dropdown.level2, .nav-container .navpro .level2.nav-ul .over .nav-dropdown.level3 { display: block; left: 200px !important; top: -1px !important; } /* < horizontal navigation (Navigation Pro) */ /* vertical navigation (Navigation Pro) > */ .sidebar .block-navpro { display: none; } .vertical-navigation .col-left.sidebar.shown { display: block; } body.cms-home.vertical-navigation .col2-left-layout .col-left { display: block; } .vertical-navigation-hide-level-top .col-left.sidebar .block-navpro .block-title { display: none; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top { display: none; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top .nav-toggler { display: none; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top.active { display: block; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top .level0 .nav-toggler { display: block; } .vertical-navigation-hide-level-top .sidebar .block-navpro .block-content { padding: 0; } .vertical-navigation-hide-level-top #navigationpro-left .active .nav-column { border-left-width: 0; } .vertical-navigation-hide-level-top #navigationpro-left .active .level1 .nav-column { border-left-width: 10px; } .block-navpro .block-content { padding-top: 0; } #navigationpro-left.navpro .level-top { position: relative; } #navigationpro-left.navpro li.level0, #navigationpro-left.navpro li.level0 li.level1, #navigationpro-left.navpro li.level0 li.level1 li.level2, #navigationpro-left.navpro li.level0 li.level1 li.level2 li.level3, #navigationpro-left.navpro li.level0 li.level1 li.level2 li.level3 li.level4 { position: relative; } .nav-container.horizontal li.level0, .nav-container.horizontal li.level0 li.level1, .nav-container.horizontal li.level0 li.level1 li.level2, .nav-container.horizontal li.level0 li.level1 li.level2 li.level3, .nav-container.horizontal li.level0 li.level1 li.level2 li.level3 li.level4 { position: relative; } .vertical-navigation .navpro li.level0, .vertical-navigation .navpro li.level0 li.level1, .vertical-navigation .navpro li.level0 li.level1 li.level2, .vertical-navigation .navpro li.level0 li.level1 li.level2 li.level3, .vertical-navigation .navpro li.level0 li.level1 li.level2 li.level3 li.level4 { position: relative; } .mega-navigation #navigationpro-top li.level0, .mega-navigation #navigationpro-top li.level0 li.level1, .mega-navigation #navigationpro-top li.level0 li.level1 li.level2, .mega-navigation #navigationpro-top li.level0 li.level1 li.level2 li.level3, .mega-navigation #navigationpro-top li.level0 li.level1 li.level2 li.level3 li.level4 { position: static; } .vertical-navigation .block-navpro .block-content { z-index: 100; } #navigationpro-left.navpro { font-size: 15px; font-weight: normal; color: #000000; } #navigationpro-left .nav-span.font__header { font-family: inherit; } .block-navpro .block-title { display: none; } .sidebar .block-navpro { margin-bottom: 20px; } .vertical-navigation .sidebar .block-navpro { display: block; } .vertical-navigation .right { float: none !important; } .nav-container .navpro-inline .nav-toggler-level1, .nav-container .navpro-inline .nav-toggler-level2 { background: transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/black-arrow-right.png) no-repeat 0 0; } .nav-a-with-toggler, .nav-sibling-title-with-toggler a { padding-right: 30px !important; } .nav-accordion-toggler-active { background-position: 0 0; } .first .nav-accordion-toggler, .nav-accordion-toggler { opacity: 1; background: transparent url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/toggler-right.png") no-repeat scroll 9px 9px; width: 30px; height: 30px; right: 0; top: 2px; } .first .nav-accordion-toggler-active, .nav-accordion-toggler-active { background-image: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/toggler-down.png"); } .navpro a { border-bottom: 1px solid #e3e3e3; } .navpro a.level-top, .navpro div.level-top a { color: #333333; font-size: 16px; font-weight: normal; } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { padding: 3px 2px 4px 8px; } .navpro .level0.active .nav-dropdown { overflow: visible; } .navpro .level0.active a.level-top { background-color: transparent; } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #333333; } .navpro .active .nav-ul .nav-span, .navpro .active .nav-ul .nav-sibling-title { color: #333333; } .navpro a.level-top:hover, .navpro a.level-top.over, .navpro div.level-top a:hover, .navpro div.level-top a.over { color: #333333; background-color: transparent; } .navpro .nav-li-sibling div.level-top a.over { padding-left: 12px; } .navpro .nav-ul .active .nav-a { background-color: transparent; } .navpro .nav-ul .nav-a:hover, .navpro .nav-ul .nav-sibling-title:hover { background-color: transparent; } #navigationpro-left .active .nav-column { border-left: 10px solid transparent; } .navpro li.active .nav-a.level-top .nav-span, .navpro .active .nav-ul li.active .nav-span { font-weight: bold; } .navpro li.active .nav-a.level-top .level2 .nav-span, .navpro .active .nav-ul li.active .level2 .nav-span { font-weight: normal; } .navpro li.active .nav-a.level-top .level2.active .nav-span, .navpro .active .nav-ul li.active .level2.active .nav-span { font-weight: bold; } .navpro li.active .nav-a.level-top .level2 .level3 .nav-span, .navpro .active .nav-ul li.active .level2 .level3 .nav-span { font-weight: normal; } .navpro li.active .nav-a.level-top .level2 .level3.active .nav-span, .navpro .active .nav-ul li.active .level2 .level3.active .nav-span { font-weight: bold; } .navpro li.active .nav-a.level-top .level2 .level3 .level4 .nav-span, .navpro .active .nav-ul li.active .level2 .level3 .level4 .nav-span { font-weight: normal; } .navpro li.active .nav-a.level-top .level2 .level3 .level4.active .nav-span, .navpro .active .nav-ul li.active .level2 .level3 .level4.active .nav-span { font-weight: bold; } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { color: #333333; } .navpro .nav-ul .active > .nav-a { color: #333333; } .navpro .nav-style-accordion .nav-a-level1 { margin-right: 5px; } .navpro .level2 .over > .nav-a { background-color: transparent; } .navpro .nav-ul.level2 .nav-a { background-color: transparent; } .navpro .nav-ul.level2 .active .nav-a { background-color: transparent; } .navpro .nav-ul.level2 .nav-a:hover { background-color: transparent; } .navpro .nav-ul li.over > a, .navpro .nav-ul li.over > .nav-sibling-title { background-color: transparent; } .navpro .nav-style-accordion .nav-a-level2 { text-indent: 0; } .navpro .nav-style-accordion .nav-a-level3 { text-indent: 0; } .navpro .nav-style-accordion .nav-a-level4 { text-indent: 0; } .navpro .nav-accordion-toggler.nav-toggler-level1 { right: 0; } /* toggles active > */ .navpro .nav-style-accordion .nav-accordion-toggler.nav-toggler-level1, .navpro .nav-style-accordion .nav-accordion-toggler.nav-toggler-level2, .navpro .nav-style-accordion .nav-accordion-toggler.nav-toggler-level3 { top: 0; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown.level1 { border-left: none; } .navpro .nav-style-accordion .nav-accordion-toggler + .nav-dropdown { display: none; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown { display: block; } .navpro .nav-style-accordion.active .nav-accordion-toggler-active + .nav-dropdown, .navpro .nav-style-accordion.over .nav-accordion-toggler-active + .nav-dropdown { display: block; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { border-left: 10px solid transparent; } /* < toggles active */ /* width > */ .nav-dropdown { width: 220px; } #navigationpro-left .nav-dropdown.level0 { width: 206px; } #navigationpro-left .nav-dropdown.level1 { width: 196px; } #navigationpro-left .nav-dropdown.level2 { width: 186px; } .navpro .nav-style-accordion .level1 .nav-column-wrapper { width: 196px; } .navpro .nav-style-accordion .level2 .nav-column-wrapper { width: 186px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 196px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-column { width: 186px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-ul .nav-column { width: 176px; } .navpro .nav-style-accordion .nav-a-level1 { margin-right: 0; } .nav-style-accordion.active { width: 206px; } .navpro .nav-column li { width: 100%; } /* < width */ /* < vertical navigation (Navigation Pro) */ /* layered navigation (Ajax Layered Navigation) > */ .block-layered-nav { background-color: #ffffff; margin-right: 10px; margin-bottom: 20px; } #mobile-layered-navigation { margin-bottom: 20px; } .col-left .block-layered-nav .block-title { border-bottom-color: #e3e3e3; } .col-left .block-layered-nav .block-title span { color: #000000; } .block-layered-nav a { color: #000000; } .block-layered-nav .label { color: #000000; } .block-layered-nav .block-title { padding: 5px 30px 6px 10px; } .block-layered-nav .block-title strong span { font-size: 16px; font-weight: bold; } .block-layered-nav .block-content { padding: 0 0 10px 0; } .block-layered-nav .actions { background-color: transparent; font-size: 1em; border-bottom: 1px solid #e3e3e3; } .ajaxlayered-expander { font-size: 16px; } div.block-layered-nav #narrow-by-list span.ajaxlayered-expander { background: none; margin: 0 10px 0 0; } div.block-layered-nav #narrow-by-list .active span.ajaxlayered-expander { background: none; } #narrow-by-list a { color: #000000; } #narrow-by-list dt { color: #000000; padding: 5px 0 6px 10px; border-bottom: 1px solid #e3e3e3; } #narrow-by-list dd { color: #000000; margin: 0 0 5px 0; line-height: 1.3em; } #narrow-by-list dd li { background: none; } #narrow-by-list .ajaxlayerednavigation-count { color: #000000; } div.block-layered-nav .btn-remove { font-size: 1em; margin: 0; padding: 0; float: right; background-image: none; line-height: normal; height: auto; } .block-layered-nav .currently { padding: 10px; color: #000000; } .block-layered-nav .currently li { padding: 2px 0 2px 0; } #narrow-by-list .ajaxlayerednavigation-count-plus { color: #000000; } #aln-block-wrapper { position: absolute; right: 1px; width: 0; background: #ffffff; z-index: 101; transition: transform 0.3s ease; transform: translateX(120%); padding: 97px 0; margin-right: 0; overflow: hidden; border: 1px solid rgba(0,0,0,0.2); border-right: none; } .show-layered-navigation #aln-block-wrapper { transform: translateX(0); display: block; width: 226px; padding-right: 6px; padding-left: 20px; } #aln-filter { /* open/close filter */ position: absolute; z-index: 102; right: 23px; background: #ffffff; padding: 6px 12px; cursor: pointer; border: 1px solid rgba(0,0,0,0.3); } .show-layered-navigation #aln-filter { border: 1px solid transparent; } #close-filter-icon { width: 18px; padding-top: 6px; padding-left: 5px; } #open-filter-icon { width: 21px; padding-top: 4px; padding-left: 2px; } #aln-filter .text { line-height: 27px; padding: 0 4px; font-weight: bold; } #open-filter-icon, #close-filter-icon { display: none; } .show-aln-open #open-filter-icon, .show-aln-close #close-filter-icon { display: initial; } #aln-block-wrapper .block-title { display: none; } .col-main .aln-mobile-button { padding: 10px 15px; font-size: 16px; font-weight: bold; line-height: 16px; border-radius: 5px; color: #ffffff; background: #226cbf; } #narrow-by-list ol.see-more { display: none; } #narrow-by-list .see-more-button { text-decoration: underline; cursor: pointer; margin-top: 5px; } .block-layered-nav .btn-remove, .block-layered-nav .actions a { text-decoration: underline; } /* toggle > */ .block-layered-nav .block-title { position: relative; } .block-layered-nav #layered-nav-toggler { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/common.png") no-repeat scroll -66px -473px rgba(0, 0, 0, 0); height: 24px; right: 10px; top: 5px; width: 22px; position: absolute; text-indent: -9999px; } .block-layered-nav #layered-nav-toggler.active { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/common.png") no-repeat scroll -66px -509px rgba(0, 0, 0, 0); } body.cms-home.mega-navigation .sidebar .block-navpro, body.cms-home.horizontal-navigation .sidebar .block-navpro { display: none; } body.cms-home.mega-navigation .sidebar.shown .block-navpro, body.cms-home.horizontal-navigation .sidebar.shown .block-navpro { display: block; } /* < toggle */ /* < layered navigation (Ajax Layered Navigation) */ @media (min-width: 1224px) { /* horizontal navigation (Navigation Pro) > */ .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding-left: 45px; } .nav-container .navpro, .header-container .nav-container { width: 1194px; } .nav-container .navpro .item1 .level0 { width: 1174px; } .mega-navigation #navigationpro-top .nav-dropdown.level0, .mega-navigation #navigationpro-top .nav-dropdown.level0.shown-sub { width: 1192px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { width: 1094px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .level3 { width: 260px; } /* < horizontal navigation (Navigation Pro) */ } @media (min-width: 1480px) { .nav-container .navpro, .header-container .nav-container { width: 1450px; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding-left: 70px; } .mega-navigation #navigationpro-top .nav-dropdown.level0, .mega-navigation #navigationpro-top .nav-dropdown.level0.shown-sub { width: 1448px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { width: 1340px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .level3 { width: 322px; } } @media (min-width: 1864px) { .nav-container .navpro, .header-container .nav-container { width: 1834px; } .mega-navigation #navigationpro-top .nav-dropdown.level0, .mega-navigation #navigationpro-top .nav-dropdown.level0.shown-sub { width: 1832px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { width: 1730px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .level3 { width: 420px; } } @media (max-width: 967px) { /* Megadropdown > */ .mega-navigation .nav-container .navpro li a.nav-a, .mega-navigation .nav-container .navpro li .nav-sibling-title a { padding: 6px 14px 6px 15px !important; } .nav-container.mega #navigationpro-top.navpro .nav-toggler.nav-toggler-level0 { top: -28px; } .mega-navigation #navigationpro-top .nav-dropdown.level0, .mega-navigation #navigationpro-top .nav-dropdown.level0.shown-sub { width: 766px; } .mega-navigation #mega-end-links div { margin: 9px 4px 0 10px; } .mega-navigation .nav-container .navpro .mega.right .nav-a span { font-size: 18px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories { width: 666px; } .mega-navigation #navigationpro-top .level0.mega .level2.categories .level3 { float: left; width: 156px; } /* < Megadropdown */ /* horizontal navigation (Navigation Pro) > */ .nav-container .navpro, .header-container .nav-container { width: 768px; } .header-container .nav-container .navpro .nav-dropdown { top: 38px; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding-left: 6px; } .nav-container .navpro .item1 .level0 { width: 720px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a, .nav-container .navpro .nav-span, .nav-container .navpro .nav-sibling-title, .nav-container .navpro .nav-sibling-title a { font-size: 20px; } .nav-container.horizontal .navpro .nav-toggler.nav-toggler-level0 { top: 10px; } /* < horizontal navigation (Navigation Pro) */ #aln-filter { right: 15px; } #aln-filter #open-filter-icon { padding-left: 12px; } #aln-filter .text { display: none; } .show-layered-navigation #aln-filter .text { display: initial; } } @media (max-width: 767px) { body.cms-home.vertical-navigation .col2-left-layout .col-left { display: none; } body.cms-home.vertical-navigation .col2-left-layout .col-left.shown { display: block; } .horizontal-navigation .nav-container, .mega-navigation .nav-container { display: none; padding: 0; } .mega-navigation .col-left.sidebar.shown, .horizontal-navigation .col-left.sidebar.shown { display: block; } /* horizontal navigation (Navigation Pro) > */ .nav-container .navpro .nav-dropdown.shown-sub { display: block; z-index: 999; } .nav-container .navpro, .header-container .nav-container { width: 480px; border: none !important; border-radius: 0; } .nav-container .navpro .item1 .level0 { width: 100%; padding: 20px 0 20px 0; } .nav-container .navpro .first a.level-top, .nav-container .navpro .first div.level-top, .nav-container .navpro .first div.level-top .nav-a { border-radius: 0; } .nav-container .navpro li.level-top { border: 0; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top { background-image: none; } .nav-container .navpro .nav-dropdown-toggler { display: block; } .nav-container .navpro li.nav-li.first { background: none; border-left: none; } .nav-container .navpro .nav-dropdown { padding-left: 20px; } .nav-container .navpro .last a.level-top, .nav-container .navpro .last div.level-top, .nav-container .navpro .last div.level-top .nav-a { border-radius: 0; } .header-container .nav-container .navpro a.level-top { border-bottom: 1px solid #77818c; } .block-layered-nav #layered-nav-toggler { background: rgba(0, 0, 0, 0) url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/toggler-right.png") no-repeat scroll 14px 9px; height: 30px; position: absolute; right: 10px; text-indent: -9999px; top: 5px; width: 40px; } .block-layered-nav #layered-nav-toggler.active { background: rgba(0, 0, 0, 0) url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/toggler-down.png") no-repeat scroll 14px 9px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { border-left: 10px solid transparent; } /* MegaDropdown > */ .mega-navigation .nav-container-inner { margin: 0 auto; } .mega-navigation #navigationpro-top .mega.shown-sub { width: 475px; } .mega-navigation #navigationpro-top .mega span.level1.top { height: auto; } .mega-navigation #navigationpro-top .mega span.level2.news { display: none; } .mega-navigation #navigationpro-top .mega span.level2.categories { width: 460px; } .mega-navigation #navigationpro-top .mega span.level3 { width: 215px; padding-bottom: 20px; } .mega-navigation #navigationpro-top li.info .mega span.level2 { padding-left: 10px; padding-bottom: 25px; } .mega-navigation #navigationpro-top .mega span.level3.col2, .mega-navigation #navigationpro-top li.info .mega span.level2.info2 { clear: right; } .mega-navigation #navigationpro-top .mega span.level3.col3, .mega-navigation #navigationpro-top li.info .mega span.level2.info3 { clear: left; } .mega-navigation #navigationpro-top .mega span.level1.bottom { display: none; } .mega-navigation #mega-end-links { float: none; clear: both; } .mega-navigation #mega-end-links div { clear: both; } /* < MegaDropdown */ /* < horizontal navigation (Navigation Pro) */ .block-navpro { margin: 0; background: #ffffff; } .sidebar .block-navpro { display: block; } .nav-style-accordion.active { width: 100%; } .nav-dropdown.level0, .nav-dropdown.level1, .nav-dropdown.level2 { width: 100%; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top { display: block; } .vertical-navigation-hide-level-top #navigationpro-left.navpro .level-top .nav-toggler { display: block; } .vertical-navigation-hide-level-top .sidebar .block-navpro .block-content { padding: 10px; } .vertical-navigation-hide-level-top #navigationpro-left .active .nav-column { border-left-width: 10px; } #navigationpro-left .nav-dropdown.level0 { width: 460px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 450px; } #navigationpro-left .nav-dropdown.level1 { width: 450px; } #navigationpro-left .nav-dropdown.level2 { width: 440px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-column { width: 440px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-ul .nav-column { width: 430px; } .navpro .active .nav-column { width: 100%; } .navpro .nav-style-accordion .level1 .nav-column-wrapper { width: 100%; } .navpro .nav-style-accordion .nav-a-level2 { margin-right: 0; } .block-navpro { background: #ffffff; } .navpro a.level-top, .navpro div.level-top a { color: #000000; } #navigationpro-left .nav-li-sibling.active, #navigationpro-left .nav-li-sibling.over { border-left: 6px solid #535353; } #aln-filter { /* open/close filter */ display: none; } #aln-block-wrapper, .show-layered-navigation #aln-block-wrapper { position: relative; width: initial; background: #ffffff; top: 0 !important; z-index: 999; transition: transform 0s ease; transform: translateX(0%); padding: 10px; margin-right: 0; } #aln-block-wrapper { border: none; } #aln-block-wrapper .block-title { display: initial; } } @media (max-width: 479px) { .nav-container .navpro, .header-container .nav-container { width: 320px; } .nav-dropdown.level0 { width: 100%; } #navigationpro-top .nav-dropdown.level0 { width: 300px; } #navigationpro-left .nav-dropdown.level0 { width: 304px; } #navigationpro-left .nav-dropdown.level1 { width: 294px; } #navigationpro-left .nav-dropdown.level2 { width: 284px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 294px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-column { width: 284px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column .nav-ul .nav-ul .nav-column { width: 274px; } } /* css for cms-pages */ .cms-page-view .col1-layout .col-right-banner { display: none; } .cms-page-view .col1-layout .breadcrumbs { display: none; } .cms-page-view .col2-left-layout .page-title { margin: 0 0 20px 20px; padding: 12px 10px 0 0; } .cms-page-view .col-main p { font-size: 16px; line-height: 22px; } .cms-page-view .col-main .cms-content-page.article p { line-height: 28px; } .cms-page-view .col-main h1 { font-size: 30px; } .cms-page-view .col1-layout .title-border, .cms-page-view .col2-left-layout .title-border { border-bottom: 1px solid rgba(0, 0, 0, 0.25); line-height: 1px; margin: 20px 40px 40px; padding-bottom: 10px; text-align: center; font-size: 30px; } .cms-page-view .col1-layout .title-border p, .cms-page-view .col1-layout .title-border span, .cms-page-view .col2-left-layout .title-border p, .cms-page-view .col2-left-layout .title-border span { background: #ffffff; padding: 0; font-size: 30px; margin: 0; } .col2-left-layout .cms-content-page { margin-left: 10px; } .col1-layout .col-main .column-full.margins { padding: 0 40px; } .col1-layout .cms-content-page .column-left { width: 48%; clear: left; float: left; } .col1-layout .cms-content-page .column-right { width: 48%; clear: right; float: right; } .col1-layout .cms-content-page.contacts .column-left { width: 50%; } .col1-layout .cms-content-page.contacts .column-right { width: 46% } .col2-left-layout .col-main .column-full.margins { padding: 0 10px; } .col2-left-layout .cms-content-page .column-left, .col2-left-layout .cms-content-page .column-right { clear: left; float: left; width: 100%; } .col2-left-layout .cms-content-page.contacts .column-left { width: 39%; clear: none; } .col2-left-layout .cms-content-page.contacts .column-right { width: 60%; clear: none; } .cms-content-page .column-full { clear: both; margin: 0 auto 20px; } .cms-content-page .column-full img { width: 100%; max-width: 100%; } .cms-content-page .issue { clear: both; margin-bottom: 20px; } .cms-content-page .issue img { max-width: 100%; margin-bottom: 15px; } .cms-content-page h1 { clear: both; margin: 0 0 20px 0; font-size: 26px; } .cms-content-page .page-title h1 { margin-top: 0; } .cms-content-page h2 { clear: both; font-size: 22px; } .cms-content-page h3 { clear: both; font-size: 18px; font-weight: normal; } .cms-content-page p.image-text { text-align: right; font-style: italic; margin: 7px 0 10px; clear: both; } .cms-content-page.contacts .column-right.map { margin-top: 67px; } .cms-content-page.contacts .person { margin: 0 10px 0 0; padding: 10px 0; float: left; width: 217px; min-height: 130px; } .cms-content-page.contacts .person:hover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } .cms-content-page .column-full .column-left .contact div.person:nth-of-type(2n+1) { clear: both; float: left; } .cms-content-page.contacts .person img { width: 80px; float: left; margin-right: 10px; } .cms-content-page.contacts .person .person-info { display: inline-block; margin-top: 10px; max-width: 127px; } .cms-content-page.contacts h4 { padding-bottom: 5px; } .cms-content-page .mobile { display: none; } .cms-content-page .wide { display: block; } .cms-content-page.home .column-full { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .cms-content-page.home .references .issue { clear: none; cursor: pointer; float: left; padding-right: 35px; width: 334px; } .cms-content-page.home .references .issue { padding-right: 0; } .cms-content-page.home .references .issue img { max-width: 100%; margin-bottom: 10px; float: left; } .cms-content-page.home .references div.issue:nth-of-type(2n+1) { clear: both; float: left; } .cms-content-page.home .references div.issue:nth-of-type(2n) { padding-right: 0; } .cms-content-page.home .person { margin: 0 8px 0 0; padding: 10px 0; float: left; width: 217px; } .cms-content-page.home .person:hover { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } .cms-content-page.home .person img { width: 80px; float: left; margin-right: 10px; } .cms-content-page.home .person .person-info { display: inline-block; margin-top: 10px; } .cms-content-page.home .contacts { padding: 0 0 25px 0; } .cms-content-page.home .contacts { cursor: pointer; } .cms-content-page.article .date { color: #505050; letter-spacing: 5px; padding: 0 0 5px; } .cms-content-page .topic { clear: both; margin: 0 5px 20px 5px; } .cms-content-page .shipping-block { float: left; padding-right: 10px; margin-bottom: 20px; } .cms-content-page .shipping-block.full { clear: both; float: none; } .cms-content-page.shipping td { text-align: center; height: 20px; } .cms-content-page.shipping .ship-label { padding: 0 4px; } .cms-content-page.shipping img { width: initial; float: left; padding: 15px 15px 15px 0; } .cms-content-page .payment-block { margin-bottom: 20px; } .cms-content-page .payment-block ul li { font-size: 16px; line-height: 22px; } .cms-content-page.payments .vertical { display: none; } .cms-content-page.payments .horizontal { display: block; } .image-gallery { margin-bottom: 30px; } .image-gallery div.img { margin: 5px; border: 1px solid rgba(0, 0, 0, 0.15); float: left; width: 180px; min-height: 135px } .image-gallery div.img:hover { border: 1px solid rgba(0, 0, 0, 0.3); } .image-gallery div.img img { width: 100%; height: auto; } .image-gallery div.desc { padding: 10px 5px 5px; text-align: center; font-size: 13px; line-height: 15px; } .address-icon, .email-icon, .telephone-icon, .fax-icon, .empty-icon { height: 22px; width: 20px; padding-right: 20px; display: inline-block; } .contacts .info { display: inline-block; height: 22px; } .contacts-basics { margin-bottom: 20px; } .basic-contact-left, .basic-contact-right { float: left; width: 217px; margin: 20px 10px 20px 0; } /* cms full width image > */ .cms-page-view .col1-layout img.full { max-width: 100%; } .cms-page-view .col2-left-layout img.full { max-width: 100%; } /* < cms full width image */ .cms-page-view ol li, .cms-page-view ul li { font-size: 16px; line-height: 21px; } @media (min-width: 1224px) { .col1-layout .cms-content-page .column-left, .col1-layout .cms-content-page .column-right, .col2-left-layout .cms-content-page.contacts .column-left, .col2-left-layout .cms-content-page.contacts .column-right { width: 49%; } .col2-left-layout .cms-content-page .column-left { width: 48%; clear: left; float: left; } .col2-left-layout .cms-content-page .column-right { width: 48%; clear: right; float: right; } .col2-left-layout .cms-content-page .column-full .contact div.person:nth-of-type(2n+1), .col2-left-layout .cms-content-page .column-full .contact div.person:nth-of-type(3n+1) { clear: none; } .col2-left-layout .cms-content-page .column-full .contact div.person:nth-of-type(4n+1) { clear: both; float: left; } .col1-layout .cms-content-page .column-full.margins .column-left, .col1-layout .cms-content-page .column-full.margins .column-right { width: 48%; } .col1-layout .col-main .column-full.margins { padding: 0 80px; } .cms-content-page.home .references .issue { cursor: pointer; clear: none; float: left; width: 225px; padding-right: 15px; } .cms-content-page.home .references div.issue:nth-of-type(2n+1) { clear: none; } .cms-content-page.home .references div.issue:nth-of-type(2n) { padding-right: 15px; } .cms-content-page.home .references div.issue:nth-of-type(4n) { padding-right: 0; } .cms-content-page.home .references div.issue:nth-of-type(4n+1) { clear: both; float: left; } .cms-content-page .shipping-block { max-width: 455px; } .cms-content-page .shipping-block h2 { width: 455px; } } @media (min-width: 1480px) { } @media (max-width: 967px) { .col1-layout .cms-content-page .column-left, .col1-layout .cms-content-page .column-right, .col2-left-layout .cms-content-page .column-left, .col2-left-layout .cms-content-page .column-right { clear: left; float: left; width: auto; } .col1-layout .col-main .column-full.margins { padding: 0 60px; } .col1-layout .cms-content-page.contacts .column-left { clear: none; float: left; width: 40%; } .col1-layout .cms-content-page.contacts .column-right { clear: none; float: right; width: 60%; } .col2-left-layout .cms-content-page.contacts .column-left, .col2-left-layout .cms-content-page.contacts .column-right { clear: left; float: left; width: 100%; } .cms-content-page.home .references .issue { padding-right: 24px; width: 230px; } .cms-content-page.contacts .column-right.map { margin-top: 20px; } .cms-content-page .shipping-block { padding-right: 0; } } @media (max-width: 767px) { .cms-page-view .col1-layout .col-main, .cms-page-view .col2-left-layout .col-main { /*width: 100%;*/ } .cms-page-view .col2-left-layout .page-title { margin: 0 0 20px 10px; } .title-border { font-size: 22px; margin: 20px 10px 30px; } .title-border span { padding: 0 13px; } .col2-left-layout .cms-content-page { margin-left: 5px; } .col1-layout .cms-content-page .column-left, .col1-layout .cms-content-page .column-right { clear: left; float: none; width: 99%; } .col2-left-layout .cms-content-page .column-left, .col2-left-layout .cms-content-page .column-right { clear: left; float: none; width: 99%; } .col1-layout .col-main .column-full.margins { padding: 0 20px; } .col1-layout .cms-content-page.contacts .column-left, .col1-layout .cms-content-page.contacts .column-right { clear: both; float: none; width: 99%; } .cms-content-page.home .references .issue { padding-right: 15px; width: 220px; } .cms-content-page .shipping-block { width: 450px; } } @media (max-width: 479px) { .cms-page-view .col1-layout .title-border, .cms-page-view .col2-left-layout .title-border { margin: 10px 10px 20px; line-height: 35px; } .cms-page-view .col2-left-layout .col-main { /*width: auto;*/ } .col1-layout .cms-content-page .column-left, .col1-layout .cms-content-page .column-right, .col2-left-layout .cms-content-page .column-left, .col2-left-layout .cms-content-page .column-right { width: auto; clear: both; float: none; padding: 0 5px; } .cms-content-page .column-full { width: auto; clear: both; float: none; } .cms-content-page .issue { margin-bottom: 0px; } .cms-content-page .mobile { display: block; } .cms-content-page .wide { display: none; } .col1-layout .col-main .column-full.margins { padding: 0; } .col1-layout .col-main .column-full.margins .issue { padding: 0; } .cms-content-page.home .references .issue { padding-right: 0; width: 295px; } .cms-page-view.cms-yhteystiedot .col-main, .cms-page-view.cms-contacts .col-main { float: none; margin: 0 auto; } .cms-content-page .shipping-block { width: 95%; } .cms-content-page.payments .vertical { display: block; } .cms-content-page.payments .horizontal { display: none; } } .biggest-discount-percent, .price-box .discount-percent { display: none; } .price-as-configured .price-label, .product-view.type-simple .product-essential .price-box .regular-price .price-label, .product-view.type-simple .product-essential .price-price-label, .product-view.type-configurable .product-essential .price-box .regular-price .price-label, .product-view.type-configurable .product-essential .price-price-label, .ajaxpro-form .product-view .price-label { font-weight: normal; font-size: 14px; float: left; padding: 0; text-transform: uppercase; } .price-box .price-price-label, .price-box .price-label, .price-box .product-price-label { display: none; } .product-view.type-simple .product-essential .price-price-label, .product-view.type-configurable .product-essential .price-price-label, .price-as-configured .price-price-label { display: none; } .simpleslider-wrapper span.product-price-label { display: none; } .product-collateral .price-box .price-label, .product-collateral .price-box .price-price-label { display: none; } .ajaxpro-form .product-view .grouped-items .price-price-label { display: none; } .products-grid .price-box.price-box-2 .price-label { font-weight: normal; display: inline; padding: 0; font-size: 22px; color: #121212; } .products-grid .price-box.price-box-2 .old-price .price-label { display: none; } body.price-both-tax .price-as-configured .price-including-tax .tax-label, body.price-both-tax .product-view.type-simple .product-essential .price-excluding-tax .price-price-label, body.price-both-tax .product-view.type-configurable .product-essential .price-excluding-tax .price-price-label, body.price-both-tax .price-excluding-tax .price-price-label, body.price-both-tax .ajaxpro-form .price-excluding-tax .price-price-label { display: none; } body.price-including-tax .price-as-configured .price-including-tax .tax-label, body.price-including-tax .product-view.type-simple .product-essential .price-excluding-tax .price-price-label, body.price-including-tax .product-view.type-configurable .product-essential .price-excluding-tax .price-price-label, body.price-including-tax-tax .price-excluding-tax .price-price-label, body.price-including-tax .ajaxpro-form .price-excluding-tax .price-price-label { display: none; } body.price-both-tax .product-view.type-simple .special-price .price-excluding-tax .price-price-label, body.price-including-tax .product-view.type-simple .special-price .price-excluding-tax .price-price-label, body.price-both-tax .product-view.type-configurable .special-price .price-excluding-tax .price-price-label, body.price-including-tax .product-view.type-configurable .special-price .price-excluding-tax .price-price-label, body.price-both-tax .ajaxpro-form .product-view .special-price .price-excluding-tax .price-price-label, body.price-including-tax .ajaxpro-form .product-view .special-price .price-excluding-tax .price-price-label { padding-top: 0; color: #666666; } .ajaxpro-form .product-view .price-including-tax .price { float: left; } body.price-both-tax .ajaxpro-form .product-essential .product-shop .price-box .tax-label { margin: 0; } body.price-both-tax .bundle .price-excluding-tax .price { float: left; } body.price-both-tax .bundle .price-excluding-tax .tax-label { padding: 0 0 0 7px; float: left; } body.price-both-tax .ajaxpro-form .price-as-configured .price-excluding-tax .tax-label { padding: 0; float: none; } .product-view.type-simple .product-essential .special-price .price-excluding-tax, .product-view.type-configurable .product-essential .special-price .price-excluding-tax { line-height: 31px; } .products-grid .price-box { height: 80px; margin: 5px 0; } .products-grid .product-shop .price-label { padding-left: 8px; } .product-view .product-collateral .product-shop .price-box { display: block; margin: 5px 0; } .product-view .product-collateral .product-shop .price-box .price, .product-view .product-collateral .product-shop .price-box .tax-label { font-weight: normal; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price { width: 150px; } .product-view .grouped-items .price-box, .product-view .grouped-items .price-excluding-tax .price, .product-view .grouped-items .price-including-tax .price { color: #000000; font-size: 14px; font-weight: normal; } .product-view .grouped-items .price-box .tax-label { font-weight: normal; padding-left: 4px; } .product-view .grouped-items .price-box { display: block; } .price-box .price-including-tax .tax-label { display: none; } .product-view.type-configurable .product-essential .price-box .price-excluding-tax, .product-view.type-simple .product-essential .price-box .price-excluding-tax { line-height: normal; } .price-box .price-excluding-tax { margin-top: 2px; } .price-box .price-excluding-tax .price, .price-box .price-excluding-tax .tax-label, .price-box .price-excluding-tax .label, .ajaxpro-form .price-box .full-product-price .tax-label { font-size: 14px; color: #000000; line-height: normal; } .price-box .price-excluding-tax, .price-box .price-including-tax { clear: both; } .price-notice .price-excluding-tax { color: #666666; display: inline; } .product-view .add-to-cart-wrapper .price-box { line-height: normal; } .product-view .product-shop .price-box { font-size: 1em; } .ajaxpro-form .product-view .product-shop .price-box { margin: 0 0 22px 0; } .product-view .product-essential .product-shop .grouped-items .price-box { margin: 0; } .price-box .old-price .price { color: #BBBBBB; } .price-box .tax-label { font-size: 14px; font-weight: normal; } .product-essential .product-shop .price-box .tax-label { padding: 0 0 0 2px; } body.price-both-tax .product-essential .product-shop .price-box .tax-label { padding: 0 0 0 7px; } body.price-both-tax .product-essential .product-shop .price-box .price-including-tax .tax-label, body.price-both-tax .ajaxpro-form .product-essential .price-box .price-including-tax .tax-label { display: none; } .product-essential .product-shop .grouped-items .price-box .tax-label { padding: 1px 0 0 5px; line-height: 14px; } .category-products .price-box .tax-label, .products-grid .price-box .tax-label { padding-left: 2px; } .price-box .price { font-size: 22px; color: #121212; } .price-box .old-price { padding-top: 0px; } .category-products .products-grid .price-box .old-price, .product-collateral .products-grid .price-box .old-price { padding-top: 0; } .price-box .special-price { display: block; } .product-essential .price-box .old-price .price-price-label { visibility: hidden; } .ajaxpro-form .product-essential .price-box .old-price .price-price-label { display: none; } .cart .price-including-tax .price { font-weight: normal; } /* tier prices > */ .product-shop li.tier-price { clear: both; } .type-simple .tier-price-wrapper, .type-configurable .tier-price-wrapper { margin-bottom: 10px; } .product-view .grouped-items .tier-prices-grouped { clear: both; display: none; } .product-view .grouped-items.tierprice .tier-prices-grouped { display: block; } .product-view .grouped-items .tier-price-label { font-weight: bold; } .product-view .product-essential .product-shop .grouped-items-table .price-box, .product-view .product-essential .product-shop .grouped-items-table .tier-prices-grouped { clear: both; } .product-view .product-essential .product-shop .grouped-items-table .price-box { float: right; display: block; } .product-view .product-shop .tier-prices { border: none; } .type-simple .tier-price-label, .type-configurable .tier-price-label { font-weight: bold; } .grouped-items-table .tier-price-label { font-weight: bold; } .tier-price-label { clear: both; } .tier-prices .price { font-weight: normal; } .tier-prices .benefit { font-weight: normal; } .type-simple .tier-price-line, .type-configurable .tier-price-line, #ajaxpro-addcustomproduct-view .tier-price-line { display: inline; } .product-view .product-essential .product-shop .grouped-items-table .tier-price-line { white-space: nowrap; } .product-view .tier-price .tier-price-qty { float: left; margin-right: 5px; font-weight: bold; } .product-view .tier-price .unit-per { float: left; margin-right: 5px; } .tier-prices .exl-tax .price { font-weight: normal; } .product-view .product-shop .tier-prices { padding: 0; margin: 0; } #ajaxpro-addcustomproduct-view .tier-prices { margin-bottom: 10px; } .tier-price .price-type, .tier-price .benefit-wrapper { float: left; } .price-both-tax .tier-price .tier-price-line.exl-tax { color: #666666; } /* < tier prices */ .product-view .product-essential .product-shop .grouped-items-table .price-box, .product-view .product-essential .product-shop .grouped-items-table .price-box .price, .product-view .product-essential .product-shop .grouped-items-table .price-box .old-price, .product-view .product-essential .product-shop .grouped-items-table .price-box .price-label, .product-view .product-essential .product-shop .grouped-items-table .price-box .special-price, .product-view .product-essential .product-shop .grouped-items-table .price-box .regular-price .price, .product-view .product-essential .product-shop .grouped-items-table .price-from .price-label, .product-view .product-essential .product-shop .grouped-items-table .price-to .price-label { font-size: 14px; font-weight: normal; color: #000000; } .price-box .special-price .price-excluding-tax .price { color: #000000; margin-top: 3px; display: inline-block; font-family: "basis-grotesque-regular", Helvetica, Arial, sans-serif; } .product-view .product-price-label, .product-options-bottom .price-as-configured .price-label { font-size: 14px; font-weight: normal; display: block; clear: both; float: none; text-transform: uppercase; padding-bottom: 0; } .product-view .grouped-items .product-price-label { display: none !important; } .catalog-product-compare-index .special-price .price-label, .catalog-product-compare-index .old-price .price-label, .product-view .special-price .price-label, .product-view .old-price .price-label { display: none !important; } .catalog-product-compare-index .special-price, .catalog-product-compare-index .old-price { float: none; padding: 0; margin: 0; } .product-view .product-essential .product-shop .old-price, .ajaxpro-form .product-view .product-shop .old-price { padding-top: 0; } .product-view .product-shop .grouped-items .old-price, .ajaxpro-form .product-view .product-shop .grouped-items .old-price { padding-top: 0; } .product-view .product-essential .product-shop .price-box .price, .product-view .product-essential .product-shop .old-price .price, .ajaxpro-form .product-view .product-shop .price-box .price, .ajaxpro-form .product-view .product-shop .old-price .price { font-weight: normal; } .product-view .product-shop .grouped-items .price-box .price, .product-view .product-shop .grouped-items .old-price .price { font-size: 14px; } .product-view .box-collateral .product-shop .old-price .price { font-size: 16px; } .product-view .box-collateral .product-shop .old-price { padding-top: 4px; } #crosssell-products-list .price-including-tax, #crosssell-products-list .price-excluding-tax { clear: none; } #crosssell-products-list .price-including-tax { height: 30px; } .product-view .soldtogether-block .product-shop .price-box { display: block; } body.hide-listing-tax .products-grid .price-box .price-excluding-tax { display: none; } body.hide-listing-tax .products-grid .price-box { height: 60px; } body.hide-prices .sidebar .block-layered-nav .code-price, body.hide-prices-catalog .sidebar .block-layered-nav .code-price, body.hide-prices .sidebar .aln-mobile-navigation .code-price, body.hide-prices-catalog .sidebar .aln-mobile-navigation .code-price { display: none; } .product-view.type-simple .product-essential .price-box .regular-price .tax-label, .product-view.type-configurable .product-essential .price-box .regular-price .tax-label, .product-view.type-simple .product-essential .price-box .special-price .tax-label, .product-view.type-configurable .product-essential .price-box .special-price .tax-label { display: block; } .product-view.type-simple .product-essential .price-box .special-price .price-excluding-tax .tax-label, .product-view.type-configurable .product-essential .price-box .special-price .price-excluding-tax .tax-label { display: inline; } /* exluding tax > */ body.price-excluding-tax .price-box .price-including-tax { display: none; } body.price-excluding-tax .price-box .price-excluding-tax .price { font-size: 22px; font-weight: normal; color: #121212; } .ajaxpro-form .product-shop .price-box-bundle .price-box .tax-label { margin: 0 0 0 2px; padding: 0; } body.price-excluding-tax .products-grid .price-box { height: 60px; } /* < exluding tax */ /* including tax > */ body.price-including-tax .price-box .tax-label, body.price-including-tax .product-essential .product-shop .price-box .tax-label { display: none; } body.price-including-tax .product-essential .product-shop .price-box .price-excluding-tax .tax-label { display: block; padding-top: 0; } body.price-including-tax .price .tier-price, body.price-including-tax .price .tier-price .unit-per, body.price-including-tax .price .tier-price .price { font-weight: normal; } body.price-including-tax .tier-price .tax-label { display: none; } body.price-including-tax .products-grid .price-box { height: 60px; } /* < including tax */ .product-list-horizontal .sub-cat-name { clear: both; padding: 25px 0 0 10px; margin-bottom: 5px; } .product-list-horizontal .sub-cat-name h2 { font-size: 22px; font-weight: bold; color: #333333; text-transform: uppercase; font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif; } .product-list-horizontal .category-products .products-grid li.item { width: 685px; padding-bottom: 2px; margin-right: 0; } .product-list-horizontal .category-products .products-grid li.item .prolabel-wrapper { width: 130px; float: left; margin-right: 20px; } .product-list-horizontal .category-products .products-grid li.item .prolabel-wrapper .product-image { margin: 0; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { float: left; width: 534px; position: relative; } .product-list-horizontal .category-products .products-grid li.item .product-name { min-height: 21px; display: block; clear: both; width: 100%; } .product-list-horizontal .category-products .products-grid li.item .product-shop { width: 100%; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info { float: left; width: 275px; height: 75px; overflow: hidden; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info .selling-unit { float: left; margin-right: 20px; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info .pricing-unit { float: left; clear: right; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info .horizontal-availability { clear: both; } .product-list-horizontal .category-products .products-grid li.item .price-box { margin: 0 0 0 5px; width: 110px; height: 100px; } .product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { width: 140px; position: absolute; top: 19px; right: 0; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist { width: 275px; position: absolute; top: 105px; left: 0; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .addto { margin-bottom: 0; margin-right: 5px; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .compare-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .amlist-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .favorites-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .wishlist-wrapper { clear: none; float: left; } .product-list-horizontal .products-grid li.item .list-additional-info .label { font-weight: bold; width: 100px; } .product-list-horizontal .products-grid li.item .list-additional-info .text { width: 100px; } .product-list-horizontal .products-grid li.item .description { clear: both; float: left; width: 619px; margin: 0 0 5px 0; overflow: hidden; height: 35px; display: none; } .product-list-horizontal .qty-setters-wrapper .add-to-cart-minus-setter, .product-list-horizontal .qty-setters-wrapper .add-to-cart-plus-setter { width: 45px; } .product-list-horizontal .products-grid .actions button.btn-view span, .product-list-horizontal .products-grid .actions button.btn-cart span { width: 66px; } .product-list-horizontal .products-grid .product-shop .availability.out-of-stock { margin: 0; width: 70px; font-size: 12px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item { width: 928px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 774px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 470px; float: left; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .price-box { width: 150px; height: 80px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 19px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 684px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 533px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 275px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .price-box { width: 110px; height: 100px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 19px; } @media (min-width: 1224px) { .product-list-horizontal .category-products .products-grid li.item { width: 928px; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 777px; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 450px; height: 38px; } .product-list-horizontal .category-products .products-grid li.item .price-box { width: 170px; height: 80px; } .product-list-horizontal .products-grid li.item .description { display: block; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist { top: 108px; width: 450px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item { width: 1154px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 1003px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 650px; height: 38px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 928px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 777px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 470px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .price-box { width: 150px; height: 80px; } } @media (min-width: 1480px) { /* product list horizontal > */ .product-list-horizontal .category-products .products-grid li.item { width: 927px; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 777px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item { width: 1409px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 1258px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 860px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 1183px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 1032px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 660px; } } @media (min-width: 1864px) { .product-list-horizontal .products-grid li.item .description { width: 1000px; } .product-list-horizontal .category-products .products-grid li.item, body.cms-home.product-list-horizontal .category-products .products-grid li.item, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 1338px; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper, body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 1187px; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info, body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 800px; } } @media (max-width: 967px) { .product-list-horizontal .category-products .products-grid li.item { width: 508px; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 358px; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 100%; float: none; height: 42px; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist { position: static; width: 100%; } .product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 65px; } .product-list-horizontal .category-products .products-grid li.item .price-box { margin: 0; width: 190px; height: 80px; } .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .compare-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .amlist-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .favorites-wrapper, .product-list-horizontal .category-products .products-grid li.item .compare-wishlist .wishlist-wrapper { clear: both; float: none; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .price-box { width: 110px; height: 100px; margin: 0 0 0 5px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item { width: 729px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 578px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 317px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .compare-wishlist { position: absolute; width: 220px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 508px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 358px; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 100%; float: none; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .compare-wishlist { position: static; width: 100%; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .price-box { width: 150px; height: 80px; margin: 0; } body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 85px; } } @media (max-width: 767px) { .product-list-horizontal .category-products .products-grid li.item .list-additional-info { height: 57px; } .product-list-horizontal .category-products .products-grid li.item, body.cms-home.product-list-horizontal .category-products .products-grid li.item, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 451px; } .product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper, body.cms-home.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .product-shop-wrapper { width: 301px; } .product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper, body.cms-home.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 83px; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info { width: 100%; float: none; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .compare-wishlist { position: static; width: 100%; } .product-list-horizontal .category-products .products-grid li.item .price-box { margin: 0; } body.cms-home.product-list-horizontal .category-products .products-grid li.item .price-box { width: 150px; height: 80px; margin: 0; } } @media (max-width: 479px) { .product-list-horizontal .category-products .products-grid li.item { margin-bottom: 10px; padding-bottom: 10px; } .product-list-horizontal .category-products .products-grid li.item .product-name { display: block; position: absolute; top: -111px; left: 142px; width: 155px; padding: 0; } .product-list-horizontal .category-products .products-grid li.item .product-name a { font-size: 14px; } .product-list-horizontal .category-products .products-grid li.item .price-box { width: 140px; } .product-list-horizontal .category-products .products-grid li.item, body.cms-home.product-list-horizontal .category-products .products-grid li.item, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item { width: 301px; } .product-list-horizontal .category-products .products-grid li.item .list-additional-info, body.cms-home.product-list-horizontal .category-products .products-grid li.item .list-additional-info, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .list-additional-info { position: static; } .product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper, body.cms-home.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper, body.cms-home.vertical-navigation.product-list-horizontal .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 56px; width: 155px; } .product-list-horizontal.hide-prices-catalog .category-products .products-grid li.item .add-to-cart-form-wrapper { top: 42px; } } body { background: #ffffff no-repeat 50% 0; } /* clearer */ .header-cart-container:after, .product-shop:after, .product-view .product-shop .product-options:after, #ajaxpro-addcustomproduct-view .product-options:after, .product-bottom:after, #checkout-review-table .col-header .wrapper:after, #checkout-review-table .item .wrapper:after, .header-cart .mini-products-list .product-details:after, .product-img-box .prolabel-wrapper:after, .product-img-box .more-views:after, .product-img-box .download-images:after, .toolbar-bottom:after, .toolbar:after, #orders-history.responsive .orders-history-header:after, #orders-history.responsive .orders-history-list:after, #orders-history.responsive .item:after, .qty-setters-wrapper:after, .qty-setters:after, .qty-wrapper .qty-spinner:after, .header-language-links .flags:after, .postWrapper .postBookmarks:after, .postWrapper .tags:after, .postWrapper .blog-tags-wrapper:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .full-width .login-links-container, .breadcrumbs, .header, .top-container, .main, body.cms-home .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main, .footer, .footer-toolbar, .footer-cms { width: 948px; } .col2-left-layout .breadcrumbs, .col2-left-layout .col-main, .col2-right-layout .col-main, body.cms-home.vertical-navigation .col2-left-layout .col-main { width: 720px; } img { max-width: 100%; } .header, .main { background: transparent none no-repeat 0 0; } .top-toolbar-container { background: transparent none no-repeat 0 0; } .footer-toolbar-container { background: transparent none no-repeat 0 100%; } .wrapper .footer-cms-container { background: #ebebeb none no-repeat 0 0; } .footer-container { background: transparent none repeat 0 0; } #scroll-up { z-index: 999; } #scroll-up a { background-color: #eeeeee; } #scroll-up a:hover { background-color: #dddddd; } .product-view .tabs li a, .tab-container .tabs li span { padding: 9px 14px 9px 15px; font-size: 14px; font-weight: normal; text-transform: none; color: #333333; } .product-view .tabs li a:hover, .tab-container .tabs li.over span { color: #333333; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover, .tab-container .tabs li.active span { color: #ef6e00; } h1, .h1, .page-title h1, .page-title h2 { font-size: 30px; color: #333333; } .page-title h1 { font-size: 26px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } body.cms-home .col-main h1.main-title { font-size: 22px; font-weight: bold; text-align: center; padding: 15px 0 0 0; margin: 0; } h2, h3 { margin-bottom: 20px; } .block .block-title span strong, .block .block-title span span, .block .block-title strong, .block .block-title span { font-size: 16px; font-weight: bold; color: #77818c; } .frontpage-collection-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 1px; margin: 61px 11px 45px 8px; text-align: center; font-size: 25px; } .frontpage-collection-title span { background: #ffffff; padding: 0 25px; } .products-grid .product-name a { font-size: 18px; font-weight: normal; color: #121212; text-decoration: none; word-wrap: break-word; } .products-grid .product-name a:hover { color: #535353; } .products-grid .product-shop .availability.out-of-stock { float: right; line-height: 14px; margin: -2px 0 0 15px; padding: 0; text-align: center; width: 84px; } .products-grid .product-shop .availability span { font-weight: normal; } .availability.out-of-stock span, .availability .out-of-stock { color: #b31d1d; } body, input, select, textarea, button, p { font-size: 14px; line-height: 1.36em; font-weight: normal; } p, h1, h2, .h2, h5.category-name, .products-list .product-name a { } .block .block-title span, .nav-container .navpro a.level-top, .navpro div.level-top a, .footer-cms-container .footer-cms .h6 { } .products-list .product-name { font-size: 14px; } /* Demo notice > */ .demo-notice { display: none; } .demo-notice.shown { display: block; } .btn-notice-remove { background: #ffffff none repeat scroll 0 0; border: medium none; margin-left: 10px; cursor: pointer; } .notice-remove { color: #a72f00; font-size: 16px; padding: 3px 7px; } .demo-notice .notice-inner { display: flex; justify-content: center; } /* < Demo notice */ .products-grid .product-name { min-height: 44px; padding: 0; } .main-container .main { padding: 0 10px; background-color: #ffffff; } a { color: #333333; text-decoration: none; } a:hover { text-decoration: underline; } #narrow-by-list input.ajax-option-checkbox { display: none; } #narrow-by-list .label-active { font-weight: bold; } /* column layouts > */ .col1-layout .col-main { float: left; width: 100%; } .col2-right-layout .col-main { padding: 0; } /* Frontpage > */ body.cms-home .col2-left-layout .col-main { width: 100%; } body.cms-home .col2-left-layout .col-left { display: none; } body.cms-home .header-container { border-bottom: 0; } body.cms-home .products-grid .product-name { font-size: inherit; } /* < Frontpage */ .col2-left-layout .col-main, .col2-right-layout .col-main { float: left; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 226px; } .col2-left-layout .sidebar { background-color: #ffffff; color: #333333; } .cms-no-route .sidebar, body.cms-home .col2-left-layout .sidebar { margin-top: 0; } .col-left .block .block-title span strong, .col-left .block .block-title span span, .col-left .block .block-title strong, .col-left .block .block-title span, .col-left .block .block-title a { color: #333333; } .col-left .block .block-title strong span { padding: 5px 4px 6px 0; } .col3-set .col-1 { float: left; width: auto; padding: 0; } .col3-set .col-2 { float: left; width: auto; padding: 0; margin-left: 0; } .col3-set .col-3 { float: left; width: auto; padding: 0; } /* right banner > */ .col-right-banner { display: none; width: 226px; padding: 15px 0 50px 0; float: right; } .accountcustomer-index-index .col-right-banner, .catalog-product-compare-index .col-right-banner { display: none; } body.cms-home.vertical-navigation .col-right-banner { padding-top: 0; } body.cms-home.mega-navigation .col-right-banner { padding-top: 15px; } .catalog-product-view .col-right-banner, .catalog-category-view .col-right-banner, .cms-page-view .col-right-banner { margin-top: 0; } .col-right-banner img { width: 226px; } .col-right-banner div { margin-bottom: 10px; } /* < right banner */ /* < column layouts */ /* header > */ .header { padding: 0; } .form-language { float: right; } .form-language label { font-weight: bold; padding-right: 5px; color: #fff; vertical-align: middle; } .form-language select { padding: 0; } .form-language select.flags option { background: no-repeat 4px 50%; padding-left: 25px; } .quick-access { background: #333333; color: #fff; padding: 7px 13px; text-align: right; } .quick-access .welcome-msg { display: inline; margin: 0; color: #fff; } .quick-access .welcome-msg a { color: #ddd; } .quick-access .form-language { float: left; } .quick-access .form-language label { font-weight: bold; padding-right: 5px; color: #fff; vertical-align: middle; } .quick-access .form-language select { padding: 0; } .quick-access .form-language select.flags option { background: no-repeat 4px 50%; padding-left: 25px; } .quick-access .links { padding-left: 8px; } .quick-access .links, .quick-access .links li { display: inline; } .quick-access .links li { padding: 0 4px 0 1px; } .quick-access .links a { color: #ddd; } .quick-access .links li.last a { padding: 0; background: none; } #header-search-link { float: left; display: none; } #header-search-link a { padding: 4px 10px 0 10px; } #header-search-link img { width: 24px; padding-top: 4px; } /* flags > */ .header-language-links { float: right; text-align: left; padding: 0; cursor: pointer; } .header-language-links .flags { padding: 0; } .flags .dropdown { position: relative; } .flags .text, .flags .image, .flags .arrow { float: left; display: block; line-height: 31px; } .flags .current .text { padding: 0 6px 0 10px; } .flags.lang .current .text { display: none; } .flags .current .arrow { padding: 13px 6px 0 4px; height: 12px; } .flags .current .arrow img { width: 18px; } .flags .current .image { padding: 4px 0 0 0; height: 20px; } .flags .dropdown-menu { display: none; position: absolute; z-index: 990; top: 26px; background-color: #ffffff; width: 123px; min-width: 123px; border: 1px solid #cccccc; left: inherit; right: 0; } .flags .dropdown .dropdown-menu.active { display: block; } .flags .dropdown-menu li { clear: both; overflow: auto; cursor: pointer; font-size: 14px; } .flags .dropdown-menu .image { padding: 3px 10px 0 7px; } .flags.websites .text, .flags.websiteslang .text, .flags.currency .text { line-height: 28px; color: #333333; } .flags.websites .current .text, .flags.websiteslang .current .text, .flags.currency .current .text { display: block; padding-top: 4px; padding-left: 0; } .flags.websites .dropdown-menu { width: 200px; } .flags.websites .dropdown-menu li a, .flags.websiteslang .dropdown-menu li a, .flags.currency .dropdown-menu li a { padding-left: 10px; line-height: 24px; } .full-width .header-language-links .flags .current .icon { float: left; } .full-width .header-language-links .flags .current .icon img { width: 24px; padding: 5px 7px; } /* < flags */ .header-container { border-bottom: 1px solid transparent; padding-top: 0; width: 100%; margin: 0 auto 0; } .header-container { margin: 0 auto 15px; } body.cms-home .header-container { margin: 0 auto 0 0; } .full-width .compare .text, .full-width .mydashboard, .full-width .userlabel, .full-width .username, .full-width .seekaccount, .full-width .createaccount, .full-width .login-text, .full-width .logout-text { padding-top: 9px; font-size: 15px; } .header-container .full-width { background-color: #ebebeb; margin: 0; padding: 0; width: 100%; z-index: 160; font-size: 15px; } .full-width .login-links-container { clear: both; margin: 0 auto; padding: 0 0 0; } .full-width .login-links { float: right; line-height: 16px; text-align: right; color: #333333; } .full-width .call-us-link { float: left; line-height: 16px; text-align: left; color: #333333; text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0; } .full-width .call-us-link img.icon { padding: 5px; float: left; } .full-width .call-us-link img.icon { margin-top: 0; width: 25px; } .full-width .call-us-link .text { font-size: 15px; padding-top: 9px; display: block; margin-right: 5px; } .login-tohome-wrapper { float: right; background: #eaeaea; padding: 0 0 0 0; } .full-width .tohome-links { float: left; text-align: left; color: #ffffff; } .vertical-navigation .full-width .tohome-links { display: block; } .full-width .tohome-links img { width: 24px; padding: 5px 7px; } .full-width .login-links span { display: block; float: left; } .full-width .login-links .userlabel { display: none; } .full-width .login-links span a { color: #333333; } .add-new-customer img { width: 21px; padding: 6px 7px; float: left; } .header-container .add-new-customer .text { float: left; font-size: 15px; padding-top: 9px; margin-right: 15px; display: none; } .header-container .login-links .favorites .text { font-size: 15px; padding-top: 9px; display: block; margin-right: 15px; } .header-container .login-links .favorites a .text:hover { text-decoration: underline; } .full-width .login-links .favorites img { width: 30px; padding: 2px 7px 3px 7px; float: left; } .full-width .login-links .favorites .summary-items { display: block; margin: 10px 0 0 -32px; font-size: 10px; color: #ffffff; text-align: center; width: 20px; } .header-container .login-links .wishlist .text { font-size: 15px; padding-top: 9px; display: block; margin-right: 15px; } .header-container .login-links .wishlist a .text:hover { text-decoration: underline; } .full-width .login-links .wishlist img { width: 24px; padding: 6px 7px 5px 7px; float: left; } .full-width .login-links .wishlist .summary-items { display: block; margin: 8px 0 0 -29px; font-size: 12px; color: #ffffff; text-align: center; width: 20px; } .header-container .login-links .compare .text { font-size: 15px; padding-top: 9px; display: block; margin-right: 15px; } .header-container .login-links .compare a .text:hover { text-decoration: underline; } .full-width .login-links .compare img { width: 21px; padding: 5px 7px; float: left; } .header-container .login-links .amlist .text { font-size: 15px; padding-top: 9px; margin-right: 15px; display: none; } .header-container .login-links .amlist a .text:hover { text-decoration: underline; } .full-width .login-links .amlist img { width: 21px; padding: 5px 7px; float: left; } .header-container .login-links .viewed .text { font-size: 15px; padding-top: 9px; margin-right: 15px; display: none; } .header-container .login-links .viewed a .text:hover { text-decoration: underline; } .hide-header-icon-texts .header-container .full-width .text { display: none !important; } .full-width .login-links .viewed img { width: 23px; padding: 5px 7px; float: left; } .full-width .login-links .usericon img { width: 24px; padding: 5px 7px; } .full-width .login-links .username { height: 18px; max-width: 130px; overflow: hidden; text-align: left; margin-right: 15px; white-space: nowrap; } .full-width .login-links a:hover .username { text-decoration: underline; } .full-width .login-links .logout img { width: 24px; padding: 5px 7px; } .full-width .login-links .logout-text { display: none; } .logo-wrapper { float: left; position: relative; padding: 20px 0 0 5px; } .header .logo { margin: 0; } .header .logo img { width: 200px; } .header .logo-wrapper.small { display: none; clear: both; } .header .logo-wrapper.small .logo { width: auto; } .header .header-slogan { color: #656565; float: left; font-style: italic; margin: 78px 0 0 -16px; } .header .contact-button { background: #226cbf; border-radius: 20px; height: 30px; margin-right: 5px; margin-top: 22px; text-shadow: none; font-weight: normal; } .header .contact-button a { padding: 6px 13px 8px; text-decoration: none; display: inline-block; line-height: 16px; } .header .contact-button a:hover { text-decoration: none; } .header .contact-button span { color: #ffffff; } .header .top-toolbar-container { z-index: 150; height: auto; float: right; max-width: 340px; } .top-toolbar { color: #333333; line-height: normal; padding: 0; width: 319px; font-size: 16px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); } .header-cart-container { float: right; } .header-container .header-cart { float: left; margin: 0; padding: 0; z-index: auto; } .top-toolbar .currency { display: none; float: left; } .top-toolbar .cart-menu, .top-toolbar .header-cart { position: relative; height: 55px; cursor: pointer; background: transparent; } .top-toolbar .checkout { cursor: pointer; } .top-toolbar .header-cart { border-bottom-left-radius: 4px; border: none; box-shadow: none; min-width: 110px; } .top-toolbar .checkout { float: right; padding-top: 9px; margin-left: 0; } .top-toolbar .cart-menu:hover, .top-toolbar .header-cart:hover, .top-toolbar .checkout:hover { background: transparent; border-bottom: 0 none; } .header-cart-container .cart-menu { display: none; float: left; height: 30px; cursor: pointer; border-bottom-left-radius: 15px; } .header-cart-container .cart-menu .button { color: #333333; font-size: 16px; text-transform: uppercase; } .header-cart-container .cart-menu .button, .header-cart-container .cart-menu .button:hover { background: transparent none; } .header-cart .summary { width: auto; font-size: 16px; margin: 0; height: 50px; padding: 0; text-align: center; } .header-cart .summary .cart-left { float: left; width: 35px; height: 35px; margin: 8px 0 0 0; } .header-cart .summary .cart-left img { width: 35px; } .header-cart .summary .cart-left .summary-items { display: block; margin-top: -33px; margin-left: 4px; color: #ffffff; font-size: 15px; line-height: 19px; vertical-align: top; text-shadow: none; } .header-cart .summary .cart-middle { float: right; margin: 21px 0 0 10px; padding-right: 5px; font-size: 26px; line-height: 26px; font-weight: normal; height: 30px; text-transform: uppercase; width: auto; text-align: left; } .header-cart .summary-items, .header-cart .price, .header-cart-qty, .header-cart-total { font-weight: 400; } #header-cart-content .close { color: #226cbf; text-decoration: underline; float: right; padding: 3px; } .header-container .checkout .button { background: transparent none; width: 140px; margin: 0; padding: 0 0 0 0; border: 0 none; } .header-container .checkout .button div { padding: 4px 0 0 0; color: #333333; font-size: 30px; font-weight: normal; text-transform: uppercase; text-align: right; } .header-container .checkout .button div img { width: 8px; vertical-align: baseline; padding-bottom: 3px; } .header-cart li.item span.checkout-ch { float: left; padding-top: 2px; } /* header mini cart list > */ .header-cart .mini-products-list { font-size: 14px; font-weight: normal; left: -70px; right: auto; margin: 0; display: none; color: #333333; text-shadow: 0 0 0; } .top-toolbar .header-cart.dropdown.active .dropdown-menu { display: block; } .firecheckout-index-index .top-toolbar .header-cart.dropdown.active .dropdown-menu { display: none; } .header-cart .mini-products-list .product-image-wrapper { float: left; } .header-cart .mini-products-list .product-details { width: 245px; margin: 0 0 0 5px; float: left; position: relative; } .header-cart .mini-products-list .subtotal .label { margin-right: 5px; } .header-cart .mini-products-list .subtotal .label, .header-cart .mini-products-list .subtotal .price-including-tax, .header-cart .mini-products-list .subtotal .price-excluding-tax { float: left; } .price-both-tax .header-cart .mini-products-list .subtotal .price-excluding-tax { margin-left: 5px; } body.price-both-tax .header-cart .mini-products-list .subtotal .price-excluding-tax, body.price-both-tax .header-cart .mini-products-list .subtotal .price-excluding-tax .price, body.price-both-tax .header-cart .mini-products-list .subtotal .price-excluding-tax .tax-label { font-weight: normal; } body.price-including-tax .header-cart .mini-products-list .product-details .price-including-tax .tax-label { display: none; } .header-cart .mini-products-list .product-details .product-name { margin: 0; } .header-cart .mini-products-list .product-details .header-qty-wrapper, .header-cart .mini-products-list .product-details .price-wrapper { float: left; } .header-cart .mini-products-list .product-details .price-wrapper { margin-left: 5px; } .header-cart .mini-products-list .product-details .truncated { clear: both; } .top-toolbar .header-cart .mini-products-list li { width: 308px; } .header-cart .mini-products-list .subtotal, .header-cart .mini-products-list .subtotal .price { font-weight: bold; } .header-cart .mini-products-list .product-details-buttons { float: right; position: absolute; top: 0; right: 0; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit, .header-cart .mini-products-list .btn-new { float: none; display: block; margin: 0; } .header-cart .mini-products-list .btn-remove { width: 26px; height: 26px; padding: 0; background-image: none; } .header-cart .mini-products-list .gotocheckout a:hover { text-decoration: underline; } .gotocheckout div { float: left; } .gotocheckout .text { padding-top: 3px; } .gotocheckout .text a { color: #226cbf; } .btn-cart-goto { width: 26px; height: 26px; padding: 0; margin: 0 0 0 5px; float: left; } .btn-cart-goto img { width: 20px; } /* < header mini cart list */ /* Free delivery notice > */ .free-delivery-notice { color: #333333; font-size: 14px; font-weight: normal; text-shadow: none; float: right; max-width: 340px; text-align: right; } .header .free-delivery-notice { clear: both; } .header .free-delivery-notice strong { font-weight: normal; } .product-view .free-delivery-notice { clear: right; margin-top: 10px; max-width: 245px; } .product-view.type-grouped .free-delivery-notice { clear: both; } .add-to-box .add-to-cart { float: right; } /* < Free delivery notice */ .view-page-url { display: none; } .header .header-links-container { float: right; margin: 5px 20px 0 0; } .header .welcome-msg { clear: both; float: right; height: 20px; margin: 0; padding: 2px 20px 2px 0; font-weight: normal; color: #ffffff; font-size: 14px; text-shadow: none; } .header .links { clear: both; float: right; padding: 35px 0 0 0; } .header .links a { color: #333333; padding: 0 0 0 25px; text-decoration: none; line-height: 24px; background: none !important; } .header .links a.first { padding: 0; } .header .links a:hover { text-decoration: underline; } .header .links a img { vertical-align: text-bottom; } #nav-top-show-button { position: fixed; top: -9999px; z-index: 1000; display: none; } #nav-top-show-button button { cursor: pointer; background-color: #000000; border: medium none; height: 32px; width: 32px; } #nav-top-show-button button img { width: 24px; } .col2-left-layout .col-left.sidebar.show-top-menu { display: block; } .header-separator { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* < header */ /* breadcrumbs > */ .breadcrumbs { height: auto; padding: 0; background-color: #ffffff; font-size: 16px; color: #000000; float: left; clear: right; width: 725px; } .breadcrumbs, .col1-layout .breadcrumbs, .col2-right-layout .breadcrumbs { margin: 0; } .breadcrumbs ul { margin-left: 20px; } .breadcrumbs ul li.home a span.home { padding: 0; } .breadcrumbs ul li.home a span.home img { width: 20px; vertical-align: bottom; padding: 0; } .breadcrumbs li a, .breadcrumbs li span, .breadcrumbs li strong { color: #000000; font-size: 16px; } .breadcrumbs ul li span { padding: 0 10px 0 10px; } .breadcrumbs ul li span img { width: 6px; vertical-align: baseline; padding: 0; } /* < breadcrumbs */ /* search > */ #mini-search-wrapper { float: left; width: 300px; margin: 20px 0 0 60px; } #search_mini_form { float: left; } #mini-search-wrapper .mini-search { width: 255px; } #mini-search-wrapper.shown { display: block; } #mini-search-wrapper .block-content { margin: 0; padding: 0; } #mini-search-wrapper .block-title, #mini-search-wrapper label { display: none; } .mini-search a { text-decoration: underline; } .header-field-sku .label, .header-field-ean .label, .header-field-product-number .label { font-weight: bold; } #mini-search-wrapper .mini-search { border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; background-color: #ffffff; padding: 0 0 0 10px; } .header-container .form-search { float: none; margin: 0; display: block; height: 43px; } #mini-search-wrapper .mini-search input.input-text { border: none; width: 190px; background-color: transparent; font-size: 14px; line-height: 39px; color: #757575; margin: 0; padding: 2px; display: inline; height: 39px; text-indent: 0; } #mini-search-wrapper .mini-search button.button { background: #226cbf none 0 0 no-repeat; border-radius: 0 3px 3px 0; width: 43px; height: 43px; margin: 0; padding: 0; float: right; display: inline; border: none; } #mini-search-wrapper .mini-search button.button img { width: 20px; } #mini-search-wrapper .mini-search button.button span { display: none; } .autocomplete .price { color: #000000; font-weight: normal; } /* < search */ /* page titles > */ .page-title { margin: 0 0 20px 0; padding: 12px 10px 0 10px; } .col2-left-layout .page-title { margin: 0 0 20px 10px; } .checkout-onepage-success .main .col-main a { text-decoration: underline; } .checkout-onepage-index div.page-title { margin: 30px 10px 20px 20px; } .category-title { background-color: transparent; margin: 12px 10px 20px 20px; padding: 0 10px 0 10px; border-radius: 0; } .col2-left-layout .std { margin: 0 0 20px 20px; } .std a { text-decoration: underline; } .col2-left-layout .product-view .std { margin: 0; } body.cms-home .col2-left-layout .std { margin: 0; } .messages { margin: 20px 10px 10px 20px !important; width: auto; } .messages a { text-decoration: underline; } /* < page titles */ /* normal buttons > */ button.button { background-color: #ffffff; border: 1px solid #999999; border-radius: 0; box-shadow: none; height: 26px; padding: 2px 20px; text-decoration: none; text-shadow: none; font-size: 1em; -webkit-border-fit: border; } button.button:hover { background-color: #e3e3e3; } button.button span { padding: 0; background: none 0 0 no-repeat; color: #000000; font-size: 15px; font-weight: normal; line-height: 15px !important; height: auto; } button.button span span { padding: 0; background: none 0 0 no-repeat; } /* < normal buttons */ /* special buttons > */ #product_sendtofriend_form button.button, .product-view .product-essential .product-shop .add-to-cart button.button, .ajaxpro-form .product-view .product-shop .add-to-cart button.button, button.btn-view, button.btn-cart, .product-view .product-shop .add-to-cart button.button, button.btn-checkout, #checkoutSteps button.button, .block-subscribe .actions button.button { border: medium none; border-radius: 0; box-shadow: none; height: 26px; padding: 2px 15px; text-decoration: none; text-shadow: none; color: #ffffff; background-color: #226cbf; } #product_sendtofriend_form button.button:hover, .product-view .product-essential .product-shop .add-to-cart button.button:hover, .ajaxpro-form .product-view .product-shop .add-to-cart button.button:hover, button.btn-cart:hover, .product-view .product-shop .add-to-cart button.button:hover, button.btn-checkout:hover, #checkoutSteps button.button:hover, .block-subscribe .actions button.button:hover { background: #4f99ec; } #product_sendtofriend_form button.button span, .product-view .product-essential .product-shop .add-to-cart button.button span, .ajaxpro-form .product-view .product-shop .add-to-cart button.button span, button.btn-view span, button.btn-cart span, button.btn-checkout span, #checkoutSteps button.button span { padding: 0; color: #ffffff; font-size: 15px; line-height: 15px !important; text-transform: none; height: auto !important; background: none !important; } #product_sendtofriend_form button.button:hover span, .product-view .product-essential .product-shop .add-to-cart .button:hover span, .ajaxpro-form .product-view .product-shop .add-to-cart .button:hover span, button.btn-checkout:hover span, #checkoutSteps button.button:hover span { color: #ffffff; } .ajaxpro-form .product-view .product-shop-inner .add-to-cart-button { padding-top: 5px; } button.btn-cart:hover span { color: #ffffff; } button.btn-checkout span:hover, button.btn-checkout span:active { height: auto !important; font-size: 15px !important; line-height: 15px !important; font-weight: normal !important; padding: 0; background: none !important; } #product_sendtofriend_form button.button span span, .product-view .product-essential .product-shop .add-to-cart button.button span span, .ajaxpro-form .product-view .product-shop .add-to-cart button.button span span, button.btn-view span span, button.btn-cart span span, button.btn-checkout span span, #checkoutSteps button.button span span { padding: 0; background: none 0 0 no-repeat !important; } button.btn-checkout span span, button.btn-checkout span span:hover, button.btn-checkout span span:active { background: none 0 0 no-repeat !important; padding: 0 !important; } button.btn-view, button.btn-cart, .product-view .product-essential .product-shop .add-to-cart button.button, .ajaxpro-form .product-view .product-shop .add-to-cart button.button { padding: 0; } button.btn-cart span, button.btn-view span, .product-view .product-essential .product-shop .add-to-cart button.btn-cart span, .ajaxpro-form .product-view .product-shop .add-to-cart button.btn-cart span { width: 96px; height: 28px; line-height: 22px !important; padding: 0; float: left; } .products-grid .buytype-offer button.btn-cart span { font-size: 14px; } /*.products-grid .product-shop .price-box.offer { height: 0; }*/ .product-view .product-essential .product-shop .buytype-offer button.btn-cart span, .product-view .product-essential .buytype-offer button.btn-cart span { width: 115px; } button.btn-cart:hover span { background-position: 69px -573px; } .buttons-set .back-link a { color: #000000; font-size: 15px; line-height: 26px; padding: 0; text-decoration: none; } .buttons-set .back-link a:hover { text-decoration: none; } .buttons-set .back-link { background-color: #ffffff; border-radius: 0; border: 1px solid #999999; height: 26px; padding: 0 10px; } .back-link .back-link { border: none; } .buttons-set .back-link:hover { background-color: #e3e3e3; } .box-account .box-head a, .box-account .box-title a, .box-account .box .box-content a, .my-account .addresses-list a, #my-orders-table td a { color: #000000; font-size: 15px; line-height: 26px; text-decoration: none; background-color: #ffffff; border: 1px solid #999999; border-radius: 0; height: 26px; padding: 1px 10px 3px; } .buttons-set .back-link a:hover, .box-account .box-head a:hover, .box-account .box-title a:hover, .box-account .box .box-content a:hover, .my-account .addresses-list a:hover, #my-orders-table td a:hover, #orders-history .item a:hover { text-decoration: none; background-color: #e3e3e3; } button.btn-view { background-color: transparent; color: #000000; border: 1px solid #999999; } button.btn-view span { color: #000000; font-weight: normal; } .button.basic { margin: 0 10px 10px 0; float: left; } .button.basic a { color: #000000; font-size: 15px; line-height: 26px; text-decoration: none; background-color: #ffffff; border: 1px solid #999999; border-radius: 0; height: 26px; padding: 3px 10px 3px; } .button.basic a:hover { background-color: #e3e3e3; } /* < special buttons */ /* nivo slider > */ #full-slider { width: 100%; margin: 0 auto; overflow: hidden; } .col-main .nivoSlider { margin: 0 8px 0 18px; width: 695px; } .slider-wrapper .nivoSlider { box-shadow: none; } .slider-wrapper a.nivo-nextNav { background-position: -67px 0; right: 15px; } .slider-wrapper .nivo-directionNav a { opacity: 0.4; height: 64px; width: 64px; background-image: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/arrows.png); } .slider-wrapper .nivo-controlNav { display: none; } .slider-wrapper .nivo-caption { top: 50%; bottom: auto; font-size: 30px; line-height: normal; background: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); text-align: center; opacity: 1; transform: translateY(-50%); letter-spacing: -1px; } .slider-wrapper .nivo-caption h1, .slider-wrapper .nivo-caption h2 { color: #ffffff; font-size: 50px; } .slider-wrapper .nivo-caption p, .slider-wrapper .nivo-caption div, .slider-wrapper .nivo-caption span { font-size: 30px; } .slider-wrapper .nivo-caption a, .slider-wrapper .nivo-caption a:hover { border: none; text-decoration: none; color: inherit; } .slider-wrapper .nivo-caption button { background-color: #226cbf; color: #ffffff; border: none; } .slider-wrapper .nivo-caption button a { padding: 7px 17px; display: block; } /* < nivo slider */ /* product list > */ .toolbar .sorter p.view-mode { display: none; } .toolbar { display: flex; flex-direction: row; justify-content: space-between; } .products-grid { border: none; } .std .products-grid, .products-grid { padding-left: 11px; } .products-grid li.item { clear: none; padding: 10px; width: 205px; display: block; position: relative; float: left; } .col1-layout .products-grid li.item, .col2-left-layout .products-grid li.item { border: 1px solid rgba(0, 0, 0, 0); margin: 10px 8px 5px; width: 200px; } /* Correct line breaks on product grid > */ .col2-right-layout .products-grid li.item:nth-of-type(3n+1), .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: left; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: none; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: left; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: none; } /* < Correct line breaks on product grid */ .col2-left-layout .products-grid .product-shop .f-fix { min-height: 70px; } .list-brands .product-image img { padding-left: 10px; } .products-grid .product-image { width: 100%; } .main-container .products-grid .desc { margin: 7px 0 0 0; padding: 0; color: #77818C; font-size: 12px; } .products-grid .actions { bottom: 15px; right: 10px; float: left; padding-left: 0; padding-top: 7px; } .category-image { margin-right: 0; margin-left: 20px; width: auto; } .category-image img { max-width: 100%; } #ajaxpro-addcustomproduct-view .add-to-links { display: none; } /* pager / sorter > */ .pager select { width: 44px; border: 0 none rgba(0, 0, 0, 0.1); -webkit-appearance: none; -moz-appearance: none; background: #ffffff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/triangle_arrow_down.png) no-repeat scroll 91% center !important; margin-top: -1px; } .pager .limiter select, .sorter select { padding-right: 5px !important; } .sorter .sort-by { float: right; text-transform: uppercase; padding: 9px 0 0; } .sorter .sort-by a { padding: 2px; } .sorter .sort-by a img { width: 12px; } .sorter select { width: 133px; border: 0 none rgba(0, 0, 0, 0.1); -webkit-appearance: none; -moz-appearance: none; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/triangle_arrow_down.png) 95% no-repeat #ffffff !important; margin-top: -1px; } /*target Internet Explorer 9 and Internet Explorer 10:*/ @media screen and (min-width: 0\0 ) { .pager select, .sorter select { background: none; } } .pager { padding-left: 18px; border-bottom: 0 solid #dddddd; float: left; width: 530px; } .pager .amount, .pager .limiter, .pager .pages { line-height: 25px; /*text-transform: uppercase;*/ } .pager .pages strong, .pager .amount strong { font-weight: normal; } .sorter { border: none; } .sorter .view-mode { background: none; border: none; } .pager, .sorter { font-size: 1em; } .pager .pages { margin: 0; } .my-account .pager { padding-left: 0; } .pager a.previous img, .pager a.next img { width: 6px; vertical-align: baseline; } /* < pager / sorter */ /* Product Options / Custom Options > */ .product-shop .configurable-attributes { padding-bottom: 10px; } .custom-options { height: 30px; } .product-options select { padding: 3px; } .custom-options-container .custom-options { margin: 0; } .product-options dt { padding: 5px 5px 0 0; float: left; clear: left; } #ajaxpro-addcustomproduct-view .product-options dt { padding-top: 8px; } .product-options dt label { font-weight: 600; color: #000000; } .product-options dd, .product-options dd.last { padding: 0; margin: 0; float: left; clear: right; border: none; } .type-bundle.product-options dt { padding: 5px 0 0 0; float: none; } .type-bundle.product-options dd, .type-bundle.product-options dd.last { float: none; padding: 5px 0 5px 0; margin: 0 0 5px 0; } .type-bundle .qty-holder { float: left; } .type-bundle .product-options .qty-disabled { text-align: left; } .type-bundle .product-options dd .qty-holder { padding: 3px 0 0; width: 217px; } .product-options.type-bundle dd .add-to-cart-setter { padding: 23px 0 0 10px; float: left; } .product-options.type-bundle .qty-setters-wrapper .add-to-cart-minus-setter { border-right: 1px solid #cccccc; } .type-bundle .add-to-cart-setter-qty-disabled { display: none; } .product-options.type-bundle .qty-holder .input-text.qty { height: 20px; } .product-options.type-bundle .qty-holder .input-text.qty.qty-disabled { width: 50%; } .ui-selectmenu-menu li.simple .ui-state-active, .ui-selectmenu-menu li.simple .ui-widget-content .ui-state-active { border: none; background: #cccccc; } .ui-selectmenu-menu li.simple { width: 250px; } .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper { padding: 2px 2px 2px 2px; } .ui-selectmenu-menu .ui-menu-item-wrapper .img img.select { width: 250px; } .ui-selectmenu-menu li.even { background-color: #f6f6f6; } .ui-selectmenu-menu.ui-front { z-index: 10000; } .type-bundle .ui-button { background-color: #ffffff; } .type-bundle .ui-corner-all { border-radius: 0; } #ajaxpro-addcustomproduct-view .product-options dl { margin-top: 10px; } #ajaxpro-addcustomproduct-view .product-options dl dd { padding-left: 0; } #ajaxpro-addcustomproduct-view .product-options input { margin-left: 0; border: 1px solid #dddddd; width: 200px; padding: 3px; } .products-grid .actions-container { padding: 0; margin: 0; float: none; clear: both; display: block; } .product-shop #product-options-wrapper dt { margin-bottom: 4px; } .product-shop #product-options-wrapper dd { clear: both; margin-bottom: 15px; } /* AjaxPro > */ body .ajaxpro-form .btn-close { width: 32px; height: 32px; right: -16px; top: -16px; background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/close-32.png) no-repeat 0 0; } .ajaxpro-form .product-options dd .qty-holder, .ajaxpro-form .product-options dd .add-to-cart-setter { padding: 3px 0 0; } .ajaxpro-form .product-options.type-bundle dd .add-to-cart-setter { padding: 3px 0 0 10px; float: left; } .ajaxpro-form .product-options dd .qty-holder .qty-disabled { border: none !important; text-align: left; } .ajaxpro-form .product-view .product-img-box { display: none; } .ajaxpro-form .product-view .product-essential .product-shop { float: none; width: 100%; } .ajaxpro-form .product-view .product-shop .availability { clear: none; } .ajaxpro-form .product-essential .product-shop .price-box { display: none; } .ajaxpro-form .product-essential .product-shop .grouped-items .price-box, .ajaxpro-form .product-essential .product-shop .price-box-bundle .price-box { display: block; } .ajaxpro-form .product-options.type-bundle .qty-holder .input-text.qty { height: 18px; } #ajaxpro-addcustomproduct-view .product-options input.input-text.qty.qty-disabled, .ajaxpro-form .product-options.type-bundle .qty-holder .input-text.qty.qty-disabled { width: 50%; } /* < AjaxPro */ /* IE EDGE fix > */ .products-grid li.item .customer-options dd div { margin-right: 20px; } .ie-edge .products-grid li.item .customer-options dd div { margin-right: 0; } /* < IE EDGE fix */ /* < Product Options / Custom Options */ /* < product list */ /* product page > */ .product-view { padding-left: 20px; } .product-view .product-essential .product-shop { width: 100%; float: none; clear: left; } .product-view .product-essential { margin: 10px 0 10px 0; } .product-shop .product-name h1 { color: #535353; font-size: 24px; word-wrap: break-word; } .product-view .product-img-box .product-image { border: none; } .product-view .product-img-box .more-views { padding-top: 5px; clear: none; float: left; max-width: 300px; margin-top: -10px; } .product-view .product-img-box .more-views ul { margin: 0 0 10px; } .product-view .product-img-box .more-views li { float: left; background: none; margin: 0 10px 8px 0; } .product-view .product-essential .product-shop .availability { font-size: 1em; font-weight: bold; } .product-view .product-shop .availability, .product-view .product-shop .availability span { font-weight: normal; font-size: 14px; } .product-view .product-essential .product-shop .add-to-cart label, .ajaxpro-form .product-view .product-essential .add-to-cart label { line-height: 25px; padding-top: 2px; padding-right: 4px; text-transform: uppercase; } #grouped-product-vertical { margin-bottom: 10px; } .grouped-items-table .a-center { width: 80px; } .product-image-see-large { text-align: right; padding: 5px 5px 0 0; margin-top: 10px; } .product-image-see-large { text-align: right; padding: 5px 5px 0 0; margin-top: 15px; width: 200px; float: right; margin-bottom: -30px; } .product-image-see-large:hover { text-decoration: underline; } .product-image-see-large img { width: 24px; vertical-align: middle; } .product-view .product-img-box .download-images { clear: both; text-align: right; margin: 40px 0 -55px 0; width: 200px; float: right; } .product-view .product-img-box .download-images a { padding: 5px 5px 5px 20px; margin-bottom: -5px; } .product-view .product-img-box .download-images a .icon { width: 28px; } .product-view .product-img-box .download-images a img { width: 20px; vertical-align: bottom; } .product-options { background-color: transparent; border: none; padding: 0; margin: 0 0 25px 0; } .product-options-bottom { background-color: transparent; border: 0 none transparent; border-image: none; padding: 0; margin: 0; } .product-options-bottom .add-to-links { display: none; } .product-options p.required { display: none; } .product-view .add-to-cart-wrapper, .product-view .product-options-bottom { background-color: transparent; border: none; border-image: none; margin: 20px 0; padding: 10px 0 6px; display: flex; justify-content: space-between; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; } .ajaxpro-form .product-options-bottom { border: none; } .product-view.type-configurable .product-type-data-wrapper.view { display: none; } .add-to-cart-wrapper .add-to-box, .product-options-bottom .add-to-cart-wrapper-inner { min-height: 95px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .product-view.type-grouped .add-to-cart-wrapper, .product-view.type-grouped .add-to-cart-wrapper .add-to-box { display: block; border: none; } .add-to-cart-wrapper .price-wrapper, .product-options-bottom .price-wrapper { display: flex; flex-direction: column; justify-content: center; min-height: 95px; } .add-to-cart-wrapper .price-wrapper { min-width: 350px; } .ajaxpro-form .price-wrapper.default { display: none; } .product-view .add-to-cart-wrapper .availability { left: 0; margin: 0; position: relative; top: -18px; font-weight: bold; } .product-view .add-to-cart-wrapper .availability span { font-weight: normal; } .type-grouped .add-to-cart-wrapper .grouped-rows-title { float: left; top: -25px; } .type-grouped .add-to-cart-wrapper .grouped-availability { float: right; top: 0; } .product-view .add-to-cart-wrapper #super-product-table .availability { top: 0; } .product-view .add-to-cart-wrapper .grouped-items-table { clear: both; } .main-container .product-view.type-grouped .product-shop { float: left; width: 100%; } .product-view .product-essential .product-shop .product-shop-inner { margin-left: 0; } .product-view .product-img-box { width: 480px; margin: 0 0 0 0; } .product-shop .product-shop-inner { margin-left: 0; } .product-view .product-description { margin: 0 0 0 0; } .product-info-fields .product-pricing { clear: both; } .descr2-after-descr1 { padding-top: 10px; } .type-grouped .product-img-box { float: left; margin-left: 0; } .type-grouped .product-info-fields { width: 100%; float: none; clear: left; } .products-grid .link-compare, .product-shop .link-compare, .products-grid .link-wishlist, .product-shop .link-wishlist { background-image: none; padding: 0; } .product-view .info-links-wrapper { float: left; margin-right: 20px; max-width: 300px; } .info-links-wrapper.only-icons { display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; margin-right: 0; } .info-links-wrapper.only-icons .inner1 { display: flex; flex-direction: column; justify-content: flex-end; flex-wrap: wrap; height: 52px; } .hide-price-qty-texts .info-links-wrapper.only-icons .inner1 { height: 28px; } .info-links-wrapper.only-icons .inner2 { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .info-links-wrapper.only-icons .addto { margin-bottom: 3px; } .hide-icon-texts .products-grid .addto { width: 40px; margin-right: 5px; } .info-links-wrapper .productpdf { margin-bottom: 6px; } .info-links-wrapper .productpdf a { text-decoration: underline; } #brandinfo-link-wrapper, .brands-see-all { margin-bottom: 6px; } #brandinfo-link-wrapper img { max-width: 100px; } .brands-see-all a { text-decoration: underline; } .product-view .go-to-brand-page, .product-view .go-to-size-guide { float: none; margin: 0 0 6px 0; text-decoration: underline; } .product-view .product-essential .product-shop .addto a { text-decoration: none; } .product-view .product-essential .product-shop .addto a .text { color: #333333; text-decoration: underline; } .product-view .product-essential .product-shop .addto a .text.no-underline { text-decoration: none; font-size: 16px; } .hide-icon-texts .products-grid .link-compare:hover, .hide-icon-texts .products-grid .link-favorites:hover, .hide-icon-texts .products-grid .link-amlist:hover, .hide-icon-texts .products-grid .link-wishlist:hover { text-decoration: none; } .product-shop .addto span.icon { width: 28px; display: block; float: left; } .product-shop .only-icons .addto { padding: 0 6px; } .product-shop .only-icons .addto span.icon { width: 20px; } .hide-icon-texts .compare-wishlist { clear: left; display: flex; flex-direction: row; justify-content: flex-start; } .product-shop .email-friend img { width: 20px; } .product-view .product-essential .product-shop .email-friend { font-size: 14px; float: none; margin: 0 0 6px 0; } .product-shop .compare img { width: 17px; } .product-shop .wishlist img { width: 20px; } .product-shop .productpdf img { width: 20px; } .product-view div.box-description div.h2, .product-view div.box-additional div.h2 { display: none; } .product-view div.box-description, .product-view div.box-additional { margin: 10px 0 17px 0; padding: 0 0 0 0; } .product-view .product-essential .product-shop .add-to-links a { color: #000000; font-size: 14px; text-decoration: underline; } p.addto, div.addto { margin-bottom: 6px; } .addto a { text-decoration: underline; } .compare-wishlist { clear: both; } .products-grid .wishlist.addto { float: left; } .products-grid .wishlist.addto a:hover { cursor: pointer; } .product-view .box-collateral .h2 { font-size: 16px; font-weight: bold; color: #333333; } .product-collateral div.go-to-brand-page { clear: both; } .product-view .block-related-wrapper, .product-view .block-upsell-wrapper { clear: both; } .product-view .product-collateral { margin: 10px 0 10px 0; } .product-collateral .block-upsell { margin: 0 0 15px 0; padding: 0; } .product-bottom { clear: both; padding-top: 20px; } .product-view .product-category-list { margin-bottom: 5px; } .product-view .product-category-list .label { font-weight: bold; } .belong-cat-wrapper { padding-left: 27px; } .belong-cat-wrapper img { width: 6px; padding: 3px 5px 0 8px; } /* < product page */ /* custom_favorites > */ .products-grid .favorites-wrapper { clear: both; float: none; } .favorites-wrapper img { width: 20px; margin-left: 0; } .favorites-wrapper a { text-decoration: none; } .favorites-wrapper a:hover { text-decoration: underline; } .favorites-wrapper .status { color: red; } .favorites-wrapper a .remove { display: none; } .favorites-wrapper .active a .add { display: none; } .favorites-wrapper .active a .remove { display: inline; } /* < custom_favorites */ /* custom_wishlist > */ .products-grid .wishlist-wrapper { clear: both; } .hide-icon-texts .products-grid .wishlist-wrapper { clear: none; } .wishlist-wrapper img { width: 20px; margin-left: 0; } .wishlist-wrapper a { text-decoration: none; } .wishlist-wrapper a:hover { text-decoration: underline; } .wishlist-wrapper .status { color: red; } .wishlist-wrapper a .remove { display: none; } .wishlist-wrapper .active a .add { display: none; } .wishlist-wrapper .active a .remove { display: inline; } /* < custom_wishlist */ /* custom_compare > */ .products-grid .compare-wrapper { clear: both; } .hide-icon-texts .products-grid .compare-wrapper { clear: none; } .compare-wrapper img { width: 20px; margin-left: 0; } .compare-wrapper a { text-decoration: none; } .compare-wrapper a:hover { text-decoration: underline; } .compare-wrapper .status { color: red; } .compare-wrapper a .remove { display: none; } .compare-wrapper .active a .add { display: none; } .compare-wrapper .active a .remove { display: inline; } /* < custom_compare */ /* amlist > */ .products-grid .amlist-wrapper { clear: both; } .amlist-wrapper img { width: 20px; margin-left: 0; } .amlist-wrapper a { text-decoration: none; } .amlist-wrapper a:hover { text-decoration: underline; } .amlist-wrapper .status { color: red; } .amlist-wrapper a .remove { display: none; } .amlist-wrapper .active a .add { display: none; } .amlist-wrapper .active a .remove { display: inline; } .amlist-list-index .sidebar, .amlist-list-edit .sidebar { margin-top: 0; } .col-main > .amlist { padding: 0 10px 20px 20px; } .col-main > .amlist a { text-decoration: underline; } .amlist .instructions { margin-bottom: 20px; } .amlist-list-edit .totals { width: 205px; float: right; margin-bottom: 15px; } .show-selling-unit .amlist .selling-unit-list { margin: 0; width: auto; font-size: 14px; } .show-selling-unit .amlist .column-qty .selling-unit-list { margin: 4px 0 0 0; } .amlist .amlist-form-edit .amlist-title-input { height: auto; } #amlist-save-cart-for-later { margin: 20px 0 20px 0; } #amlist-table .column-qty { min-width: 95px; } #amlist-table .column-price { min-width: 80px; } .amlist-list-edit.modified-amlist td.column-checkbox { visibility: hidden; } /* < amlist */ /* pro zoom > */ body.touch .zoom-window, body.touch .zoom-lens { display: none; } .zoom-window img, .product-view .prozoom-image img { max-width: none; } body #largeimage .controls a.close, body #largeimage .controls a.close:hover { background: transparent url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/close-32.png") no-repeat scroll 0 0; } body #largeimage .controls a.close { height: 32px; right: -8px; text-indent: -9999px; top: -8px; width: 32px; padding: 0; } body #largeimage .controls a.prev-image { background: transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-left-grey.gif) no-repeat scroll left center; } body #largeimage .controls a.next-image { background: transparent url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/slider-arrow-right-grey.gif) no-repeat scroll right center; } /* < pro zoom */ /* Pro Labels > */ .prolabel { height: 44px; width: 44px; } .product-view .prolabel { right: 7px; top: 7px; } .product-view .prolabel.custom-discount { display: none; } .prolabel .prolabels-image { cursor: pointer; height: 44px; width: 44px; } .prolabel .productlabeltext { color: #ffffff; font-size: 16px; font-weight: normal; } .prolabels-content-wrapper { display: block; float: none; clear: both; } .product-view .prolabels-content-labels img { max-height: 50px; float: left; /*margin: 0 10px 8px 0;*/ } .prolabels-content-wrapper ul.tt-wrapper, .prolabels-content-wrapper ul.tt-wrapper li { display: flex; justify-content: space-between; } .prolabels-content-wrapper ul.tt-wrapper { flex-wrap: wrap; } .prolabels-content-wrapper ul.tt-wrapper li { margin: 10px 0 15px; } .prolabels-content-labels .image, .prolabels-content-labels .content { display: flex; flex-direction: column; justify-content: space-around; flex-wrap: wrap; margin-bottom: 10px; } .prolabels-content-labels .image { margin-right: 10px; min-width: 50px; } /* < Pro Labels */ /* vertical grouped product > */ .product-view .grouped-items.vertical .cheader, .product-view .grouped-items.vertical .item { clear: both; } .product-view .grouped-items.vertical .cheader .label, .product-view .grouped-items.vertical .item .data { float: left; } .product-view .grouped-items .cheader { background-color: #f6f6f6; } .product-view .grouped-items .cheader, .product-view .grouped-items .item { border-bottom: 1px solid #ddd; padding: 7px 0 7px 7px; } .product-view .grouped-items .item.odd { background-color: #f6f6f6; } .product-view .grouped-items .label { font-weight: bold; } .product-view .grouped-items .label.name, .product-view .grouped-items .data.name { width: 190px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku { width: 170px; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability { width: 100px; } .product-view .grouped-items .label.qty, .product-view .grouped-items .data.qty { width: 85px; } .product-view .grouped-items .availability { margin: 0; top: 0; } .product-view .grouped-items .data.availability { font-weight: normal; } .ajaxpro-form .product-view .grouped-items .label.name, .ajaxpro-form .product-view .grouped-items .data.name { width: 225px; } .ajaxpro-form .product-view .grouped-items .label.sku, .ajaxpro-form .product-view .grouped-items .data.sku { width: 200px; } .ajaxpro-form .product-view .grouped-items .label.availability, .ajaxpro-form .product-view .grouped-items .data.availability { width: 150px; } .ajaxpro-form .product-view .grouped-items .label.price, .ajaxpro-form .product-view .grouped-items .data.price { width: 225px; clear: left; } .ajaxpro-form .product-view .grouped-items .label.qty, .ajaxpro-form .product-view .grouped-items .data.qty { width: 225px; } /* < vertical grouped product */ /* konfiguroitava tuote > */ .type-configurable p.required { display: none; } .type-configurable .configurable-attribute .label { font-weight: bold; } .type-configurable .configurable-attribute { padding-top: 10px; } /* < konfiguroitava tuote */ #payment_form_svm img { width: 100%; max-width: 575px; } .method_klarna_payments_pay_later label span, .method_klarna_payments_pay_over_time label span { padding-left: 0 !important; } /*#firecheckout-form #payment-method .sp-methods label img { display: none !important; }*/ .block .block-title { border-bottom-color: #F0F0F0 } .block .block-title { text-transform: none; } .block-navpro .block-title { display: block; } .table-padding-5 tr td { padding: 5px; } .table-padding-10 tr td { padding: 10px; } .table-padding-15 tr td { padding: 15px; } .btn-remove { display: block; font-size: 14px; height: 11px; overflow: hidden; padding: 13px 0 0; text-align: right; width: 70px; text-indent: 0; } .amlist-list-edit .link-remove img, .btn-remove img { width: 24px; } #scroll-up a { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/common.png") no-repeat -296px -106px; background-color: #eeeeee !important; } #scroll-up a:hover { background-color: #dddddd !important; } #td_review { border: none; } .data-table th, .data-table td { padding: 3px 5px 3px 0; } .data-table th, .data-table td { border: none; } .data-table td.label, .data-table th.label, .data-table tr.even { background-color: transparent; } #product-attribute-specs-table th { width: 50%; } p.required { font-size: 1em; color: #000; } .validation-advice { font-size: 12px; line-height: normal; } .success-msg { border-color: #999999; background-image: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/msg-success.png"); } .error-msg { border-color: #999999; background-image: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/msg-error.png"); } .note-msg, .notice-msg { border-color: #999999; background: #ffffff url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/images/msg-notice.png") no-repeat; } .error-msg, .success-msg, .note-msg, .notice-msg { font-size: 1em !important; padding: 11px 8px 8px 41px !important; font-weight: normal !important; color: #111111; } .col2-left-layout .error-msg, .col2-left-layout .success-msg, .col2-left-layout .note-msg, .col2-left-layout .notice-msg { margin: 0 10px 20px 20px; } .block .block-subtitle { font-size: 14px; } .autocomplete strong { color: #535353; } /* blog > */ .sidebar .block-blog { margin-top: 0; margin-right: 10px; } .sidebar .block-blog .block-title { padding-top: 0; } .postWrapper { clear: both; padding: 20px 10px 20px 20px; } .postTitle { padding: 0 10px 20px 20px; border-bottom-color: #e6e6e6; } .postWrapper > .postTitle { padding: 0; } .blog-post-view .col-main > p { padding: 0 10px 20px 20px; } .postContent.std { margin: 0; padding: 0; } #postComment { padding: 0 10px 20px 20px; display: block; } .blog-post-view .col-main > .toolbar { padding: 0 10px 10px 20px; } .commentWrapper { padding: 0 10px 20px 20px; } .postTitle h1, .postTitle h2, .postTitle h2 a { font-size: 26px; text-transform: uppercase; color: #333333; text-decoration: none; } .postTitle h3 { font-weight: normal; font-size: 14px; padding: 5px 0; } .postWrapper .postBookmarks h4 { font-size: 14px; } .postWrapper .tags h4 { font-size: 14px; } .block-blog .menu-tags h5, .block-blog .menu-categories h5, .block-blog .menu-recent h5, .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { font-size: 16px; line-height: 21px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 14px; } .sidebar .block-blog .block-content h5 { font-weight: normal; padding-bottom: 4px; } .block.block-blog ul li { padding-bottom: 4px; } .postWrapper img.full { width: 700px; } .blog-index-list .hdr-text-blog, .blog-post-view .hdr-text-blog, .blog-cat-view .hdr-text-blog { display: block !important; } .blog-tags-wrapper { clear: both; margin: 10px 0 0; padding: 10px 0 0 0; } .blog-tags-wrapper ul a { color: #ffffff; text-decoration: none; background-color: #aaaaaa; border-radius: 4px; padding: 7px; } .blog-tags-wrapper ul a:hover { text-decoration: underline; } .blog-index-list .toolbar .limiter, .blog-index-list .toolbar .sorter, .blog-index-list .toolbar .pager .amount, .blog-cat-view .toolbar .limiter, .blog-cat-view .toolbar .sorter, .blog-cat-view .toolbar .pager .amount { display: none; } .blog-index-list .toolbar .pager, .blog-cat-view .toolbar .pager { border-bottom: none; } .checkout-onepage-success .col-right .block-blog, .sendfriend-product-send .col-right .block-blog { display: none; } .blog-cat-view .postContent a { text-decoration: underline; } .sidebar .icon-blog { background-image: none; } .sidebar .icon-blog img { width: 24px; } /* < blog */ /* some links > */ .product-view .some-links { float: right; width: 120px; } .some-links li { float: right; margin-left: 5px; } .some-links a img { width: 23px; } .postWrapper .postBookmarks .some-links { margin-top: 10px; } /* < some links */ /* crosssell > */ #crosssell-products-list h3, #crosssell-products-list .h3, .crosssell .product-name { color: #77818C; font-size: 14px; font-weight: bold; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 14px; } .cart .crosssell .product-image img { width: 90px; } /* < crosssell */ /* soldtogether > */ .product-view .soldtogether-block { margin: 10px 0 10px 0; padding: 10px 0; } .product-view .soldtogether-block .h2 a { display: none; } .col-main .product-view .soldtogether-block .h2 { font-size: 16px; font-weight: bold; padding: 10px 0; } .product-view .soldtogether-block input.checkbox { display: none; } .catalog-product-view .main-container .product-view .soldtogether-block .product-shop { width: 200px; } .product-view .soldtogether-block li.item:nth-of-type(4) { display: none; float: left; } /* < soldtogether */ /* send friend > */ .send-friend { margin: 20px 10px 20px 20px; } .send-friend .page-title { margin: 0 0 20px 0; } /* < send friend */ #form-validate, #contactForm, .useradmin-index-index .main form, .useradmin-index-new .main form, .useradmin-index-edit .main form, .useradmin-index-index .main .back-button { display: block; padding-left: 20px; } .contact-info { } .contact-info .link { text-decoration: underline; } /* returns form > */ .returns-form { margin: 0 0 20px 20px; } .returns-form .page-title { margin: 0; } /* < returns form */ /* banner row > */ .sidebar .banner { margin-bottom: 10px; display: block; } .banner-row { padding: 0 10px 5px 20px; } .banner-row .products-grid li.item.fourth { display: none; } .banner-row .products-grid li.first { margin-left: 5px !important; } .banner-row .products-grid li.item { min-height: 225px; margin-left: 9px; padding-bottom: 10px; float: left; width: 200px; } .product-shop .f-fix .availability { margin: 0 0 9px 10px; } .banner-row .block .block-title { border-bottom-color: #dddddd; } .banner-row .block .block-title span { font-size: 15px; } .banner-row-w { border: 1px solid rgba(0, 0, 0, 0.1); margin: 14px 8px 9px; width: auto; padding: 10px; } .banner-row-m .first, .banner-row-m .last { float: left; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; } .banner-row-m .first { margin: 14px 7px 9px 25px; width: 318px; } .banner-row-m .last { margin: 14px 15px 9px 7px; width: 318px; } .col-left .banner-row { display: none; } .col-main .banner-row { display: block; } .col-left .banner-row-m { display: none; } .col-main .banner-row-m { display: block; } .col-left .banner-row-w { display: none; } .col-main .banner-row-w { display: block; } /* < banner row */ /* Ajax Pro > */ /*.ajaxpro-form { margin-left: -350px; width: 500px; }*/ #ajax-loading-layer, #ajaxpro-spinner, .ajaxpro-spinner { background: #fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/opc-ajax-loader.gif) no-repeat 50% 50%; width: 100px; height: 90px; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; border-radius: 5px; margin: 10px 0; font-weight: bold; z-index: 10000; padding: 0; } .ajaxpro-spinner p { margin: 0 } .ajaxpro-form .add-to-box { clear: both; float: right; padding-top: 15px; } /* < Ajax Pro */ /* login > */ .customer-account-login .col2-left-layout .col-left { display: none; } .customer-account-login .col2-left-layout .col-main, .customer-account-login .col2-right-layout .col-main { width: 968px; } .account-login .col3-set { margin-left: 10px; } .buttons-set button { margin-left: 6px; } .account-login .wrapper { overflow: hidden; width: 100%; } .account-login .login-wrapper { float: left; margin: 0 0 0 20px; width: 31%; position: relative; } .account-login .login-wrapper .content .header-section-top span.arrow { display: none; } .account-login .login-wrapper.first { margin-left: 0; } .account-login .col3-set .col-1, .account-login .col3-set .col-2, .account-login .col3-set .col-3 { border: 1px solid #eeeeee; padding: 10px; min-height: 360px; width: auto; } .account-login .col3-set a { text-decoration: underline; } .form-list label.required em { color: #000 !important; } .account-login .login-wrapper h2 { border-bottom: 1px solid #eeeeee; } .account-login .new-users h2, .account-login .registered-users h2, .account-login .new-account h2 { padding-bottom: 3px; } .account-login .form-list input.input-text { width: 100%; } .account-login .col3-set .col-3 button { clear: both; margin-top: 10px; } .account-login .buttons-set { position: absolute; bottom: 12px; right: 12px; } .account-login .col3-set .col-3 .buttons-set .f-left { float: right !important; } /* < login */ /* account > */ .block-account { font-size: 16px; color: #333333; } .block-account a { color: #333333; text-decoration: none; } .block-account a:hover { text-decoration: underline; } .block-account li { padding-left: 12px; } #block-account-nav .account-useradmin { display: none; } body.iscustomeradmin #block-account-nav .account-useradmin, body.ishrcustomeradmin #block-account-nav .account-useradmin { display: block; } body.issellercustomer #block-account-nav .account-account_edit { display: none; } /* < account */ /* my account > */ .useradmin-index-index .col2-left-layout .sidebar, .useradmin-index-new .col2-left-layout .sidebar, .useradmin-index-edit .col2-left-layout .sidebar, .sales-order-view .col2-left-layout .sidebar, .sales-order-invoice .col2-left-layout .sidebar, .sales-order-shipment .col2-left-layout .sidebar, .customer-address-form .col2-left-layout .sidebar, .customer-address-index .col2-left-layout .sidebar, .customer-address-index .col2-left-layout .sidebar, .customer-account-index .col2-left-layout .sidebar, .customer-account-edit .col2-left-layout .sidebar, .sales-order-history .col2-left-layout .sidebar, .newsletter-manage-index .col2-left-layout .sidebar, .sales-billing-agreement-index .col2-left-layout .sidebar, .sales-recurring-profile-index .col2-left-layout .sidebar, .oauth-customer-token-index .col2-left-layout .sidebar, .amlist-list-index .col2-left-layout .sidebar, .amlist-list-edit .col2-left-layout .sidebar { margin: 20px 0 0 0; } .main-container .my-account { padding: 0 10px 20px 10px; } .col2-set.order-info-box { border-width: 1px; } .col2-left-layout .my-account .page-title { margin: 0 0 20px 0; } .dashboard { padding-left: 10px; } .main-container .my-account { padding-left: 20px; } .dashboard .page-title, .my-account .page-title { padding-left: 0; padding-right: 0; } .dashboard .box-recent, .dashboard .box-account { border: none; margin: 0; padding: 0; } .box-account .box-head h2, .addresses-list h2, .my-account .hello { font-size: 16px; font-weight: bold; color: #000000; } .addresses-list h3, .dashboard .box .box-title h3, .dashboard .box .box-title h4 { font-size: 16px; color: #000000; } .link-reorder { font-weight: normal; } .title-buttons { text-align: left; } .my-account a { text-decoration: underline; } .my-account .page-title.title-buttons button { margin-top: 12px; margin-bottom: 5px; float: right; } .my-account .page-title.title-buttons a { color: #333333; line-height: 23px; } .my-account label[for~="taxvat"] { display: none; } .my-account input[name~="taxvat"] { display: none; } .my-account .order-links { padding: 0 0 10px 0; } .order-info { background: #e3e3e3 none repeat scroll 0 0; border: 1px solid #d3d3d3; clear: both; } #orders-history .approve-offer-button { padding-left: 10px; } .expired-offer { vertical-align: sub; } .my-account .order-items .link-print { color: #333333; font-weight: normal; font-size: 14px; } .my-account .addresses-list .separator { display: none; } .my-account .title-buttons-separate { clear: both; padding-bottom: 15px; } .useradmin .form-list select { width: auto; max-width: 100%; } body.istiliasiakas.disable-address-edit-billing .my-account .dashboard .box-account.box-info .box-content .billing address a { display: none; } body.istiliasiakas.disable-address-edit-billing.isyleisasiakas .my-account .dashboard .box-account.box-info .box-content .billing address a { display: initial; } body.istiliasiakas.disable-address-edit-shipping .my-account .dashboard .box-account.box-info .box-content .shipping address a { display: none; } body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account .dashboard .box-account.box-info .box-content .shipping address a { display: initial; } body.istiliasiakas.disable-address-edit-billing .my-account .addresses-list .addresses-primary .item.billing p a { display: none; } body.istiliasiakas.disable-address-edit-billing.isyleisasiakas .my-account .addresses-list .addresses-primary .item.billing p a { display: initial; } body.istiliasiakas.disable-address-edit-shipping .my-account .addresses-list .addresses-primary .item.shipping p a { display: none; } body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account .addresses-list .addresses-primary .item.shipping p a { display: initial; } body.istiliasiakas.disable-address-edit-billing .my-account #form-validate .form-list .control input#primary_billing, body.istiliasiakas.disable-address-edit-billing .my-account #form-validate .form-list .control input#primary_billing + label { display: none; } body.istiliasiakas.disable-address-edit-billing.isyleisasiakas .my-account #form-validate .form-list .control input#primary_billing, body.istiliasiakas.disable-address-edit-billing.isyleisasiakas .my-account #form-validate .form-list .control input#primary_billing + label { display: initial; } body.istiliasiakas.disable-address-edit-shipping .my-account #form-validate .form-list .control input#primary_shipping, body.istiliasiakas.disable-address-edit-shipping .my-account #form-validate .form-list .control input#primary_shipping + label { display: none; } body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account #form-validate .form-list .control input#primary_shipping, body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account #form-validate .form-list .control input#primary_shipping + label { display: initial; } body.istiliasiakas.disable-address-edit-billing .my-account .page-title .button.add-new-address, body.istiliasiakas.disable-address-edit-shipping .my-account .page-title .button.add-new-address { display: none; } body.istiliasiakas.disable-address-edit-billing.isyleisasiakas .my-account .page-title .button.add-new-address, body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account .page-title .button.add-new-address { display: block; } body.istiliasiakas.disable-address-edit-shipping .my-account .col-2.addresses-additional a { display: none; } body.istiliasiakas.disable-address-edit-shipping.isyleisasiakas .my-account .col-2.addresses-additional a { display: block; } .my-account .customernumber { padding-top: 6px; } /* < my account */ /* Cart > */ #shopping-cart-table { clear: both; } .checkout-cart-index .col-left.sidebar { display: none; } .cart .col-sku, .cart .col-modify-add-new { float: left; } .cart .col-description { width: 26%; } .cart .col-sku { width: 18%; } .cart .col-sku span { word-wrap: break-word; } .cart .col-actions { width: 26px; height: 26px; float: left; } .cart .col-wishlist { width: 10%; } .cart .cart-qty { width: 110px; } .cart #products-cart-list .cart-price-list li { padding: 0; } .cart .col-unit-price, .cart .col-total-price { width: 19%; padding: 0 } .cart .price-including-tax .price { font-weight: normal; } .cart .price-including-tax .label { display: none; } .cart .price-excluding-tax .cart-header-item { display: none; } .cart .page-title .btn-continue { margin: 30px 0 15px -20px; } .cart .checkout-types { margin: 30px 0 15px -20px; } .cart .title-buttons .checkout-types li { margin: 0; } .cart .product-image { width: 135px; } .cart .product-shop, .cart-headers .col-shop { margin-left: 145px; } #pikatilaus h1 { color: #000000; } #pikatilaus input { margin: 0 10px 10px 0; } #pikatilaus { padding: 30px 0 20px 20px; } .cart .totals { width: 30%; } .cart .shipping-crosssell { width: 65% } .discount, .giftcard, .cart .totals { font-size: 1em; } .discount, .giftcard { border: none; } .cart .totals table { width: auto; } .cart .product-shop, .cart .product-shop .btn-remove, .cart .product-shop .h2 { font-size: 14px; } .cart #shopping-cart-table img { float: left; } .cart-empty a { text-decoration: underline; } .checkout-cart-index #shopping-cart-table .notice { color: #dc0800; } .hide-prices-catalog .col2-left-layout .products-grid .product-shop .f-fix { min-height: 33px; } .col-actions .btn-remove { background-image: none; width: 26px; height: 26px; padding: 0; float: left; } .cart .seller-pricing .base-price-container .price, .cart .seller-pricing .original-price-container .price, .cart .seller-pricing .cost-price-container .price { float: right; padding-right: 10px; } .cart .seller-pricing .cart-header-item { display: inline; } .cart .seller-pricing .custom-price { width: 65px; } .cart .seller-pricing .custom-price.below-cost { background-color: #ffcfcf; } /* < Cart */ .data-table .item.odd { background-color: #ffffff; } .data-table .item.even { background-color: #f6f6f6; } button.btn-update-qty { border-radius: 7px; height: 20px; } button.btn-update-qty span { font-size: 12px !important; line-height: 12px !important; } /* checkout > */ #checkoutSteps { padding: 0 10px 20px 20px; } #checkout-progress-wrapper { padding: 20px 10px 20px 10px; } #checkout-progress-wrapper .block-content { padding: 10px 0 10px 0; } .opc { border: none; } .opc li.section { border: none; margin-bottom: 10px; } .opc .step { padding: 10px 0 0 0; } .opc .step-title { background: none repeat scroll 0 0 #404040; padding: 3px 5px 1px 5px; } .opc .step-title h2 { color: #ffffff; } .opc .step-title .number { background-color: #535353; color: #000000; border-radius: 13px; font-size: 17px; margin: 3px 10px 0 3px; padding: 3px 9px; } .opc .active .step-title .number { background-color: #ffffff; padding: 3px 9px; color: #000000; } .opc .active .step-title { background: none repeat scroll 0 0 #535353; } .opc .allow .step-title a { font-size: 14px; color: #ffffff; } #co-billing-form > fieldset { border: 1px solid #dddddd; padding: 10px; } .sp-methods label { color: #000000; } .opc .buttons-set p.required { display: none; } #checkout-shipping-method-load, #checkout-payment-method-load { margin: 10px 0 10px 10px; } .block-progress dt, .block-progress dt.complete { color: #ffffff; font-size: 14px; font-weight: normal; border: none; background-color: #77818c; } .block-progress dt.complete, .block-progress dt.complete a { color: #ffffff; font-size: 14px; font-weight: normal; } .block-progress dd.complete { border: 1px solid #dddddd; margin-bottom: 10px; padding: 18px 19px 12px; } .opc label[for~="billing:taxvat"] { display: none; } .opc input[name~="billing[taxvat]"] { display: none; } /* < checkout */ /* firecheckout > */ .firecheckout-index-index .top-toolbar .checkout { display: none; } .firecheckout-index-index .col-right-banner { display: none; } .firecheckout-wrapper .page-title.checkout-title .checkout-subtitle { display: none; } .firecheckout-index-index .full-width .tohome-links { display: block; } .firecheckout-index-index #nav-top-show-button { display: none !important; } .firecheckout-index-index .header-cart-container .cart-menu { visibility: hidden; } #firecheckout-form .firecheckout-set input.input-text, #firecheckout-form .firecheckout-set .form-list select, #firecheckout-form .firecheckout-set select, #firecheckout-form .firecheckout-set textarea { font-size: 14px !important; } .main #firecheckout-form .form-list label { font-size: 14px; } #firecheckout-form .firecheckout-set .form-list .fields .field, #firecheckout-form .firecheckout-set .form-list .fields .input-box, #firecheckout-form .firecheckout-set .gift-messages-form .item .details .form-list .field { width: 100%; } #firecheckout-form .firecheckout-set .form-list li.wide textarea, #firecheckout-form .firecheckout-set .form-list li.wide select, #firecheckout-form .firecheckout-set .form-list li.wide input.input-text { width: 100%; max-width: none; } #firecheckout-form .firecheckout-set .form-list .fields .field:first-child .input-box { width: 100%; } .firecheckout-index-index .page-title { height: auto; border-bottom: none; margin: 0; padding: 0; } #firecheckout-form .sp-methods label { font-weight: normal; } #checkoutSteps #payment_form_svm, #payment-method #payment_form_svm { display: none; } #firecheckout-form .firecheckout-set .form-list #amorderattr textarea { width: 100%; } .checkout-title .firecheckout-login-wrapper { float: none; clear: both; margin: 3px 0 10px 0; } .firecheckout-login-wrapper a { text-decoration: none; } .firecheckout-login-button { text-decoration: none; padding: 0 0 0 10px; } .firecheckout-login-wrapper button.btn-checkout { float: none; display: inline; } #firecheckout-form .firecheckout-section .block-title { height: 24px; } #firecheckout-form .firecheckout-section #billing-address .block-title.sub, #firecheckout-form .firecheckout-section #shipping-address .block-title, #firecheckout-form .firecheckout-section #shipping-address .block-title span { font-size: 14px; font-weight: bold; color: #000000; } #firecheckout-form .firecheckout-section #billing-address .block-title.sub { padding: 0; } #firecheckout-form .firecheckout-section .block-title .num { background-color: #226cbf; color: #ffffff; border-color: #226cbf; border-radius: 14px; margin: 0 5px 0 0; padding: 2px 8px 3px 8px; font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #firecheckout-form .validation-advice { font-size: 16px; font-weight: bold; line-height: normal; } #firecheckout-form .data-table td.label { background-color: transparent; } .firecheckout-window a { text-decoration: none; } #firecheckout-form #checkout-review-table .vat { white-space: nowrap; } #firecheckout-form #pre-login { border: 1px solid #ccc; margin-bottom: 10px; } #firecheckout-form #pre-login .block-content { margin: 10px 0 10px 10px; } .firecheckout-section.address-section { border: none; } .firecheckout-index-index #firecheckout-form #billing-address, .firecheckout-index-index #firecheckout-form #shipping-address { border: 1px solid #ccc; margin-bottom: 10px; } .firecheckout-window a.close { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/close-32.png") no-repeat 0 0 transparent; height: 32px; width: 32px; right: -16px; top: -16px; text-indent: -9999px; } #firecheckout-form label .normal { font-weight: normal; } #firecheckout-form #register-info-pre-login a { text-decoration: underline; } .firecheckout-window .buttons-set button.button, #firecheckout-form button.button { height: 35px; border-radius: 0; border: none; background-color: #888888; } .firecheckout-set .buttons-set button.btn-checkout:hover, .firecheckout-set .buttons-set button.btn-checkout:focus, .firecheckout-set .buttons-set button.btn-primary:hover, .firecheckout-set .buttons-set button.btn-primary:focus, .firecheckout-window .buttons-set button.button:hover, .firecheckout-window .buttons-set button.button:focus, .firecheckout-set .buttons-set button.btn-checkout.loading, .firecheckout-set .buttons-set button.btn-checkout.loading:hover, .firecheckout-set .buttons-set button.btn-checkout.loading:focus, .firecheckout-set .buttons-set button.btn-primary.loading, .firecheckout-set .buttons-set button.btn-primary.loading:hover, .firecheckout-set .buttons-set button.btn-primary.loading:focus, .firecheckout-window .buttons-set button.button.loading, .firecheckout-window .buttons-set button.button.loading:hover, .firecheckout-window .buttons-set button.button.loading:focus { background-color: #888888; } #firecheckout-form .firecheckout-set button.btn-checkout { background-color: #226cbf; height: 36px; } #firecheckout-form .firecheckout-set button.btn-checkout:hover { background-color: #4f99ec; height: 36px; } #firecheckout-form .firecheckout-set button.btn-checkout span span { font-size: 15px; font-weight: normal; } #firecheckout-form #smartpost_city { height: auto; border: 1px solid #ccc; border-top-color: #aaa; padding: 7px; margin: 4px 0 4px 0; text-indent: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .firecheckout-window .buttons-set a, .firecheckout-window .buttons-set a:hover { text-decoration: underline; color: #333333; } #firecheckout-form #billing-address-readonly, #firecheckout-form #shipping-address-readonly { padding: 5px 0 5px 0; } .firecheckout-index-index #firecheckout-spinner { background: #fff url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/argento/images/opc-ajax-loader.gif) no-repeat 50% 50%; width: 100px; height: 90px; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); border-radius: 5px; margin: 10px 0; font-weight: bold; text-indent: -9999px; padding: 0; } .checkout-cart-index .page-title, .firecheckout-index-index .checkout-title h1 { display: none; } .firecheckout-index-index .kassa-info { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; margin-bottom: 10px; padding: 10px; width: auto; } .firecheckout-index-index .col1-layout .col-main { padding: 10px 0 0 0; } #firecheckout-form .firecheckout-set .sp-methods dt { margin: 0 0 5px; } .firecheckout-index-index .header-container { border-bottom: 0; margin: 0; } #firecheckout-form .discount-form .messages, #firecheckout-form .giftcard-form .messages { margin: 0 !important; } #shipping-method .itellaSmartPost, #shipping-method .matkahuoltoNearbyParcel { padding-top: 20px; } .checkout-finland-methods { margin: 0; padding: 0; } .firecheckout-set .checkout-finland-methods dt { margin: 0 0 5px; } .sp-methods dt.method-checkoutfinland { overflow: hidden; width: 1px; height: 1px; } .svea-payment-logos { display: none; } #firecheckout-form .col-2 .form-list.amasty-orderattributes li.fields { margin: 0; } #billing-address .form-list.amasty-orderattributes li.fields, .firecheckout-index-index #billing-address .form-list.amasty-orderattributes li:last-child { margin: 15px 0 10px 0; } .firecheckout-index-index #firecheckout-form #billing-address .block-content, .firecheckout-index-index #firecheckout-form #shipping-address .block-content { padding-bottom: 10px; } #firecheckout-form #shipping_form_delivery_date { margin-bottom: 0; } #firecheckout-form #shipping_form_delivery_date li label { font-weight: bold; } #firecheckout-form .clear-date { cursor: pointer; text-decoration: underline; margin-bottom: 10px; } .firecheckout-window .buttons-set .back-link { border: none; } .firecheckout-window .buttons-set .back-link:hover, .firecheckout-window .buttons-set .back-link a:hover { background: none; } .firecheckout-set .checkout-agreements .agree { text-decoration: underline; } .firecheckout-window .actionbar label.btn-agree { text-decoration: underline; } body.istiliasiakas.disable-address-choose-billing #firecheckout-form #billing-address .address-select-item { display: none; } body.istiliasiakas.disable-address-choose-billing.isyleisasiakas #firecheckout-form #billing-address .address-select-item { display: block; } body.istiliasiakas.disable-address-choose-shipping #firecheckout-form #shipping-address .address-select-item { display: none; } body.istiliasiakas.disable-address-choose-shipping.isyleisasiakas #firecheckout-form #shipping-address .address-select-item { display: block; } body.firecheckout-index-index .free-delivery-notice { display: none; } /* review > */ #firecheckout-form .firecheckout-set #checkout-review-table-wrapper { padding: 0; } #firecheckout-form #checkout-additional .block-title { display: none; } #checkout-review-table .col-header { background-color: #f2f2f2; padding: 7px 0 7px 5px; } #checkout-review-table .col-description, #checkout-review-table .col-unit-price, #checkout-review-table .col-selling-unit, #checkout-review-table .col-qty, #checkout-review-table .col-total-price { float: left; } #checkout-review-table .col-header .col-description, #checkout-review-table .col-header .col-unit-price, #checkout-review-table .col-header .col-selling-unit, #checkout-review-table .col-header .col-qty, #checkout-review-table .col-header .col-total-price { font-weight: bold; } .firecheckout-set #checkout-review .product-image { width: 90px; float: left; } #checkout-review-table .wrapper { float: left; width: 525px; } #checkout-review-table .col-description { width: 28%; } #checkout-review-table .col-unit-price { width: 25%; } #checkout-review-table .col-qty { width: 20%; } #checkout-review-table .col-total-price { width: 25%; } #checkout-review-table .products-list li.item { padding: 12px 0 12px 5px; border-top: 1px solid #ddd; border-bottom: none; } #checkout-review-table .col-footer { width: 100%; } #checkout-review-table .col-footer .a-right { width: 80%; } #firecheckout-form #checkout-review-table .product-name a { text-decoration: underline; } #checkout-review .block-subtitle { padding-bottom: 5px; } #checkout-review-table .cart-price .price { font-weight: normal; } #checkout-review-table .col-footer .price { font-weight: normal; } /* */ #my-orders-table { clear: both; } .my-orders .product-shop, .my-orders .cart-headers .col-shop { margin-left: 0; } .my-orders .col1, .my-orders .col-wrapper, .my-orders .col2, .my-orders .col3 { float: left; } #my-orders-table.my-orders li.item { padding: 7px 0; } .my-orders .col-description, .my-orders .col-sku, .my-orders .col-unit-price, .my-orders .col-selling-unit, .my-orders .cart-qty, .my-orders .col-total-price { float: left; } .my-orders .col1 { width: 145px; } .my-orders .product-image { width: 135px; } .my-orders .col-description { width: 130px; } .my-orders .col-sku { width: 140px; } .my-orders .col-unit-price { width: 110px; } .my-orders .cart-qty { width: 75px; } .my-orders .col-total-price { width: auto; } .my-orders .col-description .name { font-weight: normal; font-size: 14px; margin: 0; } .my-orders li.item { padding: 7px 0; border-bottom: 1px solid #ddd; } .my-orders li.even { background: #f6f6f6 none repeat scroll 0 0; } #my-orders-table .separator { display: none; } .box-account .box-head a { margin-bottom: 4px; } #orders-history.responsive .orders-history-header { background-color: #f2f2f2; padding: 7px 0 7px 7px; font-weight: bold; } #orders-history.responsive .orders-history-list { padding: 7px 0 0 0; } #orders-history.responsive .col-wrapper { width: 40%; } #orders-history.responsive .col1, #orders-history.responsive .col2 { width: 50%; } #orders-history.responsive .col3 { width: 60%; } #orders-history.responsive .item { clear: both; display: block; padding: 7px 0 5px 7px; } #orders-history.responsive .col-wrapper, #orders-history.responsive .col { float: left; } #orders-history.responsive .order-info dt, #orders-history.responsive .order-info dd { font-weight: normal; } #orders-history.responsive .order-info { background-color: transparent; border: none; padding: 0; } #orders-history.responsive .order-info dt { clear: left; float: left; margin-right: 3px; } #orders-history.responsive .order-info dd { display: block; } #orders-history.responsive .order-info dt::after { content: ":"; } #orders-history.responsive li.even { background-color: #f6f6f6; } /* < my-orders */ /* compare > */ .catalog-product-compare-index .main { width: 100%; } .catalog-product-compare-index .col-main { width: 100%; } .products-grid .compare { float: left; margin-right: 5px; } .compare-table th { background-color: #f6f6f6; } .compare-table th, .compare-table td { padding: 5px; border: 1px solid #ddd; } .compare-table tr.first td { text-align: center; } .compare-table tr.even { background-color: #f6f6f6; } .compare-table .product-name { min-height: 38px; margin-top: 8px; margin-bottom: 10px; } .compare-table .product-name a { color: #535353; font-size: 18px; font-weight: normal; } .compare-table .price-box { margin: 5px 0 10px; min-height: 80px; } .compare-table tr.add-to-row td { text-align: center; } .catalog-product-compare-index .buttons-set { float: left; margin: 20px 0 50px 0; } .sidebar .block-compared { display: none; } .compare-table th { background-color: #f6f6f6; } .compare-table th, .compare-table td { padding: 5px; border: 1px solid #ddd; } .compare-table tr.first td { text-align: center; } .compare-table tr.even { background-color: #f6f6f6; } .compare-table .product-name a { color: #121212; font-size: 16px; font-weight: normal; } .compare-table .price-box { margin: 5px 0 10px; } .compare-table tr.add-to-row td { text-align: center; } .catalog-product-compare-index .buttons-set { float: left; margin: 20px 0 10px 0; } .sidebar #block-account-nav .account-compare { display: none; } .product-compare .sidebar #block-account-nav .account-compare { display: block; } .compare-table .btn-remove { padding-top: 9px; width: 75px; } .catalog-product-compare-index .no-products { clear: both; } .product-compare .compare-table .btn-remove { background: none; height: auto; margin: 0; padding: 0; line-height: normal; cursor: pointer; } .product-compare .compare-table .btn-remove img { vertical-align: middle; } /* < compare */ /* footer > */ .footer { padding: 10px 0; } .footer-brands-container { display: none; clear: both; position: relative; } .footer-brands-container .footer-brands { padding: 20px 0 10px 0; position: relative; margin: 0 auto; width: 968px; background-color: #ffffff; } .footer-brands-container .footer-brands .brands span { padding-left: 10px } .footer-brands-container .footer-brands li { float: left; padding-left: 10px; } .footer-mission-container { margin: 20px auto 40px; text-align: center; font-size: 15px; font-style: italic; width: 550px; } .footer-toolbar-container { display: none; border: none; } .footer-cms { color: #121212; background: transparent; padding: 0; } .footer-cms-inner { clear: both; padding: 40px 10px; } .footer-cms-container { border-bottom: none; } .footer-cms-container .footer-cms .h6 { color: #000000; font-size: 17px; font-weight: bold; margin: 0 0 10px 0; } .footer-cms a { color: #000000; font-size: 15px; } .footer-cms p { font-size: 15px; } .footer-cms .col-pair.pair1 { float: left; width: 432px; } .footer-cms .col-pair.pair2 { float: right; width: 488px; } .footer-cms .col { float: left; width: 200px; padding: 6px 0 0 0; } .footer-cms .col1 { width: 230px; } .footer-cms .col2 { width: 200px; } .footer-cms .col span { display: inline-block; padding-bottom: 0; color: #ffffff; font-weight: 600; } .footer-cms .col a { margin-left: 0; text-decoration: none; vertical-align: text-bottom; } .footer-cms .col a:hover { text-decoration: underline; } .footer-cms .col1 p, .footer-cms .col2 p, .footer-cms .col3 p { margin-left: 0; margin-bottom: 4px; } .footer-cms .col4 { width: 283px; float: right; } .footer-cms .col4 span.label { color: #000000; font-weight: normal; padding: 0 0 10px 0; } .footer-cms .col4 span.label.first { padding-top: 3px; } .footer-cms .col4 .block.block-subscribe { margin-bottom: 0; } .footer-cms .col4 ul { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; } .footer-cms .col4 .h6 { margin: 0 0 10px 0; } .footer-cms .col4 li a { text-decoration: none; } .footer-cms .col4 .newsletter { clear: both; } .footer-cms .col4 a, .footer-cms .col4 a:hover { text-decoration: none; } .footer-cms .col4 a span { text-indent: -9999px; } .footer-cms .col4 .media-links .media-link img { height: 25px; width: unset; } div.footer-cms .block-subscribe .form-subscribe-header { display: none; } div.footer-cms .block-subscribe .block-title { display: none; } div.footer-cms .block-subscribe .input-box { float: left; margin-bottom: 5px; } div.footer-cms .block-subscribe .actions .button { float: left; } div.footer-cms .block .actions { padding: 0; } div.footer-cms .block-subscribe .input-box input { width: 174px; padding: 3px 2px 2px 2px; color: #757575; } .lang-sv div.footer-cms .block-subscribe .input-box input, .lang-en div.footer-cms .block-subscribe .input-box input { width: 116px; } .lang-en .newsletter .block-subscribe button.button { padding: 2px 8px; } .lang-en .newsletter .block-subscribe button.button span { font-size: 14px !important; } .footer-cms .address { clear: both; margin: 0 0 40px 0; text-align: center; color: #000000; font-size: 16px; } .footer-container { display: none; } .footer-cms .address-icon, .footer-cms .email-icon, .footer-cms .telephone-icon, .footer-cms .fax-icon, .footer-cms .empty-icon { float: left; height: 22px; width: 20px; padding-right: 5px; } .footer-cms .facebook a img { width: 15px; } .footer-cms .twitter a img { width: 28px; } .footer-cms .youtube a img { width: 28px; } /* < footer */ .account-customer .content { padding: 0 10px; } .icon-my-account { padding: 0 8px 0 0; float: left; } .icon-my-account img { width: 24px; } .icon-products { float: left; padding: 0 8px 0 0; } .icon-products img { width: 22px; } .customer-account-login .main-container, .customer-account-create .main-container { margin-top: 0; } .checkout-cart-index .col2-left-layout .col-main { width: 968px; } .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { text-align: left; } .ui-autocomplete.ui-widget-content .ui-menu-item .ui-state-active { border-color: #e3e3e3; background-color: #e3e3e3; color: #333333; } #quickorder { padding-top: 15px; } #quickorder button { margin-top: 3px; } div#quickorder input.input-text { margin-top: 2px; padding: 3px; } #accountcustomer_approveaccount_form #seller-email, #accountcustomeronestep_form #seller-email, #accountcustomer_approveaccount_form #customer-segment, #accountcustomeronestep_form #customer-segment { width: 300px; height: 300px; } /* accordion > */ .accordion-button-wrapper { margin: 20px 0 20px 0; display: block; } .accordion-button { background: #ffffff none repeat scroll 0 0; border: 1px solid #999999; color: #111111; cursor: pointer; font-weight: normal; padding: 4px 20px; } /* < accordion */ /* reCAPTCHA > */ .buttons-set .recaptcha { float: left; } .account-customer .buttons-set .recaptcha { margin-left: 20px; } /* < reCAPTCHA */ /* print > */ .page-print h1 { margin: 0 0 15px 0; } .page-print h2, .page-print h3 { margin: 15px 0 5px 0; } .page-print .order-date { padding: 0; margin: 15px 0 5px 0; } .page-print .print-head .logo { float: left; padding: 0 100px 40px 0; } .page-print .print-head address { float: left; margin-left: 0; } .title-buttons .link-print { float: right; text-decoration: underline; margin-top: 4px; } .catalog-product-compare-index .title-buttons .link-print { margin-top: 19px } .page-print .order-info-box { border: none; padding: 0; margin: 0 0 10px 0; } .page-print .order-info-box strong { font-weight: normal; } /* < print */ /* plus and minus with qty-input > */ input.qty { width: 44px; } .qty-setters-wrapper .qty-input { float: left; } .qty-setters-wrapper .qty-input .qty { text-align: center; height: 24px; border: 1px solid #cccccc; padding: 0; } .qty-setters-wrapper { margin-bottom: 15px; height: 25px; } .qty-setters-wrapper .txt { padding-top: 4px; color: #333333; } .qty-setters-wrapper .add-to-cart-minus-setter, .qty-setters-wrapper .add-to-cart-plus-setter { float: left; border: 1px solid #cccccc; height: 24px; margin: 0; padding: 0; width: 75px; cursor: pointer; } .qty-setters-wrapper .add-to-cart-minus-setter { border-right: none; } .qty-setters-wrapper .add-to-cart-plus-setter { border-left: none; } .qty-setters-wrapper .setter { font-size: 26px; color: #999999; line-height: 18px; font-weight: bold; text-align: center; } .qty-setters-wrapper .add-to-cart-plus-setter .setter { padding-top: 2px; } .product-essential .product-shop .qty-setters-wrapper, .ajaxpro-form .product-essential .qty-setters-wrapper { float: left; margin: 0; clear: left; } .product-essential .qty-setters-wrapper .add-to-cart-minus-setter, .product-essential .qty-setters-wrapper .add-to-cart-plus-setter { width: 35px; } .product-essential .product-shop .qty-setters-wrapper .qty { padding: 0; } .product-essential .product-shop .add-to-cart-qty-label, .product-essential .product-shop .add-to-cart-button, .ajaxpro-form .product-essential .add-to-cart-button { float: left; } .product-essential .grouped-items .qty-setters-wrapper .add-to-cart-minus-setter, .product-essential .grouped-items .qty-setters-wrapper .add-to-cart-plus-setter, .cart .qty-setters-wrapper .add-to-cart-minus-setter, .cart .qty-setters-wrapper .add-to-cart-plus-setter, .amlist-list-edit .qty-setters-wrapper .add-to-cart-minus-setter, .amlist-list-edit .qty-setters-wrapper .add-to-cart-plus-setter { width: 27px; } .add-to-cart-minus-setter, .add-to-cart-plus-setter { background-color: #ffffff; } .add-to-cart-minus-setter:hover, .add-to-cart-plus-setter:hover { background-color: #e3e3e3; } .grouped-items input.qty, .cart input.qty, .amlist-list-edit input.qty { width: 40px; } .qty-setters .add-to-cart-minus-setter, .qty-setters .add-to-cart-plus-setter { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* < plus and minus with qty-input */ /* misc. > */ .std dl dd, .std dd { padding: 0; margin: 0; } .required { color: #000; } /* < misc. */ .fancybox-content tr:nth-child(2n) { background: none repeat scroll 0 0 #EEEEEE; } .col2-left-layout .products-grid li.item { margin: 10px 7px 5px; } /* Frontpage square banners > */ .square-banners { margin: 15px 0 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .vertical-navigation .square-banners { margin-top: 24px; margin-left: 18px; width: 695px; } .square-banners .fp-banner { width: 300px; float: left; } .vertical-navigation .square-banners .fp-banner { width: 222px; } .square-banner.b-1st { margin-right: 15px; } .square-banner.b-3rd { margin-left: 15px; } .vertical-navigation .square-banner.b-1st { margin-right: 15px; } .vertical-navigation .square-banner.b-3rd { margin-left: 15px; } .square-banners .fp-banner img { width: 100%; } .square-banners .fp-banner .tag-links { display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 0; margin: 0; list-style: none; } .square-banners .img-content { position: relative; text-align: center; color: white; } .square-banners .img-content img { width: 100%; } .square-banners .img-content .black { color: #000000; } .square-banners .img-content .white { color: #ffffff; } .square-banners .img-content .shade, .square-banners .img-content .shade.black { background: rgba(0, 0, 0, 0.3); color: #ffffff; } .square-banners .img-content .shade.white { background: rgba(255, 255, 255, 0.3); color: #000000; } .square-banners .fp-banner .img-content h2 { font-size: 1.5em; font-weight: bold; padding: 5px 10px 0; margin-bottom: 0; } .square-banners .fp-banner .img-content span { font-size: 0.9em; font-weight: bold; padding: 0 10px 5px; display: inline-block; } .square-banners .img-content .top-left { position: absolute; top: 0; left: 0; text-align: left; width: 100%; } .square-banners .img-content .top-centered { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 100%; } .square-banners .img-content .top-right { position: absolute; top: 0; right: 0; text-align: right; width: 100%; } .square-banners .img-content .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .square-banners .img-content .white { color: #ffffff; } .square-banners .img-content .middle-centered { position: absolute; top: 32%; bottom: initial; text-align: center; width: 100%; } .square-banners .img-content .xx-large { font-size: xx-large; font-family: Open Sans Condensed; letter-spacing: 2px; } .square-banners .img-content .caps { text-transform: uppercase; } .square-banners .img-content .bottom-left { position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .square-banners .img-content .bottom-centered { position: absolute; bottom: 0; height: auto; text-align: center; left: 50%; transform: translate(-50%, 0); width: 100%; } .square-banners .img-content .bottom-right { position: absolute; bottom: 0; right: 0; text-align: right; width: 100%; } .square-banners .img-content .bottom-left-text-banner span, .square-banners .img-content .bottom-center-text-banner span { color: #000000; line-height: 20px; font-weight: bold; font-size: 16px; } .square-banners .img-content .bottom-left-text-banner span { margin-left: 10%; } .square-banners .fp-banner .img-content div a { color: #000000; } .square-banners .img-content .bottom-left-text-banner h2, .square-banners .img-content .bottom-center-text-banner h2 { font-size: 24px; font-weight: bold; } .square-banners .fp-banner .img-content h2.condenced { font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; } .square-banners .img-content a { text-decoration: none; } .square-banners .fp-banner .img-content .text-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .square-banners .fp-banner .img-content .filling { height: 100%; } .square-banners .img-content .right { display: flex; justify-content: flex-end; height: 100%; float: none !important; } .square-banners .img-content .middle { display: flex; flex-direction: column; justify-content: space-around; margin: 1px; text-align: center; } .middle.half { width: 50%; } /* < Frontpage square banners */ .category-listing .product-name { text-align: center; } .category-listing .prolabel-wrapper { position: relative; width: 200px; height: 200px; display: flex; flex-direction: column; justify-content: space-around; } .category-listing .products-grid .product-image img { max-height: 200px; max-width: 200px; } .category-listing .products-grid li { text-align: center; } /* show selling unit > */ .product-list-vertical.show-selling-unit .products-grid .qty-setters-wrapper .add-to-cart-minus-setter, .product-list-vertical.show-selling-unit .products-grid .qty-setters-wrapper .add-to-cart-plus-setter { width: 50px; } .show-selling-unit .selling-unit-list, .show-selling-unit .selling-unit-product { margin: 4px 0 0 0; display: inline-block; text-align: center; width: 51px; font-size: 16px; } .show-selling-unit .cart .col-description { width: 22%; } .show-selling-unit .cart .col-sku { width: 18%; } .show-selling-unit .col-selling-unit { margin-left: 3px; width: 65px; float: left; } .show-selling-unit .cart .col-unit-price, .cart .col-total-price { width: 16%; } .show-selling-unit .cart .cart-qty { width: 105px; } .show-selling-unit .cart .col-unit-price, .cart .col-total-price { width: 16%; } .show-selling-unit #checkout-review-table .wrapper { float: left; width: 528px; } .show-selling-unit #checkout-review-table .col-description { width: 24%; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 62px; margin-left: 0; } .show-selling-unit #checkout-review-table .col-unit-price { width: 20%; } .show-selling-unit #checkout-review-table .col-qty { width: 21%; } .show-selling-unit #checkout-review-table .col-total-price { width: 23%; } .show-selling-unit .my-orders .col-sku { width: 103px; } .show-selling-unit .my-orders .col-unit-price { width: 97px; } .selling-unit.selling-unit-product { float: left; } .ajaxpro-form .product-view .product-shop .add-to-cart .selling-unit, .ajaxpro-form .product-view.type-bundle .add-to-cart .selling-unit { display: none; } .product-view.type-bundle .product-shop .add-to-cart .selling-unit { display: none; } /* < show selling unit */ /* Responsive iframe > */ .intrinsic-container { position: relative; height: 0; overflow: hidden; } /* 16x9 Aspect Ratio */ .intrinsic-container-16x9 { padding-bottom: 56.25%; } /* 4x3 Aspect Ratio */ .intrinsic-container-4x3 { padding-bottom: 75%; } /* 1x1 Aspect Ratio */ .intrinsic-container-1x1 { padding-bottom: 100%; } .intrinsic-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* < Responsive iframe */ /* product list horizontal > */ /* < product list horizontal */ /* catalogpdf > */ .catalogpdf ul { padding-left: 10px; } .catalogpdf li { padding: 0 0 10px 0; } .catalogpdf a { text-decoration: underline; } /* < catalogpdf */ .toggler.shown { display: block !important; } #floating-contact { position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 9999; } #floating-contact a div { width: 60px; height: 60px; border-radius: 60px; background-color: #226cbf; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); } #floating-contact img.icon { width: 35px; margin: 14px 0 0 13px; transform: rotate(-7deg); } .toggler-button { background-color: #ffffff; border-radius: 0; border: 1px solid #999999; height: 22px; padding: 4px 10px 0; float: left; margin-bottom: 10px; text-transform: uppercase; } .calendar tfoot .ttip { max-width: 228px; } button#ot-sdk-btn.ot-sdk-show-settings { background-color: #226cbf !important; color: #ffffff !important; border: none; font-size: 14px; } /* low header > */ .low-header .header-container .full-width { background-color: #ffffff; } .low-header .login-tohome-wrapper { background: #ffffff; } .low-header .logo-wrapper { padding: 14px 0 16px 5px; } .low-header.loggedin .logo-wrapper { padding: 11px 0 16px 5px; } .low-header .header .logo img { margin-top: 0; } .low-header .header .top-toolbar-container { margin-top: 0; margin-bottom: 10px; } .low-header #mini-search-wrapper { width: 264px; margin: 3px 0 0 150px; } .low-header.loggedin #mini-search-wrapper { margin: 0 0 0 150px; } .low-header #mini-search-wrapper .mini-search { width: 230px; } .low-header #mini-search-wrapper .mini-search button.button { background: none; width: 30px; height: 43px; } .low-header #mini-search-wrapper .mini-search { border: none; border-radius: 0; } .low-header #mini-search-wrapper .mini-search button.button img { width: 20px; filter: invert(1); padding-top: 6px; } .low-header .header-container .form-search { height: 36px; } .low-header #mini-search-wrapper .mini-search input.input-text { border-bottom: 1px solid rgba(0, 0, 0, 0.8); line-height: 32px; height: 32px; } .low-header #mini-search-wrapper .mini-search button.button { border-radius: 0; height: 35px; } .low-header .top-toolbar .checkout { padding-top: 4px; } .low-header .header-cart .summary .cart-middle { margin: 16px 0 0 10px; } .low-header .header .contact-button { margin-top: 17px; } .low-header .header .header-slogan { display: none; } .advanced-search-cms { padding-left: 18px; } /* < low header*/ .hide-listing-top-pager .list-toolbar-top .pager .pager-inner { display: none; } .hide-listing-top-sorter .list-toolbar-top .sorter .sorter-inner { display: none; } .hide-listing-bottom-sorter .list-toolbar-bottom .sorter .sorter-inner { display: none; } body.hide-buy div.category-products li.item div.product-shop-wrapper div.product-shop { display: none; } #multipage-product-pdf { margin: 20px 0 20px 0; } /* screen resolution 1280 */ @media (min-width: 1224px) { .full-width .login-links-container, .breadcrumbs, .header, .top-container, .main, body.cms-home .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main, .footer, .footer-toolbar, .footer-cms { width: 1194px; } .col2-left-layout .breadcrumbs, .col2-left-layout .col-main, .col2-right-layout .col-main, body.cms-home.vertical-navigation .col2-left-layout .col-main { width: 968px; } .full-width .login-links .username { max-width: 150px; } .banner-row .products-grid li.item.fourth { display: inline-block; } .banner-row-w { margin: 14px 14px 9px 8px; } .banner-row-m .first { margin: 14px 7px 9px 25px; width: 436px; } .banner-row-m .last { margin: 14px 15px 9px 7px; width: 436px; } .header-container .login-links .amlist .text { display: block; } .main-container .product-view .box-up-sell .product-shop { float: left; width: 100%; } .category-description.std { font-size: 16px; margin-left: 20px; } .product-view .product-essential .product-shop, .type-grouped .product-info-fields { width: 435px; float: right; clear: none; } .product-view .add-to-cart-wrapper .price-wrapper { min-width: initial; } .product-shop .only-icons .addto { padding: 0 2px; } .product-view .add-to-cart-wrapper .add-to-box, .product-view .product-options-bottom .add-to-cart { clear: none; padding-top: 0; } /* Free delivery notice > */ .product-view .free-delivery-notice { max-width: 260px; } /* < Free delivery notice */ .customer-account-login .col2-left-layout .col-left { display: block; } /* blog > */ .postWrapper img.full { width: 938px; } .postTitle h3, .postContent.std a, .postContent.std p { font-size: 16px; } /* < blog */ /* vertical grouped product > */ .product-view .grouped-items .label.name, .product-view .grouped-items .data.name { width: 320px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku { width: 245px; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability { width: 120px; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price { width: 165px; } /* < vertical grouped product */ .pager { width: 730px; } /* < vertical grouped product */ /* soldtogether > */ .product-view .soldtogether-block li.item:nth-of-type(4) { display: block; } /* < soldtogether */ .account-login .login-wrapper { width: 31%; } /* my-orders > */ .my-orders .col-description { width: 210px; } .my-orders .col-sku { width: 200px; } .my-orders .col-unit-price { width: 140px; } .my-orders .cart-qty { width: 110px; } /* < my-orders */ /* footer > */ .footer-cms-inner { padding: 40px 30px; } .footer-cms .col-pair.pair1 { float: left; width: 560px; } .footer-cms .col-pair.pair2 { width: 560px; } .footer-cms .col1, .footer-cms .col2, .footer-cms .col3, .footer-cms .col4 { width: 280px; } .footer-brands-container .footer-brands { width: 1194px; margin: 0 auto; } .footer-brands-container .footer-brands img { height: 62px; } .footer-mission-container { width: 700px; } /* < footer */ /* Frontpage > */ .col-main .nivoSlider { width: 927px; } .square-banners { margin-bottom: 15px; } .vertical-navigation .square-banners { margin-top: 15px; margin-bottom: 10px; width: 927px; } .square-banners .fp-banner { width: 378px; } .vertical-navigation .square-banners .fp-banner { width: 300px; } .square-banner.b-1st { margin-right: 16px; } .vertical-navigation .square-banner.b-1st { margin-right: 14px; } .square-banner.b-3rd { margin-left: 16px; } .vertical-navigation .square-banner.b-3rd { margin-left: 14px; } .square-banners .fp-banner p, .square-banners .fp-banner p { margin: 0; padding: 0; } .square-banners .img-content h2 { font-size: 2em; } .square-banners .img-content span { font-size: 1em; } /* < Frontpage */ /* search > */ #mini-search-wrapper { margin-left: 200px; } #search_mini_form .mini-search { width: 270px; } #search_mini_form .mini-search input.input-text { width: 217px; } /* < search */ .col2-left-layout .products-grid li.item { width: 200px; } /* Correct line breaks on product grid > */ .col2-right-layout .products-grid li.item:nth-of-type(2n+1), .col2-left-layout .products-grid li.item:nth-of-type(2n+1), .col2-right-layout .products-grid li.item:nth-of-type(3n+1), .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: none; } .col2-right-layout .products-grid li.item:nth-of-type(4n+1), .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: left; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(2n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(3n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: none; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(3n+1), body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: none; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: left; } /* < Correct line breaks on product grid */ /* cart > */ .cart .col-description { width: 28%; } .cart .col-sku { width: 28%; } .cart .col-unit-price, .cart .col-total-price { width: 15%; } /* < cart */ /* firecheckout > */ #checkout-review-table .wrapper { width: 670px; } /* < firecheckout */ /* show selling unit > */ .show-selling-unit .col-selling-unit { width: 90px; } .show-selling-unit .cart .col-sku { width: 240px; } .show-selling-unit #checkout-review-table .wrapper { width: 680px; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 80px; } .show-selling-unit .my-orders .col-sku { width: 150px; } /* < show selling unit */ /* low header > */ .low-header #mini-search-wrapper { margin-left: 264px; } .low-header.loggedin #mini-search-wrapper { margin-left: 140px; } .low-header #search_mini_form .mini-search { width: 264px; } /* < low header */ } /* screen resolution 1536 */ @media (min-width: 1480px) { .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, body.cms-home .col2-left-layout .col-main, .full-width .login-links-container, .footer-brands-container .footer-brands { width: 1450px; } body.cms-home.vertical-navigation .col2-left-layout .col-main { width: 1224px; } .checkout-cart-index .col2-left-layout .col-main { width: 1204px; } .col2-left-layout .products-grid li.item { margin: 10px 8px 5px; width: 200px; } .full-width .login-links .username { max-width: 500px; } .header-container .login-links .viewed .text { display: block; } /* Frontpage > */ .col-main .nivoSlider { width: 1175px; } .vertical-navigation .square-banners { width: 1175px; } .square-banners .fp-banner { width: 460px; } .vertical-navigation .square-banners .fp-banner { width: 381px; } .vertical-navigation .square-banner.b-1st { margin-right: 16px; } .vertical-navigation .square-banner.b-3rd { margin-left: 16px; } .square-banners .fp-banner .img-content h2 { font-size: 2.4em; } .square-banners .fp-banner .img-content span { font-size: 1.1em; } /* < Frontpage */ .footer-brands-container .footer-brands { margin: 0 auto; } .footer-brands-container .footer-brands .brands span { padding-left: 40px; } .cms-page-view .col1-layout .col-right-banner { margin-top: 0; } .footer-cms-inner { padding: 40px 120px; } .col-right-banner { display: block; } body.cms-home .col-right-banner { display: none; } /* Correct line breaks on product grid > */ body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(2n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(3n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(4n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: none; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(6n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(4n+1), body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(6n+1) { clear: none; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: left; } /* < Correct line breaks on product grid */ /* firecheckout > */ #checkout-review-table .wrapper { width: 840px; } /* < firecheckout */ /* show selling unit > */ .show-selling-unit .col-selling-unit { width: 90px; } .show-selling-unit .cart .col-sku { width: 240px; } .show-selling-unit #checkout-review-table .col-unit-price { width: 20%; } .show-selling-unit #checkout-review-table .col-total-price { width: 20%; } .show-selling-unit #checkout-review-table .wrapper { width: 855px; } /* < show selling unit */ /* low header > */ .low-header #mini-search-wrapper { margin-left: 400px; } .low-header.loggedin #mini-search-wrapper { margin-left: 340px; } /* < low header */ } /* screen resolution 1920 */ @media (min-width: 1864px) { .full-width .login-links-container, .breadcrumbs, .header, .main { width: 1834px; } body.cms-home .col2-left-layout .col-main { width: 1370px; } .checkout-cart-index .col2-left-layout .col-main { width: 1570px; } .col2-left-layout .breadcrumbs, .col2-left-layout .col-main, .col2-right-layout .col-main, body.cms-home.vertical-navigation .col2-left-layout .col-main { width: 1370px; } body.cms-home .col2-left-layout .col-left, .col-left.sidebar { display: block; } body.cms-home .col-right-banner { display: block; } .col-right-banner { margin-top: 0; } .col2-right-layout .products-grid li.item:nth-of-type(2n+1), .col2-left-layout .products-grid li.item:nth-of-type(2n+1), .col2-right-layout .products-grid li.item:nth-of-type(3n+1), .col2-left-layout .products-grid li.item:nth-of-type(3n+1), .col2-right-layout .products-grid li.item:nth-of-type(4n+1), .col2-left-layout .products-grid li.item:nth-of-type(4n+1), .col2-right-layout .products-grid li.item:nth-of-type(5n+1), .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: none; } .col2-right-layout .products-grid li.item:nth-of-type(6n+1), .col2-left-layout .products-grid li.item:nth-of-type(6n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(4n+1), body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(5n+1) { clear: none; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(6n+1) { clear: left; } /* Frontpage > */ .col-main .nivoSlider { width: 1343px; } .square-banners { margin-left: 18px; margin-right: 0; width: 1343px; } .vertical-navigation .square-banners { width: 1343px; } .square-banners .fp-banner { width: 441px; } .vertical-navigation .square-banners .fp-banner { width: 440px; } .square-banner.b-1st { margin-right: 10px; } .vertical-navigation .square-banner.b-1st { margin-right: 11px; } .square-banner.b-3rd { margin-left: 10px; } .vertical-navigation .square-banner.b-3rd { margin-left: 11px; } body.cms-home.cms-home .sidebar .block-blog { margin-top: 15px; } /* < Frontpage */ .col2-left-layout .products-grid li.item { margin-left: 5px; margin-right: 5px; padding-left: 7px; padding-right: 7px; } .product-shop .only-icons .addto { padding: 0 7px; } .product-view .add-to-cart-wrapper .price-wrapper { min-width: 380px; } .type-grouped .product-info-fields { width: 790px; } .product-view .product-essential .product-shop { width: 790px; float: right; } /* blog > */ .postWrapper img.full { width: 1340px; } /* < blog */ /* vertical grouped product > */ .product-view .grouped-items .label.name, .product-view .grouped-items .data.name { width: 460px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku { width: 400px; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability { width: 200px; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price { width: 195px; } /* < vertical grouped product */ /* Firecheckout > */ .firecheckout-index-index .col1-layout .col-main { margin: 0 auto; float: none; } /* < Firecheckout */ /* show selling unit > */ .show-selling-unit .col-selling-unit { float: left; } .show-selling-unit .col-selling-unit { width: 90px; } .show-selling-unit .cart .col-sku { width: 365px; } .show-selling-unit #checkout-review-table .wrapper { width: 1085px; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 150px; } /* < show selling unit */ /* low header > */ .low-header #mini-search-wrapper, .low-header.loggedin #mini-search-wrapper { margin-left: 590px; } /* < low header */ } /* screen resolution 768 */ @media (max-width: 967px) { .header, .breadcrumbs, .col2-left-layout .breadcrumbs, .main, .footer, .footer-toolbar, .footer-cms, #nav, .checkout-cart-index .col2-left-layout .col-main, body.cms-home .col2-left-layout .col-main, .full-width .login-links-container, .checkout-cart-index .col2-left-layout .col-main, .amlist-list-index .col2-left-layout .col-main, .amlist-list-index .col2-right-layout .col-main, .footer-brands-container .footer-brands, .footer-cms { width: 748px; } .col2-left-layout .col-main, .col2-right-layout .col-main, body.cms-home.vertical-navigation .col2-left-layout .col-main, .col2-left-layout .breadcrumbs { width: 522px; } .zoom-window, .zoom-lens { display: none; } /* search > */ #mini-search-wrapper { margin: 20px 0 0 10px; width: 180px; } /* low header > */ .low-header #mini-search-wrapper { width: 175px; margin-left: 0; margin-right: 0; float: right; } .low-header .header-cart .summary .cart-middle { font-size: 24px; margin-top: 17px; } .low-header #mini-search-wrapper .mini-search { width: 165px; } .low-header.loggedin #mini-search-wrapper { margin: 0 20px 0 0; } /* < low header */ #mini-search-wrapper .mini-search { width: 166px; height: 37px; } #mini-search-wrapper .mini-search input.input-text { width: 125px; line-height: 33px; height: 33px; } #mini-search-wrapper .mini-search button.button { height: 37px; width: 37px; border: none; } /* < search */ div.product-img-box div.prolabel-wrapper { margin: 0 auto; width: 480px; } .product-view .add-to-cart-wrapper .price-wrapper { min-width: 170px; } .product-shop .only-icons .addto { padding: 0 5px; } #sitemap_top_links { clear: both; } #sitemap_top_links .links { margin: 0; text-align: center; } .catalog-product-view .main-container .type-grouped .product-shop { float: left; } /* Free delivery notice > */ .product-view .free-delivery-notice { max-width: 260px; } /* < Free delivery notice */ .type-grouped .product-shop-inner { width: 480px } .type-grouped .product-shop .product-shop-inner { width: 100%; } .customer-account-login .col2-left-layout .col-main, .customer-account-login .col2-right-layout .col-main { width: 100%; } .amlist-list-index .sidebar { display: none; margin: 0; } .amlist-list-index .header .header-title { display: none; } .banner-row { display: none; } .col2-left-layout .products-grid li.item { width: 207px; } .full-width .login-links .userlabel { display: none; } .full-width .login-links .username { max-width: 140px; } .full-width .login-links .username, .full-width .login-links .seekaccount { display: none; } .full-width .login-links span.createaccount, .full-width .login-links .mydashboard { display: none; } .header-container .login-links .compare .text { display: none; } .header-container .login-links .wishlist .text { display: none; } .header-container .login-links .favorites .text { display: none; } .header-container .login-links .amlist .text { display: none; } .account-login .login-wrapper { width: 100%; clear: both; margin: 0 0 14px 0; } .account-login .login-wrapper h1 { font-size: 0.8em; } .account-login .login-wrapper .content .header-section-top h2 { width: 90%; float: left; cursor: pointer; } .account-login .login-wrapper .content .header-section-top span.arrow { display: block; text-align: right; float: right; cursor: pointer; } .account-login .login-wrapper .content .header-section-top span.arrow img { width: 16px; vertical-align: bottom; } .account-login .login-wrapper .content .header-section-top span.arrow.rotate img { transform: scale(1, -1); } .account-login .login-wrapper .content .header-section-content { display: none; } .account-login .buttons-set { position: static; } .account-login .col3-set .col-1, .account-login .col3-set .col-2, .account-login .col3-set .col-3 { padding: 20px; min-height: 80px; width: auto; } .account-login .col3-set .col-1.min, .account-login .col3-set .col-2.min, .account-login .col3-set .col-3.min { padding: 20px 20px 5px 20px; min-height: 30px; } .account-login .new-users, .account-login .registered-users { margin-bottom: 0; } .col3-set .col-1 { float: none; width: auto; padding: 0; } .col3-set .col-2 { float: none; width: auto; padding: 0; margin-left: 0; } .col3-set .col-3 { float: none; width: auto; padding: 0; } .my-account .addresses-list.col2-set .col-1, .my-account .addresses-list.col2-set .col-2 { float: left; width: 98%; } .header .links { padding: 0; } .account-login .col3-set .buttons-set { padding: 10px 0 5px 0; } .account-login .col3-set .buttons-set button { margin-left: 0; } .product-view .product-img-box { width: 100%; margin-top: 0; margin-bottom: 20px; } .main-container .product-view .product-essential .product-shop { float: none; width: 100%; } .type-grouped .product-info-fields { width: 100%; } .product-view .product-options-bottom .add-to-cart { clear: none; padding-top: 0; } .col2-left-layout .std iframe, .col2-right-layout .std iframe { width: 480px; } /* blog > */ .postWrapper img.full { width: 512px; } /* < blog */ /* soldtogether > */ .product-view .soldtogether-block li.item:nth-of-type(4) { display: block; } /* < soldtogether */ /* vertical grouped product > */ .product-view .grouped-items .label.name, .product-view .grouped-items .data.name { width: 255px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku { width: 255px; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability { width: 255px; clear: left; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price { width: 255px; clear: left; } .product-view .grouped-items .label.qty, .product-view .grouped-items .data.qty { width: 255px; } .ajaxpro-form .product-view .grouped-items .label.availability, .ajaxpro-form .product-view .grouped-items .data.availability { clear: none; } /* < vertical grouped product */ #checkout-step-login .col2-set .col-2 .buttons-set button.button { margin-left: -5px; } .cart .col-total-price { width: 18%; } .cart .cart-qty { width: 110px; } .cart-headers .col-shop { margin-left: 60px; } .cart .product-shop { margin-left: 60px; } .cart .product-image { width: 55px; } .cart .col-sku { width: 16%; } .cart .col-unit-price { width: 20%; } .cart .totals { width: 35%; } .cart .shipping-crosssell { width: 60%; } #checkout-step-login .col2-set .col-2 .buttons-set button.button { float: none; margin-left: 0; margin-top: 5px; } /* firecheckout > */ .col-main .firecheckout-set #checkout-review .product-image { display: block; } #checkout-review-table .wrapper { width: 395px; } #checkout-review-table .col-description { width: 400px; clear: both; } #checkout-review-table ol .col-description { margin-bottom: 10px; } #checkout-review-table .col-unit-price { width: 35%; } #checkout-review-table .col-qty { width: 30%; } #checkout-review-table .col-total-price { width: 35%; } /* < firecheckout */ /* my-orders > */ .my-orders .col2 { width: 160px; } .my-orders .col3 { width: 160px; } .my-orders .col-description, .my-orders .col-sku, .my-orders .col-unit-price, .my-orders .cart-qty, .my-orders .col-total-price { width: 100%; } .my-orders .col-sku, .my-orders .cart-qty, .my-orders .col-total-price { clear: left; } .my-orders .cart-price-list .label, .my-orders .cart-price-list .cart-price { float: left; } .my-orders .cart-price-list .label { padding-right: 5px; } #orders-history.responsive .col1 { clear: right; float: none; width: 100%; } #orders-history.responsive .col2 { clear: left; width: 100%; } #orders-history.responsive .col-wrapper { width: 35%; } #orders-history.responsive .col3 { width: 65%; } /* < my-orders */ /* footer > */ .footer-brands-container .footer-brands { margin: 0 auto; } .footer-brands-container .footer-brands img { height: 36px; } .footer-cms-inner { padding: 20px 0 40px 20px; } .footer-cms .col-pair.pair1 { float: none; margin: 0 auto 20px; width: 560px; } .footer-cms .col-pair.pair2 { float: none; margin: 0 auto; width: 560px; } .footer-cms .col.col1, .footer-cms .col.col2, .footer-cms .col.col3, .footer-cms .col.col4 { width: 280px; } .footer-cms .col.col4 { float: left; } .footer-cms .col.col4 .h6 { margin-left: 0; } .footer-cms .col4 .block-subscribe .block-content { padding: 10px 0; } div.col.col4 div.actions .button { padding: 0 5px; } div.footer-cms .block-subscribe .input-box input { width: 115px; } /* < footer */ .banner-row-w { margin: 14px 12px 9px 8px; } .banner-row-m .first { width: auto; float: none; margin: 14px 31px 9px 25px; } .banner-row-m .last { display: none; } #scroll-up { top: 0; right: 0; } #scroll-up a { border-radius: 0; height: 32px; width: 32px; background-color: #000000 !important; background-position: -218px -132px; } #scroll-up a:hover { background-color: #000000 !important; } /* Frontpage > */ .col-main .nivoSlider { margin: 0 0 0 13px; width: 529px; } .vertical-navigation .square-banners { margin-left: 13px; width: 529px; } .square-banners .fp-banner { width: 245px; } .vertical-navigation .square-banners .fp-banner { width: 166px; } .vertical-navigation .square-banner.b-1st { margin-right: 16px; } .vertical-navigation .square-banner.b-3rd { margin-left: 15px; } .square-banners .fp-banner .img-content h2 { font-size: 1.2em; } .square-banners .fp-banner .img-content span { font-size: 0.8em; } /* < Frontpage */ .header .header-slogan { display: none; } .products-grid { padding-left: 0; } .std .products-grid { padding-left: 10px; } .vertical-navigation .std .products-grid { padding-left: 5px; } .toolbar .pager .pages { padding: 10px 0 0 0; clear: both; } .toolbar .pager { padding-left: 13px; } .my-account .toolbar .pager { padding-left: 0; } .toolbar .pager { float: left; width: auto; padding-top: 0; } .toolbar .sorter .sort-by { padding-top: 0; } .toolbar .sorter { float: right; padding-top: 2px; } .category-products .toolbar .pager .pages { display: none; } .toolbar .pager .limiter { display: none; } .toolbar-bottom .toolbar .pager .pages { display: block; text-align: right; } .toolbar-bottom .toolbar .pager .limiter { display: block; } .toolbar-bottom .toolbar .sorter { display: none; } .toolbar-bottom .toolbar .pager { width: 542px; padding-left: 0; padding-right: 0; } .my-account .toolbar-bottom .toolbar .pager { width: 512px; } .category-image { margin-left: 10px; } .col2-left-layout .std { margin-left: 10px; } /* Correct line breaks on product grid > */ .col2-right-layout .products-grid li.item:nth-of-type(3n+1), .col2-left-layout .products-grid li.item:nth-of-type(3n+1), .col2-right-layout .products-grid li.item:nth-of-type(4n+1), .col2-left-layout .products-grid li.item:nth-of-type(4n+1) { clear: none; } .col2-right-layout .products-grid li.item:nth-of-type(2n+1), .col2-left-layout .products-grid li.item:nth-of-type(2n+1) { clear: left; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(2n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(4n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(5n+1), body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(6n+1) { clear: none; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(2n+1) { clear: left; } body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: none; } /* < Correct line breaks on product grid */ .amlist-list-edit .buttons-set button.button { margin-left: 6px; margin-top: 36px; } .amlist-list-edit button.btn-update-qty { padding: 2px 5px; margin-top: 10px; border-radius: 2px; } .amlist-list-edit .buttons-set button.btn-cart { margin-top: 36px; } .amlist-list-edit .data-table th, .amlist-list-edit .data-table td { padding: 3px 2px 3px 0; } .amlist-list-edit .qty-setters-wrapper .add-to-cart-plus-setter { border-left: 1px solid #cccccc; border-top: 0 none; } .amlist-list-edit .qty-setters-wrapper .add-to-cart-minus-setter { border-right: 1px solid #cccccc; border-bottom: 0 none; } .amlist-list-edit td.last { width: 65px; } .amlist-list-edit .column-name a { width: 90px; word-wrap: break-word; display: block; } .column-qty .qty-setters-wrapper { width: 47px; } .amlist .qty-setters-wrapper { height: auto; } .col-main > .amlist { padding: 0 5px 20px 5px; } /* show selling unit > */ .show-selling-unit .cart .col-sku { width: 15%; } .show-selling-unit .col-selling-unit { margin-left: 0; width: 60px; float: left; } .show-selling-unit .cart .col-unit-price { width: 17%; } .show-selling-unit #checkout-review-table .wrapper { width: 395px; } .show-selling-unit #checkout-review-table .col-description { width: 400px; clear: both; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 60px; } .show-selling-unit #checkout-review-table .col-unit-price { width: 29%; } .show-selling-unit #checkout-review-table .col-qty { width: 26%; } .show-selling-unit #checkout-review-table .col-total-price { width: 29%; } .my-orders .col3 { width: 200px; } .show-selling-unit .my-orders .col-unit-price { width: 140px; } /* < show selling unit */ .fancybox-content .content-wrapper { width: 670px !important; } } /* screen resolution: 480 */ @media (max-width: 767px) { .header, .breadcrumbs, .col2-left-layout .breadcrumbs, .main, .footer, .footer-toolbar, .footer-cms, #nav, .header-container .header, .full-width .login-links-container, body.cms-home .col2-left-layout .col-main, body.cms-home .col2-left-layout .col-left, .col2-left-layout .col-left, .col2-right-layout .right, .col2-right-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-main, body.cms-home.vertical-navigation .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main, .top-toolbar-container, .top-toolbar, .has-navigation .top-toolbar { width: 460px; } .breadcrumbs { float: none; } .breadcrumbs ul { margin-left: 0; } .ajaxpro-form { left: 10px !important; margin-left: 0; min-width: 435px; width: 90% !important; } .ajaxpro-form #super-product-table .prod-code { display: none; } .ajaxpro-form #super-product-table .prod-availability { display: none; } .checkout-onepage-success .col2-right-layout .col-main { padding: 1px 14px 0 20px; width: auto; } .top-toolbar .checkout { padding-top: 0; } /* Free delivery notice > */ .header .free-delivery-notice { padding-right: 10px; } /* < Free delivery notice */ .amlist-list-index .col2-left-layout .col-main, .amlist-list-index .col2-right-layout .col-main { width: 100%; } .logo-wrapper { padding: 50px 0 0 7px; } /* low header > */ .low-header .logo-wrapper, .low-header .header .logo img { margin-top: 2px; margin-bottom: 0; padding-top: 5px; } .low-header .logo-wrapper { padding-top: 0; margin-top: 15px; margin-bottom: 15px; } .low-header .header .contact-button { margin-top: 0; } .low-header.loggedin #mini-search-wrapper, .low-header #mini-search-wrapper { width: 300px; margin-left: auto; margin-right: auto; float: none; } .low-header #mini-search-wrapper .mini-search { width: 220px; margin-bottom: 20px !important; } .low-header .top-toolbar .checkout { padding-top: 0; } /* < low header */ .header-separator { display: none; } .full-width .call-us-link .text2 { display: none; } .col2-left-layout .std, .col2-right-layout .std { margin: 0 5px 20px 5px; } .category-image { margin-right: 0; margin-left: 0; } .col2-left-layout .page-title { margin-left: 0; } /* smaller header cart > */ .header-cart-container { float: right; } .top-toolbar .cart-menu, .top-toolbar .header-cart, .top-toolbar .checkout { height: 35px; } .top-toolbar .cart-menu:hover, .top-toolbar .header-cart:hover, .top-toolbar .checkout:hover { height: 35px; } .top-toolbar .header-cart { margin-left: 35px; } .header-cart .summary .cart-middle { padding-right: 0; } .full-width .login-links span a { font-size: 14px; } .login-links span.login-text { display: none; } .has-navigation .header-cart-container .cart-menu { display: block; float: left; } /* search > */ #mini-search-wrapper { display: none; clear: both; float: none; width: 480px; margin: 10px 0 5px 0; } #search_mini_form { float: none; } #mini-search-wrapper .mini-search { margin: 5px auto -4px !important; width: 220px; float: none; } #mini-search-wrapper .mini-search input.input-text { width: 175px; } /* < search */ .header-cart-container .cart-menu .button div { padding: 0; } .header-cart-container .cart-menu .button { border: none; width: 95px; height: 30px; cursor: pointer; padding: 6px 0 0 0; font-size: 14px; margin-right: 0; } .header-cart-container .cart-menu .button img { width: 24px; float: left; padding-left: 3px; } .header-cart-container .cart-menu .button .text { float: left; padding: 1px 0 0 8px; } .header-cart .summary { height: 35px; margin: 0; padding: 0; text-align: center; width: 199px; } .header-cart .summary, .has-navigation .header-cart .summary { padding: 1px 0 0 0; width: auto; } .header-cart .summary .cart-middle { float: left; margin: 3px 0 0 0; text-align: left; width: 76px; } .header-cart .summary .cart-middle, .has-navigation .header-cart .summary .cart-middle { margin: 5px 5px 0 4px; width: auto; float: right; } .header-cart .cart-middle .summary-items, .header-cart .cart-middle .price { display: block; float: left; } .header-cart .cart-middle .price { padding-left: 10px; } .header-cart .mini-products-list, .has-navigation .header-cart .mini-products-list { left: -165px; top: 34px; } .header-container .checkout .button { height: 30px; margin: 0; width: 118px; text-align: left; } .header-container .checkout .button, .has-navigation .header-container .checkout .button { width: auto; } .header-container .checkout .button div { padding: 0; } .header-container .checkout .button div, .has-navigation .header-container .checkout .button div { font-size: 30px; height: 30px; line-height: 30px; margin-top: 0; padding: 1px 0 0; } /* < smaller header cart */ /* Mobile: logo, checkout, cart and other buttons > */ .logo-wrapper { clear: both; float: none; margin: 0 auto 15px; padding: 15px 0 0; } .logo-wrapper, .header .logo img { width: 200px; } .header .logo { float: none; } .has-navigation #header-search-link { display: block; } .header-container .header { float: none; margin: 0 auto 0 auto; } .header .top-toolbar-container { float: none; max-width: none; } .header-cart-container { float: none; margin: 0 auto; width: 310px; } .has-navigation .header-cart-container { float: none; margin: 0 auto; width: 460px; } .top-toolbar .header-cart:hover, .has-navigation .top-toolbar .header-cart:hover { height: 30px; } .header-cart .summary .cart-middle { font-size: 26px; line-height: 26px; display: block; } .header-cart .summary .cart-left .summary-items { padding-left: 3px; } .has-navigation .header-cart .summary { padding: 0; width: auto; } .header-cart .mini-products-list { left: -122px; top: 28px; } .has-navigation .header-cart .mini-products-list { left: -124px; } .has-navigation .header-cart-container .cart-menu { margin-top: 0; margin-right: 4px; float: left; } .header-cart .summary .cart-left, .has-navigation .header-cart .summary .cart-left { margin-top: -5px; } .header-cart .summary .cart-middle, .has-navigation .header-cart .summary .cart-middle { margin: 3px 0 0 0; } /* < Mobile: logo, checkout, cart and other buttons */ .top-toolbar .header-cart:hover, .has-navigation .top-toolbar .header-cart:hover { height: 30px; } .catalog-product-view .main-container .product-view .product-essential .product-shop { clear: both; width: 100%; } .header-container { margin: 0 auto 10px; } .header-container .header { float: none; margin: 0 auto 0 auto; } .full-width .login-links-container { margin: 0 auto; } .full-width .login-links .userlabel { display: none; } .full-width .login-links { float: right; } .full-width .login-links { padding-right: 0; } .full-width .tohome-links { padding-left: 0; display: block; font-size: 0; line-height: 0; } .full-width .login-links .favorites .text { display: none; } .full-width .flags.websites .current .text, .full-width .flags.websiteslang .current .text, .full-width .flags.currency .current .text { display: none; } .full-width .flags.websites .dropdown-menu, .full-width .flags.websiteslang .dropdown-menu, .full-width .flags.currency .dropdown-menu { left: -60px; } .slider-wrapper .nivo-caption h1, .slider-wrapper .nivo-caption h2 { font-size: 35px; } .slider-wrapper .nivo-caption p, .slider-wrapper .nivo-caption div, .slider-wrapper .nivo-caption span { font-size: 20px; } /* Frontpage > */ body.cms-home .col2-left-layout .col-main { margin-left: auto; margin-right: auto; } /* < Frontpage */ .col2-left-layout .col-main, .col2-right-layout .col-main { float: none; width: 100%; margin: 0; } body.cms-home .col2-left-layout .col-left, .col2-left-layout .col-left, .col2-right-layout .right, .col2-right-layout .col-right { float: none; margin: 0 auto; } .col2-right-layout .col-right .banner { display: none; } .col2-left-layout .col-left .banner { display: none; } .col2-left-layout .std iframe, .col2-right-layout .std iframe { width: 460px; } .header .welcome-msg { display: block; padding: 2px 0 0 0; } .header-title { display: none; } .header .header-links-container { margin: 0 10px 10px 0; } .main-container .my-account { padding-top: 1px; } .toolbar-bottom .toolbar .pager { width: 480px; } .my-account .toolbar-bottom .toolbar .pager { width: 465px; } #full-slider.hide-full-slider { display: none; } .products-grid .product-image img { width: 100%; } .product-view .product-collateral .box-up-sell .product-image img { width: 100%; } .col2-left-layout .products-grid li.item { width: 200px; margin: 10px 6px 5px; } .products-grid .f-fix { padding: 0; } .products-grid .price-box { margin: 3px 13px 5px 0; } .products-grid .price-excluding-tax, .products-grid .price-including-tax { text-align: left; width: 100%; } .products-grid li.item { padding: 8px; } #nav-top-show-button { top: 0; left: 0; } .col-left.sidebar { display: none; } .product-view .product-collateral .std { margin: 0 10px 0 20px; } .main-container .product-view .product-essential .product-shop { width: 100%; float: none; } .type-grouped .product-info-fields { clear: both; float: none; width: 100%; } .products-grid .product-image, .products-grid .product-image img { width: 100%; } .product-view .add-to-cart-wrapper .price-wrapper { min-width: initial; } .product-shop .only-icons .addto { padding: 0 4px; } /* blog > */ .postWrapper img.full { width: 100%; } .postWrapper { padding: 20px 5px; } /* < blog */ .product-view { padding-left: 0; } /* vertical grouped product > */ .product-view .grouped-items .label.name, .product-view .grouped-items .data.name, .ajaxpro-form .product-view .grouped-items .label.name, .ajaxpro-form .product-view .grouped-items .data.name { width: 215px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku, .ajaxpro-form .product-view .grouped-items .label.sku, .ajaxpro-form .product-view .grouped-items .data.sku { width: 215px; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability, .ajaxpro-form .product-view .grouped-items .label.availability, .ajaxpro-form .product-view .grouped-items .data.availability { width: 215px; clear: left; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price, .ajaxpro-form .product-view .grouped-items .label.price, .ajaxpro-form .product-view .grouped-items .data.price { width: 215px; clear: left; } .product-view .grouped-items .label.qty, .product-view .grouped-items .data.qty, .ajaxpro-form .product-view .grouped-items .label.qty, .ajaxpro-form .product-view .grouped-items .data.qty { width: 215px; } /* < vertical grouped product */ /* cart > */ .cart-headers { display: none; } .cart .col-description, .cart .col-sku, .cart .col-modify-add-new, .cart .col-wishlist, .cart .col-unit-price, .cart .col-total-price, .cart .cart-qty, .show-selling-unit .cart .col-description { float: none; width: 100%; clear: both; } .cart .col-unit-price { margin-top: 2px; } .cart .product-image { width: 135px; } .cart .product-image img { width: 135px; } .cart .product-shop { margin-left: 150px; } .cart-header-item { display: none; } .cart #products-cart-list .cart-price-list li { float: left; } .cart .cart-qty { padding: 5px 0 3px 0; } .cart .col-modify-add-new { line-height: 2em; } .cart .col-add-item, .cart .col-edit-item { float: left; padding-left: 5px; } .cart .col-actions { width: 100%; } .cart .totals { width: 100%; float: none; clear: both; margin-bottom: 20px; padding: 0; } .cart .totals #shopping-cart-totals-table { margin: 10px; float: right; } .cart .totals .checkout-types { margin: 10px; } .cart .shipping-crosssell { width: 100%; float: none; clear: both; margin-bottom: 20px; } /* < cart */ .col2-left-layout .sidebar { background-color: #ffffff; color: #000000; } .col-left .block .block-title span strong, .col-left .block .block-title span span, .col-left .block .block-title strong, .col-left .block .block-title span, .col-left .block .block-title a { color: #000000; } .checkout-onepage-index .col-main { padding-top: 1px; } #checkout-progress-wrapper { padding: 20px 10px 20px 20px; } /* firecheckout > */ #checkout-review-table .product-image img { width: auto; } #checkout-review-table .wrapper { width: 360px; } #checkout-review-table .col-description { width: 360px; } .firecheckout-wrapper .firecheckout-set .qty-wrapper .qty-spinner { display: block; } /* < firecheckout */ .main-container .my-account { padding-left: 5px; } /* my-orders > */ .my-orders .cart-headers { display: block; } .my-orders .col1 { width: 110px; } .my-orders .col2 { width: 160px; } .my-orders .col3 { width: 160px; } .my-orders .product-image { width: 100px; } /* < my-orders */ /* footer > */ .footer-cms-inner { padding: 20px 0 40px; } .footer-cms .col.col3 { width: 230px; } .footer-brands-container { display: none; } .footer-mission-container { width: 315px; } .footer-cms .col-pair.pair1, .footer-cms .col-pair.pair2 { width: 450px; } .footer-cms .col.col1, .footer-cms .col.col2, .footer-cms .col.col3, .footer-cms .col.col4 { width: 225px; } /* < footer */ .col-left .banner-row { display: block; } .col-main .banner-row { display: none; } .col-left .banner-row-m { display: block; } .col-main .banner-row-m { display: none; } .col-left .banner-row-w { display: block; } .col-main .banner-row-w { display: none; } .col-left .banner-row-w { margin: 0 10px 10px 10px; } .col-main .banner-left { display: none; float: left; margin: 17px 17px 0 17px; } .sidebar .banner-left { display: none; } body.cms-home .col2-left-layout .sidebar { padding-top: 10px; } .block-account, .block-account a { color: #000000; } /* Frontpage > */ .vertical-navigation .square-banners { width: 468px; } .square-banners .fp-banner, .square-banners .fp-banner.b-1st, .square-banners .fp-banner.b-3rd { margin: 0; clear: both; float: none; width: 480px; } .vertical-navigation .square-banners .fp-banner, .col-main .nivoSlider { width: 446px; } .square-banners .fp-banner.b-1st { margin-top: 15px; } .square-banners .fp-banner .img-content h2 { font-size: 2.4em; } .square-banners .fp-banner .img-content span { font-size: 1.5em; } /* < Frontpage */ /* Correct line breaks on product grid > */ body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(3n+1) { clear: none; } body.cms-home .col2-left-layout .products-grid li.item:nth-of-type(2n+1), body.cms-home.vertical-navigation .col2-left-layout .products-grid li.item:nth-of-type(2n+1) { clear: left; } /* < Correct line breaks on product grid */ #form-validate, #contactForm, .useradmin-index-index form, .useradmin-index-index .back-button { padding-left: 0; } .account-login .col3-set { margin-left: 0; } /* show selling unit > */ .show-selling-unit .cart .col-sku { width: 100%; } .show-selling-unit .cart .col-unit-price { width: 100%; } .show-selling-unit #checkout-review-table .wrapper { width: 360px; } .show-selling-unit #checkout-review-table .col-description { width: 212px; padding-right: 10px; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 40px; } .show-selling-unit #checkout-review-table .col-qty { width: 30%; } .show-selling-unit #checkout-review-table .col-unit-price { width: 32%; clear: left; } .show-selling-unit #checkout-review-table .col-total-price { width: 32%; } /* < show selling unit */ .fancybox-content { width: 100% !important; padding: 10px; } .fancybox-content .content-wrapper { width: 100% !important; } .header .contact-button { margin-top: 0; max-width: 120px; float: right; } div.product-img-box div.prolabel-wrapper { width: 460px; } .product-view .prozoom-image img#image { width: 460px; height: 460px; } } /* screen resolution 320 */ @media (max-width: 479px) { .header, .breadcrumbs, .col2-left-layout .breadcrumbs, .main, body.cms-home .col2-left-layout .col-main, .col2-left-layout .col-main, .col2-right-layout .col-main, .col2-left-layout .sidebar, .col2-right-layout .sidebar, body.cms-home.vertical-navigation .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main, .footer, .footer-toolbar, .footer-cms, #nav { width: 300px; } /* Free delivery notice > */ .free-delivery-notice { /* font-size: 13px; */ } .header .free-delivery-notice { padding-right: 0; text-align: center; width: 320px; } /* < Free delivery notice */ .top-toolbar .header-cart { min-width: initial; } div.product-img-box div.prolabel-wrapper { margin: 0 auto; } .product-view .product-img-box .download-images { width: 300px; margin: 0 0 10px; } .product-image-see-large { margin-bottom: 0; } .ajaxpro-form { left: 0 !important; width: 100%; min-width: 0; } .ajaxpro-form .product-view { padding: 0; text-align: left; width: auto; } .ajaxpro-form, .ajaxpro-form { margin-left: 0; } .data-table th { padding: 1px 2px 1px 0; } /* Mobile: logo, checkout, cart and other buttons > */ .has-navigation #header-search-link { display: block; } .login-tohome-wrapper { float: left; } .full-width .login-links-container { margin: 0 auto; width: 316px; } .full-width .login-text, .full-width .logout-text { padding-top: 10px; } .full-width .header-language-links .flags .current .icon img { padding-left: 2px; padding-right: 2px; } .full-width .tohome-links img { padding-left: 2px; padding-right: 2px; } .full-width .login-links .favorites img, .full-width .login-links .compare img, .full-width .login-links .amlist img, .full-width .login-links .viewed img, .full-width .login-links .usericon img, .full-width .login-links .logout img { padding-left: 6px; padding-right: 6px; } .has-navigation .top-toolbar, .top-toolbar { width: 310px; margin: 0 auto; } .header-container .header { float: none; width: 320px; margin: 0 auto 0 auto; } .header .top-toolbar-container { float: none; margin: 0 auto; width: 100%; } .header-container .header-cart { clear: none; } .header-cart-container, .has-navigation .header-cart-container { margin: 0 auto; width: 310px; } .header-cart .cart-middle .summary-items, .header-cart .cart-middle .price { display: none; } .top-toolbar .header-cart:hover, .has-navigation .top-toolbar .header-cart:hover { height: 30px; } .header-cart .summary .cart-middle { font-size: 20px; line-height: 8px; display: none; } .header-cart .summary, .has-navigation .header-cart .summary { padding: 0 5px 0; width: auto; } .top-toolbar .header-cart, .has-navigation .top-toolbar .header-cart { clear: none; } .top-toolbar .header-cart { margin-left: 4px; } .header-cart .mini-products-list { left: -122px; top: 28px; } .has-navigation .header-cart .mini-products-list { left: -147px; } .top-toolbar .header-cart .mini-products-list li { width: 294px; } .header-cart .mini-products-list .product-details { width: 235px; } .has-navigation .header-cart-container .cart-menu { margin-top: 0; margin-right: 4px; float: left; } .header-cart .summary .cart-middle, .has-navigation .header-cart .summary .cart-middle { margin: 9px 0 0 0; } .header-cart-container .cart-menu .button { width: 92px; margin-right: 0; } /* < Mobile: logo, checkout, cart and other buttons */ .full-width .login-links { float: right; } .full-width .call-us-link .text { display: none; } .flags .current .text { display: none; } .flags .dropdown-menu { left: -81px; } .slider-wrapper .nivo-caption h1, .slider-wrapper .nivo-caption h2 { font-size: 20px; } .slider-wrapper .nivo-caption p, .slider-wrapper .nivo-caption div, .slider-wrapper .nivo-caption span { font-size: 14px; } .slider-wrapper .nivo-caption button { padding: 3px 10px; font-size: 12px; } /* search > */ #mini-search-wrapper { width: 100%; } .header-container #search_mini_form { display: inline; float: none; } /* < search */ /* low header > */ .low-header .logo-wrapper { padding-top: 0; margin-top: 15px; margin-bottom: 15px; } /* < low header */ .col2-left-layout .col-main { float: none; } .col2-left-layout .col-main, .col2-right-layout .col-main { padding: 0 0; } body.cms-home .col2-left-layout .col-left, .col2-left-layout .col-left, .col2-right-layout .right, .col2-right-layout .col-right { width: 98%; margin: 0 auto; } .square-banners, .vertical-navigation .square-banners { width: 300px; margin: 0; } .product-view .product-img-box { float: left; } .header .logo { width: auto; } .products-grid, .std .products-grid, .vertical-navigation .std .products-grid { padding-left: 0; } .toolbar { display: block; } .toolbar .sorter { display: block; } .toolbar-bottom .toolbar .pager { width: 300px; } .my-account .toolbar-bottom .toolbar .pager { width: 305px; } .toolbar .pager .amount { display: block; } .category-image { margin-left: 0; } .products-grid .product-shop .price-label { padding-left: 0; } .col2-left-layout .std iframe, .col2-right-layout .std iframe { width: 300px; } .cart .product-image { width: 55px; } .cart .product-image img { width: 55px; } .cart .product-shop { margin-left: 60px; } .cart li .price-excluding-tax { padding: 0; } .products-grid .product-image { width: 100px; } .product-view .product-collateral .box-up-sell .product-image { width: 100px; } .products-grid .product-shop { text-align: left; clear: none; margin: 0; overflow: auto; padding-left: 6px; } .products-grid .product-shop .actions .button { margin-bottom: 0; } .products-grid .price-excluding-tax, .products-grid .price-including-tax { padding-left: 0; } .products-grid .product-shop .availability.out-of-stock { margin: -2px 0 0 0; width: auto; font-size: 13px; float: left; } .product-view .product-essential { margin-left: 0; } .product-view .product-img-box { width: 100%; } div.product-img-box div.prolabel-wrapper { width: 100%; } div.product-img-box img#image { width: 100%; } .product-view .add-to-cart-wrapper, .product-view .product-options-bottom { display: block; } .hide-prices-catalog .product-view .add-to-cart-wrapper { display: none; } .product-view .add-to-cart-wrapper { min-height: 170px; } .product-view .add-to-cart-wrapper .add-to-box, .product-view .product-options-bottom .add-to-cart-wrapper-inner { clear: both; float: none; padding-top: 0; display: block; } .product-shop .only-icons .addto { padding: 0 3px; } .add-to-box .add-to-cart, .product-options-bottom .add-to-cart-wrapper-inner .add-to-cart { float: none; } .free-delivery-notice { float: none; text-align: left; } .product-view .product-essential .product-shop .add-to-cart button.btn-cart span { width: 95px; } .col2-left-layout .products-grid li.item { width: 200px; border-bottom: 1px solid #DDDDDD; border-top: none; padding: 12px 10px; border-right: none; margin: 0; clear: both; display: block; } .prolabel-wrapper .prolabel { display: block; } .products-grid .f-fix { width: auto; } .products-grid .actions { bottom: 10px; margin: 10px 0 0; position: relative; right: 0; } .products-grid .actions .button { float: left; margin: 0 4px 0 0; } .qty-setters-wrapper .add-to-cart-minus-setter, .qty-setters-wrapper .add-to-cart-plus-setter { width: 50px; } .products-grid .qty-setters-wrapper input.qty { width: 44px; } .banner-row li { min-height: inherit; } .product-view .add-to-cart-wrapper .grouped-items-table, .product-view .product-essential .product-shop .grouped-items-table .price-box, .product-view .product-essential .product-shop .grouped-items-table .price-box .price, .product-view .product-essential .product-shop .grouped-items-table .price-box .old-price, .product-view .product-essential .product-shop .grouped-items-table .price-box .price-label, .product-view .product-essential .product-shop .grouped-items-table .price-box .special-price, .product-view .product-essential .product-shop .grouped-items-table .price-box .regular-price .price, .product-view .product-essential .product-shop .grouped-items-table .price-from .price-label, .product-view .product-essential .product-shop .grouped-items-table .price-to .price-label, .product-view .product-essential .product-shop .grouped-items-table .price-box .label { font-size: 11px; line-height: normal; } select, .form-list select { background: none !important; } #product_sendtofriend_form button.button span, .product-view .product-essential .product-shop .add-to-cart button.button span, button.btn-cart span, button.btn-checkout span, #checkoutSteps button.button span { font-size: 14px; } button.button span { font-size: 14px !important; } .products-grid .compare { padding-left: 0; } /* 2-column product list > */ .col1-layout .products-grid li.item, .col2-left-layout .products-grid li.item { width: 139px; margin: 4px; padding: 4px 0 0 0; display: inline-block; clear: none; border: 1px solid rgba(0, 0, 0, 0); float: left; } .products-grid .product-shop { clear: both; margin-left: 0; overflow: auto; padding-left: 0; text-align: left; } .products-grid .product-shop { clear: both; } .products-grid .product-image { width: 100%; } .products-grid .product-image { margin-bottom: 6px; } .products-grid .product-name { display: inline-block; padding: 0 2px; margin-bottom: 0; } .main .products-grid .product-name a { font-size: 12px; } .products-grid .price-box { margin: 3px 0 5px 0; } .products-grid .actions button.button.btn-cart { margin-right: 0; } .products-grid .actions button.btn-view span, .products-grid .actions button.btn-cart span { width: 66px; } .products-grid .actions button.btn-cart span span { padding: 0; } .std .products-grid p.availability, .products-grid p.availability { padding: 4px 0 0; margin: 0 0 1px 0; font-size: 14px; } /* < 2-column product list */ .catalog-product-view .main-container .product-view .soldtogether-block .product-shop { width: 130px; } .product-view .info-links-wrapper { margin-right: 10px; max-width: 190px; } .product-list-vertical.show-selling-unit .products-grid .qty-setters-wrapper .add-to-cart-minus-setter, .product-list-vertical.show-selling-unit .products-grid .qty-setters-wrapper .add-to-cart-plus-setter { width: 35px; } .show-selling-unit span.selling-unit-list { width: 30px; font-size: 12px; } .products-grid .qty-setters-wrapper input.qty { width: 35px; } /* vertical grouped product > */ .product-view .grouped-items .label.name, .product-view .grouped-items .data.name, .ajaxpro-form .product-view .grouped-items .label.name, .ajaxpro-form .product-view .grouped-items .data.name { width: 305px; } .product-view .grouped-items .label.sku, .product-view .grouped-items .data.sku, .ajaxpro-form .product-view .grouped-items .label.sku, .ajaxpro-form .product-view .grouped-items .data.sku { width: 305px; clear: left; } .product-view .grouped-items .label.availability, .product-view .grouped-items .data.availability, .ajaxpro-form .product-view .grouped-items .label.availability, .ajaxpro-form .product-view .grouped-items .data.availability { width: 305px; clear: left; } .product-view .grouped-items .label.price, .product-view .grouped-items .data.price, .ajaxpro-form .product-view .grouped-items .label.price, .ajaxpro-form .product-view .grouped-items .data.price { width: 185px; clear: left; } .product-view .grouped-items .label.qty, .product-view .grouped-items .data.qty, .ajaxpro-form .product-view .grouped-items .label.qty, .ajaxpro-form .product-view .grouped-items .data.qty { width: 120px; } /* < vertical grouped product */ /* reCAPTCHA > */ .account-customer .buttons-set .recaptcha { padding-left: 20px; float: none; } /* < reCAPTCHA */ /* firecheckout > */ .firecheckout-index-index .header-cart .summary .cart-middle, .firecheckout-index-index .header-cart .cart-middle .price { display: block; font-size: 26px; } .col-main .firecheckout-set #checkout-review .col-header .product-image { display: none; } #checkout-review-table .wrapper { width: 300px; } #checkout-review-table ol .wrapper { margin-top: -90px; } #checkout-review-table .col-header .col-description { width: 300px; } #checkout-review-table ol .col-description { width: 210px; margin-left: 90px; min-height: 90px; margin-bottom: 0; } #firecheckout-form .firecheckout-set .product-name { font-size: 1em; } #checkout-review-table .checkout-review-list .col-qty { margin-top: 6px; } #checkout-review-table .qty-wrapper .qty-less, #checkout-review-table .qty-wrapper .qty-more { display: block; } #firecheckout-form #checkout-review-table .vat { clear: left; display: block; } #checkout-review-table .qty-wrapper .qty-more { margin-bottom: 6px; } #checkout-review-table .col-footer .a-right { width: 70%; } #addresses-review .col-2 { margin-top: 10px; } #firecheckout-form .qty-wrapper { width: 70px; } #checkout-review-table .qty-spinner { width: 70px; } #firecheckout-form .qty-wrapper .add-to-cart-minus-setter { border-right: 1px solid #cccccc; } #firecheckout-form .qty-wrapper .add-to-cart-plus-setter { border-left: 1px solid #cccccc; } /* < firecheckout */ /* my-orders > */ .my-orders .col2 { width: 190px; } .my-orders .col3 { width: 190px; clear: left; } #orders-history.responsive .col-wrapper, #orders-history.responsive .col1, #orders-history.responsive .col2, #orders-history.responsive .col3 { float: none; width: 100%; } #orders-history.responsive .order-info dd { clear: none; } /* < my-orders */ /* footer > */ .footer-mission-container { width: 275px; } .footer-cms-inner { margin: 0 auto; padding: 20px 0 40px; width: 260px; } .footer-cms .col-pair.pair1, .footer-cms .col-pair.pair2 { width: 260px; margin: 0; } .footer-cms .col { margin-bottom: 20px; } .footer-cms .col.col1 { padding-right: 0; } .footer-cms .col.col1, .footer-cms .col.col2, .footer-cms .col.col3 { float: none; } .footer-cms .col1 p, .footer-cms .col2 p, .footer-cms .col3 p { margin-bottom: 4px; margin-left: 0; } .footer-cms .col.col4 { float: none; width: auto; } .footer-cms .col4 .block-subscribe .block-content { padding: 5px 0; } .footer-cms-container .footer-cms .h6 { margin: 0 0 10px; } .footer-cms li { margin-left: 0; } .footer-cms .col a, .footer-cms li.col1 p, .footer-cms li.col2 p, .footer-cms li.col3 p { margin-left: 0; } /* < footer */ .banner-row-w { margin: 14px 8px 9px 8px; } .banner-row-m .first { margin: 14px 7px 9px 7px; } /* Frontpage > */ .col-main .nivoSlider { width: 310px; margin-left: 4px; } .square-banners { margin-left: 4px; } .vertical-navigation .square-banners .fp-banner, .square-banners .square-banner, .square-banners .square-banner.b-1st, .square-banners .square-banner.b-3rd { width: 310px; } .square-banners .fp-banner .img-content h2 { font-size: 1.8em; } .square-banners .fp-banner .img-content span { font-size: 1.1em; } /* < Frontpage */ .amlist-list-edit .buttons-set button.btn-cart { margin-top: 55px; } .amlist-list-edit button.btn-update-qty { padding: 2px 1px; } /* show selling unit > */ .show-selling-unit #checkout-review-table .wrapper { width: 298px; } .show-selling-unit #checkout-review-table .col-header .col-description { width: 183px; } .show-selling-unit #checkout-review-table .col-description { width: 163px; padding-right: 10px; } .show-selling-unit #checkout-review-table .col-selling-unit { width: 35px; } .show-selling-unit #checkout-review-table .col-qty { width: 30%; } .show-selling-unit #checkout-review-table .col-unit-price { width: 35%; } .show-selling-unit #checkout-review-table .col-total-price { width: 35%; } /* < show selling unit */ .products-grid .compare-wrapper, .products-grid .amlist-wrapper, .products-grid .favorites-wrapper, .products-grid .wishlist-wrapper { font-size: 12px; } .category-title { padding-left: 0; } .send-friend { margin: 0; } .low-header.loggedin .logo-wrapper, .low-header .logo-wrapper { padding-top: 0; margin-top: 0; } #checkout-review-table .wrapper { width: 293px; } .checkout-onepage-success .col2-right-layout .col-main { padding: 0; width: auto; } .main-container .my-account, .main-container .my-account .dashboard { padding: 0; } .my-account .box { padding-left: 0; padding-right: 0; } .product-view .prozoom-image img#image { width: 300px; height: 300px; } } .block-layered-nav dd { padding: 4px 12px 5px; } .block-layered-nav .track-tmaln { -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border: 1px solid #CCCCCC; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background-color: #188ecc; position: relative; height: 0.3em; cursor: pointer; z-index: 0; margin-bottom: 10px; -moz-border-radius: 4px 4px 4px 4px; } .block-layered-nav .input-tmaln { border: 1px solid #ffa20f; float: left; width: 45px; margin: 3px; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .label-tmaln { color: #333333; width: 2em; float: left; text-align: right; margin-right: 0.5em; display: block; } #filter-by-name { margin-bottom: 10px; width: 100%; display: block; } .aln-apply-name { display: block !important; margin: 0 auto; } .ajaxlayerednavigation-image-active { cursor: pointer; display: inline; z-index: 9999; } .ajaxlayerednavigation-image { display: inline; z-index: 999; } .ajaxlayerednavigation-image img { border-bottom: 2px solid black; padding-bottom: 2px; } .ajaxlayerednavigation-img-link { text-decoration: none; } .ajaxlayerednavigation-img { margin-right: 5px; } .ajax-category-image { float: left; padding: 5px 10px 5px 0px; } .ajax-category-text { margin: 0 0 2px; } .ajaxlayerednavigation-count-plus { color: red; } .ajaxlayerednavigation-count { color: green; } .ajaxlayerednavigation-count-active { } .block-layered-nav dd:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .block-layered-nav .handle-tmaln { position: absolute; top: -7px; width: 0.55em; cursor: move; z-index: 2; -moz-border-radius: 4px 4px 4px 4px; } .block-layered-nav a.handle-tmaln-btn { background: url("https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ajaxlayerednavigation/range.png") no-repeat top left; margin-top: 2px; display: block; width: 14px; height: 14px; } .block-layered-nav a.left { margin-left: -12px !important; } .block-layered-nav .apply-price-btn { margin-top: 7px; } .block-layered-nav .price-cover { background-color: #F77C16; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; cursor: pointer; height: 0.3em; margin-bottom: 10px; position: relative; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; z-index: 1; } div.block-layered-nav span.ajaxlayered-expander { width: auto; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ajaxlayerednavigation/left.png') no-repeat right center; display: block; } div.block-layered-nav dt.active span.ajaxlayered-expander { width: auto; background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ajaxlayerednavigation/down.png') no-repeat right center; display: block; } div.ajaxlayerednav-content dd.last { background-clip: padding-box; background-color: #FFFFFF; } div.ajaxlayerednav-content ol.currently li { padding: 0 20px 0 5px; float: left; } div.ajaxlayerednav-content ol.currently li a.btn-remove { right: 3px; top: 4px; } div.ajaxlayerednav-content dd { padding: 5px; background: none; position: absolute; top: -2000px; left: 0; z-index: 1000; min-width: 160px; /* padding: 4px 0;*/ margin: 1px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -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; } div.ajaxlayerednav-content dd li{ float:left; padding: 2px 0 2px 0; clear: both; list-style: none; } div.ajaxlayerednav-content dt { float: left; cursor: pointer; /* background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ar_down.png') no-repeat right 10px;*/ padding-right: 15px; } div.ajaxlayerednav-content dt.active-title { /* background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ar_right.png') no-repeat right 10px;*/ color: #3da22a; } div.ajaxlayerednav-content dt.vertical-style { float:none; } div.ajaxlayerednav-content #narrow-by-list { position: relative; } div.ajaxlayerednav-content .ajaxlayerednavigation-image-active { float: none; } div.ajaxlayerednav-content .ajaxlayerednavigation-image { float: none; } div.ajaxlayerednav-menu dd.last { background-clip: padding-box; background-color: #FFFFFF; } div.ajaxlayerednav-menu ol.currently li { padding: 0 20px 0 5px; } div.ajaxlayerednav-menu ol.currently li a.btn-remove { right: 3px; top: 4px; } div.ajaxlayerednav-menu dd { padding: 5px; background: none; position: absolute; top: -2000px; left: 0; z-index: 1000; min-width: 160px; /* padding: 4px 0;*/ margin: 1px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -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; } div.ajaxlayerednav-menu dd li{ float:left; padding: 2px 0 2px 0; clear: both; list-style: none; } div.ajaxlayerednav-menu dt { cursor: pointer; /* background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ar_down.png') no-repeat right 10px;*/ padding-right: 15px; } div.ajaxlayerednav-menu dt.active-title { /* background: url('https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/images/ar_right.png') no-repeat right 10px;*/ color: #3da22a; } div.ajaxlayerednav-menu dt.vertical-style { float:none; } div.ajaxlayerednav-menu #narrow-by-list { position: relative; } div.ajaxlayerednav-menu .ajaxlayerednavigation-image-active { float: none; } div.ajaxlayerednav-menu .ajaxlayerednavigation-image { float: none; } .ajaxlayerednav-content #narrow-by-list dt { border: 1px solid #DDDDDD; border-radius: 5px; color: #000000; margin: 5px; padding: 5px; } /* * rwd theme fix */ .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 0 !important; display: inline !important; } /** * AjaxLayeredNavigation Mobile Filters */ .aln-mobile-navigation, .aln-mobile-navigation * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0; } .aln-mobile-navigation { width: 100%; height: 100%; background: #FFFFFF; overflow-x: visible; overflow-y: auto; } .aln-mobile-button { display: none !important; background: #3399cc; border: 0 none; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; line-height: 19px; padding: 7px 15px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; cursor: pointer; } .aln-close-mobile-nav { display: none !important; } @media (max-width:767px) { .aln-mobile-button { display: block !important; width: 100% !important; box-sizing: border-box; } .col-main .aln-mobile-button { margin: 7px 0; } .aln-close-mobile-nav { display: block !important; } .aln-mobile-navigation { width: 300px; position: fixed; z-index: 1000; top: 0; left: 0; transform: translate(-300px, 0px); -webkit-transform: translate(-300px, 0px); } .aln-mobile-nav-hide { transform: translate(-300px, 0px); -webkit-transform: translate(-300px, 0px); } .aln-mobile-nav-show { transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); } #aln-overlay.aln-shown { display: block; } } @media (min-width:768px) { .aln-mobile-navigation { transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); } } .aln-mobile-navigation .aln-mobile-title { width: 100%; height: 50px; /*padding-left: 22px;*/ /*float: left;*/ line-height: 50px; color: #ffffff; background: #E5E5E5; text-align: center; font-size: 20px; } .aln-mobile-navigation ul { margin: 0; padding: 0; list-style: none; } .aln-mobile-navigation ul li { width: 100%; display: block; float: left; position: relative; } .aln-mobile-navigation ul li a { width: 100%; padding: 14px 22px; text-decoration: none; color: #f0f0f0; background: #414956; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear; } .aln-mobile-navigation>ul>li.active>a, .aln-mobile-navigation>ul>li:hover>a { color: #fff; background: #E5E5E5; } .aln-mobile-navigation>ul>li>a { border-bottom: solid 1px #3b424d; } .aln-mobile-navigation ul li a i { width: 34px; float: left; line-height: 18px; text-align: left; } .aln-mobile-navigation .aln-mobile-show-hide { float: right; right: 22px; position: absolute; line-height: 20px; font-size: 30px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear; } .aln-mobile-navigation ul ul.submenu .aln-mobile-show-hide { line-height: 16px } .aln-mobile-navigation .aln-mobile-show-hide-minus>.aln-mobile-show-hide { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .aln-mobile-navigation ul ul.aln-mobile-options, .aln-mobile-navigation ul ul.aln-mobile-options li ul.aln-mobile-options { width: 100%; display: none; position: static; } .aln-mobile-navigation ul ul.aln-mobile-options li { clear: both; width: 100%; } .aln-mobile-navigation ul ul.aln-mobile-options li a { width: 100%; float: left; font-size: 11px; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear; } .aln-mobile-navigation ul ul.aln-mobile-options>li>a { padding-left: 30px } .aln-mobile-navigation ul ul.aln-mobile-options>li>ul.aln-mobile-options>li>a { padding-left: 45px } .aln-mobile-navigation ul ul.aln-mobile-options>li>ul.aln-mobile-options>li>ul.aln-mobile-options>li>a { padding-left: 60px } .aln-mobile-navigation ul li .jquery-accordion-menu-label, .aln-mobile-navigation ul ul.submenu li .jquery-accordion-menu-label { min-width: 30px; position: absolute; left: 5px; top: 10px; font-size: 11px; font-weight: 800; text-align: center; line-height: 28px; background: #f0f0f0; border-radius: 100% } /*.aln-mobile-navigation ul ul.aln-mobile-options li .jquery-accordion-menu-label { top: 12px }*/ .ink { display: block; position: absolute; background: rgba(255, 255, 255, .3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5) } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5) } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5) } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5) } } .white.aln-mobile-navigation .aln-mobile-title, .white.aln-mobile-navigation ul li a { background: #fff; color: #333 } .white.aln-mobile-navigation>ul>li>a { border-bottom-color: #f0f0f0; } .white.aln-mobile-navigation ul ul.submenu li a { color: #f0f0f0 } .white.aln-mobile-navigation>ul>li>a>.ink { background: rgba(0, 0, 0, .1) } #aln-overlay{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:999; width:100%; height:100%; display:none; } /** * Mobile Option Switcher */ .aln-filter-checkbox{ display:none } .aln-option-switch { width: 43px; height: 24px; background: #E5E5E5; z-index: 0; float: right; margin: 0; padding: 0; appearance: none; border: none; cursor: pointer; position: absolute; right: 10px; border-radius:12px; //IE 11 -moz-border-radius:12px; //Mozilla -webkit-border-radius:12px; //Chrome and Safari } .aln-option-switch:before { content: ' '; position: absolute; left: 1px; top: 1px; width: 40px; height: 22px; background: #FFFFFF; z-index: 1; border-radius:12px; //IE 11 -moz-border-radius:12px; //Mozilla -webkit-border-radius:12px; //Chrome and Safari } .aln-option-switch:after { content: ' '; height: 20px; width: 20px; border-radius: 20px; background: #FFFFFF; position: absolute; z-index: 2; top: 1px; left: 1px; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-box-shadow: 0 2px 5px #999999; box-shadow: 0 2px 5px #999999; } .switchOn , .switchOn:before { background: #4cd964 !important; } .switchOn:after { left: 21px !important; } .aln-option-label { margin: 0 0 0 15px; } .aln-mobile-green { color: green; } .aln-mobile-red { color: red; } .aln-mobile-option-price { padding-left: 15px!important; padding-right: 15px!important; } figure.aln-mobile-loader { display: none; position: fixed; top: 50%; left: 50%; margin-top: -1.5em; margin-left: -1.5em; width: 3em; height: 3em; animation: rotate 2.4s linear infinite; } .dotwrap { width: 1.2em; height: 3em; position: absolute; left: 50%; margin-left: -0.6em; top: 50%; margin-top: -1.4em; } .dotwrap1 { transform: rotate(0deg); } .dotwrap2 { transform: rotate(72deg); } .dotwrap3 { transform: rotate(144deg); } .dotwrap4 { transform: rotate(216deg); } .dotwrap5 { transform: rotate(288deg); } .dot { width: 1.2em; height: 1.2em; border-radius: 100%; transition: all 1s ease; } .dotwrap { animation: smallbig 2.4s linear infinite; } .dot1 { background: #ff657f; animation: dots 2.4s linear infinite; } .dot2 { background: #ff9231; animation: dots 2.4s linear infinite; } .dot3 { background: #a3d869; animation: dots 2.4s linear infinite; } .dot4 { background: #fbda64; animation: dots 2.4s linear infinite; } .dot5 { background: #5bb4e5; animation: dots 2.4s linear infinite; } @keyframes rotate { 0% { transform: rotate( 0); } 100% { transform: rotate(360deg); } } @keyframes smallbig { 50% { height: 1.2em; margin-top: -0.6em; } } @keyframes dots { 50% { opacity: .1; } 100% { opacity: .9; } } .aln-state-chip { display: inline-block; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); padding: 5px 10px; border-radius: 16px; background-color: #E4E4E4; margin: 2px; } .aln-state-chip-remove { cursor: pointer; font-size: 36px; display: inline-block; line-height: 18px; vertical-align: top; transform: rotate(45deg); } .aln-mobile-state { padding: 10px; padding-bottom: 25px; border-bottom: solid 1px #3b424d; border-bottom-color: #f0f0f0; } .aln-mobile-state-attribute { padding-bottom: 5px; } .aln-mobile-attribute-title { display: block; } .aln-mobile-state .actions { position: absolute; right: 20px; text-decoration: none; } .aln-close-mobile-nav { height: 20px; width: 20px; position: absolute; top: 25px; right: 20px; box-sizing: border-box; line-height: 20px; display: inline-block; } .aln-close-mobile-nav:before, .aln-close-mobile-nav:after { width: 20px; height: 5px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -5px; display: block; height: 5px; width: 20px; background-color: #000; transition: all 0.2s ease-out; } .aln-close-mobile-nav:after { transform: rotate(45deg); } .aln-close-mobile-nav:hover { transform: rotate(0deg); } #narrow-by-list dd .configurable-swatch-list li { margin-bottom: 3px; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Nice Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(https://verkkokauppa-demo.koivuniemi.com/sv_b2c/skin/frontend/argento/default/css/tm/aln/img/sprite-skin-nice.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 8px; top: 25px; } .irs-line-left { height: 8px; background-position: 0 -30px; } .irs-line-mid { height: 8px; background-position: 0 0; } .irs-line-right { height: 8px; background-position: 100% -30px; } .irs-bar { height: 8px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 8px; width: 11px; background-position: 0 -90px; } .irs-shadow { height: 1px; top: 34px; background: #000; opacity: 0.15; } .lt-ie9 .irs-shadow { filter: alpha(opacity=15); } .irs-slider { width: 22px; height: 22px; top: 17px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0,0,0,0.3); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #99a4ac; } .irs-grid-text { color: #99a4ac; } .irs-disabled { } a.qty-switcher-dec, a.qty-switcher-inc { cursor: pointer; text-decoration: none; font-size: 25px; height: 16px; padding: 0 7px; text-align: center; /* disable select*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .products-grid .qty-increment a.qty-switcher-dec, .products-grid .qty-increment a.qty-switcher-inc { vertical-align: top; display: inline-block; line-height: 25px; } a.qty-switcher-dec:hover, a.qty-switcher-inc:hover { text-decoration: none; } .products-grid .qty-increment { margin-bottom: 5px; min-height: 35px; } .products-grid .qty-increment .qty, .add-to-cart .qty { text-align: center; } .products-grid .qty-increment .qty { min-height: 25px; vertical-align: top; } .products-grid .qty-increment a.qty-switcher-dec, .products-grid .qty-increment a.qty-switcher-inc { height:auto; } .products-list .qty-increment { margin-bottom: 5px; padding: 0 10px; } .products-list .qty-increment a.qty-switcher-dec, .products-list .qty-increment a.qty-switcher-inc { vertical-align: top; display: inline-block; line-height: 18px; } .products-list .qty-increment .qty { min-height: 17px; vertical-align: top; }