/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#fff; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:21px; background:transparent url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { background-position:100% 0; padding:0 12px 0 4px; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #ddd; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .ajaxpro-form { background: #FFF; border: 1px solid #AAA; top:0; left:0; width:350px; margin-left: -180px; z-index:999; text-align:center; position: absolute; padding: 10px; } #ajaxpro-spinner { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/ajaxpro_loader_animation.gif) no-repeat 50% 50%; border: 1px solid #aaa; position: absolute; top:0; left:0; width:300px; height:135px; z-index:998; margin-left: -150px; } .ajaxpro-message { margin: 10px 0px 10px 0px; font-weight: bold; } .ajaxpro-message p { margin: 10px 0px 10px 0px; text-align: center; } .ajaxpro-or { margin: 0px; } .ajaxpro-continue-button, .ajaxpro-continue-button:hover { text-decoration:none; color: #fff; } #ajaxpro-addcustomproduct-form { z-index:997; } #ajaxpro-addcustomproduct-form .product-view { width: 340px; padding: 10px; border: none; } .form-button, .form-button-alt {} .form-button span, .form-button-alt span {} .form-button-alt {} .ajaxpro-overlay { width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; z-index: 997; display: none; } #ajaxpro-scrolling-button {margin: 5px auto; text-align: center; display: block;} #ajaxpro-scrolling-button span{padding: 5px auto;} .ajaxpro-header-cart { width: 200px; float: right; } #ajaxpro-header-cart-content, .ajaxpro-login { background: #FFF; border: 5px solid #D9E5EE; position: absolute; right: 10px; padding: 10px; width: 250px; } .ajaxpro-login { width: auto; padding: 0px; } .ajaxpro-login .content { min-height: 75px!important; padding: 10px!important; } .header-container .top-container .ajaxpro-login a { color: #1E7EC8!important; padding-right: 5px; } #ajaxpro-login-form .buttons-set {padding: 5px; margin: 0px;} #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; } #ajaxpro-content-toggler { color: #1E7EC8; } .header-container .top-container .ajaxpro-header-cart a { color: #1E7EC8; } /* 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; } .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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; } button.btn-suggest-page span span { border:0; padding:0; } .suggestpage-activity .btn-suggest-page span { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0; font: bold 15px/40px Arial,Helvetica,sans-serif; height: 40px; border: none; padding: 0 0 0 8px; color: #fff; } .suggestpage-activity .btn-suggest-page span span { padding: 0 25px 0 16px; } .suggestpage-activity .btn-suggest-checkout span { background-position: 0 0; color: #fff; } .suggestpage-activity .btn-suggest-checkout span span { background-position: 100% 0; } .suggestpage-activity .btn-suggest-cart span { background-position: 0 100%; color: #4a4a4a; } .suggestpage-activity .btn-suggest-cart span span { background-position: 100% 100%; } .suggestpage-activity, .suggestpage-activity .cartinfo, .suggestpage-activity .mini-products-list li { zoom: 1; } .suggestpage-activity:after, .suggestpage-activity .cartinfo:after, .suggestpage-activity .mini-products-list li:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0em; } @media (max-width: 479px) { .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: 12px Arial, Helvetica, sans-serif !important; 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://www.kalustekaverit.fi/skin/frontend/base/default/tm/easyslide/images/light.png) repeat 0 0; color: #000; } .easyslide-background-dark { background: url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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: bold 12px Arial, Helvetica, sans-serif; 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-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Bar Theme Skin URI: http://nivo.dev7studios.com Description: The bottom bar skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: false */ .theme-bar.slider-wrapper { position: relative; border: 1px solid #333; overflow: hidden; } .theme-bar .nivoSlider { position:relative; background:#fff url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 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 { font-family: Helvetica, Arial, sans-serif; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-bar:hover .nivo-caption { bottom: 41px; } .theme-bar .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-bar .nivo-caption a:hover { color:#fff; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-bar .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Dark Theme Skin URI: http://nivo.dev7studios.com Description: A dark skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-dark.slider-wrapper { background: #222; padding: 10px; } .theme-dark .nivoSlider { position:relative; background:#fff url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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 { font-family: Helvetica, Arial, sans-serif; } .theme-dark .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-dark .nivo-caption a:hover { color:#fff; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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 { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Skin Name: Nivo Slider Light Theme Skin URI: http://nivo.dev7studios.com Description: A light skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-light.slider-wrapper { background: #fff; padding: 10px; } .theme-light .nivoSlider { position:relative; background:#fff url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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 { font-family: Helvetica, Arial, sans-serif; } .theme-light .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-light .nivo-caption a:hover { color:#fff; } .theme-light .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .theme-light .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-light .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* reset cms page std styles */ .std .block-highlight ul, .std .block-highlight ol { margin: 0; padding: 0; list-style: none; } .std .block-highlight .add-to-links { margin: 5px 0 0; } .block-highlight {} .block-highlight .block-title { color: #0A263C; font-size: 14px; font-weight: bold; } .col-main .block-highlight { margin: 0 0 0.7em; } /* Reviews list mode */ .highlight-review .products-list .product-price-block { float: right; text-align: right; } .highlight-review .products-list .desc { float: left; width: 315px; } .highlight-review .products-list .author { font-weight: bold; } .highlight-review .products-list .price-box { float: none; margin: 3px 0 5px; } /* Wide grid for product reviews */ .block-highlight .grid-wide { background: none; border: none; margin: 10px auto; } .block-highlight .grid-wide li.item { padding: 12px 10px; border: 1px solid #eaeaea; border-radius: 7px; margin: 0 10px 0 0; min-height: 100px; background: #f8f8f8; position: relative; } .block-highlight .cols-1 .grid-wide li.item { width: 100%; min-height: 80px; } .block-highlight .cols-2 .grid-wide li.item { width: 44%; } .block-highlight .cols-3 .grid-wide li.item { width: 28%; } .block-highlight .cols-4 .grid-wide li.item { width: 20%; } .block-highlight .grid-wide li.last { margin: 0; } .block-highlight .grid-wide .product-image { width: auto; height: auto; float: left; margin: 0; } .block-highlight .grid-wide .product-shop { margin-left: 87px; } .block-highlight .grid-wide .product-name { font-size: 1em; } .block-highlight .grid-wide .desc { font-size: 0.9em; } .block-highlight .grid-wide .link-learn { font-size: 11px; position: absolute; right: 0; bottom: 0; padding: 1px 8px; background: #e3e3e3; border-radius: 7px 0 7px 0; text-decoration: none; color: #777; } .block-highlight .grid-wide .link-learn:hover { background: #dadada; } .side-col .block-highlight .products-grid, .sidebar .block-highlight .products-grid { background: none; width: 100%; } .side-col .block-highlight .products-grid li.item, .sidebar .block-highlight .products-grid li.item { padding: 5px 3px; width: 40px; } .side-col .block-highlight .products-grid .product-image, .sidebar .block-highlight .products-grid .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list li.item, .sidebar .block-highlight .products-list li.item { padding: 5px 10px; } .side-col .block-highlight .products-list .product-image, .sidebar .block-highlight .products-list .product-image { width: auto; height: auto; margin: 0; } .side-col .block-highlight .products-list .product-shop, .sidebar .block-highlight .products-list .product-shop { margin-left: 55px; } .side-col .block-highlight .product-name, .sidebar .block-highlight .product-name { font-size: 1em; } .side-col .highlight-review .products-list .desc, .sidebar .highlight-review .products-list .desc { width: 100%; float: none; } .highlight-index-index .toolbar .sort-by { display: none; } .navpro { font-size: 13px; text-align: left; } .navpro a.level-top, .navpro div.level-top a { color: #2b3c4a; font-weight: bold; padding: 5px 12px 6px 8px; display: block; line-height: 1.3em; text-decoration: none; } /*Top menu style*/ .nav-container .navpro { margin: 0 auto; padding: 0 16px; width: 918px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #a7c6dd; } .navpro a.level-top:hover, .navpro a.level-top.over, .navpro div.level-top a:hover, .navpro div.level-top a.over { color: #d96708; } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #d96708; } .navpro .nav-ul .active > .nav-a { color: #d96708 } /* dropdown styles */ .navpro .nav-li { position: relative; float: left; } .navpro li.over { z-index:998; } .navpro .nav-dropdown { position: absolute; display: none; background: #fff; border: 1px solid #ccc; } .navpro .nav-style-accordion > .nav-dropdown { position: static; border: none; display: block; background: none; overflow: hidden; } .navpro .nav-dropdown .nav-dropdown { } .navpro .shown-sub { z-index: 999; display: block; } .navpro .nav-dropdown .shown-sub { display: block; } .navpro .nav-ul .nav-li { float: none; } .navpro .nav-ul .nav-li-column { float: left; } .navpro .nav-ul li.over > a, .navpro .nav-ul li.over > .nav-sibling-title { background-color: #eee; } .navpro .nav-ul .nav-a:hover, .navpro .nav-ul .nav-sibling-title:hover { background-color: #eee; } .navpro .nav-ul .nav-a, .navpro .nav-ul .nav-sibling-title a { text-decoration: none; display: block; } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { display: block; padding: 3px 15px 4px; } .navpro .nav-row { clear: left; } .nav-toggler { position: absolute; width: 20px; height: 20px; top: 4px; right: 0px; background: url(https://www.kalustekaverit.fi/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: bold 13px/1.35 Arial,Helvetica,sans-serif; 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://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: right -11px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: right top; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 0 0; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { background: #fff url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px; background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius : 0 0 4px 4px; border-radius : 0 0 4px 4px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; } /* @end */ .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow : none; box-shadow : none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; border: 1px solid #cccccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -22px -3px; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chzn-disabled { cursor: default; opacity:0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } /* @group Right to Left */ .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: #fff url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px; background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background: url('https://www.kalustekaverit.fi/skin/frontend/argento/default/chosen/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; } /* @end */ ul.add-row, .form-list li.add-row { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; padding-top: 5px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:0; margin:0; text-align:right; float: right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } p.value { clear: both; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider p { margin: 0 0 0.1em; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; padding: 0; margin: 0; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } .giftcardaccount .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Restricted ================================================================================ */ .restriction-index-stub { background: none; } .restriction-index-stub .page { padding-bottom:3px; } .restriction-index-stub .main { padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#847f7f; min-height:230px; height:230px; font-size:16px; padding: 0; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_ps.gif) no-repeat 50% 0; padding:50px 13px 0; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } /* Block: Checkout Progress */ .opc-wrapper .opc { float: left; width: 75%; } .opc-wrapper .fieldset { padding: 0; margin: 0; border: none; } .opc-progress-container { float:right; width:24%; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .checkout-reward label, .checkout-onepage-payment-additional-customerbalance label { color: #000 !important; } #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .bundle-summary .product:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } @media (max-width: 767px) { .private-sales-index .box .content { padding: 0 15px 10px; } .private-sales-index .box .content .description { padding: 20px 10px; margin-top: 25px; } } @media (max-width: 480px) { .private-sales-index { padding: 0; } .private-sales-index .box { padding: 0; } .private-sales-index .box .content { padding: 10px; } .private-sales-index .box .content h1 { background: none; padding-top: 0; font-size: 21px; } .private-sales-index .box .content .description { margin: 20px auto 0; padding: 12px; font-size: 16px; } .opc-progress-container { display: none; } .opc-wrapper .opc { float: none; width: auto; } } body { background: #444; font: normal 12px/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif; } .page-popup { background: #fff; } /* Headings */ h1, .h1 { font-size:24px; font-weight:normal; line-height:1.15; } h2, .h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3, .h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4, .h4 { font-size:14px; font-weight:bold; } h5, .h5 { font-size:12px; font-weight:bold; } h6, .h6 { font-size:11px; font-weight:bold; } h2, .h2 { margin-bottom: .2em; } p { margin-bottom: .4em; line-height: 1.4em; } p.note { font-size: .9em; color: #444; } a { color: #023761; } small { font-size: .8em; } button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; text-transform: lowercase; font-family: Tahoma, Arial, Helvetica, sans-serif; } button.button span span { padding-left: 1px; } button.button:hover span {} button.button:hover span span {} button.button:active span {} button.button:active span span {} button.btn-alt span { background:transparent url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.btn-alt span span { background-position: 100% -340px; padding:0 12px 0 4px; } .strong { font-weight: bold; } .std ul.add-to-links { padding: 0; list-style: none; } .std .products-grid { padding: 0; list-style: none; } .price-box p { margin: 0; } .buttons-set { border: none; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } .data-table th, .data-table td { padding: 9px 5px; } .data-table tr.odd { background: #fff; } tr.summary-details td { background: #e0e0e0; } textarea { width: 250px; } .fieldset { background: #f4f4f4; } .fieldset .legend { background: #fff; border-color: #ddd; padding: 1px 8px; font-weight: normal; font-size: 15px; } .form-list label { margin: 0 0 3px; font-weight: normal; font-size: 15px; } .form-list li.wide .input-box { width: auto; } .form-list textarea { width: 98%; } .form-list li.wide textarea, .form-list li.wide select, .form-list li.wide input.input-text { width: 100%; max-width: 525px; } .form-list .input-box { width: auto; } .form-list input.input-text, .form-list select, .form-list textarea { font-size: 15px; padding: 7px 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; border-color: #aaa #ccc #ccc #ccc; padding: 6px 4px; } .form-list input.input-text:focus, .form-list select:focus, .form-list textarea:focus { background-color: #fafafa; } .form-list label.required em { right: -10px; } .page-title {padding: 7px 0 8px;} .page-title h1, .page-title h2 { font-size:2em; } .page-head-alt { padding: 7px 0 8px; margin: 0 0 7px; } .page-head-alt h3, .page-head-alt h2 { font-size:24px; font-weight: normal; } /* layout */ .page { width: auto; padding: 0; } .col3-layout .col-wrapper { width: 75%; } .col3-layout .col-right { width: 24%; } .col3-layout .col-left { width: 30%; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 24%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 75%; } .col3-layout .col-main { margin-left: 7px; width: 68%; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { padding: 0 5px; width: 960px; margin: 0 auto; border: none; } /* header */ .top-toolbar .links li, .footer .links li { float: left; } .links a { padding: 0 5px 0 6px; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/links_div.gif) no-repeat 0 50% !important; white-space: nowrap; } .links li.first a { background: none !important; padding-left: 0; } /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea; } .top-toolbar { color: #7f7f7f; font: normal .9em Tahoma, Verdana, Arial, Helvetica, sans-serif; } /* cms links */ .header-links { margin-right: 80px; float: left; } .top-toolbar .welcome-msg { float: left; margin: 0 10px 0 0; } .top-toolbar { padding: 9px 5px; } .top-toolbar .quick-links { float: right; text-align: right; } .top-toolbar .quick-links .links { float: right; } .top-toolbar .links a { color: #7f7f7f; text-decoration: none; } .top-toolbar .links a:hover { text-decoration: underline; } .top-toolbar input, .top-toolbar select, .top-toolbar textarea, .top-toolbar button { font-size: .9em; } .top-toolbar select { text-indent: 0; background: #fff; } .form-language { float: left; } .form-language label { text-transform: lowercase; } .form-language select { margin-top: -1px; } /* >>> top toolbar */ .header-container { background: #fff; } .header { padding: 20px 5px; } .header-callout { float: left; } .header-container .mobile-togglers { display: none; } #search_mini_form { float: right; } .header-container .form-search { float: right; margin: 15px 0 0 15px; position: relative; text-align: left; } .header-container .form-search label { display: none; } .header-container .form-search input { background: #f6f6f6; width: 250px; padding: 10px 0; height: 15px; color: #757578; text-indent: 7px; } .header-container .form-search button { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -307px 0; width: 37px; height: 37px; overflow: hidden; margin-left: -5px; } .header-container .form-search button span { background: none !important; padding: 0 !important; display: none; } .header-container .form-search .search-autocomplete { margin-top: -1px; } .header-container .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#f9f5f0; } .header-container .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #ddd; padding: 7px 8px 8px 8px; cursor:pointer; } .header-container .form-search .search-autocomplete li.last { border-bottom: none; } .header-container .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header-container .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header-container .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .autocomplete { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .headerajaxsearchwindow { background: none; text-align: left; padding: 3px 6px 4px; } .headerajaxsearchwindow:first-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } p.headercategorysearch { display: none; font-style: normal; text-align: left; padding: 2px 5px; } .autocomplete div { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } select.ajaxsearch-category-select { padding: 9px 1px 9px 3px; width: 60px; background: #f6f6f6; color: #757578; } .header-container .form-search .chzn-container { text-align: left; float: left; margin-right: 1px; font-size: 12px; min-width: 70px; z-index: 980; } .header-container .form-search .chzn-container-single .chzn-single { padding: 6px 0 6px 3px; height: 23px; border-radius: 0; border-color: #ddd; box-shadow: none; color: #757578; font-size: 10px; background-image: none; background-color: #f6f6f6; filter: none; } .header-container .form-search .chzn-container-single .chzn-single div { top: 6px; height: 23px; } .header-container .form-search .chzn-container .chzn-drop { border-color: #ddd; min-width: 180px; } .header-container .form-search .chzn-container-single .chzn-search input { min-width: 145px; padding: 4px 20px 4px 5px; text-indent: 0; } .header-container .form-search .chzn-container-single .chzn-single abbr { top: 12px; right: 20px; } .header-container .header-cart { float: right; margin: 12px 0 0 20px; background: #f6f6f6; border: 1px dashed #cbcbcb; padding: 6px 5px; position: relative; z-index: 990; } .header-cart .button { margin-top: 3px; } .header-cart .summary { width: 120px; float: left; width: 70px; margin: 0 3px 0 0; font-size: .9em; cursor: pointer; } .header-cart .summary-qty { font-size: 2.1em; float: left; margin: 0 4px 0 0; padding: 0 0 0 10px; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -578px -43px; line-height: 30px; } .header-cart .summary-items { } .header-cart .mini-products-list { padding: 0; right: 0; left: auto; } .header-cart .mini-products-list li { padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 250px; } .header-cart .mini-products-list li.last { border: none; } .header-cart .mini-products-list a { text-decoration: none; } .header-cart .mini-products-list a:hover { text-decoration: underline; } .header-cart .mini-products-list .product-details { margin-left: 58px; } .header-cart .mini-products-list .product-image { padding: 2px; border: none; } .header-cart .mini-products-list .truncated .show .item-options { left: -260px; top: 5px; } .header-cart .mini-products-list .btn-remove, .header-cart .mini-products-list .btn-edit { float: right; margin-left: 2px; } /* <<< navigation */ .nav-container { background: #eaeaea; } #nav { margin: 0 auto; width: 960px; border: none; font-family: Arial, Helvetica, sans-serif; } #nav li a { padding: 11px 13px 10px; color: #272e3d; } #nav ul, #nav div { top: 42px; background: #fff; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #nav ul li { border-color: #f1f1f1; } #nav ul li a { padding: 5px 9px; } #nav li.level-top {} #nav li.first { background: none; padding: 0; } #nav li.parent a { } #nav li.parent a.level-top { padding-right: 19px; } #nav li.parent a.level-top { background-image: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/nav_leveltop_parent.gif); background-repeat: no-repeat; background-position: 100% 50%; } #nav li.parent > a { background-image: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/nav_parent.gif); background-repeat: no-repeat; background-position: 100% 60%; } /* navigation for touchable devices width screen width less than 480px */ #nav-top-toggle { display: none; } #nav .toggle { display: none; } /* navigationpro */ .nav-container { zoom: 1; } .nav-container .navpro { margin: 0 auto; width: 960px; border: none; font-family: Arial, Helvetica, sans-serif; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { color: #272e3d; font-size: 1.1em; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #d96708; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 17px 13px 13px; color: #272e3d; font-weight: normal;} .nav-container .navpro ul.nav-ul { top: 42px; background: #fff; } .nav-container .navpro ul li a.nav-a { padding: 3px 0; } .nav-container .navpro li.level-top { } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro-inline .nav-toggler-level0 { background-position: -1px 0; } .nav-container .navpro .nav-toggler { top: 16px; right: 1px; } .nav-container .navpro ul .nav-toggler { top: 2px; } .nav-container .nav-a-with-toggler, .nav-container .nav-sibling-title-with-toggler a { padding-right: 21px !important; } .nav-container .navpro .nav-dropdown { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* >>> navigation */ /* middle */ .main-container { background: #fff; } .main { padding: 10px 5px; min-height: 400px; } .breadcrumbs { border: none; font-size: .9em; padding: 6px 10px; } .col-main, .col-left, .col-right { border: none; padding: 0; } /* blocks */ .block { border: none; font-size: 1.0em; } .block .block-title { border: 1px solid #ddd; padding: 8px 8px 8px; color: #033862; border-width: 0 0 1px; font: normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif; } .block .block-title strong, .block .block-title span { font-weight: normal; color: #000; font-size: 1.1em;} .block .block-subtitle { font-size: 12px; } .block .block-content li.item { padding: 3px 0; } .block li.even { background: none; } .block .actions { padding: 5px 0; } .sidebar .block-subscribe .input-text { width: 100%; } /* <<< layered navigation */ .block-layered-nav .block-subtitle { display: none; } .block-layered-nav .currently .block-subtitle { display: block; color: #555; font-size: 1em; } .block-layered-nav .currently ol { margin: 5px 0; padding-left: 5px; } .block-layered-nav .currently li { } .block-layered-nav .actions { text-align: right; padding: 5px; background: #eaeaea; margin-bottom: 7px; font-size: .9em; } .block-layered-nav .actions a { float: none; } #narrow-by-list { margin: 0; } #narrow-by-list dt { color: #000; } #narrow-by-list dd { padding-left: 7px; margin: 3px 0 9px; color: #757578; line-height: 1.7em; } #narrow-by-list dd li { padding-left: 14px; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; } #narrow-by-list a { color: #023761; text-decoration: none; } #narrow-by-list a:hover { text-decoration: underline; } /* >>> layered navigation */ /* product listing */ .toolbar-bottom { margin-top: 15px; } .pager, .sorter { border: none; margin: 0; font-size: .9em; padding: 7px 5px; } .pager .amount { margin: 0; line-height: 25px; } .pager select, .sorter select { padding: 3px 3px; } .pager .pages li { margin-right: 1px; padding: 1px 5px; } .pager .pages .current { background: #ebebeb; } .sorter { border: 1px solid #E6E6E7; padding: 0; } .sorter .view-mode { margin: 0; background: #f6f6f6; padding: 12px 5px; height: 15px; border-right: 1px solid #E6E6E7; } .sorter .view-mode .list, .sorter .view-mode .grid { padding: 3px 3px 3px 22px; text-decoration: none; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat 0 0; } .sorter .view-mode .list { background-position: -550px -73px; } .sorter .view-mode .grid { background-position: -533px -92px; } .sorter .view-mode a { color: #023761; } .sorter .view-mode a:hover { text-decoration: underline; } .sorter .view-mode label { display: none; } .sorter .sort-by { padding: 7px 5px; } .i-previous, .i-next { text-decoration: none; } .link-wishlist, .link-compare { font-weight: normal; } .products-grid .link-wishlist, .category-products .link-wishlist, .product-shop .link-wishlist { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -582px -335px; } .products-grid .link-compare, .category-products .link-compare, .product-shop .link-compare { padding: 0 0 0 15px; text-decoration: none; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -582px -310px; } .products-grid .link-wishlist:hover, .category-products .link-wishlist:hover, .product-shop .link-wishlist:hover { text-decoration: underline; } .products-grid .link-compare:hover, .category-products .link-compare:hover, .product-shop .link-compare:hover { text-decoration: underline; } .col1-layout .products-grid { width: auto; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: auto; } .product-name a { text-decoration: none; } .product-name a:hover { text-decoration: underline; } .products-grid { padding: 5px 0; } .products-grid li.item { width: 31.3%; padding: 10px 1% 10px; } /* 3 products per row */ .col1-layout .products-grid { margin: 0 0 10px; } .col1-layout ul.last { margin: 0; } .products-grid .product-name { font-weight: normal; font-size: 1.2em; min-height: 40px; } .products-grid .product-image, .products-list .product-image { width: auto; height: auto; max-width: 100%; } .products-list .product-image { max-width: 135px; } .products-grid .product-image img, .products-list .product-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .products-list .product-name { margin:0 0 5px; font-weight:normal; font-size: 1.3em; } .products-list .add-to-links { font-size: .9em; margin: 0 0 5px; } .products-grid .price-box { float: left; } .products-grid .actions { position: static; float: right; } .products-grid .add-to-links { /*position: absolute; bottom: 15px;*/ float: left; margin: 9px 0 5px; font-size: .9em; clear: both; } .products-grid .add-to-links li { float: left; margin-right: 10px; line-height: 18px; } .products-grid .add-to-links li.li-wishlist {} .products-grid .add-to-links li.li-compare { margin-right: 0; } .products-grid .add-to-links a, .products-list .add-to-links a { color: #757578; text-decoration: none; } .products-grid .add-to-links a:hover, .products-list .add-to-links a:hover { text-decoration: underline; } .col1-layout .products-grid li.item { width: 23%; } /* 4 products per row */ .col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item { width: 31.3%; } /* 3 products per row */ .col3-layout .products-grid li.item { width: 31.3%; /*padding-bottom: 45px;*/ } /* 3 products per row */ .col3-layout .products-grid .actions { float: none; } .col3-layout .products-grid .add-to-links { /*position: static;*/ } .col3-layout .products-grid .add-to-links li { float: none; } .products-list .product-shop {} .price-box { font-size: 1em; } .price-box .price, .regular-price .price, .price-from .price-label, .price-to .price-label { font-weight: normal; } /* product view */ .product-view .product-img-box { float: left; width: 370px; margin-left: -100%; } .product-view .product-img-box .more-views { clear: both; } .product-view .product-img-box .highslide-gallery .more-views a { margin-right: 5px; } .product-view .product-img-box .more-views a { width: 56px; float: left; } .product-view .product-shop, .col1-layout .product-view .product-shop { width: 100%; float: left; } .product-view .product-shop .product-shop-inner { margin-left: 385px; } .product-view .product-img-box .product-image-zoom img { max-width: 900px; width: auto; } .highslide img { border: 1px solid #ddd; width: auto; max-width: 100%; } .highslide img:hover { border: 1px solid #ccc; } .product-view .product-shop .product-name { margin: 0 0 17px; } .product-view .product-shop .email-friend, .product-view .product-shop .no-rating { float: left; font-size: 11px; margin: 0 12px 12px 0; } .product-view .product-shop .email-friend a, .product-view .product-shop .no-rating a, .product-view .product-shop .rating-links a { color: #777; } .product-view .product-shop .rating-links .separator { color: #999; } .product-view .product-shop .ratings { line-height: 1.4em; font-size: 11px; } .product-view .product-shop .short-description { clear: both; margin: 12px 0; } .product-view .product-shop .availability { font-size: .9em; margin: 7px 0; } .product-view .product-shop .price-box { float: left; margin: 0 20px 7px 0; font-size: 1.5em; } .product-view .product-shop .price-box .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .price-from .price-label, .product-view .product-shop .price-to .price-label { font-weight: bold; } .product-view .product-shop .tier-prices { clear: both; margin: 7px 0; padding: 7px 12px; background: #ffffff; border: 1px dotted #ddd; font-size: .9em; } .product-view .product-shop .tier-prices li { line-height: 1.7em; } .product-view .product-shop .price-box { display: none; } .product-view .add-to-cart-wrapper { padding: 17px 10px; background: #f4f4f4; border: 1px solid #eee; position: relative; margin-top: 25px; } .product-view .add-to-cart-wrapper .availability { position: absolute; top: -20px; left: 0; margin: 0; } .product-view .add-to-cart-wrapper .add-to-box { float: right; } .product-view .add-to-cart-wrapper .price-box { margin: 0; display: block; line-height: .9em; } .product-view .product-shop .add-to-cart .qty { padding: 8px 3px; } .product-view .product-shop .add-to-cart label { line-height: 29px; } .product-view .product-shop .add-to-links { margin: 7px 0; font-size: .9em; text-align: right; } .product-view .product-shop .add-to-links li { display: inline; margin: 0 10px 0 0; } .product-view .product-shop .add-to-links a { color: #777; } .product-view .product-shop .product-options { clear: both; } /* Product Options */ .product-options { margin:10px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#2f2f2f; } .product-options dt label.required em { color:#eb340a; margin: 0 2px 0 0; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:20px; top:20px; padding: 0; } .product-options-bottom { background-color:#f4f4f4; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-view .product-options-bottom .price-box { float:left; margin:0 !important; padding:0; display: block; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; margin-bottom: 0 !important; font-size: .9em; } .product-view .product-shop .product-options-bottom .add-to-links li { margin: 0 0 0 10px; } .product-options-bottom .add-to-links a { color: #777; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } .product-shop .product-options-bottom .price-as-configured .price-label { display: none; } /* ee compatibility */ .product-shop .product-options-bottom { position: relative; } .product-shop .product-options-bottom p.required { position: absolute; right: 33px; top: -20px; } /* Grouped Product */ .product-view .add-to-cart-wrapper .grouped-items-table { margin: -5px 0 10px 0; } .product-view .grouped-items-table .price-box { margin:0; padding:0; font-size: 1.1em; line-height: 1.3em; } .product-view .grouped-items-table td, .product-view .grouped-items-table th { padding: 5px; } .product-view .product-shop .price-box-bundle .price-box { display: block; font-size: 1.1em; } /* product tabs */ .product-view .tabs { overflow: hidden; zoom: 1; padding: 0; margin: 0; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; height: auto; border: none; } .product-view .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin: 5px 10px 0 0; border: none; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; height: 34px; } .product-view .tabs li a { background: transparent url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; color: #023761; border: none; margin: 0; float: left; text-align: center; font: normal 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 0.05em; text-transform: capitalize; white-space:nowrap; padding: 9px 14px 9px 15px; height: 34px; } .product-view .tabs li a:hover { background-position: 0 -40px; background-color: transparent; } .product-view .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background: transparent url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) no-repeat 0 -80px; color: #ef6e00; cursor: default; } .product-view .padder { padding: 10px 10px; border: 1px solid #b7d3ea; border-top: none; margin: 0 0 15px; } .product-view .padder .products-grid li.item { padding-bottom: 10px; } .product-view .padder .products-grid .add-to-links { display: none; } .product-view .padder .box-collateral { margin: 0; } .product-view .box-collateral .h2 { margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; padding: 0 0 5px; display: block; } .product-view .box-collateral .padder .h2 { margin: 0; } .product-view .padder .box-up-sell > h2, .product-view .padder .box-up-sell > .h2 { display: none; } .product-view .padder .block-related .block-title { display: none; } .product-view .padder .block-related .block-content { padding: 0; } .product-view .padder .mini-products-list li { width: 45%; margin-right: 5%; float: left; } .product-view .padder .mini-products-list li:nth-child(odd) { clear: left; } #product_tabs_tags_tabbed_contents .input-box { width: auto; max-width: 260px; float: none; margin: 0 10px 7px 0; } .product-view .box-tags .form-add input.input-text { width: 100%; } .product-collateral .box-collateral { clear: both; } .product-collateral .soldtogether-block { margin: 0; padding-bottom: 15px; } .product-collateral .soldtogether-block .subtitle { color: #555; } .product-collateral .soldtogether-block .images li { width: 150px; } .soldtogether-block .check li { padding: 5px; } /*********************/ .product-view .product-collateral { padding: 10px 0; } .product-view .product-collateral h2 { } .product-view .product-collateral .box-up-sell { } /* setup 4 columns layout */ .col2-right-layout .product-view .product-collateral .box-up-sell .products-grid li.item, .col2-left-layout .product-view .product-collateral .box-up-sell .products-grid li.item { width: 23%; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3, .product-view .box-tags .h3 { font-size:12px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999px; text-align: left; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ .account-login .new-users, .account-login .registered-users { width: 47%; padding: 1% 1% 0; float: left; } .account-login .new-users h2, .account-login .registered-users h2 { border-bottom: 1px solid #e6e6e6; padding-bottom: 3px; } .account-login .new-users .buttons-set, .account-login .registered-users .buttons-set { } .account-login .registered-users { float: right; } .login-only .registered-users { float: none; margin: 0 auto; } .box-account { margin-bottom: 25px !important; } .box-account .box-head { margin: 0 0 5px; } .box-account .box-head h2, .box-account .box-title h3, .box-account .box-head .h2, .box-account .box-title .h3 { float: left; } .box-account .box-head a, .box-account .box-title a { float: right; } .my-account .box { padding: 10px; } .my-account .box .box-title { margin: 0 0 3px; } .my-account .box .box-content { font-size: .9em; } /* General Box */ .box-account { background: #fff; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; color:#e65505; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Address Book */ .addresses-list h2, .addresses-list .h2 { font-weight:bold; font-size:13px; text-transform:uppercase; } .addresses-list h3, .addresses-list .h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background: #f4f4f4; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Block: Recent Orders */ #my-orders-table .order-info, #my-downloadable-products-table .order-info { border: none; background: none; padding: 0; } #my-orders-table .order-info dt, #my-downloadable-products-table .order-info dt { clear: left; float: left; margin-right: 3px; font-size: .9em; } #my-orders-table .order-info dt:after, #my-downloadable-products-table .order-info dt:after { content: ':'; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { display: block; font-weight: bold; font-size: .9em; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3, .order-items .h2, .order-items .h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .product-image { width: 90px; } .my-wishlist .product-shop { margin-left: 100px; } .my-wishlist .price-box { float: none; } .my-wishlist .wishlist-short-info { float: left; width: 60%; } .my-wishlist .description { margin: 5px 0; } .my-wishlist .cart-cell { float: left; width: 25%; margin-left: 10px; display: inline; } .my-wishlist .truncated { float: left; margin: 10px 10px 10px 0; } /* My Tags */ .tags li { display: inline; } .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } #my_recent_tags li.item { margin-bottom: 3px; } .my-account #products-tag-list .product-image { width: 90px; } .my-account #products-tag-list .product-shop { margin-left: 100px; } /* My Reviews */ #my_recent_reviews li { margin: 0 0 10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3, .product-review .h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999px; text-align: left; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* >>> customer */ /* Cart */ .cart { margin:0; } .cart #products-cart-list { margin: 0 0 15px; } .cart #products-cart-list li { padding: 7px 0; } .cart #products-cart-list li.even { background: #f6f6f6; } .cart .page-title .btn-continue { float: left; clear: left; margin-top: 3px; } .cart .cart-collaterals .col-2 { width:100%; } .cart .product-image { width: 90px; } .cart .product-shop, .cart-headers .col-shop { margin-left: 100px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .cart-qty, .cart .col-total-price, .cart .col-delete-item { float: left; } .cart .col-description { width: 45%; } .cart .col-wishlist { width: 10%; } .cart .col-unit-price, .cart .col-total-price { width: 15%; padding: 0 5px; } .cart .cart-qty { width: 10%; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart-headers { border-bottom: 1px solid #eee; padding: 7px 0 7px; font-weight: bold; background: #eaeaea; } .cart-header-item { display: none; } .cart .cart-price-list li { padding-top: 0 !important; } .cart .shipping-crosssell { width: 72%; } .cart .shipping-crosssell .col-1 { float: right; } .cart .shipping-crosssell .col-2 { float: left; } .cart .shipping { font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .shipping h2 { font-size:15px; font-weight: bold; } .cart .shipping select { width:100%; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping .form-list .input-text { width: 100%; } .cart .shipping .buttons-set { margin-top:5px; text-align:right; } .cart .totals { font-size:12px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 10px; width: 23%; } .cart .totals #shopping-cart-totals-table { float: right; } .cart .totals .checkout-types { margin: 10px 0 0; } .cart .totals strong { font-size:14px; } .cart .checkout-types { float: right; } .cart .totals .checkout-types { clear: both; display: block; } .cart .checkout-types li:last-child { } .cart .checkout-types li { text-align:center; margin: 0 0 5px; } .cart .checkout-types .paypal-or { clear:both; display:block; } .cart .checkout-types .btn-checkout span { } .cart .shopping-continue {float:left; padding-top:4px; font-size:12px; } .cart .totals .btn-remove, #checkout-review-table .btn-remove { float: right; margin: 3px 0 0 5px; } button.btn-checkout::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.btn-checkout { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.btn-checkout { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.btn-checkout span, button.btn-checkout span:hover, button.btn-checkout span:active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 0 0 !important; display: block; font: bold 15px/38px Arial, Helvetica, sans-serif !important; height: 40px !important; text-align: center; white-space: nowrap; text-transform: none !important; border: none; color: #fff; padding: 0 0 0 8px; } button.btn-checkout span span, button.btn-checkout span span:hover, button.btn-checkout span span:active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/suggestpage/btn_actions.gif) no-repeat 100% 0 !important; border: none; padding: 0 20px 0 12px !important; } .discount, .giftcard { margin-bottom:15px; font-size:12px; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 15px 5px 7px; } .discount h2, .giftcard h2 { font-size:14px; font-weight: bold; } .discount label, .giftcard label { clear:both; display:block; margin-bottom:5px; } .discount .input-box { } .discount .input-text, .giftcard .input-text { width: 100%; background: #fff; padding: 6px 0 5px; } .discount .buttons-set {} .discount .button, .giftcard .button { margin: 0 5px 10px; } .cart .crosssell { margin: 0; border: 1px solid #d4d4d4; border-radius: 5px; background: #f6f6f6; padding: 5px 7px; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .price-box { margin: 4px 0; } .cart .crosssell .product-image { width: 90px; height: 90px; } #crosssell-products-list h3, #crosssell-products-list .h3 { font-size: 13px; } #crosssell-products-list .item { padding: 5px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; } #crosssell-products-list .last { border: none; padding-bottom: 0; } #crosssell-products-list .product-image { float: left; } #crosssell-products-list .product-details { margin-left: 100px; } #crosssell-products-list .product-name, #crosssell-products-list .price-box { margin-bottom: 3px; } #crosssell-products-list .add-to-links { font-size: 11px; margin: 3px 0; } .wishlist-list .item-options, .cart-list .item-options, .multiship-list .item-options, .multiple-checkout .item-options { font-size: 11px; } .wishlist-list .item-options dt, .cart-list .item-options dt, .multiship-list .item-options dt, .multiple-checkout .item-options dt { float: left; font-weight: bold; margin-right: 3px; } .wishlist-list .item-options dt:after, .cart-list .item-options dt:after, .multiship-list .item-options dt:after, .multiple-checkout .item-options dt:after { content: ':'; } .wishlist-list .item-options dd, .cart-list .item-options dd, .multiship-list .item-options dd, .multiple-checkout .item-options dd { } /* <<< onepage checkout */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:bold; color:#666; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { padding: 10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:11px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:45%; } .gift-messages-form .item .details .form-list .input-box { width:100%; } .gift-messages-form .item .details .form-list input.input-text { width:97%; } .gift-messages-form .item .details .form-list li.wide .input-box { width: auto; } .gift-messages-form .item .details .form-list li.wide textarea { width: 97%; } .gift-message-link { font-size:11px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fff; margin:0 0 25px; padding:10px 5px 0 5px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#000; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { padding:5px 10px; background:#eaeaea; margin: -10px -5px 5px -5px; position: relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:normal !important; color:#023761 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } .info-set .form-list .field { width: 49%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index .page-title { border-bottom: 0 none;} .checkout-onepage-index .main { padding-bottom: 40px;} .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; } .block-progress dt { font-size:12px; font-weight:bold; line-height:1.35; border:1px solid #a3aeb3; margin:0 0 6px; padding:6px 8px; color:#999; } .block-progress dt a { font-size: 11px; } .block-progress dd { padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#eee; color:#303030; } .block-progress dd.complete {background: none;} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc .step-title { } .opc h2 { font-size: 15px; font-weight: normal; line-height: 35px; margin-bottom: 0; } .opc .step-title .number { font-size: 13px; background: #fff; padding: 4px 6px; line-height: normal; margin: 6px 10px 0 3px; } .opc .active .step-title .number {background: #666; color: #fff;} .opc .active .step-title { background-color: #e6e6e6; } .opc .allow .step-title a { display: block; line-height: 29px; font-size: 11px; padding-right: 15px; color: #777;} .opc .active .step-title a { display: none; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; margin-bottom: 5px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-login .form-list { margin: 10px 0; } #checkout-shipping-method-load { margin: 10px 0; } .gift-messages h3 { font-size: 13px; } /* >>> onepage checkout */ /* Multiple Addresses Checkout */ .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfaf6; border:1px solid #bbb6a5; margin:0 0 25px; padding:10px; } .multiple-checkout .col2-set h2.legend { margin:-10px -10px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:7px -10px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { color:#e26703; } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_grand-total.gif) 100% 0 no-repeat; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display: none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* footer */ .footer-container {} .footer, .footer a { color: #cfcfcf; } .footer { padding: 10px 5px; font-size: .9em; } .footer address { float: left; } .footer .store-switcher { float: left; display: inline; margin-left: 25px; } .footer .store-switcher select { margin-top: -2px; } .footer .links { float: right; } #scroll-up { position: fixed; top: 50%; right: 30px; } #scroll-up a { text-indent: -9999px; width: 60px; height: 60px; display: block; background: #eee url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -296px -106px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #scroll-up a:hover { background-color: #ddd; } /* >>> footer */ /* <<< homepage */ .cms-index-index .easycatalogimg { margin: 10px 0; padding: 15px 0; } .cms-index-index .easycatalogimg .parent-category { text-align: center; } .cms-index-index .easycatalogimg .products-grid li.item { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/easycatalogimg.gif) repeat-y 0 0; padding: 0 1% !important; } .cms-index-index .easycatalogimg .products-grid li.item:first-child { background: none; } .cms-index-index .easycatalogimg .list-subcategories { padding-left: 20px; } .easycatalogimg .list-subcategories li, .easycatalogimg .list-subcategories li:first-child { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -588px -21px; padding: 2px 0 2px 11px !important; } .easycatalogimg .list-subcategories li a { text-decoration: none; } .easycatalogimg .list-subcategories li a:hover { text-decoration: underline; } /* homepage tabs */ .tab-container { margin: 0 0 10px 0; } .tab-container .tabs { overflow: hidden; zoom: 1; margin: 0; padding: 0; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) repeat-x 0 100%; } .tab-container .tabs li { float:left; cursor:pointer; padding: 0 1px 0 0; margin-right: 25px; background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) no-repeat 100% 1px; list-style: none; color: #023761; } .tab-container .tabs li .block-title { background:url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/tab.gif) no-repeat 0 0; border:none; margin:0; float:left; text-align: center; min-width: 100px; font: normal 1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } .tab-container .tabs, .tab-container .tabs li, .tab-container .tabs li .block-title { height: 34px; } .tab-container .tabs li.over { background-position: 100% -40px; } .tab-container .tabs li.over .block-title { background-position: 0 -40px; } .tab-container .tabs li.active { cursor:default; background-position: 100% -80px; color: #ef6e00; } .tab-container .tabs li.active .block-title { background-position: 0 -80px; } .tab-container .tabs li span { padding: 9px 14px 9px 15px; white-space:nowrap; float:none; text-align:center; text-transform:capitalize; font-weight:bold; display: block; font-size: 12px; letter-spacing: 0.05em; } .tab-container .tabs li.over span {} .tab-container .tabs li.active span {} .tab-container .content {padding:7px 0 0} .tab .col3-set {padding:0 5px} /* >>> homepage */ /* <<< EE Edition */ .event-container { margin-bottom: 0; } .event-container .event { margin-bottom: 0; position: static; } .rewards { margin: 0; } .reward-message { margin: 5px 0; } /* >>> EE Edition */ /* expandable lists */ .expandable-wrapper { border: none !important; margin: 0 0 5px; padding: 0 !important; } .expandable-list { border:1px solid #116bb7; padding: 0; border-radius: 5px; font-size: 15px !important; line-height: 21px; color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded { border:1px solid #ccc; color: #777; background: none; } .expandable-list a, .expandable-list strong { display: block; color: #fff; padding: 8px 9px; text-decoration: none; } .expandable-list.expanded a, .expandable-list.expanded strong { color: #777; border-top: 1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); /* IE6-9 */ } .expandable-list.expanded .current strong { color: #fff; background: rgb(77,144,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(77,144,201,1) 0%, rgba(17,107,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,144,201,1)), color-stop(100%,rgba(17,107,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(77,144,201,1) 0%,rgba(17,107,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90c9', endColorstr='#116bb7',GradientType=0 ); /* IE6-9 */ } .expandable-list li { padding: 0; } .expandable-list.expanded li:first-child a, .expandable-list.expanded li:first-child strong { border-top: none; border-radius: 5px 5px 0 0; } .expandable-list.expanded li:last-child a, .expandable-list.expanded li:last-child strong { border-radius: 0 0 5px 5px; } .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .add-askit-box { border-color: #ddd; } .ajaxpro-form, #ajaxpro-spinner { border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } button.ajaxpro-continue-button span { background:transparent url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/bkg_button.gif) 0 -340px no-repeat;} button.ajaxpro-continue-button span span { background-position: 100% -340px; padding:0 12px 0 4px; } #ajaxpro-addcustomproduct-view { margin-bottom: 7px; } #ajaxpro-addcustomproduct-form { width: 550px; margin-left: -275px; } #ajaxpro-addcustomproduct-form .product-view { padding: 0; width: auto; text-align: left; } #firecheckout-form .form-list label { font-size: 13px; } .firecheckout-section .block-title { font-size: 11px; } .firecheckout-set input.input-text { text-indent: 0; } /* <<< responsive styles */ @media (max-width: 979px) { .notice-cookie .notice-inner { width: auto; padding-right: 12px; } .top-toolbar, .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: auto; } .nav-container .navpro { width: auto; } /* Make product tabs vertical */ .product-view .tabs { float: left; width: 23%; overflow: visible; height: auto; background: none; margin: 0 0 15px; } .product-view .tabs li { margin: 0; float: none; height: auto; padding: 0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #fff; background: none; } .product-view .tabs li a { white-space: normal; padding: 10px 0; letter-spacing: 0; min-width: 0; float: none; display: block; background: #efefef; height: auto; } .product-view .tabs li a:hover { background-position: 100% 100%; background-color: #eaeaea; } .product-view .tabs li.active { border-right: none; } .product-view .tabs li.active, .product-view .tabs li.active a:hover, .product-view .tabs li.active a { background: #fff; } .product-view .padder { float: right; padding: 10px 1%; width: 75%; border: none; } .product-view .padder, .product-view .tabs { border-top: 1px solid #e3e3e3; } .footer-cms .footer-links li { width: 125px; margin-right: 10px; } } @media (max-width: 767px) { /* <<< accordion navigation */ #nav-top-toggle { background: #fff; margin: 0; display: block; padding: 0 5px; } .nav-toggle-wrapper { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -560px -355px #eaeaea; margin: 0; padding: 0; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd;} .nav-toggle-wrapper a { color: #555; font-weight: bold; text-shadow: 1px 1px 1px #fff; display: block; padding: 8px 10px 8px 45px; text-transform: uppercase; text-decoration: none; } .nav-container { background: #fff; display: none; } .nav-container.shown { display: block; } #nav { font-weight: normal; margin: 2px 5px 0; padding: 0; border: 1px solid #caccd2; border-radius: 5px; } #nav ul, #nav div { position: static; left: auto; right: auto; top: auto; bottom: auto; width: auto; border: none; background: none; display: none; box-shadow: none; } #nav ul.shown, #nav div.shown { display: block; } #nav li { position: relative; float: none; } #nav li.level-top { background: none; padding: 0; } #nav li a { float: none; } #nav .toggle, #nav li.parent > .toggle { position: absolute; right: 0; top: 3px; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/nav_toggle.png) no-repeat 4px -27px !important; background-size: 32px 60px !important; border: none; width: 39px; height: 35px; margin-top: 0; padding: 0 !important; display: block !important; } #nav a.level-top, #nav li.parent a.level-top { background-color: rgb(255,255,255); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } #nav ul li.parent > a { background-image: none; } #nav .first a.level-top { border-radius: 5px 5px 0 0; border: none; } #nav .last a.level-top { border-radius: 0 0 5px 5px; } #nav .toggle:active { } #nav .toggle:hover { border: none; } #nav .toggle.active { background-position: 3px 4px !important; } #nav li.parent > .toggle.active { background-position: 3px 4px !important; } #nav ul li { font-weight:normal; border: none; } #nav li a, #nav ul li a { display:block; text-decoration:none; border-top:1px solid #caccd2; padding:12px 12px 10px 8px; color:#555; } #nav li a:hover { color: #000; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span { white-space:normal; } #nav .level0 li a { padding-left:15px; } #nav .level1 li a { padding-left:25px; } #nav .level3 li a { padding-left:35px; } #nav .level4 li a { padding-left:45px; } #nav .level5 li a { padding-left:55px; } /* navigationpro */ .nav-container { padding: 2px 0 0; } .nav-container .navpro { padding: 0; margin: 0; border: 1px solid #caccd2 !important; border-radius: 5px; width: auto; } .nav-container .navpro li { float: none; } .nav-container .navpro li.level-top { background: none; padding: 0; border-bottom: 1px solid #e7e7e7; } .nav-container .navpro li.last { border: none; } .nav-container .navpro li a { padding: 10px 13px 9px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,235,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,235,239,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,235,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efebef',GradientType=0 ); } .nav-container .navpro .first a.level-top, .nav-container .navpro .first div.level-top, .nav-container .navpro .first div.level-top .nav-a { border-radius: 5px 5px 0 0; border: none; } .nav-container .navpro .last a.level-top, .nav-container .navpro .last div.level-top, .nav-container .navpro .last div.level-top .nav-a { border-radius: 0 0 5px 5px; } .nav-container .navpro .nav-dropdown-toggler { display: none; } .nav-container .navpro .nav-dropdown { position: static; background: none; border: none; display: none; } .nav-container .navpro ul.shown, .nav-container .navpro div.shown { display: block; } .nav-container .navpro .toggle { position: absolute; right: 0; top: 3px; background: url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/images/i_dropdown.png) no-repeat right #fefefe !important; padding:6px 30px 6px 5px !important; } .form-list textarea, .form-list select, select { -webkit-appearance:none; -webkit-box-sizing:border-box; } .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; } /* make top toolbar really small */ .form-language { float: left; display: inline; } .form-language label, .welcome-msg { display: none; } .header-links { display: none; } .top-toolbar .quick-links { float: right; text-align: left; margin-top: 7px; } .top-link-wishlist, .top-link-checkout { display: none; } .header { text-align: center; } .header .logo { width: 140px; margin: 5px 0 7px; float: none; display: inline-block; } .header .logo img { max-width: 100%; width: auto; } .header-container .header-cart { float: right; clear: left; text-align: left; margin: 0; background: none; border: none; } .header-container .mobile-togglers { display: block; margin: 5px 0 0 0; } .header-container #mobile-navigation-toggle { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -566px -353px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #mobile-search-toggle { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/common.gif) no-repeat -305px -37px; width: 37px; height: 37px; overflow: hidden; text-indent: -9999px; float: left; } .header-container #search_mini_form {display: none; float: left; clear: both; width: 100%; min-width: 310px; } .header-container #search_mini_form.visible { display: block; } .header-container .form-search { float: none; margin: 10px 0 5px 0 !important; } .header-container .form-search input { width: 220px; } .autocomplete { max-width: 240px; } #nav-top-toggle { display: none; } .promo-home-content { margin-top: 5px; } .promo-home-content .block { border-width: 1px; } .promo-home-content .col-2 .block { width: auto; float: none; } .brands-home { border-width: 1px; } .cms-index-index .easycatalogimg .products-grid li.item { float: left; width: 48% !important; padding: 0; background: none !important; border: none; margin: 0 0 10px; } .cms-index-index .easycatalogimg .products-grid .parent-category { text-align: left; text-indent: 5px; } .col1-layout .easycatalogimg .products-grid li.item { padding: 0; } .easycatalogimg .products-grid .product-image { float: none; } .tab-container .tabs li { margin-right: 10px; } .tab-container .tabs li .block-title { min-width: 0; } .promo-home-content .actions, .promo-home-content .add-to-links { display: block; } .block .block-content { padding: 5px; } #narrow-by-list dd { padding-left: 5px; } #narrow-by-list dd li { margin: 3px 0; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 32%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 67%; } .col-right { display: none; } .col3-layout .col-wrapper { width: auto; } .col2-right-layout .col-main { width: auto; float: none; } .toolbar { display: none; } .toolbar-bottom .toolbar { display: block; } .pager { text-align: right; } .pager .limiter { display: none; } .pager .pages { margin: 0; font-size: 16px; } .pager .pages li { margin: 0 3px; } .pager .amount { display: none; } .sorter { display: none; } .products-grid { border-bottom: none; position: static; } .products-grid li.item { float: none; width: 140px !important; border-bottom: 1px solid #c9deef; padding: 7px 5px; } .col1-layout .products-grid li.item { padding: 7px 5px; } .products-grid.last li.last, .products-grid.last li:last-child { border: none; } .products-grid .product-image, .prolabel-wrapper { float: left; } .prolabel-wrapper { max-width: 100%; } .products-grid .product-image, .products-grid .product-image img { width: 80px; height: auto; } .easycatalogimg .products-grid img { width: 110px; } .products-grid .product-name { min-height: 0; } .products-grid .ratings:after { clear: none; content: ''; display: inline; } .products-grid .ratings, .products-grid .price-box, .products-grid .actions, .products-grid .add-to-links { margin-left: 84px; position: static; font-size: 1em; float: none !important; clear: none; } .products-grid .actions .add-to-links { margin-left: 0; } /*.col3-layout .products-grid .product-image, .col3-layout .products-grid .product-image img { width: 70px; height: auto; } .col3-layout .products-grid .product-name, .col3-layout .products-grid .price-box, .col3-layout .products-grid .actions { margin-left: 74px; position: static; } .col3-layout .products-grid .add-to-links { display: none; }*/ /* product view */ .product-view .product-shop, .col1-layout .product-view .product-shop { float: none; } .product-view .product-shop .product-shop-inner { margin: 0; } .product-view .product-img-box { float: none; margin: 0; width: 100%; } .product-view .product-img-box .zoom-notice { display: none; } .product-view .product-img-box .zoom { display: none; } .product-view .tabs li a { font-size: .9em; } .product-view .padder .products-grid .add-to-links { display: block; } .product-collateral .soldtogether-block .images li { width: 80px; background-size: 8px; background-position: 3px 50%; padding-left: 15px; } /* cart */ .cart-headers { display: none; } .cart-header-item { display: inline; } .cart .product-image { width: 55px; } .cart .product-shop { margin-left: 60px; } .cart .col-description, .cart .col-wishlist, .cart .col-unit-price, .cart .col-total-price, .cart .cart-qty { float: none; width: auto; padding: 0; } .cart .col-wishlist { margin: 0 0 4px; } .cart .cart-qty .btn-update-qty { margin-top: 5px; } .cart .col-delete-item { background: none; display: inline; font-size: 1em; line-height: normal; text-indent: 0; width: auto; height: auto; margin-top: 4px; } .cart .cart-price-list li { padding: 0 !important; } .cart .shipping-crosssell { width: auto; float: none; } .cart .totals { width: auto; float: none; margin-bottom: 5px; } .cart .totals #shopping-cart-totals-table { float: none; } .discount { margin-bottom:5px; clear: both; } .cart .crosssell { } .gift-messages-form .item .details .form-list .field { width:97%; } .info-set .form-list .field { width: 100%; } .info-set .form-list textarea, .info-set .form-list select, .info-set .form-list input.input-text { width: 90%; } .info-set .form-list li.wide textarea, .info-set .form-list li.wide select, .info-set .form-list li.wide input.input-text { width: 90%; } /* onepage checkout */ #opc-login .col-1, #opc-login .col-2 { float: none; width: auto; } #opc-login .buttons-set { padding: 5px; } /* multiship checkout */ .checkout-progress { padding: 0; font-size: .9em; } #multiship-addresses-table select { width: 110px; } #multiship-addresses-table .qty { width: 1.7em !important; } .checkout-multishipping-shipping .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-shipping .multiple-checkout .col2-set .col-wide, .checkout-multishipping-billing .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-billing .multiple-checkout .col2-set .col-wide, .checkout-multishipping-overview .multiple-checkout .col2-set .col-narrow, .checkout-multishipping-overview .multiple-checkout .col2-set .col-wide { width: auto; float: none; } .multiple-checkout .place-order .grand-total big { margin: 0 0 10px; display: block; } .account-login .new-users, .account-login .registered-users { width: auto; float: none; margin-bottom: 10px; border-width: 0 0 1px; min-height: 0; } .remember-me-popup { width: 300px; margin-left: -150px; } /* General Box */ .box-account { background: #fff; margin: 0 0 20px; padding: 0; border: none; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; color:#e65505; } #my-orders-table .order-info dd, #my-downloadable-products-table .order-info dd { clear: left; } .box-account .col-1 { margin-bottom: 7px; } .box-account .col-1, .box-account .col-2 { float: none; width: auto; } .addresses-list .col-1, .addresses-list .col-2 { float: none; width: auto; } /* My Wishlist */ .my-wishlist .product-image { width: 50px; height: auto; } .my-wishlist .product-shop { margin-left: 55px; } .my-wishlist textarea { width: 170px; margin-bottom: 5px; } .order-info-box { padding: 0; } .footer-toolbar-container { border: none; } .footer-toolbar .block-subscribe { float: none; margin-bottom: 5px; } .footer-toolbar .block-subscribe label { display: none; } .footer-social { float: none; width: 120px; margin: 0 auto; } /* EE styles */ .event { height: auto; } .event-container { height: auto; } .event-container .event { height: auto; line-height: 30px; padding-bottom: 6px; } .event-container .status { margin: 0 5px 0 0; font-weight: bold; } .container-open .open, .container-upcoming .upcoming { background-image: none; } /* EE styles */ .ajaxpro-form, #ajaxpro-addcustomproduct-form { width: 280px; margin-left: -150px; } #ajaxpro-addcustomproduct-form .product-view { width: 270px; } .prolabel-wrapper .prolabel { display: none; } } /* >>> responsive styles */ /* fix for third-party extensions thet removed spaces and newlines from html output */ .tags li:after, .tags-list li:after, .footer ul li:after, .links li:after { content: ' '; } /* clears */ .top-toolbar-container, .top-toolbar, .header-cart .mini-products-list li, .products-grid li.item, .tab-container, .add-to-links, .product-view .add-to-cart-wrapper, .box-account, .box-account .box, .cart-headers, .cart .totals, .discount-form, .footer-toolbar-container, .footer-toolbar, .footer-cms-container, .footer-cms { zoom: 1; } .top-toolbar-container:after, .top-toolbar:after, .header-cart .mini-products-list li:after, .products-grid li.item:after, .tab-container:after, .add-to-links:after, .product-view .add-to-cart-wrapper:after, .box-account:after, .box-account .box:after, .cart-headers:after, .cart .totals:after, .discount-form:after, .footer-toolbar-container:after, .footer-toolbar:after, .footer-cms-container:after, .footer-cms:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* twitter bootstrap */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 990; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { font-weight: normal; color: #333333; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } /*! 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://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(https://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(https://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(https://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(https://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(https://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/default/jquery-ui/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("https://www.kalustekaverit.fi/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} /* 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://www.kalustekaverit.fi/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://www.kalustekaverit.fi/skin/frontend/argento/argento/images/slider-arrow-left.gif) no-repeat scroll 0 0 #dddddd; } .simpleslider .next { background: url(https://www.kalustekaverit.fi/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://www.kalustekaverit.fi/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: 373px; 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; } .catalog-product-view .main-container .product-view .simpleslider .product-shop { width: 100%; } .product-view .simpleslider .product-shop .price-box { display: block; margin: 5px 0; font: 600 16px 'Open Sans', sans-serif; } .product-view .simpleslider .product-shop .price-box .price, .product-view .simpleslider .product-shop .regular-price .price, .product-view .simpleslider .product-shop .price-from .price-label, .product-view .simpleslider .product-shop .price-to .price-label { font-weight: normal; } .simpleslider button.button { padding: 2px 20px 2px 20px; } .simpleslider button.button.btn-cart { background: #000000; padding: 2px 0; } /* < generic */ /* collateral > */ .product-collateral .simpleslider { margin: 0 0 20px 0; padding: 0; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 703px; } 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 (max-width: 979px) { .simpleslider, .simpleslider .viewport { width: 727px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 473px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 470px; } } @media (max-width: 767px) { .simpleslider .prev { left: 7px; } .simpleslider, .simpleslider .viewport { width: 480px; } .simpleslider.col2, .simpleslider.col2 .viewport { width: 473px; } .product-collateral .simpleslider, .product-collateral .simpleslider .viewport { width: 463px; } .simpleslider .products-grid .product-image { width: 100%; } } @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: 303px; height: 377px; } .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; } } 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: normal 12px/1.35em Verdana, Geneva, Arial, Helvetica, sans-serif; } .fieldset { background: #F6F6F6; } .form-list input.input-text, .form-list select, .form-list textarea { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/form_field.gif) repeat-x 0 0; } button.button { } button.button span { height: 26px; line-height: 23px; font-size: 11px; text-transform: lowercase; font-family: Tahoma, Arial, Helvetica, sans-serif; } button.button span span { padding-left: 1px; } button.button:hover span { background-position: 0 -29px; } button.button:hover span span { background-position: 100% -29px; } button.button:active span { background-position: 0 -58px; } button.button:active span span { background-position: 100% -58px; } /* buttons with arrow */ button.btn-cart span span, .header-cart button span span { background-position: 100% -170px; padding-right: 25px; } button.btn-cart:hover span span, .header-cart button:hover span span { background-position: 100% -199px; } button.btn-cart:active span span, .header-cart button:active span span { background-position: 100% -228px; } .top-toolbar { padding: 7px 5px 6px; } /* header */ /* <<< top toolbar */ .top-toolbar-container { background: #eaeaea url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/top_toolbar_container.gif) repeat-x 0 100%; } .top-toolbar { color: #7f7f7f; font: normal .9em Tahoma, Verdana, Arial, Helvetica, sans-serif; } /* cms links */ .header-links { margin-right: 80px; float: left; } /* >>> top toolbar */ .header-container { background: transparent; padding-top: 10px; } .header { padding: 10px 5px 20px; background: #fff; } .quick-links { *width: 450px; } .header-callout { float: left; } .header-container .form-search label {} .header-container .form-search input {} .header-container .form-search button {} .header-container .header-cart {} .header-cart .button {} .header-cart .summary {} .header-cart .summary-qty {} /* <<< navigation */ .nav-container { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/nav_container.gif) no-repeat 50% 100%; } #nav { width: 960px; } #nav li.level-top { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -511px -164px; padding: 0 0 0 2px; } #nav li.first { background: none; padding: 0; } #nav li a { padding: 17px 13px 13px; } #nav li.parent a.level-top { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 100% -220px; } #nav li.parent > a { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 100% -232px; } /* navigationpro */ .nav-container .navpro { width: 960px; padding: 0 5px 5px; } .nav-container .navpro ul.nav-ul { top: 42px; } .nav-container .navpro li.level-top { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -511px -164px; padding: 0 0 0 2px; } .nav-container .navpro li.nav-li.first { background: none; padding: 0; } .nav-container .navpro .active > a.level-top, .nav-container .navpro .active > div.level-top a { color: #272e3d; } /* >>> navigation */ /* middle */ .main-container { background: transparent; border-bottom: 1px solid #dadcdd; padding-bottom: 10px; } .main { padding: 5px 5px 0; background: #fff; } /* blocks */ .block .block-title { border-color: #c9deef; text-transform: uppercase; } .promo-home-content .products-grid .item:hover, .box-collateral .products-grid .item:hover, .category-products .products-grid .item:hover { z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .navpro .category-products .products-grid .item:hover { box-shadow: none; } /* product view */ .product-view .product-shop .add-to-cart button.button span { background: none; height: auto; line-height: normal; font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif; float: none; padding: 0; } .product-view .product-shop .add-to-cart button.button { -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5; -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5; box-shadow:inset 0px 1px 0px 0px #ffe0b5; background-color:#f78708; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #f86706; display:inline-block; height: 33px; color:#ffffff; padding:6px 11px; text-decoration:none; text-shadow:0px 1px 0px #8f7f24; } .product-view .product-shop .add-to-cart button.button:hover { background-color:#f86706; } .product-view .product-shop .add-to-cart button.button:active { position:relative; top:1px; } /* <<< customer */ .account-login .new-users, .account-login .registered-users {} .addresses-list li.item { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/light_gradient.gif) 0 100% repeat-x; } /* >>> customer */ /* Cart */ .discount .input-text {background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/form_field.gif) repeat-x 0 0; } /* ======================================================================================= */ /* footer */ .footer-toolbar-container { background: #dfdfdf url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/footer_toolbar_container.gif) repeat-x 0 100%; border-top: 1px solid #fff; } .footer-toolbar { color: #747474; padding: 5px; } .footer-toolbar label { font: bold 1em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } .footer-toolbar .input-text { border: 1px solid #9e9e9e; padding: 3px 0; } .footer-toolbar button.button span { background-position: 0 -87px; } .footer-toolbar button.button span span { background-position: 100% -87px; } .footer-toolbar button.button:hover span { background-position: 0 -115px; } .footer-toolbar button.button:hover span span { background-position: 100% -115px; } .footer-toolbar button.button:active span { background-position: 0 -142px; } .footer-toolbar button.button:active span span { background-position: 100% -142px; } .footer-toolbar .block { border: none; margin: 0; } .footer-toolbar .block-subscribe { float: left; } .footer-toolbar .block-subscribe .block-title { display: none; } .footer-toolbar .block-subscribe .block-content { padding: 0; } .footer-toolbar .block-subscribe .input-text { width: 170px; color: #747474; } .footer-toolbar .block-subscribe button.button span span { background-position: 100% -257px; padding-right: 25px; } .footer-toolbar .block-subscribe button:hover span span { background-position: 100% -285px; } .footer-toolbar .block-subscribe button:active span span { background-position: 100% -312px; } .footer-toolbar .form-subscribe-header, .footer-toolbar .input-box, .footer-toolbar .actions { float: left; } .footer-toolbar .input-box, .footer-toolbar .actions { margin: 0 0 0 10px; padding: 0; display: inline; } .footer-toolbar .form-subscribe-header { margin: 3px 0 0 0; } .footer-social { float: right; line-height: 24px; font-weight: bold; *width: 300px; } .footer-social .label { float: left; } .footer-social .icons { float: right; font-weight: normal; } .footer-social .icons li a { display: block; } .footer-social .icons li { float: left; width: 25px; height: 24px; margin-left: 5px; display: inline; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat 0 0; text-indent: -9999px; } .footer-social .icons .facebook { background-position: -222px -77px; } .footer-social .icons .twitter { background-position: -254px -77px; } .footer-social .icons .youtube { background-position: -287px -77px; } .footer-social .icons .rss { background-position: -319px -77px; } .footer-social .icons .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 url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/footer_cms_container.gif) repeat-x 0 0; border-bottom: 1px solid #adadad; } .footer-cms { padding: 20px 5px; color: #747474; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } .footer-cms a { color: #747474; } .footer-cms .footer-links a { text-decoration: none; } .footer-cms .footer-links a:hover { text-decoration: underline; } .footer-cms .footer-links li { float: left; width: 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: normal 1.3em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 7px; } .footer-cms .footer-contacts { float: right; width: 200px; } .footer-cms .footer-contacts { line-height: 21px; } .footer-cms .footer-contacts .h6 { color: #3172a3; font: normal 1.3em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 4px; } .footer-container { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/body.gif) 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 */ .cms-index-index .product-name { font-weight: bold; } .cms-index-index .products-grid .product-name { font-size: 1.1em; } .callout-home-top .col-1 { width: 69.3%; /*665px;*/ } .callout-home-top .col-2 { width: 29.2%; /*280px;*/ } .callout-home-top .easybanner-banner { margin: 0 0 10px; } .callout-home-top .easyslideslider-id .scroller, .callout-home-top .easyslideslider-id { padding-bottom: 50px; } .easyslideslider-id .section { padding-bottom: 50px; } .callout-home-top .easyslideslider-id { margin: 0 auto; background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/easyslider_bg.gif) no-repeat 50% 100%; background-size: contain; } .callout-home-top .easyslidedescription { font: normal 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #7a7a7a; top: 10px; line-height: 20px; } .callout-home-top .easyslidecontrolwr { bottom: 20px; background: #fff; } .callout-home-top .easyslidedirect { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -313px -10px; text-indent: -9999px; width: 10px; margin: 0; } .callout-home-top a:hover, .callout-home-top a.active { background-position: -327px -10px; } .cms-index-index .easycatalogimg { border: 1px solid #cfe2f1; } .promo-home-content { margin-top: 15px; } .promo-home-content .tab {padding: 5px;} .promo-home-content .col-1 { width: 62.5%; } .promo-home-content .col-2 { width: 36.5%; } .col1-layout .promo-home-content .products-grid { width: auto; list-style: none; padding: 0; border: none; } .col1-layout .promo-home-content .products-grid li.item { padding-bottom: 10px; width: 31.3%; } .promo-home-content .actions { display: none; } .promo-home-content .add-to-links { display: none; } .promo-home-content .tab-container .content { border: 1px solid #b7d3ea; border-width: 0 1px 1px; } .promo-home-content .bottom-links { padding: 15px 12px; border-top: 1px dashed #b7d3ea; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; } .promo-home-content .bottom-links a { text-decoration: none; } .promo-home-content .bottom-links a:hover { text-decoration: underline; } .promo-home-content .block { border: 3px solid #c9deef; } .promo-home-content .block .block-title { border: none; padding: 8px 8px 4px; color: #033862; background: none; text-transform: none; } .promo-home-content .block .block-title strong, .promo-home-content .block .block-title span { font-weight: normal; font-size: 16px; color: #023761; } .promo-home-content .block .block-content { padding-bottom: 0; } .promo-home-content .mini-products-list { padding: 0 !important; list-style: none !important; margin: 0; } .promo-home-content .mini-products-list li { border-bottom: 1px solid #c9deef; padding: 8px 0 !important; } .promo-home-content .mini-products-list li.odd, .promo-home-content .mini-products-list li.even { background: none; } .promo-home-content .mini-products-list li.last { border: none; } .promo-home-content .mini-products-list .product-image { border: none; } .promo-home-content .mini-products-list .product-details { margin-left: 90px; } .promo-home-content .block .number { float: left; font-size: 1.3em; font-weight: bold; color: #7a7a7a; margin-right: 10px; } .promo-home-content .block .number:after { content: '.' } .brands-home { border: 3px solid #e6e6e7; } .brands-home .block-title { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) repeat-x 0 100%; border: none; padding: 12px 10px; color: #ef6e00; font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: none; } .brands-home .block-title span { color: #ef6e00 !important; font: normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif !important; } .brands-home .list-brands { padding: 0; list-style: none; } .brands-home .list-brands li { float: left; margin-right: 10px; } .brands-home .block-content { position: relative; padding: 10px 37px !important; background: #fff; } #slider-brands-container { clear: both; width: 100%; overflow: hidden; position: relative; } .slider-brands { width: 10000px; height: 73px; padding: 0; overflow: hidden; clear: both; position: relative; } .brands-home #left, .brands-home #right { position: absolute; top: 34px; right: -3px; width: 39px; height: 35px; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) no-repeat -261px 0; text-indent: -9999px; } .brands-home #right { background-position: -222px 0; left: -3px; right: auto; } .brands-home #left:hover { background-position: -261px -37px; } .brands-home #right:hover { background-position: -222px -37px; } .brands-home #left:active { background-position: -261px -36px; } .brands-home #right:active { background-position: -222px -36px; } .brands-home #left.disabled, .brands-home #right.disabled { display: none; } /* >>> homepage */ .suggestpage-index-index .soldtogether-block { margin: 0 0 15px; } .askit-question-text { margin-right: 80px; } .ajaxpro-form, #ajaxpro-spinner { border-radius: 5px; } /* <<< 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: 479px) { .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 { font-family: 'Source Sans Pro', sans-serif; } /* >>> google fonts */ /* versioning */ body { background-color: #ffffff; /*background-image:url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/bg_1.jpg); background-repeat:no-repeat; background-position:50% 0px; */ } .header, .nav-container .navpro, .main { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0px 0px; } .top-toolbar-container { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; } .nav-container { background-color: #ffffff; background-image: none; background-repeat: no-repeat; background-position: 0 0; } .footer-toolbar-container { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0px 100%; } .footer-cms-container { background-color: #F6B324; background-image: none; background-repeat: no-repeat; background-position: 0px 0px; } .footer-container { background-color: transparent; background-image: none; background-repeat: repeat; background-position: 0px 0px; } #scroll-up a { background-color: #eeeeee; } #scroll-up a:hover { background-color: #dddddd; } .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-family: 'Open Sans', sans-serif; font-size: 16px; 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; background: #eaeaea; } .nav-container .navpro a.level-top:hover, .nav-container .navpro a.level-top.over, .nav-container .navpro div.level-top a:hover, .nav-container .navpro div.level-top a.over { background-color: #eaeaea; /* header navi */ } .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-family: 'Open Sans', sans-serif; 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: #eeeeee; color: #333333; } .nav-container .navpro .nav-ul .active > .nav-a { background-color: transparent; color: #D96708; } .product-view .tabs li a, .tab-container .tabs li span { padding: 9px 14px 9px 15px; font-family: ​Arial, ​Helvetica, ​sans-serif; 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-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; color: #000000; } .block .block-title span strong, .block .block-title span span, .block .block-title strong, .block .block-title span { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; color: #77818c; } /* Demo notice > */ .demo-notice { background: #000000; display: none; } .demo-notice.shown { display: block; } .demo-notice p { font-family: 'Work Sans', sans-serif; padding-top: 4px; font-size: 14px; } .btn-notice-remove { background: #ffffff none repeat scroll 0 0; border: medium none; margin-left: 10px; cursor: pointer; } .notice-remove { color: #000000; font-size: 16px; padding: 3px 4px; } /* < Demo notice */ .products-list .product-name a, .products-grid .product-name a { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; color: #000000; } .products-list .product-name a:hover, .products-grid .product-name a:hover { color: #77818c; } .product-view .box-collateral .h2 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; } body, input, select, textarea, button, p { font: normal 14px/1.35em Arial, Helvetica, sans-serif; } p, h1, h2, .h2, h5.category-name, .nav-container .navpro a.level-top, .navpro div.level-top a, .footer-cms-container .footer-cms .h6, .block .block-title span { font-family: Arial, Helvetica, sans-serif; } input.ajax-option-checkbox[type="checkbox"] { display: none; } /*label { cursor: pointer; }*/ .pager select { background: transparent; width: 68px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/triangle_arrow_down.png) no-repeat scroll 91% center; } .sorter select { background: transparent; width: 109px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/triangle_arrow_down.png) 95% no-repeat #ffffff; } /*target Internet Explorer 9 and Internet Explorer 10:*/ @media screen and (min-width: 0\0 ) { .pager select, .sorter select { background: none; } } input.ajax-option-checkbox[type="checkbox"] + label:before { border: 1px solid #666666; background: #ffffff; content: " "; display: inline-block; font: 12px/12px sans-serif; height: 12px; margin: 0 .205em 0 0; padding: 0; width: 12px; } input.ajax-option-checkbox[type="checkbox"]:checked + label:before { background: transparent url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/tick.png") no-repeat scroll 1px 1px; color: #000000; /*content: "\2714";*/ text-align: center; vertical-align: initial; } input.ajax-option-checkbox[type="checkbox"]:checked + label:after { font-weight: normal; } .products-grid .product-name { min-height: 63px; } .products-grid .price-box { min-height: 57px; } .main-container .main { padding: 0; background-color: #ffffff; } a { color: #333333; text-decoration: none; } a:hover { text-decoration: underline; } .main-container { border: none; padding-bottom: 0; } /* column layouts > */ .col1-layout .col-main { padding: 16px 0px 0 0px; } .col2-right-layout .col-main { padding: 0; } .col3-layout .col-wrapper { width: auto; } .col3-layout .col-main { margin: 0; width: 508px; } .col3-layout .col-right { width: 226px; } .col3-layout .col-left { width: 226px; background-color: transparent; /*#40454b;*/ color: #000000; } /* Frontpage > */ .cms-index-index .col2-left-layout .col-main { width: 960px; } .cms-index-index .col2-left-layout .col-left { width: 0px; display: none; } .company-idea { margin-top: 30px; margin-bottom: 30px; } .company-idea h1 { font-size: 18px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; text-align: center; } /* < Frontpage */ .col2-left-layout .col-left.sidebar.shown { display: block; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 734px; } .col2-left-layout .sidebar, .col2-right-layout .sidebar { width: 226px; } .col2-left-layout .sidebar { background-color: transparent; /* vas. navi */ color: #000000; /* vas. navi */ } .router11-index-index .col2-left-layout .sidebar, .router11-index-index .col3-layout .sidebar, .col3-layout .col-left.sidebar, .col2-left-layout .sidebar { margin-top: -35px; } .cms-no-route .sidebar, .cms-home .col2-left-layout .sidebar, .cms-home .col3-layout .sidebar { margin-top: 0; } .col3-layout .col-left a { color: #ffffff; } .col3-layout .col-main p { margin: 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: #000000; } .col-left .block .block-title strong span { font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; font-size: 20px; padding: 5px 4px 6px 2px; text-transform: uppercase; } .col-left .block.block-navpro .block-title strong span { display: none; } .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; } .col3-layout .col-wrapper .col-main { float: left; } /* < column layouts */ /* header > */ .header { padding: 0; } #header-search-link { float: right; margin: 4px 5px 0 15px; display: none; } #header-search-link-mid { float: right; display: none; margin-top: 108px } .header-container { padding-top: 0; width: 100%; margin: 0 auto 0px; } .has-navigation .header-container { margin: 0 auto 35px; } .cms-index-index .header-container { margin: 0 auto; } .header-container .full-width { /*background-color: #ffffff;*/ /*height: 30px;*/ margin: 0; padding: 0; width: 100%; /*position:fixed; TODO halutaanko skrollata mukana??? */ z-index: 160; } .full-width .login-links-container { clear: both; margin: 0 auto; padding: 0px 0 0; width: 960px; } .login-tohome-wrapper { float: right; background: #ffffff; padding: 5px 5px 5px 10px; } .full-width .login-links { float: right; line-height: 16px; text-align: right; color: #333333; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 13px; } .login-links .usericon img { width: 17px; margin-top: -2px; padding: 0 3px; } .full-width .call-us-link { float: right; line-height: 16px; text-align: right; color: #333333; text-transform: none; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0 10px; } .call-us-link img.icon { margin-top: -2px; width: 21px; } .full-width .tohome-links { float: right; line-height: 16px; text-align: left; color: #ffffff; } .full-width .tohome-links img { max-width: 19px; } .full-width .tohome-links span a { color: #ffffff; } .full-width .login-links span { display: block; float: left; } .full-width .login-links span a { color: #333333; } .full-width .login-links .logout a span { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -66px -373px; margin: 0 2px 0 6px; width: 14px; height: 16px; } /* TODO vain B2C .full-width .login-links .seekaccount { display: none; } */ .logo-wrapper { float: left; position: relative; padding: 0px 0 6px 5px; } .header .logo { margin: 0; } .logo-wrapper img { width: 324px; } .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 .top-toolbar-container { z-index: 150; /*position:fixed; TODO halutaanko skrollata mukana??? */ padding-left: 0px; margin-top: 31px; height: auto; float: right; } .top-toolbar { color: #333333; line-height: normal; padding: 0; width: 323px; font: 600 16px 'Open Sans', sans-serif; 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 .my-account-container { float: left; } .top-toolbar .checkout-mobile { display: none; } .top-toolbar .cart-menu, .top-toolbar .my-account, .top-toolbar .header-cart, .top-toolbar .checkout, .top-toolbar .checkout-mobile { position: relative; height: 55px; cursor: pointer; background: transparent; /* background: rgba(253,190,3,1); background: -moz-linear-gradient(top, rgba(253,190,3,1) 0%, rgba(254,198,16,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,190,3,1)), color-stop(100%, rgba(254,198,16,1))); background: -webkit-linear-gradient(top, rgba(253,190,3,1) 0%, rgba(254,198,16,1) 100%); background: -o-linear-gradient(top, rgba(253,190,3,1) 0%, rgba(254,198,16,1) 100%); background: -ms-linear-gradient(top, rgba(253,190,3,1) 0%, rgba(254,198,16,1) 100%); background: linear-gradient(to bottom, rgba(253,190,3,1) 0%, rgba(254,198,16,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbe03', endColorstr='#fec610', GradientType=0 ); */ } .top-toolbar .my-account { display: none; } .top-toolbar .header-cart { border-bottom-left-radius: 4px; border: none; box-shadow: none; } .top-toolbar .checkout { float: right; height: 55px; /*border-bottom-right-radius: 4px;*/ } .top-toolbar .checkout { /* border-left:1px solid #b87b00; -webkit-box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5); -moz-box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5); box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5); */ } .top-toolbar .cart-menu:hover, .top-toolbar .my-account:hover, .top-toolbar .header-cart:hover, .top-toolbar .checkout:hover { height: 55px; background: transparent; /*#77818c;*/ border-bottom: 0px none; /*4px solid #40454b;*/ } .top-toolbar .my-account div { padding: 4px 0 0 8px; } .top-toolbar .my-account div div { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -235px; height: 24px; width: 24px; padding: 0; margin: 1px 0 0 22px; } .my-account .dropdown-menu { box-shadow: none; margin: 0; display: none; } .top-toolbar .my-account:hover .dropdown-menu { display: block; } .my-account:hover .dropdown-menu, .header-cart:hover .dropdown-menu { margin-top: 4px; } .my-account .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 0 4px 5px; } .my-account .dropdown-menu li.last { border-bottom: none; } .my-account .dropdown-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-shadow: none; text-decoration: none; } .my-account .dropdown-menu a:hover { text-decoration: underline; } .header-cart-container .cart-menu { display: none; float: left; height: 30px; cursor: pointer; border-bottom-left-radius: 15px; } .header-cart-container .cart-menu button.button { color: #333333; /*123456*/ font: 400 16px 'Open Sans', sans-serif; /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);*/ text-transform: uppercase; } .header-cart-container .cart-menu button, .header-cart-container .cart-menu button:hover { background-color: transparent; background-image: none; border: none; } .header-cart .summary { width: 168px; font-size: 16px; margin: 0; height: 60px; padding: 0; text-align: center; } .header-cart .summary .cart-left { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/cart.png) no-repeat 0 0px; float: left; width: 49px; height: 34px; margin: 14px 0 0 0px; } .header-cart .summary .cart-middle { float: right; margin: 14px 0 0 10px; font-size: 14px; font-weight: normal; line-height: 18px; text-transform: uppercase; width: 109px; text-align: left; } .header-cart .summary .cart-right { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -235px; float: left; width: 24px; height: 24px; margin: 28px 0 0 4px; display: none; } .header-cart .summary-items, .header-cart .price, .header-cart-qty, .header-cart-total { font-weight: 400; } .header-container .checkout-mobile .button, .header-container .checkout .button { background-image: none; background-color: transparent; height: 50px; width: 155px; margin: 0; padding: 0 0 0px 0; border: 0px none; } .header-container .checkout-mobile button.button div, .header-container .checkout button.button div { padding: 4px 0 0 0; color: #333333; font: 300 40px "Open Sans Condensed", sans-serif; /*600 16px 'Open Sans', sans-serif;*/ /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);*/ text-transform: uppercase; } .header-container .checkout-mobile .button div div, .header-container .checkout .button div div { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/black-arrow-right.png) no-repeat 0 22px; width: 8px; height: 35px; margin: 0 0 0 0px; padding: 0; float: right; } /* header mini cart list */ .header-cart .mini-products-list { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; left: 0; right: auto; margin: 0; display: none } .top-toolbar .header-cart:hover .mini-products-list { display: block; } .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; padding: 0 0 0 4px; } .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 { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -110px; text-indent: -9999px; line-height: 0; font-size: 0; width: 18px; height: 18px; padding: 0; } .header-cart .mini-products-list .btn-new { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 0px; text-indent: -9999px; line-height: 0; font-size: 0; width: 20px; height: 20px; padding: 0; } .header-cart .mini-products-list .btn-edit { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -25px; text-indent: -9999px; line-height: 0; font-size: 0; width: 20px; height: 20px; padding: 0; } .header-cart .mini-products-list .gotocheckout a { text-decoration: none; } .header .header-row { clear: both; } .header .header-title { /* margin: 10px 0 0 0; float:left; width: 226px; height: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #333333; font-size: 24px; font: 600 24px 'Open Sans', sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); background: rgba(254,198,15,1); background: -moz-linear-gradient(top, rgba(254,198,15,1) 0%, rgba(244,184,4,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,198,15,1)), color-stop(100%, rgba(244,184,4,1))); background: -webkit-linear-gradient(top, rgba(254,198,15,1) 0%, rgba(244,184,4,1) 100%); background: -o-linear-gradient(top, rgba(254,198,15,1) 0%, rgba(244,184,4,1) 100%); background: -ms-linear-gradient(top, rgba(254,198,15,1) 0%, rgba(244,184,4,1) 100%); background: linear-gradient(to bottom, rgba(254,198,15,1) 0%, rgba(244,184,4,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec60f', endColorstr='#f4b804', GradientType=0 ); */ display: none; } .header .header-title a { text-decoration: none; } .header .header-title div.header-title-left { float: left; padding: 15px 0 0 42px; } .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-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-shadow: none; } .header .links { clear: both; float: right; padding: 35px 0 0 0; } .header .links a { color: #ffffff; padding: 0 0 0 25px; background-image: none; text-decoration: none; line-height: 24px; } .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: transparent url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/menu-black-32.png") no-repeat scroll 0 0; border: medium none; cursor: pointer; height: 32px; width: 32px; } .col2-left-layout .col-left.sidebar.show-top-menu { display: block; } /* < header */ /* breadcrumbs > */ .breadcrumbs { font-size: inherit; height: 25px; margin: 0 0 0 226px; padding: 0px 10px 0 10px; background-color: #ffffff; font: 600 16px 'Open Sans', sans-serif; color: #555; } .breadcrumbs li a, .breadcrumbs li span, .breadcrumbs li strong { color: #000000; font: 400 18px 'Open Sans Condensed', sans-serif; } .col1-layout .breadcrumbs { margin: 0; } .col2-right-layout .breadcrumbs { margin: 0; } .col3-layout .breadcrumbs { margin: 0 0 0 226px; } /* < breadcrumbs */ /* search > */ .mini-search-left { margin: 22px 0 0 38px; width: 184px; float: left; } .mini-search-left.show { display: block; } .mini-search-left .block-content { margin: 0; padding: 0; } .mini-search-left .block-title, .mini-search-left label, .mini-search-left a { display: none; } .header-field-sku .label, .header-field-ean .label, .header-field-product-number .label { font-weight: bold; } #search_mini_form-left .mini-search-left { /*border: 8px solid #40454b;*/ background-color: #eaeaea; padding: 2px 0 2px 10px; /*-webkit-box-shadow: inset 5px 5px 4px 0px rgba(0,0,0,0.18); -moz-box-shadow: inset 5px 5px 4px 0px rgba(0,0,0,0.18); box-shadow: inset 5px 5px 4px 0px rgba(0,0,0,0.18);*/ } #search_mini_form-left .mini-search-left input.input-text { border: none; width: 147px; background-color: transparent; font: 400 16px 'Open Sans', sans-serif; color: #656565; margin: 0; padding: 2px; display: inline; } #search_mini_form-left .mini-search-left button.button { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/search.png) no-repeat 0 7px; width: 29px; height: 30px; margin: 0; padding: 0; display: inline; } #search_mini_form-left .mini-search-left button.button span { display: none; } .autocomplete .price { color: #000000; font-weight: normal; } /* < search */ /* horizontal navigation > */ #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; } /* < horizontal navigation */ /* horizontal navigation (Navigation Pro) > */ .header-container .nav-container { width: 960px; margin: 0 auto; height: 35px; background-color: #ffffff; color: #000000; font: 400 14px "Open Sans", sans-serif; background: none; /*url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/mega-bg.png) repeat-x 0 0 #ffffff;*/ } /* MegaDropdown > */ #navigationpro-top .nav-dropdown.level0.shown-sub { width: 921px; left: -1px; } #navigationpro-top li.olohuone.mega .shown-sub { background-position: 350px 0; left: -90px; } #navigationpro-top li.makuuhuone.mega .shown-sub { background-position: 550px 0; left: -126px !important; } #navigationpro-top li.keittio.mega .shown-sub { background-position: 950px 0; left: -277px !important; } #navigationpro-top li.lastenhuone.mega .shown-sub { background-position: 750px 0; left: -371px !important; } #navigationpro-top li.tyohuone.mega .shown-sub { background-position: 950px 0; left: -521px !important; } #navigationpro-top li.eteinen_ja_sailytys.mega .shown-sub { background-position: 950px 0; left: -644px !important; } #navigationpro-top .level1.top { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #navigationpro-top .level1.bottom .level2.col1, #navigationpro-top .level1.bottom .level2.col2, #navigationpro-top .level1.bottom .level2.col3 { border-right: 1px solid rgba(0, 0, 0, 0.2); } #navigationpro-top .mega .level2 h2 { font-family: "Open Sans"; font-size: 14px; font-weight: 600; text-transform: uppercase; } #navigationpro-top .issue1.level2 { width: 55px; } #navigationpro-top .issue1.level2 img { width: 100%; } #navigationpro-top .level0.mega .level2.categories { width: 895px; } #navigationpro-top .level0.mega .level3 { width: 180px; } #navigationpro-top .level0.mega .level2.categories .level3 { float: left; width: 210px; } #navigationpro-top li.mega .nav-dropdown, #navigationpro-top li.mega .nav-dropdown a span { color: #000000; font-weight: normal; font-family: "Open Sans"; font-size: 13px; } #navigationpro-top .level0.mega .level2 { float: left; padding: 10px; } #navigationpro-top .level0.mega .level1.top .level2 { height: auto; } #navigationpro-top .level0.mega .level1.top .level2.issue1 { width: 130px; } #navigationpro-top .level0.mega .level2.issue1, #navigationpro-top .level0.mega .level2.issue2 { border-right: 0px solid rgba(0, 0, 0, 0.2); } #navigationpro-top .level0.mega .level4 { padding-bottom: 25px; } #navigationpro-top .level0.mega p.megadrop-icon { position: relative; top: 50%; transform: translateY(-50%); } /* < MegaDropdown */ .header-container .nav-container .navpro { padding: 0; float: left; width: auto; } .header-container .nav-container .navpro a { border-bottom: none; } .nav-container .navpro li.level-top { background-image: none; border-left: none; padding: 0; height: 30px; } .nav-container .navpro a.level-top, .nav-container .navpro div.level-top a { font: 400 14px "Open Sans", sans-serif; } .header-container .nav-container .navpro li a.nav-a, .header-container .nav-container .navpro li .nav-sibling-title a { color: #000000; } .header-container .nav-container .navpro .nav-dropdown { background-color: #eaeaea; border: 1px solid rgba(0, 0, 0, 0.3); -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); } .nav-container .navpro .nav-dropdown-icon { width: 50px; } .nav-container .navpro .nav-toggler { top: 15px; } .header-container .nav-container .navpro ul.nav-ul { background-color: #40454b; } .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 6px 13px; } .header-container .nav-container .navpro .active .nav-column { width: 100%; } .header-container .nav-container .navpro ul.nav-ul:hover { background-color: #77818c; } .nav-container .navpro li.nav-li.first { border-left: none; } .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-position: -81px 0; background-image: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/mega-arrows.png") } .nav-container .navpro li.nav-li { /*border-top: 3px solid #999;*/ cursor: pointer; } .nav-container .navpro li.nav-li a, .nav-container .navpro li.nav-li a span { font-weight: bold; } /* < horizontal navigation (Navigation Pro) */ /* Mega end links > */ #mega-end-links { float: right; } #mega-end-links div { float: left; margin: 9px 4px 0 20px; } #mega-end-links div a { font-weight: bold; } /* < Mega end links */ /* vertical navigation (Navigation Pro) > */ .block-navpro .block-content { padding: 0 0 10px 0; z-index: 100; } .navpro { font: 400 16px 'Open Sans', sans-serif; color: #000000; } /* display only active branch of the nav tree > */ #navigationpro-left li.level0 { display: none; } #navigationpro-left li.level0.active { display: block; } #navigationpro-left li.level0.show { display: block; } /* < display only active branch of the nav tree */ #navigationpro-left .nav-li-sibling.level-top { display: none; } .nav-toggler { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/navigationpro_arrows.gif) no-repeat 0 0; } .nav-accordion-toggler { opacity: 1; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/navigationpro_arrows.gif) no-repeat -49px 0; } .nav-accordion-toggler-active { background-position: 0 0; } .first .nav-accordion-toggler { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -473px; width: 22px; height: 24px; right: 10px; top: 5px; } .first .nav-accordion-toggler-active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -509px; } .nav-accordion-toggler { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -474px; width: 22px; height: 22px; right: 10px; top: 6px; } .nav-accordion-toggler-active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -509px; } .navpro a { /* border-bottom: 1px solid #77818c; */ /* vas. navi */ } .navpro a.level-top, .navpro div.level-top a { color: #000000; /* vas. navi */ font-family: "open sans Condensed"; font-size: 20px; /*padding: 5px 4px 6px 2px;*/ text-transform: uppercase; } .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; /* vas. navi */ } .navpro .active > a.level-top, .navpro .active > div.level-top a { color: #000000; /* vas. navi */ padding-left: 8px; } .navpro .active .nav-ul .nav-span, .navpro .active .nav-ul .nav-sibling-title { color: #000000; /* vas. navi */ } .navpro a.level-top:hover, .navpro a.level-top.over, .navpro div.level-top a:hover, .navpro div.level-top a.over { color: #000000; /* vas. navi */ padding-left: 6px; background-color: transparent; /* vas. navi */ } .navpro .nav-li-sibling div.level-top a.over { padding-left: 12px; } #navigationpro-left .active a.level-top.over { padding-left: 8px; } #navigationpro-left .level0.active, #navigationpro-left .level0.over { border-left: 6px solid transparent; /* vas. navi */ } .navpro .nav-ul .active .nav-a { background-color: transparent; /* vas. navi */ } .navpro .nav-ul .nav-a:hover, .navpro .nav-ul .nav-sibling-title:hover { background-color: transparent; /* vas. navi */ } #navigationpro-left .active .nav-column { border-left: 10px solid transparent; /* vas. navi */ } .navpro .active .nav-ul li.active .nav-span { font-weight: bold; /* vas. navi */ } .navpro .nav-ul .nav-span, .navpro .nav-ul .nav-sibling-title { color: #000000; /* vas. navi */ } .navpro .nav-ul .active > .nav-a { color: #000000; /* vas. navi */ } .nav-a-with-toggler, .nav-sibling-title-with-toggler a { padding-right: 30px !important; } .navpro .nav-style-accordion .nav-a-level1 { margin-right: 5px; } .navpro .level2 .over > .nav-a { background-color: transparent; /* vas. navi */ } .navpro .nav-ul.level2 .nav-a { background-color: transparent; } .navpro .nav-ul.level2 .active .nav-a { background-color: transparent; /*#77818c;*/ /* vas. navi */ } .navpro .nav-ul.level2 .nav-a:hover { background-color: transparent; /*#77818c;*/ /* vas. navi */ } .navpro .nav-ul li.over > a, .navpro .nav-ul li.over > .nav-sibling-title { background-color: transparent; /*#77818c;*/ /* vas. navi */ } .navpro .nav-style-accordion .nav-a-level2 { text-indent: 0; margin-right: 31px; } /* toggles active > */ .navpro .nav-style-accordion .nav-accordion-toggler.nav-toggler-level1 { right: 15px; top: 4px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown { border-left: 6px solid transparent; } .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, .navpro .over .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown { border-left: none; display: block; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { border-left: 32px solid transparent; } /* < toggles active */ /* width > */ .nav-dropdown.level0 { width: 220px; } .header-container .nav-dropdown.level0 { width: 600px; padding: 0px; } .navpro .nav-style-accordion .level1 .nav-column-wrapper { width: 188px; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 188px; } .navpro .nav-style-accordion .nav-a-level1 { margin-right: 0; } .nav-style-accordion.active { width: 220px; } .navpro .nav-column li.level1, .navpro .nav-column li.level2 { width: 100%; } /* < width */ /* < vertical navigation (Navigation Pro) */ /* layered navigation (Ajax Layered Navigation) > */ .block-layered-nav { background-color: transparent; /*#CFCFCF;*/ /* navi filter */ } .col-left .block-layered-nav .block-title { border-bottom-color: transparent; /*#77818C;*/ /* navi filter */ } .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 0; } .block-layered-nav .block-title strong span { /*font: 700 23px "Open Sans Condensed",sans-serif;*/ /* navi filter */ } .block-layered-nav .block-content { padding: 0 0 10px 0; } .block-layered-nav .actions { background-color: transparent; font-size: 1em; border-bottom: 0 /*1px*/ solid #77818C; /* navi filter */ } .ajaxlayered-expander { font: 400 16px 'Open Sans', sans-serif; } 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; } .ajaxlayerednav-content .currently .remove-button { height: 25px; display: inline-block; } .ajaxlayerednav-content .currently .remove-button a { padding: 5px 0 5px 0; cursor: pointer; } .ajaxlayerednav-content .currently .remove-button img { width: 25px; margin-top: -3px; } div.ajaxlayerednav-content .block-content ol.currently li { padding: 0 10px 5px 5px; } div.ajaxlayerednav-content .block-content #narrow-by-list { padding-right: 60px; } #narrow-by-list a { color: #000000; } #narrow-by-list dt { color: #000000; padding: 5px 0 6px 10px; border-bottom: 0 /*1px*/ solid #77818C; /* navi filter */ } #narrow-by-list dd { color: #000000; margin: 0 0 5px 0; line-height: 1.3em; } #narrow-by-list dd li { background: none; line-height: 26px; /* navi filter */ } #narrow-by-list .ajaxlayerednavigation-count { color: #000000; } .ajaxlayerednav-content .block-title span, .ajaxlayerednav-content .block-content .actions a { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; color: #F6B324; } .ajaxlayerednav-content .block-content .actions a { font-size: 14px; } .col-main .block-layered-nav img.arrow-dropdown { width: 13px; padding: 7px 0px 7px 5px; } .ajaxlayerednav-content.ajaxlayerednav-content #narrow-by-list dt { border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0; padding: 5px 5px 2px 5px; margin: 0 7px 6px 3px; } 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: 5px; color: #000000; float: left; } .block-layered-nav .currently li { padding: 2px 0 2px 0; } div.ajaxlayerednav-content #narrow-by-list dd li { float: none; } #narrow-by-list .ajaxlayerednavigation-count-plus { color: #000000; } .ajaxlayerednav-content #narrow-by-list div { clear: both; } .ajaxlayerednav-content .see-more-button { font-weight: bold; padding: 6px 0 5px 4px; } .see-more-button { cursor: pointer; } /* toggle > */ .block-layered-nav .block-title { cursor: pointer; position: relative; } .block-layered-nav #layered-nav-toggler { background: url("https://www.kalustekaverit.fi/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: none; /*url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -66px -509px rgba(0, 0, 0, 0);*/ } /* < toggle */ /* < layered navigation (Ajax Layered Navigation) */ /* page titles > */ .page-title { height: auto; background-color: transparent; /*#77818c;*/ margin: 0 0 20px 0; padding: 0px 0px 0 0px; border-radius: 0px; border-bottom: 0px none; } .col2-left-layout .page-title, .col2-right-layout .page-title, .col3-layout .page-title { margin: 10px 0 20px 0; } .checkout-onepage-success .col2-right-layout .page-title { margin: 20px 0px 20px 0px; } .checkout-onepage-success .col2-right-layout .col-main { padding-left: 20px; width: 705px; } .checkout-onepage-index div.page-title { margin: 30px 10px 20px 20px; } .category-title { height: 33px; background-color: transparent; margin: 12px 10px 20px 20px; padding: 10px 10px 0 10px; border-radius: 10px; } .col2-left-layout .std, .col2-right-layout .std, .col3-layout .std { margin: 0 10px 0 20px; } .col2-left-layout .product-view .std { margin: 0; } .cms-home .col2-left-layout .std { margin: 0; } .col2-right-layout .col-right p, .col3-layout .col-right p { text-align: right; padding: 20px 10px 20px 0; } .messages { margin: 20px 10px 10px 20px !important; width: auto; } /* < page titles */ /* normal buttons > */ button.button { background-color: #f0f0f0; border: 1px solid #d2d2d2; border-radius: 0px; box-shadow: none; height: 27px; padding: 2px 8px 2px 8px; text-decoration: none; text-shadow: none; font-size: 1em; -webkit-border-fit: border; } button.button:hover { /*background-color: #999999;*/ border: 1px solid #f0f0f0; } .mini-search-left button.button, .mini-search-left button.button:hover { border: 0px none; } button.button span { padding: 0; background: none 0 0 no-repeat; color: #000000; font: 400 16px 'Open Sans', sans-serif; font-size: 16px !important; line-height: 16px !important; text-transform: uppercase; height: auto; } button.button span span { padding: 0; background: none 0 0 no-repeat; } .category-products button.button { /*background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/ahead.png") no-repeat scroll 72px 5px;*/ padding: 2px 20px 2px 20px; } .category-products button.button.btn-cart { background: #000000; padding: 2px 0px; } /* < normal buttons */ /* special buttons > */ #product_sendtofriend_form button.button, .product-view .product-shop .add-to-cart button.button, button.btn-cart, button.btn-checkout, #checkoutSteps button.button { border: medium none; border-radius: 0px; box-shadow: none; height: 27px; padding: 2px 15px; text-decoration: none; text-shadow: none; color: #ffffff; background: #000000; /* background: rgba(254,201,29,1); background: -moz-linear-gradient(top, rgba(254,201,29,1) 0%, rgba(249,187,3,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,201,29,1)), color-stop(100%, rgba(249,187,3,1))); background: -webkit-linear-gradient(top, rgba(254,201,29,1) 0%, rgba(249,187,3,1) 100%); background: -o-linear-gradient(top, rgba(254,201,29,1) 0%, rgba(249,187,3,1) 100%); background: -ms-linear-gradient(top, rgba(254,201,29,1) 0%, rgba(249,187,3,1) 100%); background: linear-gradient(to bottom, rgba(254,201,29,1) 0%, rgba(249,187,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec91d', endColorstr='#f9bb03', GradientType=0 ); */ } #product_sendtofriend_form button.button:hover, .product-view .product-shop .add-to-cart button.button:hover, button.btn-cart:hover, button.btn-checkout:hover, #checkoutSteps button.button:hover { border: 0px none #f0f0f0; background: #000000; /* background: rgba(86,93,101,1); background: -moz-linear-gradient(top, rgba(86,93,101,1) 0%, rgba(65,70,76,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,93,101,1)), color-stop(100%, rgba(65,70,76,1))); background: -webkit-linear-gradient(top, rgba(86,93,101,1) 0%, rgba(65,70,76,1) 100%); background: -o-linear-gradient(top, rgba(86,93,101,1) 0%, rgba(65,70,76,1) 100%); background: -ms-linear-gradient(top, rgba(86,93,101,1) 0%, rgba(65,70,76,1) 100%); background: linear-gradient(to bottom, rgba(86,93,101,1) 0%, rgba(65,70,76,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565d65', endColorstr='#41464c', GradientType=0 ); */ } #product_sendtofriend_form button.button span, .product-view .product-shop .add-to-cart button.button span, button.btn-cart span, button.btn-checkout span, #checkoutSteps button.button span { padding: 0; color: #ffffff; font: 600 16px 'Open Sans', sans-serif !important; font-size: 16px !important; line-height: 16px !important; text-transform: uppercase; height: auto !important; background: none !important; } #product_sendtofriend_form button.button:hover span, .product-view .product-shop .add-to-cart button.button:hover span, button.btn-checkout:hover span, #checkoutSteps button.button:hover span { color: #ffffff; } button.btn-cart:hover span { color: #ffffff; } button.btn-checkout span:hover, button.btn-checkout span:active { height: auto !important; font: 600 16px/23px 'Open Sans', sans-serif !important; padding: 0; background: none !important; } #product_sendtofriend_form button.button span span, .product-view .product-shop .add-to-cart button.button 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-cart, .product-view .product-shop .add-to-cart button.button { padding: 2px 0; } button.btn-cart span, .product-view .product-shop .add-to-cart button.btn-cart span { width: 60px; height: 26px; line-height: 22px !important; padding: 0 19px 0 18px; /* background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 63px -540px !important; */ float: left; } button.btn-cart:hover span { background-position: 69px -573px; } .slider-button-box button.btn-cart span { width: auto; background: none; /*url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 46px -540px !important;*/ } .slider-button-box-first button.button { padding: 2px 11px; } .slider-button-box-next button.button { padding: 0; /*2px 2px 2px 11px;*/ } /* < special buttons */ /* slider > */ .relatedAndUpsell .box-collateral { width: 47%; float: left; clear: none; overflow: hidden; position: relative; } .relatedAndUpsell .block-related { margin-right: 10px; } .list-brands img { font-size: 12px; } .relatedAndUpsell .block-upsell { padding-left: 10px; } .onlyRelated .box-collateral { width: 100%; overflow: hidden; position: relative; } .onlyUpsell .box-collateral { width: 100%; overflow: hidden; position: relative; } .theme-default .nivoSlider { box-shadow: none; } .theme-default .nivo-directionNav a { opacity: 1; } .theme-default .nivo-controlNav { display: none; } .theme-default .nivo-caption { font: 600 30px 'Open Sans', sans-serif; line-height: normal; } .nivo-caption { background: none repeat scroll 0 0 #DDDDDD; color: #40454B; } .theme-default .nivo-caption a, .theme-default .nivo-caption a:hover { color: #40454B; border: none; } .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: 200px; } .slider-wrapper .product-name { padding: 10px 0 0 5px; height: 46px; margin-bottom: 0px; } .slider-wrapper .product-name a { color: #40454b; } .slider-wrapper .list-brands .product-image img { padding-left: 3px; } .slider-wrapper .price-box span { font-size: 12px; } .slider-brands { height: 100%; } .slider-wrapper .product-shop { float: left; width: auto; } .slider-wrapper .product-shop .price-box { display: block; } .slider-wrapper .product-shop .price-box .old-price, .slider-wrapper .product-shop .price-box .price-label { display: none; } .slider-wrapper .product-shop .f-fix .price-box p { line-height: normal; } .list-brands li { width: 170px; padding: 0; } .brands-home { border: 0px; } #left-related, #right-related, .brands-home #left, .brands-home #right { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/slider-arrow-right.gif) no-repeat scroll 0 0 #EEEEEE; height: 36px; position: absolute; right: -3px; text-indent: -9999px; top: 82px; width: 38px; z-index: 1001; } #right-related, .brands-home #right { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/slider-arrow-left.gif) no-repeat scroll 0 0 #EEEEEE; left: -3px; right: auto; } #left-related:hover, .brands-home #left:hover, #left-related:active, .brands-home #left:active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/slider-arrow-right.gif) no-repeat scroll 0 0 #DDDDDD; } #right-related:hover, .brands-home #right:hover, #right-related:active, .brands-home #right:active { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/slider-arrow-left.gif) no-repeat scroll 0 0 #DDDDDD; } #left-related.disabled, .brands-home #left.disabled, #right-related.disabled, .brands-home #right.disabled { display: none; } div.brands-home-related div.block-content, div.brands-home div.block-content { background: #fff url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common_theme.gif) repeat-x 0 100%; border: none; padding: 12px 10px; color: #ef6e00; font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: none; position: relative; padding: 0px 3px !important; background: #fff; } div.brands-home-related div.block-content .list-brands, div.brands-home div.block-content .list-brands { padding: 0; list-style: none; } div.brands-home-related div.block-content .list-brands li, div.brands-home div.block-content .list-brands li { float: left; margin-right: 10px; } .slider-wrapper .slider-button-box { float: left; } .slider-wrapper .slider-button-box-first { clear: both; } .slider-wrapper .slider-button-box-next { padding-left: 3px; } /* < slider */ /* product list > */ .category-products .toolbar .sorter p.view-mode { display: none; } .category-products { padding: 0 5px 0 5px; clear: both; } .products-grid { border: none; } /*.products-grid li.item:after { clear: none; display: inline-block; }*/ /*.col2-left-layout .products-grid li.item.item-banner:after { clear: initial; display: block; }*/ .products-grid li.item { clear: none; padding: 10px; width: 205px; display: inline-block; position: relative; float: none; } .col1-layout .products-grid li.item { width: 214px; } .col2-left-layout .products-grid li.item { border: 0px solid #dddddd; margin: 10px 5px 5px; width: 200px; } .col2-left-layout .products-grid .product-shop .f-fix { min-height: 70px; } .col3-layout .products-grid li.item { width: 29%; } .list-brands .product-image img { padding-left: 10px; } .category-products .products-grid .product-image { width: 100%; } .category-products .products-list .product-image { width: 210px; max-width: none; } .products-list .desc .link-learn { font-size: 12px; color: #333333; } .category-products .products-list .f-fix { padding: 0 0 0 30px; width: 430px; } .products-list .product-name { font-size: 1em; } .products-list .availability { font-weight: normal; float: none; clear: both; color: #77818c; font-size: 12px; margin: 7px 0 0 0; } .products-list .availability span { font-weight: normal; } .main-container .products-grid .desc, .main-container .products-list .desc { margin: 7px 0 0 0; padding: 0; color: #77818C; font-size: 12px; } .products-grid .actions { bottom: 15px; right: 10px; float: left; padding-top: 6px; } .pager { border-bottom: 1px solid #dddddd; } .pager .amount, .pager .limiter, .pager .pages { line-height: 25px; } .pager .pages strong { font-weight: normal; } .sorter { border: none; } .sorter .view-mode { background: none; border: none; } .pager, .sorter { font-size: 1em; } .products-grid .product-shop .price-label { padding-left: 20px; } /* Product options > */ .product-options dt label { font-weight: 400; color: #000000; } .products-grid .actions-container { padding: 0; margin: 0; float: none; clear: both; display: block; overflow: auto; } /* < Product options */ /* < product list */ /* product page > */ .product-view .product-essential { margin: 20px 10px 20px 20px; } .product-shop .product-name h1 { color: #77818C; font-size: 24px; } .product-view .product-img-box .more-views { padding-top: 5px; clear: both; float: left; } .product-view .product-img-box .more-views ul { margin: 23px 0 10px; } .product-view .product-img-box .more-views li { float: left; background: none; margin: 0 10px 8px 0; } .product-shop .product-shop-inner div .email-friend { float: none; } .product-shop .product-shop-inner div .go-to-brand-page, .product-shop .product-shop-inner div .go-to-size-guide { float: none; margin: 0 0 12px 0; } .product-collateral div.go-to-brand-page { clear: both; } .product-view .product-shop .availability { font-size: 1em; font-weight: bold; } .product-view .product-shop .availability span { font-weight: normal; } .product-view .add-to-cart-wrapper .add-to-box, .product-view .product-options-bottom .add-to-cart { clear: both; float: right; padding-top: 15px; } .product-view .product-shop .add-to-cart .qty, .grouped-items-table .add-to-cart-qty .qty, .cart-qty .add-to-cart-qty .qty { margin-top: 3px; font-size: 17px; margin-bottom: 3px; padding: 3px; text-align: right; width: 32px !important; } .product-view .product-shop .add-to-cart label { line-height: 30px; padding-top: 2px; font-weight: bold; padding-right: 4px; } .grouped-items-table .a-center { width: 80px; } .product-image-see-large { padding-left: 0px; text-align: center; padding: 10px 0 10px 0; } .product-image-see-large:hover { text-decoration: underline; /*123456*/ } .product-options { background-color: transparent; border: none; padding: 0; margin: 0 0 10px 0; } .product-options dd { padding: 0; margin: 0; } .product-options-bottom { background-color: transparent; border-color: transparent; border-image: none; border-style: none; border-width: 0; padding: 0; margin: 0; } .product-options p.required { display: none; } .product-view .add-to-cart-wrapper { background-color: transparent; border: 1px solid #EEEEEE; border-image: none; border-style: none; border-width: 0 } .product-view .add-to-cart-wrapper { margin-top: 10px; padding: 17px 0; } .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: 0px; } .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-shop .product-shop-inner { margin-left: 0; } .product-view .product-img-box { width: 330px; margin: 0 0 0px 0; } .product-view .product-img-box a.prozoom-image { float: left; width: 300px !important; height: 300px !important; } body.touch .zoom-window, body.touch .zoom-lens { display: none; } .product-shop .product-shop-inner { margin-left: 0; } .type-grouped .product-shop-inner { width: 690px } .product-view .product-collateral { margin: 10px 0 10px 0; } .product-view .product-description { margin: 0px 0px 0px 0px; } .descr2-after-descr1 { padding-top: 10px; } .type-grouped .product-img-box { float: left; margin-left: 0; margin-bottom: 50px; } .type-grouped .product-info-fields { float: left; width: 350px; } /* < Tiny Carousel */ .product-shop .link-wishlist { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -582px -335px; } .product-shop .link-compare { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -582px -310px; } .product-view .product-shop .email-friend { font-size: 14px; } .product-view .product-shop .email-friend a { color: #333333; text-decoration: none; } .product-view .product-shop .email-friend a:hover { text-decoration: underline; } .product-view .product-collateral .box-collateral .h2 { background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-size: 16px; font-weight: bold; line-height: 17px; margin-bottom: 0px; padding: 10px 15px; } .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-collateral .block-upsell { margin: 0 0 15px 0; padding: 0; } .product-collateral .relatedAndUpsell .block-upsell { margin: 0 0 15px 20px; } .product-view .product-shop .add-to-links a { color: #000000; font-size: 14px; } .catalog-product-view .main-container .product-view .product-shop { width: 360px; } .catalog-product-view .add-to-cart-button { margin-top: 5px; } /* < product page */ /* price > */ .products-list .price-box { float: none; } .products-grid .price-excluding-tax, .products-grid .price-including-tax { clear: both; padding-left: 20px; } .slider-wrapper .price-excluding-tax, .slider-wrapper .price-including-tax { padding-left: 25px; float: left; clear: both; } .products-grid .price-excluding-tax .label, .products-grid .price-including-tax .label { display: block; } .product-view .add-to-cart-wrapper .price-box { line-height: normal; } .product-view .product-shop .price-box { line-height: normal; } .old-price .price-label { font-weight: bold; display: block; } .products-grid .old-price .price-label { display: inline; } .price-label, .price-box { font: 600 16px 'Open Sans', sans-serif; color: #666666; } .price-box .label { font-size: 14px; font-weight: normal; padding-left: 10px; } .products-grid .price-box .old-price .price-label, .products-grid .price-box .special-price .price-label { display: none; } .products-grid .price-box .minimal-price .price-label { color: #000000; font-weight: normal; font-size: 16px; } .products-grid .price-box .minimal-price span, .products-grid .price-box .regular-price span, .products-grid .price-box .special-price span, .products-grid .price-box span.price { color: #000000; font-size: 20px; } .products-grid .price-box .old-price { color: #000000; } .products-list .price-box .label { padding: 2px 15px 0px 10px; } .products-list .price-including-tax { clear: both; } .products-list button.btn-cart { float: right; margin-right: 30px; } .slider-wrapper .price-box .label { padding-left: 8px; } .price-box .price { font: 600 16px 'Open Sans', sans-serif; } .f-fix .price-box span span { clear: none; float: left; } .product-view .product-shop .grouped-items-table .price-box, .product-view .product-shop .grouped-items-table .tier-prices-grouped { clear: both; } .product-view .product-shop .grouped-items-table .price-box { float: right; display: block; } .product-view .product-shop .tier-prices { border: 1px solid #dddddd; } .type-simple .tier-price-label, .type-configurable .tier-price-label { padding: 20px 0 0 0; font-weight: bold; } .grouped-items-table .tier-price-label { font-weight: bold; } .tier-price-label { clear: both; } .type-simple .tier-price-line, .type-configurable .tier-price-line { display: inline; } .product-view .product-shop .grouped-items-table .price-box, .product-view .product-shop .grouped-items-table .price-box .price, .product-view .product-shop .grouped-items-table .price-box .old-price, .product-view .product-shop .grouped-items-table .price-box .price-label, .product-view .product-shop .grouped-items-table .price-box .special-price, .product-view .product-shop .grouped-items-table .price-box .regular-price .price, .product-view .product-shop .grouped-items-table .price-from .price-label, .product-view .product-shop .grouped-items-table .price-to .price-label { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #000000; } .product-view .product-shop .grouped-items-table .tier-price-line { white-space: nowrap; } .product-view .product-price-label { font-size: 14px; font-weight: normal; } .product-view.type-grouped .product-price-label { display: none !important; } /* < price */ /* konfiguroitava tuote > */ .type-configurable p.required { display: none; } .type-configurable .configurable-attribute .label { font-weight: bold; } .type-configurable .configurable-attribute { padding-top: 10px; } .type-configurable .availability.out-of-stock span { color: #000; } /* < konfiguroitava tuote */ .easycatalogimg .list-subcategories li:first-child { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -588px -21px; } #payment_form_svm img { width: 100%; max-width: 575px; } .block .block-title { border-bottom-color: transparent; /* vas. navi */ } .block .block-title { text-transform: none; } .table-padding-5 tr td { padding: 5px; } .table-padding-10 tr td { padding: 10px; } .table-padding-15 tr td { padding: 15px; } .btn-remove { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll 1px -110px rgba(0, 0, 0, 0); display: block; font-size: 14px; height: 9px; overflow: hidden; padding: 8px 0 0; text-align: right; width: 66px; text-indent: 0; } .cart .actions-in-cartrow { width: 20px; float: left; } .btn-cart-remove { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -110px; width: 18px; height: 18px; padding: 0; float: left; } .btn-cart-edit { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 -25px; width: 18px; height: 18px; padding: 0; float: left; } .btn-cart-new { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat 0 0px; width: 18px; height: 18px; padding: 0; float: left; } #scroll-up a { background: #eeeeee url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat -296px -106px; } #td_review { border: none; } .data-table th, .data-table td { padding: 3px 5px 3px 0px; } .data-table td.label, .data-table th.label, .data-table tr.even { background-color: transparent; } .data-table th, .data-table td { border: none; } p.required { font-size: 1em; color: #000; } .validation-advice { font-size: 12px; line-height: normal; } .error-msg, .success-msg, .note-msg, .notice-msg { font-size: 1em !important; } .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: #ffcc00; } /* crosssell > */ #crosssell-products-list h3, #crosssell-products-list .h3, .crosssell .product-name { color: #77818C; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; } .cart .crosssell h2, .cart .crosssell .h2 { font-size: 14px; } .cart .crosssell .product-image img { width: 90px; } /* < crosssell */ /* send friend > */ .send-friend { margin: 20px 10px 20px 20px; } .send-friend .page-title { margin: 0 0 20px 0; } /* < send friend */ /* returns form > */ .returns-form { margin: 20px 10px 20px 20px; } .returns-form .page-title { margin: 0; } /* < returns form */ /* banner row > */ .sidebar .banner-left { margin-bottom: 10px; display: block; } .banner-left { display: none; } .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 { float: right; font-family: open sans; font-size: 15px; line-height: 13px; margin: 0 0 9px 10px; text-align: center; } .banner-row .block .block-title { border-bottom-color: #dddddd; } .banner-row .block .block-title span { font-size: 15px; } .banner-row-w { border: 1px solid #d1d1d1; margin: 14px 15px 9px 25px; width: auto; padding: 10px; } .banner-row-m .first, .banner-row-m .last { float: left; border: 1px solid #d1d1d1; 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-addcustomproduct-form { margin-left: -350px; width: 500px; } #ajaxpro-spinner { background-image: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/spinner.gif"); background-color: transparent; box-shadow: none; border-radius: 0; } .ajaxpro-form .add-to-box { clear: both; float: right; padding-top: 15px; } /* < Ajax Pro */ /* login > */ .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%; } .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: 20px; min-height: 300px; width: auto; } .store-b2c .account-login .registered-users { width: 90%; } .form-list label.required em { color: #000 !important; } .account-login .login-wrapper h2 { border-bottom: 1px solid #eeeeee; 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 .col3-set .col-3 .buttons-set .f-left { float: right !important; } /* < login */ /* account > */ .block-account { font: 400 16px 'Open Sans', sans-serif; color: #000000; } .block-account .block-title { display: none; } .block-account a { text-decoration: none; } .block-account a:hover { text-decoration: underline; } /* < account */ /* my account > */ .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 { margin: 0; } .main-container .my-account { padding: 0 10px 20px 20px; } .col2-left-layout .my-account .page-title { margin: 20px 0 20px 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: 600 16px 'Open Sans', sans-serif; color: #000000; } .addresses-list h3, .dashboard .box .box-title h3, .dashboard .box .box-title h4 { font: 400 16px 'Open Sans', sans-serif; color: #000000; } .link-reorder { font-weight: normal; } .my-account .page-title.title-buttons button { margin-top: 5px; } .my-account .page-title.title-buttons a { color: #000000; } .my-account label[for~="taxvat"] { display: none; } .my-account input[name~="taxvat"] { display: none; } /* < my account */ /* amlist > */ .amlist-list-index .sidebar, .amlist-list-edit .sidebar { margin-top: 0; } .col-main .amlist { padding: 0 10px 20px 20px; } /* < amlist */ /* Cart > */ #shopping-cart-table { clear: both; } .cart .col-sku, .cart .col-modify-add-new { float: left; } .cart .col-description { width: 26%; } .cart .col-sku { width: 18%; } .cart .col-actions { width: 20px; float: left; } .cart .col-wishlist { width: 10%; } .cart .cart-qty { width: 110px; } .cart .col-unit-price, .cart .col-total-price { width: 19%; padding: 0px } .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; } .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 */ button.btn-update-qty { border-radius: 0px; 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 #40454b; padding: 3px 5px 1px 5px; } .opc .step-title h2 { color: #ffffff; } .opc .step-title .number { background-color: #ffcc00; 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 #ffcc00; } .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 */ .svea-payment-logos { display: none; } /* footer > */ .footer-brands-container { clear: both; position: relative; z-index: -1; } .footer-brands-container .footer-brands { padding: 20px 0 10px 0; margin: 0 auto; position: relative; left: 50%; margin: 0px -480px; width: 960px; 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-family: 'Open Sans', Arial, Helvetica, sans-serif; width: 550px; } .footer-mission p { font-size: 17px; font-style: italic; font-family: 'Open Sans', Arial, Helvetica, sans-serif; } .footer-toolbar-container { display: none; border: none; } .footer-cms .col-pair.pair1 { float: left; width: 450px; } .footer-cms .col-pair.pair2 { float: right; width: 450px; } .footer-cms .col { float: left; width: 225px; padding: 10px 0 0 0; } /* < footer */ /* footer > */ .footer { padding: 10px 0; } .footer-cms { font-family: Arial, Helvetica, sans-serif; color: #000000; /*background: url('https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/footer-bg.jpg') no-repeat 0 0 #40454b;*/ width: 960px; padding: 0; } .footer-cms-inner { clear: both; padding: 40px 30px 40px 30px; } .footer-cms-container { border-bottom: none; } .footer-cms-container .footer-cms .h6 { color: #000000; font: 600 16px 'Open Sans', sans-serif; margin: 0 0 10px -22px; } .footer-cms li { list-style-image: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/arrow-right-small-black.png"); } .footer-cms a { color: #000000; font: 400 14px 'Open Sans', sans-serif; } .footer-cms .col a { margin-left: 0px; 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: -20px; margin-bottom: 4px; } .footer-cms p { font: 400 14px "Open Sans", sans-serif; } .footer-cms .col.col3 { margin-right: 0; width: 90px; } .footer-cms .col.col4 { width: 300px; float: right; } .footer-cms .col4 li { float: left; margin: 0 10px 20px 0; } .footer-cms .col4 li.last { margin: 0 0 10px 0; } .footer-cms .col4 .h6 { margin: 0 0 15px 0; } .footer-cms .col4 li a { text-decoration: none; } .footer-cms .col4 li span { display: block; width: 50px; height: 50px; } .footer-cms .col4 li span.facebook { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -224px -191px rgba(0, 0, 0, 0); } .footer-cms .col4 li span.twitter { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -224px -250px rgba(0, 0, 0, 0); } .footer-cms .col4 li span.youtube { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -224px -310px rgba(0, 0, 0, 0); } .footer-cms .col4 .newsletter { clear: both; } .footer-cms .address { clear: both; margin: 0px 0 40px 0; text-align: center; color: #e5e5e5; font: 400 16px 'Open Sans', sans-serif; } .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 .address-icon { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/contact-icons.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0); } .footer-cms .email-icon { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/contact-icons.png") no-repeat scroll 0px -20px rgba(0, 0, 0, 0); } .footer-cms .telephone-icon { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/contact-icons.png") no-repeat scroll 0px -49px rgba(0, 0, 0, 0); } .footer-cms .fax-icon { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/contact-icons.png") no-repeat scroll 0px -73px rgba(0, 0, 0, 0); } /* < footer */ .account-customer .content { padding: 0 10px; float: left; height: 18px; width: 18px; } /* some in product page > */ .icon-enlarge { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -416px -16px; margin: 0 2px 0 6px; width: 17px; height: 17px; display: inline-block; margin: 0 3px -3px 0; } .icon-ask-about-this-product { background: url(https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png) no-repeat -248px -56px; margin: 0 2px 0 6px; width: 20px; height: 20px; display: inline-block; margin: 0 3px -6px 0; } .product-view .some-links { float: right; width: 110px; } .some-links li { float: left; margin-left: 5px; } .some-links a img { width: 22px; } .customer-account-login .main-container, .customer-account-create .main-container { margin-top: 0px; } /* < some in product page */ /* 2-column fix > */ .sendfriend-product-send .hdr-text-products, .sales-order-view .hdr-text-products, .sales-order-invoice .hdr-text-products, .sales-order-shipment .hdr-text-products, .catalog-product-view .hdr-text-products, .catalog-category-view .hdr-text-products, .cms-index-index .hdr-text-products, .customer-account-logoutsuccess .hdr-text-products, .checkout-cart-index .hdr-text-cart, .firecheckout-index-index .hdr-text-checkout, .checkout-onepage-success .hdr-text-checkout, .catalogsearch-result-index .hdr-text-products, .checkout-onepage-failure .hdr-text-checkout, .checkout-onepage-index .hdr-text-checkout, .customer-account-login .hdr-text-login, .customer-account-create .hdr-text-login, .customer-account-forgotpassword .hdr-text-login, .customer-account-index .hdr-text-my-account, .customer-account-edit .hdr-text-my-account, .customer-address-index .hdr-text-my-account, .sales-order-history .hdr-text-my-account, .newsletter-manage-index .hdr-text-my-account, .cms-page-view .hdr-text-guidelines, .router11-index-index .hdr-text-guidelines, .router12-index-index .hdr-text-guidelines, .catalog-seo-sitemap-product .hdr-text-guidelines, .catalog-seo-sitemap-category .hdr-text-guidelines, .contacts-index-index .hdr-text-guidelines { display: block !important; } .cms-page-view .breadcrumbs, .router11-index-index .breadcrumbs, .router12-index-index .breadcrumbs, .catalog-seo-sitemap-category .breadcrumbs, .catalog-seo-sitemap-product .breadcrumbs, .contacts-index-index .breadcrumbs { display: none; } .router11-index-index .col2-left-layout .sidebar, .router12-index-index .col2-left-layout .sidebar, .contacts-index-index .col2-left-layout .sidebar, .catalog-seo-sitemap-category .col2-left-layout .sidebar, .catalog-seo-sitemap-product .col2-left-layout .sidebar, .customer-account-create .col2-left-layout .sidebar, .customer-account-login .col2-left-layout .sidebar, .checkout-cart-index .col2-left-layout .sidebar { display: none; margin: 0; } .catalog-seo-sitemap-category .col2-left-layout .sidebar, .catalog-seo-sitemap-category .col3-layout .sidebar, .catalog-seo-sitemap-product .col2-left-layout .sidebar, .catalog-seo-sitemap-product .col3-layout .sidebar, .router11-index-index .col2-left-layout .sidebar, .router11-index-index .col3-layout .sidebar, .contacts-index-index .col2-left-layout .sidebar, .contacts-index-index .col3-layout .sidebar, .cms-page-view .col2-left-layout .sidebar, .cms-page-view .col3-layout .sidebar { display: none; margin: -60px 0 0 0; } .customer-account-login .col2-left-layout .col-main, .customer-account-create .col2-left-layout .col-main, .catalog-seo-sitemap-category .col2-left-layout .col-main, .catalog-seo-sitemap-product .col2-left-layout .col-main, .router11-index-index .col2-left-layout .col-main, .router12-index-index .col2-left-layout .col-main, .contacts-index-index .col2-left-layout .col-main, .cms-page-view .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main { width: 940px; padding: 0px 10px 0 10px; } .cms-page-view .col3-layout .col-main { width: 714px; padding: 0px 10px 0 10px; } ul.slider-brands li.type-grouped div.f-fix { margin-top: 41px; } .ui-autocomplete .ui-menu-item a { text-align: left; } #quickorder { padding-top: 15px; } #quickorder button { margin-top: 3px; } /* reCAPTCHA > */ .buttons-set .recaptcha { float: left; } .account-customer .buttons-set .recaptcha { margin-left: 20px; } /* < reCAPTCHA */ /* print > */ .page-print .print-head .logo { float: left; padding: 0 100px 40px 0; } .page-print .print-head address { float: left; margin-left: 0; } /* < print */ @media (min-width: 768px) { .customer-account-login .show-navigation .col2-left-layout .sidebar, .customer-account-create .show-navigation .col2-left-layout .sidebar, .router11-index-index .show-navigation .col2-left-layout .sidebar, .router12-index-index .show-navigation .col2-left-layout .sidebar, .contacts-index-index .show-navigation .col2-left-layout .sidebar, .cms-page-view .show-navigation .col2-left-layout .sidebar, .cms-page-view .show-navigation .col3-layout .sidebar, .catalog-seo-sitemap-category .show-navigation .col2-left-layout .sidebar, .catalog-seo-sitemap-product .show-navigation .col2-left-layout .sidebar, .checkout-cart-index .show-navigation .col2-left-layout .sidebar { display: block; position: absolute; } } /* < 2-column fix */ /* plus and minus with qty-input > */ .add-to-cart-qty-label, .add-to-cart-qty, .add-to-cart-setter, .add-to-cart-button { float: left; } .add-to-cart-plus-setter { width: 18px; height: 18px; margin: -2px 9px 3px 5px; cursor: pointer; } .add-to-cart-minus-setter { width: 18px; height: 18px; margin: 5px 9px 0px 5px; cursor: pointer; } .qty-wrapper .qty-more { width: 18px !important; height: 18px !important; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goDCgkJGWzmiwAAAgtJREFUOBGNlM0rRGEUxu8do0TsFeVjIRFbS7YWbGYUUzNY+JjI2sKOlZSFhAXdWSAzKZKy0fwNFmRBRNnazFBo/J7bfW9vM6acOvc95zzn6z7vnXEdJB6PO9lsVqaTSqXqOXpKpVLSdV3ZrYojL2iRuEf81vO8ooKxWMzJ5XKOW9ZkCCyBfqAbJD9xhsKQdpw0WoNegF8LVI9QksnkJLpD8oAJ2gm2TV4nuo5OmVxXBsXaZBhdY8q7ingFf2WwEeUQP9cpTDQQbyRnhde8BMu7dG3AWSVnk8Czkm2h4FA+2IQdl63NOJaoX47w6MMpqomI+69os0wm80C9+OyN8BhHd9RA7P9XzC2Tv4Um1KiZbV5sMsuafeFLK0Q1qoWrtigPn/CAwDH8WaviG7+f9cXHFfGowYjt0uQk8H9CwEowpn9zoYOhhlXkJwpYEhisqQlmil/DJp4MiE35AeuhGr2JeoijN6641SLPSvW3qCUgrZCADv2E3iJwcITOKesvwsEqGihgfSoLuEfa6IbVmqptVY0XfSrUtFPfqB4R3r2AcYouAihYvtkxIakvZmu4009kHs1ye4XwGmgyRbCLDfYAHlVlyCy3ye0gd4b4PYscCHfN/4kcpgzSaBTzE93Wx6a4EXARmyanjvMMPC9MA/2N7Mkk60fcDT6NqqCF6briV2wN2Me/CygJt/4FqI7+6KN9bNMAAAAASUVORK5CYII=); } .firecheckout-index-index .qty-wrapper .qty-more { line-height: 20px; } .qty-wrapper .qty-less { width: 18px !important; height: 18px !important; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goDCgg2thH69wAAAfNJREFUOBGNlL1LA0EQxe+SFKLEXlDwoxBRQkobQVsbm0SQwEUt/AiKtYWdloKFiFqoSZGACYIglpLSWuTEQlHiHyBCok2Iv3fkwnkEcwOT3Z2Z92Z2di6mgSSTSaNYLGprpNPpbpbxRqNhmaap/YDsSAWtYc9it7PZbE3GRCJhlEolw/SRzOBLod/oPsFvrC0hyRCHDBpGb/DfySkOUxuJZVmLLJNkuyDgXjaJgiRuxdoTO8Kyhtq5XO5cNoeITKpkFt2D5FNgruCUrCCvuDcAEyVmh8S3YMom7D0cdgk+wPDuBXXaNyvbAr8d4icGoCYSNS6oqDKu9QJe/ZwI8bOAHotA3Q8qnp4dgkmJqI9qKm5TgxIpThhh6dVghB+n4cpAA+c5rwYh40onkFw2Y+sRP4gAvynIuR4B2FBks0xlcLN0JBBGNxFHOB6PT6GP+Xz+qyPSF2DbttqhTygWoicFVFPammJffNujZ1Q2CCjo1R4orVfMnidtC/YaNSpghrBFxRFiqKpsrtBNHDL+W5k7Jky1PpF1tMjrVVtPBMkSxlGqO8XxKkKJgNj/DCuxw9hWcD+3Plr3/0QgskxDNMf2Bz3SsMnuCn41NkNMF+s1/rJ8SuZU5D6jjATrIx5ju4wK0K+KsH2wV4Izzk/Nljgk6u0vco/mdMHVEuIAAAAASUVORK5CYII=); } /* < plus and minus with qty-input */ /* misc. > */ .std dl dd, .std dd { padding: 0; margin: 0; } .required { color: #000; } /* < misc. */ /* Fancybox > */ #sizetable-wrapper, #brandinfo-wrapper { display: none; } #sizetable-content th { background: none repeat scroll 0 0 #CCCCCC; font-weight: bold; } #sizetable-content th, #sizetable-content td { text-align: center; } #sizetable-content tr:nth-child(2n) { background: none repeat scroll 0 0 #EEEEEE; } #brandinfo-div { float: right; } /* < Fancybox */ /* Frontpage square banners > */ .square-banners { margin: 15px 0 20px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } .square-banners .fp-banner { width: 303px; } .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; } ul.tag-links { list-style: none; } .square-banner { width: 303px; height: 303px; float: left; /*border: 1px solid rgba(0,0,0,0.05);*/ } .square-banner.b-1st { margin-right: 25px; } .square-banner.b-3rd { margin-left: 26px; } .square-banner img { width: 100%; } .square-banners .img-content { position: relative; text-align: center; color: white; } .square-banners .img-content .bottom-left { position: absolute; bottom: 50px; left: 16px; } .square-banners .img-content .bottom-left-text-banner { position: absolute; bottom: 0; left: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; width: 100%; background-color: #ffffff; height: auto; color: #000; background: rgba(255, 255, 255, 0.5); text-align: left; } .square-banners .img-content .bottom-center-text-banner { position: absolute; bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 0; padding-right: 0; width: 100%; background-color: #ffffff; height: auto; color: #000; background: rgba(255, 255, 255, 0.5); text-align: center; } .square-banners .img-content .bottom-left-text-banner li h2, .square-banners .img-content .bottom-center-text-banner li h2, .square-banners .img-content .bottom-left-text-banner span, .square-banners .img-content .bottom-center-text-banner span { font-family: 'Work Sans', sans-serif; color: #000000; line-height: 20px; font-weight: 500; font-size: 15px; margin: 0; } .square-banners .img-content .bottom-left-text-banner li h2:after, .square-banners .img-content .bottom-center-text-banner li h2:after, .square-banners .img-content .bottom-left-text-banner span:after, .square-banners .img-content .bottom-center-text-banner span:after { content: '\00BB'; margin-left: 2px; font-size: 17px; } .square-banners .img-content .bottom-left-text-banner li h2, .square-banners .img-content .bottom-left-text-banner span { margin-left: 10%; } .square-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-family: 'Work Sans', sans-serif; font-size: 24px; font-weight: 900; } .square-banners .img-content .top-left { position: absolute; top: 8px; left: 16px; } .square-banners .img-content .top-left-percent { position: absolute; top: 20%; left: 20%; } .square-banners .img-content .top-right { position: absolute; top: 8px; right: 16px; } .square-banners .img-content .bottom-right { position: absolute; bottom: 50px; right: 16px; } .square-banners .img-content .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* < Frontpage square banners */ .product-view .prolabel-wrapper .bottom-left { bottom: 10px; } .product-view .prolabel-wrapper .top-right { right: 30px; } .product-view .prolabel-wrapper .middle-right { right: 30px; } .product-view .prolabel-wrapper .bottom-right { right: 30px; } /* .product-view .prolabels-content-labels img { max-height: 50px; float: left; padding-right: 20px; } .prolabels-content-wrapper ul.tt-wrapper, .prolabels-content-wrapper ul.tt-wrapper li { margin: 2px 0px 15px; } .prolabels-content-labels .tooltip-label { display: flex; flex-direction: column; justify-content: space-around; flex-wrap: wrap; } */ .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 0px 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; } .prolabel-wrapper .prolabel.shown { display: block !important; } /* firecheckout > */ .checkout-title .firecheckout-login-wrapper { position: relative; right: auto; top: auto; margin: 10px 0 0 0; } .checkout-title .firecheckout-login-wrapper a { text-decoration: none; } .checkout-title .firecheckout-login-wrapper a span { border: none; background-color: #000000; padding: 7px 10px 7px 10px; margin-left: 5px; color: #ffffff; } body.firecheckout-index-index .checkout-title .checkout-subtitle { margin-top: 14px; } .link-forgot-password, .firecheckout-window a.link-forgot-password { font-size: 14px; } body .firecheckout-window button.button.loading { background-color: #d2d2d2; } body .firecheckout-window button.button.loading:hover { background-color: #d2d2d2; } #firecheckout-form #payment-method dt label span { padding-left: 0 !important; } #firecheckout-form #payment-method dt label img { display: none !important; } body .firecheckout-window button.button { background-color: #f0f0f0; border: 1px solid #d2d2d2; padding: 2px 8px 2px 8px; } body .firecheckout-window button.button:hover { background-color: #d2d2d2; } body .firecheckout-window button.button span span { color: #424242; font: 600 16px 'Open Sans', sans-serif; font-size: 16px !important; line-height: 16px !important; } #firecheckout-form #checkout-review #checkout-additional .block-title { display: none; } #firecheckout-form #checkout-review .block-subtitle { display: none; } #firecheckout-form .firecheckout-set button.btn-checkout { background: #424242; padding: 2px 15px; border-radius: 0; height: 36px; } #firecheckout-form .firecheckout-set button.btn-checkout:hover { background: #6b6b6b; } #firecheckout-form .kassa-info { border: 1px solid #ccc; border-radius: 2px; margin-bottom: 10px; padding: 10px; } #firecheckout-form #shipping-method dd { border-bottom: 1px solid #cccccc; margin-bottom: 15px; padding-bottom: 5px; } #firecheckout-form #payment-method .method_maksuturva + dd .form-list { padding: 0; } body #firecheckout-form #payment-method .sp-methods #payment_form_svea_invoice label, body #firecheckout-form #payment-method .sp-methods #payment_form_svea_paymentplan label { position: relative !important; color: #000000; left: auto; top: auto; opacity: 1; pointer-events: unset; cursor: pointer; } #firecheckout-form #payment-method .sp-methods dt.method_klarna_payments_pay_later label img, #firecheckout-form #payment-method .sp-methods dt.method_klarna_payments_pay_over_time label img { display: inline-block !important; margin-top: -7px; } /* < firecheckout */ .contact-info .link { text-decoration: underline; } button#ot-sdk-btn.ot-sdk-show-settings { background-color: #000000 !important; color: #ffffff !important; border: none; font-size: 14px; } .col2-left-layout .category-images .products-grid { padding: 0; } .col2-left-layout .category-images .products-grid li.item { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .category-images .products-grid .product-name { min-height: auto; margin: 0; } #product-attribute-specs-table th { width: 30%; } #product-attribute-specs-table th { white-space: normal; } @media (min-width: 1224px) { /* slider > */ .hideLeftRelated3 #left-related, .hideLeft3 #left { display: none; } .relatedAndUpsell .box-collateral { width: 47%; } .top-toolbar-container { /*padding-left: 840px;*/ } .type-grouped .product-shop-inner { width: 900px } .full-width .login-links-container { width: 1204px; } .header, .top-container, .main, .footer, .footer-toolbar, .footer-cms { width: 1204px; } /* Frontpage > */ .cms-index-index .col2-left-layout .col-main { width: 1204px; } .company-idea h1 { font-size: 22px; } /* < Frontpage */ .col3-layout .col-main { width: 752px; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 978px; } .category-products .products-list .f-fix { width: 670px; } .banner-row .products-grid li.item.fourth { display: inline-block; } .banner-row-w { margin: 14px 24px 9px 25px; } .banner-row-m .first { margin: 14px 7px 9px 25px; width: 436px; } .banner-row-m .last { margin: 14px 15px 9px 7px; width: 436px; } .main-container .product-view .product-shop { width: 600px; float: right; } .catalog-product-view .main-container .product-view .product-shop { float: left; width: 600px; } .main-container .product-view .box-up-sell .product-shop { float: left; width: 100%; } .product-view .add-to-cart-wrapper .add-to-box, .product-view .product-options-bottom .add-to-cart { clear: none; padding-top: 0; } .type-grouped .product-info-fields { padding: 20px; width: 530px; } .account-login .login-wrapper { width: 32%; } /* footer > */ .footer-cms .col-pair.pair1 { float: left; width: 610px; } .footer-cms .col-pair.pair2 { float: right; width: 480px; } .footer-cms .col { float: left; width: 305px; padding: 10px 0 0 0; } .footer-cms .col.col3 { margin-right: 0; width: 50px; } .footer-brands-container .footer-brands { width: 1204px; margin: 0 -602px; } .footer-brands-container .footer-brands img { height: 62px; } .footer-mission-container { width: 730px; } .footer-mission h2 { font-size: 20px; } /* < footer */ /* 2-column fix > */ .router11-index-index .col2-left-layout .col-main, .router12-index-index .col2-left-layout .col-main, .contacts-index-index .col2-left-layout .col-main, .cms-page-view .col2-left-layout .col-main, .catalog-seo-sitemap-category .col2-left-layout .col-main, .catalog-seo-sitemap-product .col2-left-layout .col-main, .customer-account-login .col2-left-layout .col-main, .customer-account-create .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main { width: 1184px; } .cms-page-view .col3-layout .col-main { width: 958px; } /* < 2-column fix */ /* horizontal navigation (Navigation Pro) > */ .nav-container .navpro, .header-container .nav-container { width: 1204px; } .nav-container .navpro .item1 .level0 { width: 1184px; } /* < horizontal navigation (Navigation Pro) */ /* Frontpage square banners > */ .square-banners { margin: 20px 0 20px 0px; } .square-banners .fp-banner { width: 382px; } .square-banner { width: 382px; height: 382px; float: left; /*border: 1px solid rgba(0,0,0,0.05);*/ } .square-banner.b-1st { margin-right: 29px; } .square-banner.b-3rd { margin-left: 29px; } .square-banner p, .square-banner p { margin: 0; padding: 0; } .square-banners .img-content .bottom-left-text-banner h2, .square-banners .img-content .bottom-center-text-banner h2 { font-size: 28px; } /* < Frontpage square banners */ /* search > */ .mini-search-left { margin: 22px 0px 0 110px; width: 200px; } #search_mini_form-left .mini-search-left input.input-text { width: 160px; } /* < search */ } @media (max-width: 1024px) { .zoom-window, .zoom-lens { display: none; } } @media (min-width: 980px) and (max-width: 1223px) { .hideLeftRelated2 #left-related, .hideLeft2 #left { display: none; } } @media (max-width: 979px) { .logo-wrapper { padding: 6px 0 15px 5px; } .header .top-toolbar-container { margin-top: 0; } .top-toolbar { padding: 0; width: 160px; } .top-toolbar .header-cart { clear: both; float: right; } .header-cart .summary { width: auto; } .header-cart .summary .cart-middle { float: right; margin: 14px 0 0 10px; width: auto; } .header-cart .mini-products-list { left: -181px; top: 50px; } .top-toolbar .checkout { clear: both; float: right; height: 47px; } .header-container .checkout-mobile .button, .header-container .checkout .button { height: 47px; } .header-container .checkout button.button div { padding-top: 0; } /* search > */ .mini-search-left { margin: 20px 0 0 22px; width: 184px; } #search_mini_form-left .mini-search-left input.input-text { width: 144px; } /* < search */ div.product-img-box div.prolabel-wrapper { margin: 0 auto; width: 330px; } .top-toolbar .my-account-container { float: right; } .relatedAndUpsell .box-collateral { width: 47%; } .relatedAndUpsell .block-related { margin-right: 0px; } .top-toolbar-container { padding-left: 376px; } .logo-wrapper { /* padding-bottom: 60px;*/ } .header, .main, .footer, .footer-toolbar, .footer-cms, #nav, .full-width .login-links-container, .footer-brands-container .footer-brands, .footer-cms { width: 740px; } .catalog-product-view .main-container .product-view .product-shop { float: right; width: 484px; /*123456 product page*/ } .catalog-product-view .main-container .product-view .slider-brands .product-shop { float: left; } .catalog-product-view .main-container .type-grouped .product-shop { float: left; } .type-grouped .product-shop-inner { width: 480px } .type-grouped .product-shop .product-shop-inner { width: 100%; } /* Frontpage > */ .cms-index-index .col2-left-layout .col-main { width: 740px; } /* < Frontpage */ .col2-left-layout .col-main, .col2-right-layout .col-main { width: 514px; } .amlist-list-index .col2-left-layout .col-main, .amlist-list-index .col2-right-layout .col-main { width: 734px; } .amlist-list-index .sidebar { display: none; margin: 0; } .amlist-list-index .header .header-title { display: none; } .col3-layout .col-right { display: none; } .col3-layout .col-wrapper { width: 100%; } .col3-layout .col-main { width: 514px; } .banner-row { display: none; } .category-products .products-list .product-image { width: 150px; } .category-products .products-list .f-fix { width: 290px; } .top-toolbar .my-account-container { clear: both; } .top-toolbar .my-account { border-radius: 8px; } .my-account .dropdown-menu { left: -82px; } .header .links { padding: 0; } .header .header-title { margin: -20px 0 0 0; } /* < 2-column fix */ /* horizontal navigation (Navigation Pro) > */ .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: 15px; } .header-container .nav-container { width: 740px; } .nav-container .navpro .item1 .level0 { width: 720px; } .nav-container .navpro li a.nav-a, .nav-container .navpro li .nav-sibling-title a { padding: 6px 14px 6px 6px !important; } #mega-end-links div { margin: 9px 4px 0 10px; } #navigationpro-top .nav-dropdown.level0.shown-sub { width: 740px; left: -1px; } #navigationpro-top .level0.mega .level2.categories { width: 720px; } #navigationpro-top .level0.mega .level2.categories .level3 { width: 180px; } #navigationpro-top li.makuuhuone.mega .shown-sub { left: -109px !important; } #navigationpro-top li.keittio.mega .shown-sub { left: -242px !important; } #navigationpro-top li.lastenhuone.mega .shown-sub { left: -319px !important; } #navigationpro-top li.tyohuone.mega .shown-sub { left: -451px !important; } #navigationpro-top li.eteinen_ja_sailytys.mega .shown-sub { left: -556px !important; } /* < horizontal navigation (Navigation Pro) */ .account-login .col3-set .buttons-set { padding: 5px 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: 50px; } .main-container .product-view .product-shop { float: none; width: 100%; } .type-grouped .product-info-fields { width: 478px; } .product-view .product-options-bottom .add-to-cart { clear: none; padding-top: 0; } #checkout-step-login .col2-set .col-2 .buttons-set button.button { margin-left: -5px; } .cart .col-total-price { width: 20%; } .cart .cart-qty { width: 95px; } .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; } /* footer > */ .footer-brands-container .footer-brands { margin: 0 -370px; } .footer-brands-container .footer-brands img { height: 36px; } .footer-cms-inner { padding: 20px 5px 20px 26px; } .footer-cms .col-pair.pair1 { float: left; margin: 0 auto 20px; width: 355px; } .footer-cms .col-pair.pair2 { float: right; margin: 0 auto; width: 327px; } .footer-cms .col.col1 { float: left; width: 165px; } .footer-cms .col.col2 { float: right; width: 163px; } .footer-cms .col.col3 { float: left; width: 70px; } .footer-cms .col.col4 { float: right; width: 257px; } /* < footer */ /* 2-column fix > */ .customer-account-login .col2-left-layout .col-main, .customer-account-create .col2-left-layout .col-main, .router11-index-index .col2-left-layout .col-main, .router12-index-index .col2-left-layout .col-main, .catalog-seo-sitemap-category .col2-left-layout .col-main, .catalog-seo-sitemap-product .col2-left-layout .col-main, .contacts-index-index .col2-left-layout .col-main, .cms-page-view .col2-left-layout .col-main, .checkout-cart-index .col2-left-layout .col-main { width: 720px; } .cms-page-view .col3-layout .col-main { width: 494px; } /* < 2-column fix */ .banner-row-w { margin: 14px 31px 9px 25px; } .banner-row-m .first { width: auto; float: none; margin: 14px 31px 9px 25px; } .banner-row-m .last { display: none; } /* Frontpage square banners > */ .square-banners { margin: 15px 0 20px 0px; } .square-banners .fp-banner { width: 237px; } .square-banner { width: 237px; height: 237px; float: left; /*border: 1px solid rgba(0,0,0,0.05);*/ } .square-banner.b-1st { margin-right: 14px; } .square-banner.b-3rd { margin-left: 15px; } .square-banners .img-content .bottom-left-text-banner h2, .square-banners .img-content .bottom-center-text-banner h2 { font-size: 19px; } /* < Frontpage square banners */ .header .header-slogan { display: none; } } @media (min-width: 768px) and (max-width: 979px) { .hideLeftRelated1 #left-related, .hideLeft1 #left { display: none; } } @media (max-width: 767px) { .cart .cart-price-list li { display: inline; margin-right: 10px; } .cart .actions-in-cartrow { width: 70px; } #ajaxpro-addcustomproduct-form { left: 10px !important; margin-left: 0; min-width: 435px; width: 90% !important; } #ajaxpro-addcustomproduct-form #super-product-table .prod-code { display: none; } #ajaxpro-addcustomproduct-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-container { padding-left: 0; } .amlist-list-index .col2-left-layout .col-main, .amlist-list-index .col2-right-layout .col-main { width: 100%; } .logo-wrapper { padding: 35px 0 0 5px; margin-right: -50px; } .logo-wrapper img { width: 250px; } .header, .main, .footer, .footer-toolbar, .footer-cms, #nav { width: 100%; } /* smaller header cart > */ .header-cart-container { float: right; } .top-toolbar .cart-menu, .top-toolbar .my-account, .top-toolbar .header-cart { height: 30px; } .top-toolbar .cart-menu:hover, .top-toolbar .my-account:hover, .top-toolbar .header-cart:hover, .top-toolbar .checkout:hover { height: 30px; } #header-search-link-mid { display: block; } .has-navigation .header-cart-container .cart-menu { display: block; /*border-bottom-left-radius: 8px;*/ float: left; } #navigationpro-left .nav-li-sibling.level-top { display: block; } .mini-search-left { display: none; } .mini-search-left { clear: both; float: none; margin: 5px auto -4px; width: 215px; } #search_mini_form-left .mini-search-left input.input-text { width: 175px; } .header-cart-container .cart-menu button div { padding: 5px 0 0 0; } .header-cart-container .cart-menu button.button { border: none; width: 102px; height: 30px; cursor: pointer; padding: 0; font-size: 14px; } .header-cart-container .cart-menu button div div { background: transparent url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/menu-black-slim-26.png") no-repeat scroll 0 0; width: 26px; height: 22px; margin: -2px 0 0 8px; float: left; } .top-toolbar { width: 158px; } .has-navigation .top-toolbar { width: 235px; } .top-toolbar .header-cart { /*border-bottom-left-radius: 8px;*/ } .top-toolbar .header-cart, .has-navigation .top-toolbar .header-cart { clear: both; float: right; height: 55px; /*-webkit-box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5); -moz-box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5); box-shadow: inset 2px 0px 0px 0px rgba(253,233,171,0.5);*/ } .header-cart .summary { height: 30px; margin: 0; padding: 0; text-align: center; width: 199px; } .header-cart .summary, .has-navigation .header-cart .summary { padding: 1px 0px 0 0px; width: auto; height: 34px; } .header-cart .summary .cart-left { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/cart.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); float: right; height: 34px; margin: 0 5px 0 15px; width: 49px; } .header-cart .summary .cart-left, .has-navigation .header-cart .summary .cart-left { margin: 0 0 0 0px; } .header-cart .summary .cart-middle { float: left; margin: 3px 0 0 0px; text-align: left; width: auto; } .header-cart .summary .cart-middle, .has-navigation .header-cart .summary .cart-middle { margin: 0px 5px 0 4px; font-size: 14px; width: auto; line-height: 17px; float: right; } .header-cart .cart-middle .summary-items, .header-cart .cart-middle .price { display: block; float: left; } .header-cart .cart-middle .price { padding-left: 7px; } .header-cart .summary .cart-right { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -29px -235px rgba(0, 0, 0, 0); float: left; height: 24px; margin: 1px 0 0 4px; width: 24px; display: none; } .header-cart .summary .cart-right, .has-navigation .header-cart .summary .cart-right { margin: 1px 0 0 0; } .header-cart .mini-products-list, .has-navigation .header-cart .mini-products-list { left: -180px; } .top-toolbar .checkout, .top-toolbar .checkout-mobile { clear: both; float: right; height: 29px; border-bottom-right-radius: 0px; } .header-container .checkout .button, .header-container .checkout-mobile .button { height: 30px; margin: 0; padding: 0 0 0 8px; width: 118px; text-align: left; } .header-container .checkout .button, .header-container .checkout-mobile .button, .has-navigation .header-container .checkout .button, .has-navigation .header-container .checkout-mobile .button { width: auto; } .header-container .checkout button.button div, .header-container .checkout-mobile button.button div { padding: 0; } .header-container .checkout button.button div, .header-container .checkout-mobile button.button div, .has-navigation .header-container .checkout button.button div, .has-navigation .header-container .checkout-mobile button.button div { font-size: 30px; height: 30px; line-height: 30px; margin-top: -2px; padding: 0px 0 0; } .header-container .checkout .button div div, .header-container .checkout-mobile .button div div { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/black-arrow-right.png") no-repeat scroll 0px 10px; float: right; height: 21px; margin: 1px 0px 0 0; padding: 0; width: 13px; } .header-container .checkout button.button div div, .header-container .checkout-mobile button.button div div, .has-navigation .header-container .checkout button.button div div, .has-navigation .header-container .checkout-mobile button.button div div { padding: 0; margin: 0px 0px 0 5px; } .header .top-toolbar-container { /*position: absolute;*/ margin-top: 52px; float: right; } .header-container .full-width { position: absolute; background: #ffffff none repeat scroll 0 0; } .top-toolbar .header-cart .mini-products-list li { width: 294px; } /* < smaller header cart */ /* horizontal navigation (Navigation Pro) > */ .nav-container { padding: 0; } .header-container .nav-container { padding-top: 3px; } .nav-container .navpro .nav-dropdown.shown-sub { display: block; z-index: 999; } .header-container .nav-container .navpro, .header-container .nav-container { width: 100%; height: auto; border: none !important; border-radius: 0; float: none; } .sidebar .navpro a.level-top, .sidebar .navpro div.level-top a { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .first .nav-accordion-toggler { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/toggler-right.png") no-repeat scroll 10px 7px; height: 29px; right: 2px; top: 5px; width: 40px; } .first .nav-accordion-toggler-active { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/toggler-down.png") no-repeat scroll 13px 8px; } .nav-accordion-toggler { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/toggler-right.png") no-repeat scroll 10px 7px; height: 29px; right: 2px; top: 5px; width: 40px; } .nav-accordion-toggler-active { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/toggler-down.png") no-repeat scroll 10px 8px; } .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; height: auto; } .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; } #mega-end-links { float: none; clear: both; } #mega-end-links div { clear: both; } /* < horizontal navigation (Navigation Pro) */ .catalog-product-view .main-container .product-view .product-shop { clear: both; width: 100%; } .block-related, .block-upsell { display: none; } .header-container { margin: 0 auto; } .header-container .header, .main-container .main { float: none; width: 480px; margin: 0 auto 0 auto; } .full-width .login-links-container { width: 100%; } .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; } .full-width .login-links .username, .full-width .login-links .seekaccount { display: none; } .full-width .call-us-link .text2 { display: none; } /* Frontpage > */ .cms-index-index .col2-left-layout .col-main { width: 480px; margin-left: auto; margin-right: auto; } .company-idea h1 { font-size: 17px; } /* < Frontpage */ .col1-layout .col-main { padding-top: 0px; } .col3-layout .col-wrapper { width: 100%; } .col2-left-layout .col-main, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-main { float: none; width: 100%; margin: 0; } .col2-left-layout .col-left, .col2-right-layout .right, .col2-right-layout .col-right, .col3-layout .col-left { float: none; width: 100%; margin: 0; } .col3-layout .col-left.sidebar { margin: 0; } .col2-right-layout .col-right .banner { display: none; } .col2-left-layout .col-left .banner, .col3-layout .col-left .banner { display: none; } .header .welcome-msg { display: block; padding: 2px 0 0 0; } .header-title { display: none; } .header .header-links-container { margin: 5px 10px 10px 0; } .nav-container .mini-search-left { display: block; clear: none; float: none; margin: 0; position: initial; width: auto; } .breadcrumbs { margin: 0; height: 100%; padding: 10px 10px 10px 20px; } .col3-layout .breadcrumbs { margin: 0; } .main-container .my-account { padding-top: 1px; } .category-products { margin: 0 auto; width: 470px; } .category-products .products-grid .product-image img { width: 100%; } .category-products .products-list .product-image, .category-products .products-list .product-image img { width: 150px; } .product-view .product-collateral .box-up-sell .product-image img { width: 100%; } .category-products .products-grid .f-fix { padding: 0; } .category-products .products-list .f-fix { width: 100%; } .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-list .product-shop { overflow: hidden; } /* .col2-left-layout .products-grid li.item { width: 42%; } */ .amlist-wrapper { padding-top: 1px; } #nav-top-show-button { top: 0; left: 0; } .col2-left-layout .col-left.sidebar { display: none; } .col2-left-layout .col-left.sidebar { margin: 0 auto; width: 480px; } .store-b2b .account-login .login-wrapper, .account-login .login-wrapper { width: 100%; clear: both; margin: 0 0 20px 0; } .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; } .product-view .product-collateral .std { margin: 0 10px 0 20px; } .main-container .product-view .product-shop { width: 100%; float: none; } .product-view .add-to-cart-wrapper .add-to-box, .product-view .product-options-bottom .add-to-cart { clear: both; padding-top: 15px; } .type-grouped .product-info-fields { clear: both; float: none; width: 100%; } .cart-headers { display: none; } .cart-header-item { display: block; } .cart-price .cart-header-item { display: inline; } .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 { float: none; width: 100%; clear: both; } .cart .product-image { width: 135px; } .cart .product-image img { width: 135px; } .cart .product-shop { margin-left: 150px; } .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; } .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; } .col2-left-layout .sidebar { background-color: #ffffff; color: #000000; } .block-navpro, .block-layered-nav { margin: 0; background: transparent; /*#40454b;*/ /* vas. navi */ } .nav-style-accordion.active { width: 98%; } .nav-dropdown.level0 { width: 99%; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 95%; } .navpro .nav-1.first.nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 100%; } .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; } .checkout-onepage-index .col-main { padding-top: 1px; } #checkout-progress-wrapper { padding: 20px 10px 20px 20px; } /* footer > */ .footer-brands-container { display: none; } .footer-mission-container { width: 315px; } .footer-mission h2 { font-size: 16px; } .footer-cms .col-pair.pair1 { float: none; margin: 0 auto 20px; width: 410px; } .footer-cms .col-pair.pair2 { float: none; margin: 0 auto; width: 410px; } .footer-cms .col.col2 { margin-bottom: 0; } .footer-cms .col.col3 { float: left; width: 150px; margin: 0; padding: 0; } .footer-cms .col.col4 { float: left; width: 257px; padding-top: 0px; } /* < footer */ /* 2-column fix > */ .customer-account-login .col2-left-layout .col-main, .customer-account-create .col2-left-layout .col-main, .router11-index-index .col2-left-layout .col-main, .router12-index-index .col2-left-layout .col-main, .catalog-seo-sitemap-category .col2-left-layout .col-main, .catalog-seo-sitemap-product .col2-left-layout .col-main, .contacts-index-index .col2-left-layout .col-main, .cms-page-view .col2-left-layout .col-main, .cms-page-view .col3-layout .col-main, .checkout-cart-index .col2-left-layout .col-main { width: auto; } /* < 2-column fix */ .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: 0px 10px 10px 10px; } .col-main .banner-left { display: block; float: left; margin: 17px 17px 0px 17px; } .sidebar .banner-left { display: none; } .cms-home .col2-left-layout .sidebar, .cms-home .col3-layout .sidebar { padding-top: 10px; width: 480px; margin: 0 auto; } /*.nivoSlider { display: none; }*/ .block-account, .block-account a { color: #000000; } /* Frontpage square banners > */ .square-banners .fp-banner { width: 234px; } .square-banners .fp-banner:nth-child(9) { display: none; } .square-banners .square-banner, .square-banners .square-banner.b-1st, .square-banners .square-banner.b-3rd { margin: 0px auto 10px; clear: both; float: none; width: 382px; height: 382px; } .square-banners .img-content .bottom-left-text-banner h2, .square-banners .img-content .bottom-center-text-banner h2 { font-size: 18px; } .square-banners .img-content .bottom-left-text-banner li h2, .square-banners .img-content .bottom-center-text-banner li h2, .square-banners .img-content .bottom-left-text-banner span, .square-banners .img-content .bottom-center-text-banner span { font-size: 14px; } /* < Frontpage square banners */ .category-products .toolbar, .pager .limiter, .pager .amount { display: block; } .pager { text-align: left; } .pager .pages { float: left; margin-top: 15px; } .pager .limiter { float: right; margin: 0; } } @media (max-width: 479px) { h1, .h1, .page-title h1, .page-title h2 { font-size: 19px; } div.product-img-box div.prolabel-wrapper { margin: 0 auto; width: 230px; } #ajaxpro-addcustomproduct-form { left: 0px !important; width: 100%; min-width: 0px; } #ajaxpro-addcustomproduct-form .product-view { padding: 0; text-align: left; width: auto; } .data-table th { padding: 1px 2px 1px 0; } #header-search-link { display: block; margin: 2px 9px 0 0; } #header-search-link-mid { display: none; } .login-tohome-wrapper { float: left; } .full-width .login-links-container { margin: 0 auto; width: 300px; } .full-width .call-us-link .text { display: none; } .logo-wrapper { float: none; margin-bottom: 20px; margin-right: auto; padding: 40px 0 0 0px; } .header .logo img { width: 250px; } .header .top-toolbar-container { float: none; margin-top: 0; } .has-navigation .top-toolbar, .top-toolbar { width: 320px; margin: 0 auto; } .header-container .header { float: none; width: 100%; margin: 0 auto 0 auto; } .login-tohome-wrapper { float: left; } .header-container .header-cart { clear: none; } .header-cart-container { float: none; margin: 0 auto; width: 280px; } .has-navigation .header-cart-container { float: none; margin: 0 auto; width: 310px; } .has-navigation .header-cart .summary .cart-left { display: none; } .top-toolbar .checkout { display: none; } .top-toolbar .checkout-mobile { display: block; } .header-container .checkout-mobile .button { height: 30px; padding: 0px; margin-left: 5px; } .header-cart .cart-middle .summary-items, .header-cart .cart-middle .price { /*display: none;*/ } .has-navigation .header-cart .summary { border-left: 1px solid; border-right: 1px solid; padding: 0px 5px 0; width: auto; } .has-navigation .header-container .checkout-mobile .button { width: 102px; margin-top: 3px; } .header-container .checkout-mobile button.button div { padding: 0; } .has-navigation .header-container .checkout-mobile button.button div { font-size: 30px; height: 30px; line-height: 30px; margin-top: -2px; padding: 0px 0 0; } .header-container .checkout-mobile .button div div { background: rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/black-arrow-right.png") no-repeat scroll 0px 10px; float: right; height: 21px; margin: 1px 0px 0 0; padding: 0; width: auto; } .has-navigation .top-toolbar .header-cart { clear: none; float: right; height: 30px; } .top-toolbar .header-cart { clear: none; float: left; } .header-cart .cart-middle .summary-items, .header-cart .cart-middle .price { /*display: none;*/ } .has-navigation .header-container .checkout-mobile button.button div div { padding: 0; margin: 0px 0px 0 0; } .header-container .header { float: none; width: 100%; margin: 0 auto 0 auto; } .header-container .header-cart { clear: none; height: 29px; } .header-cart .mini-products-list { left: -11px; } .has-navigation .header-cart .mini-products-list { left: -95px; top: 33px; } .has-navigation .header-cart-container .cart-menu { margin-top: 4px; margin-right: 4px; float: right; } .has-navigation .header-cart .summary .cart-left { margin-top: -3px; } .header-cart .summary .cart-left { margin-top: -6px; margin-right: 5px; } .has-navigation .header-cart .summary { padding: 0 2px 0; width: 105px; border-left: 1px solid rgba(0, 0, 0, 0.7); border-right: 1px solid rgba(0, 0, 0, 0.7); } .header-cart .summary .cart-middle, .has-navigation .header-cart .summary .cart-middle { margin: 0 0 0 0; width: 105px; text-align: center; } .header-cart .summary .cart-middle { margin: -5px 0 0 0; } .header-cart-container .cart-menu button div div { width: 25px; margin: -2px 0 0 0; } .header-cart-container .cart-menu { margin-top: 0px; } .header-cart-container .cart-menu button.button { width: 87px; margin-right: 0px; } .full-width .login-links { float: right; } .full-width .login-links span.createaccount, .full-width .login-links .mydashboard { display: none; } /* Frontpage > */ .cms-index-index .col2-left-layout .col-main { width: 320px; } .company-idea h1 { font-size: 13px; } /* < Frontpage */ /* cms page view > */ .cms-page-view .col2-left-layout .std { margin: 0 0px 20px 0px; } /* < cms page view */ .col2-left-layout .col-main { float: none; } .col2-left-layout .col-main, .col2-right-layout .col-main, .col2-left-layout .col-left.sidebar, .col2-right-layout .sidebar { margin: 0 auto; width: 320px; } .header-container .header, .main-container .main { float: none; width: 320px; margin: 0 auto 0 auto; } .square-banners { margin-top: 0px; } .cms-home .col2-left-layout .sidebar, .cms-home .col3-layout .sidebar { width: 320px; } .category-products { width: 300px; } .prolabel-wrapper { margin: 0 auto; width: 200px; } .product-view .product-img-box { float: left; } .col3-layout .col-main, .col3-layout .sidebar { float: none; } .col3-layout .col-main, .col3-layout .sidebar { width: 100% } .header .logo { width: auto; } .catalog-product-view .main-container .product-view .product-shop { width: 100%; } .category-products { padding: 0; } .products-grid .product-name { min-height: 0; } .products-grid .actions-container { min-height: 0; } .col2-left-layout .products-grid .product-shop .f-fix { min-height: 0; } .products-grid .product-shop .price-label { padding-left: 0; } .cart .product-image { width: 55px; } .cart .product-image img { width: 55px; } .cart .product-shop { margin-left: 60px; } #search_mini_form-left .mini-search-left input.input-text { /*width: 85%;*/ } .category-products .products-grid .product-image, .category-products .products-list .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; } .product-view .product-essential { margin-left: 10px; } .product-view .product-collateral .product-shop { overflow: hidden; margin-left: 115px; float: none; width: auto; } .product-view .product-img-box { width: 100%; } .product-view .product-img-box a.prozoom-image { width: 230px !important; height: 230px !important; } .product-view #slider1 { padding-left: 6px; } .prolabel-wrapper { float: none; } .products-grid .actions-container { min-height: 0; } .products-grid .actions { padding: 0; clear: both; position: relative; right: 0; margin: 0 auto; bottom: 0; width: 130px; } .products-grid .actions .button { /*float: left;*/ margin: 0 4px 0 0; } .banner-row li { min-height: inherit; } .nav-style-accordion.active { width: 98%; } .nav-dropdown.level0 { width: 99%; } .navpro .nav-style-accordion .nav-accordion-toggler-active + .nav-dropdown .nav-column { width: 92%; } .product-view .add-to-cart-wrapper .grouped-items-table, .product-view .product-shop .grouped-items-table .price-box, .product-view .product-shop .grouped-items-table .price-box .price, .product-view .product-shop .grouped-items-table .price-box .old-price, .product-view .product-shop .grouped-items-table .price-box .price-label, .product-view .product-shop .grouped-items-table .price-box .special-price, .product-view .product-shop .grouped-items-table .price-box .regular-price .price, .product-view .product-shop .grouped-items-table .price-from .price-label, .product-view .product-shop .grouped-items-table .price-to .price-label, .product-view .product-shop .grouped-items-table .price-box .label { font-size: 11px; line-height: normal; } select, .form-list select { background: none !important; padding: 0 !important; } #product_sendtofriend_form button.button span, .product-view .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; } /* 2-column product list > */ .col2-left-layout .products-grid li.item { width: 140px; border-bottom: 0px solid #DDDDDD; border-top: none; padding: 5px; border-right: none; margin: 10px 0px 5px; clear: none; display: block; float: left; } .products-grid .product-shop { clear: both; margin-left: 0; overflow: auto; padding-left: 0; text-align: left; } .category-products .products-grid .product-image { width: 100%; } .products-grid .product-name { clear: both; min-height: 84px; text-align: center; margin-bottom: 10px; } .products-grid .price-box .minimal-price span, .products-grid .price-box .regular-price span, .products-grid .price-box .special-price span, .products-grid .price-box span.price { text-align: center; width: 100%; } .main .products-grid .product-name a { font-size: 14px; } .products-grid .price-box { margin: 3px 0 10px 0; text-align: center; } .main .products-grid .product-name a { font-size: 14px; } .products-grid .price-box { margin: 3px 0 5px 0; } .products-grid .old-price .price-label, .products-grid .special-price .price-label, .products-grid .minimal-price .price-label, .products-grid .price-box .price { font-size: 14px; } .products-grid .actions button.button { padding: 2px 4px 2px 3px; } .products-grid .actions button.button.btn-cart { padding: 2px 0 0 0; margin-right: 0; } .products-grid .actions button.btn-cart span { background: none; /*rgba(0, 0, 0, 0) url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll 43px -540px !important;*/ padding: 0 0px 0 0; width: 58px; } .products-grid .actions button.button span { line-height: 22px !important; } .std .products-grid p.availability, .products-grid p.availability { padding: 4px 0 0; margin: 0 0 1px 0; font-size: 13px; } /* < 2-column product list */ .footer-mission-container { width: 275px; } .footer-mission h2 { font-size: 14px; } .footer-cms-inner { margin: 0 auto; padding: 20px 0; width: 220px; } .footer-cms .col-pair.pair1, .footer-cms .col-pair.pair2 { width: 244px; margin: 0 0 30px; } .footer-cms .col { margin-bottom: 20px; } .footer-cms .col.col1, .footer-cms .col.col2, .footer-cms .col.col3 { float: none; width: auto; } .footer-cms .col1 p, .footer-cms .col2 p, .footer-cms .col3 p { margin-bottom: 4px; margin-left: 0; } .footer-cms .col.col4 { float: none; text-align: center; width: 254px; margin-left: -15px; } .footer-cms-container .footer-cms .h6 { margin: 0 0 10px; } .footer-cms li { margin-left: 20px; } .footer-cms .col a, .footer-cms li.col1 p, .footer-cms li.col2 p, .footer-cms li.col3 p { margin-left: 0; } .footer-cms .col4 p { padding: 15px 0 0 0 !important; } .footer-cms .col4 li span { width: 30px; height: 30px; } .footer-cms .col4 li span.facebook { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -301px -191px rgba(0, 0, 0, 0); } .footer-cms .col4 li span.twitter { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -301px -236px rgba(0, 0, 0, 0); } .footer-cms .col4 li span.youtube { background: url("https://www.kalustekaverit.fi/skin/frontend/argento/argento/images/common.png") no-repeat scroll -301px -274px rgba(0, 0, 0, 0); } .banner-row-w { margin: 14px 8px 9px 8px; } .banner-row-m .first { margin: 14px 7px 9px 7px; } .nivoSlider { display: none; } /* Frontpage square banners > */ .square-banners .fp-banner { width: 156px; } .square-banners .square-banner, .square-banners .square-banner.b-1st, .square-banners .square-banner.b-3rd { width: 290px; height: 290px; } .square-banners .img-content .bottom-left-text-banner h2, .square-banners .img-content .bottom-center-text-banner h2 { font-size: 14px; } .square-banners .img-content .bottom-left-text-banner li h2, .square-banners .img-content .bottom-center-text-banner li h2, .square-banners .img-content .bottom-left-text-banner span, .square-banners .img-content .bottom-center-text-banner span { font-family: 'Work Sans', sans-serif; color: #000000; line-height: 14px; font-weight: 500; font-size: 13px; } /* < Frontpage square banners */ .pager .limiter, .pager .amount { display: block; margin-right: 7px; } .pager .pages { margin-top: 0; } .pager .limiter { float: left; margin: 1px 0 10px; } .pager, .sorter { padding: 7px 0; } .prolabel-wrapper .prolabel { display: block; } /* Demo notice > */ .demo-notice p { font-size: 11px; } /* < Demo notice */ /* reCAPTCHA > */ .account-customer .buttons-set .recaptcha { padding-left: 20px; float: none; } /* < reCAPTCHA */ #checkout-review #addresses-review .col-1, #checkout-review #addresses-review .col-2 { float: none !important; clear: both; width: 100% !important; margin: 5px 0 5px 0; } #checkout-review #addresses-review #billing-address-review { margin-bottom: 15px; } } .prozoom-image { margin-bottom: 10px; text-decoration: none; } .prozoom-image:hover { text-decoration: none; } @media (max-width: 979px) { /*123456*/ .zoom-window, .zoom-lens { display: none; } } #image { } /*.more-views li a { border:2px solid #ddd; float:left; width:56px; height:56px; overflow:hidden;} .more-views li.active a { border-color: #999; }*/ .zoom-title { background:#999; color:#FFFFFF; font-family:Tahoma; font-size:11px; left:0; top:0; padding:2px; position:absolute; text-align:center; width:100%; z-index:10000; } .zoom-lens { background-color:#FFF; border: 1px solid #c4c4c4; overflow:hidden; z-index:10; position: absolute; } .zoom-lens img { border:0 none; } .spinner, .informer { border:1px solid #CCCCCC; background: #fff no-repeat 43px 30px; color:#333333; font-family:Tahoma; font-size:12px; height:43px; width:90px; left:3px; top:3px; opacity:0.8; filter: alpha(opacity=80); padding:8px; position:absolute; text-align:center; text-decoration:none; z-index:10; } .spinner { background-image: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/prozoom_loader.gif); } .zoom-window { background-color:#FFFFFF; border:1px solid #999999; } #largeimage { position:absolute; z-index:10000; } #largeimage .close { position:absolute; top: 5px; right:5px; padding: 7px 4px; text-decoration: none; background: url(https://www.kalustekaverit.fi/skin/frontend/argento/default/images/prozoom_close.gif) no-repeat 0 0; width: 24px; height: 24px; text-indent: -9999px; } .zoom_ieframe { }