/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/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(http://www.fjallraven.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* Print ======================================================================================= */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { font: 12px/1.35 Arial, Helvetica, sans-serif; color: #000; } .page-print .print-head img { width: 7cm; max-width: 300px; margin-bottom: 20px; } .page-print .print-head address { float: left; font-style: normal; margin-left: 15px; } .page-print.sales-order-print .col2-set { float: left; width: 100%; } .page-print.sales-order-print h2, .page-print.sales-order-print h3 { font-weight: normal; } .page-print.sales-order-print > div > h2, .page-print.sales-order-printshipment > div > h3 { clear: left; } .page-print #my-shipment-tracking { margin-bottom: 20px; } .page-print .col2-set .col-1 { float: left; width: 49%; } .page-print .col2-set .col-2 { float: right; width: 49%; } .page-print .data-table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; width: 100%; } .page-print .data-table th { padding: 5px; border: 1px solid #ddd; font-weight: bold; white-space: nowrap; } .page-print .data-table thead { background-color: #f2f2f2; } .page-print .data-table tbody.even { background-color: #f6f6f6; } .page-print .data-table th { text-align: left; } .page-print .data-table td { padding: 5px; border: 1px solid #ddd; } .page-print .data-table td .item-options dt { font-weight: bold; font-style: italic; } .page-print .a-right { text-align: right; } .page-print .nobr { white-space: nowrap; } .page-print.sales-order-print .data-table tfoot td { text-align: right; } .page-print .buttons-set { display: none; } /* ======================================================================================= */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;border:0} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background: #e3e3e3 url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/bg1.jpg') fixed; } hr { border: none; border-top: 1px solid #c0071f; } /* Page Heading */ .page-title h1 { margin-top: 0; } .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; } img { max-width: 100%; width: auto\11; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } iframe { max-width: 100%; } /* Buttons */ .button { background: #9b995f; border: 2px #74744c solid; border-radius: 2px; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; height: 28px; padding: 0 5px; text-align: center; vertical-align: top; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } button.button { height: 28px; width: 181px; max-width: 100%; } .button:hover, .button:focus, .button:active { box-shadow: inset 0 0 0 1px #cdccb1; text-decoration: none !important; } .button.secondary { background: #d7ccb9; border-color: #aea192; padding: 0 10px; width: auto; } .button.secondary:hover { box-shadow: inset 0 0 0 1px #f5f2ed; } button.button:disabled, .button[disabled] { background: #ccc; border: 2px #bbb solid; box-shadow: 0 0 0 #aaa !important; } /* Inputs and textareas */ fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; border: 0; border-bottom: 1px solid #e5e5e5; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } .input-text, textarea { display: inline-block; width: 100%; height: 28px; padding: 6px 8px; vertical-align: middle; background-color: #fff; border: 1px solid #c0071f; border-radius: 0; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .input-text:focus, textarea:focus{ outline: 0; } .input-text[disabled], .input-text[readonly], textarea[disabled], textarea[readonly], fieldset[disabled] .input-text { cursor: not-allowed; background-color: #eeeeee; } .radio, .form-list .control label, .checkbox { cursor: pointer; width: auto; } /* Lists */ ul, ol { list-style: none; margin: 0; padding: 0; } /* Tables */ table { border: none; } /* Labels */ label { display: inline-block; } .form-list label, .one-page-checkout label { width: 29%; margin-bottom: 5px; } /* Grouped fields */ .form-list li { margin: 0 0 15px 0; } .form-list .field { margin: 0 0 10px 0; } .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 .input-box, .form-list .input-text, .one-page-checkout .input-text { display: inline-block; width: 70% } .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; } /* Buttons set */ .buttons-set { line-height: 30px; float: left; } .buttons-set a { text-transform: none; } .back-link { float: left; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 5px; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 5px 0 10px 0; padding-left: 3px; } .validation-advice span { padding-right: 5px; } .validation-failed { border-color: #b94a48; } .validation-failed:focus { border-color: #953b39; } p.required { text-align: right; } /* 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 */ .messages, .messages ul { list-style: none; margin: 0; padding: 0; display: inline-block; width: 100%; } .messages i { display: inline-block; margin-right: 10px; } .messages li { margin: 0 0 10px; } .error-msg, .success-msg, .note-msg, .notice-msg { min-height: 24px; padding: 10px 10px 0 10px; font-weight: bold; border-radius: 3px; } .error-msg { background-color: #ff544c; border: 1px solid #ce0422; } .success-msg { background-color: #d2eeff; border: 1px solid #b3d8ee; } .note-msg, .notice-msg { background-color: #ccc; } /* Pager appear on other pages than category; such as account pages, therefore this is added in global.css */ .toolbar .amount, .toolbar .pages, .toolbar .sort-by { display: inline-block; float: left; width: 33%; } .toolbar .amount { text-align: center; } .toolbar .pages { text-align: right; } .toolbar div span { display: inline-block; padding: 0 8px; } .toolbar div span { border-right: 1px #c0071f solid; } .toolbar div span:first-child, .toolbar div span:last-child { border-right: none; } .toolbar div span:first-child { padding: 0; } .toolbar div.amount span:first-child { border-right: 1px #c0071f solid; padding-right: 10px; } /* Sorter */ .toolbar .sort-by select { width: 100px; margin: 0 10px 0 5px; } /* Limiter */ .toolbar .limiter select { margin: 0 20px 0 5px; width: auto; } /* Toolbar */ .toolbar { border-bottom: 1px dotted #c0071f; clear: both; padding-bottom: 15px; } .toolbar label { line-height: 23px; } .toolbar-bottom .toolbar { border-bottom: none; padding-top: 0; } .toolbar-bottom .no-pagination { border-top: 0; } .toolbar label { display: inline-block; } /* Data tables */ .data-table { width: 100%; } .data-table th { padding: 6px; 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 tr.even { background-color: #f6f6f6; } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { background-color: #f6f6f6; } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px; } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td.label, .data-table th.label { font-weight: bold; background-color: #f6f6f6; text-shadow: none; color: #333; border-radius: 0; line-height: normal; border-bottom: none; border-right: none; } .data-table tr.last { border-bottom: 1px solid #ddd; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } 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(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline; font-weight: normal; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Misc */ .link-cart { font-weight: bold; color: #f00; } .link-reorder { font-weight: bold; } .link-print { background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { font-size: 14px; } .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(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/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 { margin: 0 auto; padding: 12px 0 12px 80px; background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/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; } /* Figure */ figure { margin: 0; } /* Other */ .carousel-control { overflow: hidden; } /* Hide an element to all users except screen readers */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .pull-right { float: right !important; } .pull-left { float: left !important; } .pull-clear-right { float: right; clear: right; } .pull-clear-left { float: left; clear: left; } /* TODO: BELOW COMES FROM OLD TYPOGRAPHY.CSS */ /* CHECKBOXES & RADIOBUTTONS & SELECTS --------------------------------- */ label { cursor: pointer; } input[type=checkbox], input[type=radio] { display: none; } input[type=checkbox] + label, input[type=radio] + label { padding-left: 31px; } input[type=checkbox] + label:before, input[type=radio] + label:before { background: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite.png') -23px 0; content: ''; cursor: pointer; display: inline-block; height: 17px; left: -31px; margin-right: -17px; position: relative; top: 2px; width: 17px; } input[type=checkbox] + label:before { background: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite.png') -23px 0; } input[type=radio] + label:before { background: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite.png') -68px 0; } input[type=checkbox]:checked + label:before { background-position: 0 0; } input[type=radio]:checked + label:before { background-position: -46px 0; } select { min-width: 100px; } div.fjr-select { display: inline-block; position: relative; } div.fjr-select select { height: 25px; opacity: 0; position: relative; z-index: 4; -webkit-appearance: none; box-sizing: content-box; cursor: pointer; } div.fjr-select div { border: 1px #999 solid; border-radius: 3px; display: inline-block; font-family: "VAGRounded", sans-serif; font-size: 12px; height: 23px; left: 0; line-height: 25px; overflow: hidden; position: absolute; padding-left: 9px; top: 0; vertical-align: middle; white-space: nowrap; z-index: 3; } div.fjr-select div:after { background: #fff url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite.png') -225px 3px; border-left: 1px #999 solid; content: ''; display: block; height: 23px; position: absolute; right: 0; top: 0; width: 25px; } /* INPUTS & TEXTAREAS --------------------------------- */ textarea, input { padding: 5px; border-radius: 2px; } textarea:focus, input:focus { background: #fff; outline: none; } textarea.validation-failed, input.validation-failed { border: 1px #c00 solid; } /* NEWSLETTER */ .newsletter-subscription { margin-top: 10px; position: relative; width: 100%; } .newsletter-subscription input.input-text, .newsletter-subscription button.button { background: #fff; border: 1px #c0071f solid; border-radius: 0; float: left; height: 32px; max-width: none; padding: 0 12px; } .newsletter-subscription input.input-text { padding-right: 45px; width: 100%; } .newsletter-subscription button.button { min-width: inherit; position: absolute; right: 0; top: 0; width: auto; } .newsletter-subscription button.button:hover { background: #c0071f; border-color: #c0071f; box-shadow: none; } .newsletter-subscription .validation-advice { margin-bottom: 0; padding: 5px 0 0 0; } /* WEEKLY PICKS -------------------------------- */ .weekly-picks h2 { margin-bottom: 20px; margin-top: 0; } .weekly-picks h2 a { margin-left: 10px; text-decoration: none; } .weekly-picks h2 a:after { content: ' \00BB'; } .weekly-picks li.item { border-bottom: none; } /* WEEKLY PICKS CATEGORY -------------------------------- */ .weekly-picks.category h2 { margin-bottom: 10px; } .weekly-picks.category h2 a { margin-left: 10px; text-decoration: none; } .weekly-picks h2 a:after { content:' \00BB'; } .weekly-picks li.item { border-bottom: none; } .weekly-picks li.item.col-md-2 .price-box { width: 100%; } .weekly-picks.category .products-grid .item img { height: auto; width: auto; } .weekly-picks .products-grid li.item.col-md-2 h3 { margin-bottom: 25px; } .weekly-picks .products-grid li.item.col-md-2 .button { width: 100%; } /* WEEKLY PICKS STARTPAGE -------------------------------- */ .cms-index-index .col-main .weekly-picks .listing-type-grid .products-grid { margin-bottom: 0; padding: 0; } /* Hotspots ------------------------------------ */ .hotspot { background-color: #fff; border-radius: 15px; box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.6); position: absolute; text-align: center; display: block; opacity: 0; cursor: pointer; height: 25px; width: 25px; z-index: 11; -webkit-transition: opacity .3s; transition: opacity .3s; } .hotspot a { display: inline-block; } .carousel .hotspot a:after { content: ''; } .carousel-inner:hover .hotspot { opacity: 1; } .is-touch .carousel-inner .hotspot { display: none; } /* FANCYBOX OVERRIDES */ .fancybox-wrap .fancybox-skin { background-color: #fff; } .cms-index-noroute .std table, .cms-index-noroute .std table td { border: none; table-layout:fixed; width: 100%; } .cms-index-noroute .std img { width: 100%; } /* RESPONSIVE VIDEOS */ .video-container { position: relative; padding-bottom: 55.8%; padding-top: 1px; height: 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .bottomfixed { background-color: #d7ccb9; bottom: 0; display: block; left: 0; margin: 0 !important; padding: 20px !important; position: fixed; text-align: center; width: 100%; z-index: 200; } .page { margin: 0 auto; padding: 0; text-align: left; width: 960px; } .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 { margin-top: 20px; } body > .container { background: #fff; border: 10px solid #d7ccb9; box-shadow: 0 0 35px 7px rgba(0,0,0,0.3); margin-bottom: 100px; } /* Tools ================================================================================= */ .nobr { white-space: nowrap; } .wrap { white-space: normal; } .a-left, table th.a-left, table td.a-left { text-align: left; } .a-center, table th.a-center, table td.a-center { text-align: center; } .a-right, table th.a-right, table td.a-right { text-align: right; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left; } .f-right, .right { float: right; } .f-none { float: none; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .d-inline { display: inline; } .no-margin { margin: 0; } .no-padding { padding: 0; } .no-bg { background: none; } .hidden { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Product prices ======================================================================================= */ .price-box { overflow: hidden; margin: 7px 0 15px; } /* Regular price */ .product-shop .regular-price { display: block; float: left; text-align:left; } .regular-price .price { display: block; } /* Old price */ .product-shop .old-price { display: block; float: left; } .old-price .price-label { white-space: nowrap; } /* Special price */ .product-shop .special-price { display: block; float: left; margin-left: 15px; } .special-price .price-label { white-space: nowrap; } /* Minimal price (as low as) */ .minimal-price .price-label { white-space: nowrap; } .minimal-price-link { display: block; } .minimal-price-link .label { background-color: transparent; border-radius: 0; padding: 0; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } /* Configured price */ .configured-price .price-label { white-space: nowrap; } /* FPT */ .weee { display: block; } /* 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; } /* Price range */ .price-from .price-label { white-space: nowrap; } .price-to .price-label { white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px; } /* Price as configured */ .price-as-configured .price-label { white-space: nowrap; } /* ======================================================================================= */ .product-options-bottom .price-box { display: inline-block; } .product-options-bottom .old-price { float: right; } .product-options-bottom .special-price { float: left; } .product-options-bottom .old-price .price { margin: 0 0 0 15px; } /* Header ================================================================================ */ #header { background: #fff; margin-top: 28px; position: relative; z-index: 99; } #header >.row { margin-bottom: 15px; } #header .toplogo, #header .toplinks, #header .topsearch, #header .headercart, #header .toggle-nav, #header .to-cart { float: left; padding: 0 10px; } #header .logo { display: block; margin: 4px 0 10px; } #header .logo img { max-width: 157px; } #header .toplinks { margin-top: 3px; } #header .toplinks li { margin: 1px 0; } #header .toplinks .customer-service { display: none; } #header .topsearch h4 { margin: 0 0 7px 0; } #header .topsearch input { padding-left: 20px; } #header .to-cart.visible-xs .qty { background: #e1e2e3; border-radius: 13px; display: inline-block; height: 25px; left: -8px; position: relative; text-align:center; top: -16px; width: 25px; } #header .to-cart .sprite-bigcart { margin-top: 6px; } /* Search */ #search_mini_form { float: right; width: 100%; position: relative; } #search_mini_form button { background: none; border: none; display: inline; height: 32px; outline: none; padding: 0; position: absolute; right: 0; top: 1px; width: 32px; } #search_mini_form .input-search { -webkit-appearance: none; background: transparent; border: 1px solid #c0071f; border-radius: 0; outline: 0; height: 32px; padding: 0 0 0 5px; vertical-align: top; width: 100%; } #search_mini_form .input-search::-ms-clear { display: none; } #klevu-pt-rs-hover, #klevuMinLtr { display: none !important; } /* Breadcrumbs */ #breadcrumbs { margin-top: 15px; } #breadcrumbs ul > li, #breadcrumbs ul li a { display: inline-block; } #nav .breadcrumbs { margin: 5px 0 20px 10px; } #nav .breadcrumbs meta { display: none; } #nav .breadcrumbs >span { margin-bottom: 5px; margin-right: 7px; } #nav .breadcrumbs >.row { margin-left: -2px; } #nav .breadcrumbs a, #nav .breadcrumbs span { padding: 0 2px; } /* Sidebar =============================================================================== */ .block { margin: 0 0 15px 10px; padding: 0 0 15px; border-bottom: 1px solid #ccc; } .block .block-title strong { font-size: 16px; font-weight: normal; } .block .block-title a { text-decoration: none; } .block .block-subtitle { font-size: 13px; font-weight: bold; } .block .block-content { padding: 10px 0; } .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 li.even { background-color: #f6f6f6; } /* Catalog search right sidebar block */ .sidebar .right-block-1 { padding: 10px 0; margin: 41px 0 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .sidebar .right-block-1 .block-title { text-transform: uppercase; } /* CMS contact */ .cms-contact { padding-bottom: 0; } .cms-contact .block-content { padding-bottom: 0; } .cms-contact p { margin: 0 0 10px 0; } /* 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: 11px; 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; } .product-details-lower { display: inline; } /* Block: Currency Switcher */ .block-currency select { width: 100%; border: 1px solid #888; } /* Vertical nav */ .vertical-nav-container { margin-left: 0; padding-bottom: 4px; } .vertical-nav-container ul { padding-bottom: 5px; } /* Block: Layered Navigation */ .block-layered-nav { padding-bottom: 0; } .block-layered-nav .block-content { padding: 0; margin: 15px 0 0 0; } .block-layered-nav dt { font-weight: bold; } .block-layered-nav .currently ol { margin:inherit; overflow:hidden; } .block-layered-nav li { line-height: 18px; } .block-layered-nav .currently li { margin: 0 0 10px 0; } .block-layered-nav .currently .label { display: block; font-weight: bold; margin: 0 0 5px 0; } .block-layered-nav .btn-remove { float: left; margin-right: 5px; } .block-layered-nav dl { margin: 0; } .block-layered-nav dl dt, .block-layered-nav dl dd { margin: 0; } .block-layered-nav dl dd { margin: 0 0 10px 0; } .block-layered-nav dt .icon-chevron-up, .block-layered-nav dt .icon-chevron-down { display: none; } .block-layered-nav .icon-unchecked { display: inline-block; height: 10px; width: 10px; margin-right: 10px; } .block-layered-nav .icon-check { display: inline-block; height: 10px; width: 10px; margin-right: 10px; } .block-layered-nav dl dd ol { margin: 0; padding: 0; list-style-type: none; } .block-layered-nav .actions { margin: 0; float: right; text-align: left; /* We want to indent text below */; } .block-layered-nav .actions a { float: right; } .clear-all .icon-remove-circle { color: #000; font-size: 16px; margin-left: 5px; } /* Block: Cart */ .block-cart .subtotal { text-align: center; } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 5px 0; } /* Block: Related */ .block-related li { padding: 5px 0; } .block-related input.checkbox { float: left; margin-right: -20px; } .block-related .product { margin-left: 20px; } .block-related .product .product-image { float: left; margin-right: -65px; } .block-related .product .product-details { margin-left: 65px; } /* Block: Compare Products */ .block-compare li { padding: 5px 0; } /* Block: Poll */ .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 3px 9px; } .block-poll .actions { margin: 5px 0 0; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display: inline; } /* Block: Reorder */ .block-reorder li { padding: 5px 0; } .block-reorder input.checkbox { float: left; margin: 3px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } /* Block: Banner */ .block-banner .block-content { text-align: center; } /* Block: Login */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none; } /* ======================================================================================= */ #footer { border-top: 1px #c0071f solid; margin-top: 25px; padding-top: 25px; } #footer > .row:first-child { padding-bottom: 25px; } #footer .bottom { background: #d7ccb9; padding: 25px 0 15px; position: relative; } #footer p { margin: 0; } #footer a:link { display: inline-block; } #footer img.footer-logo { max-width: 110px; } #footer h4 { margin: 0 0 7px 0; } #footer .footer-bottom-links li { float: left; border-right: 1px solid #1d1d1d; line-height: 13px; /* set for border height */ margin-right: 4px; padding-right: 4px; } #footer .footer-bottom-links li:last-child { border-right: none; padding-right: 0; } #footer div.sprite-footer-flag { left: -27px; position: absolute; top: -28px; } #footer .sprite-crown { display: none; } #footer .sprite-crown-small { float: right; margin-left: 15px; } #footer .crown-description { margin: 5px 0 0 0; text-align: right; } #footer .newsletter, #footer .crown { margin-right: 20px; } .category-image-container { margin-bottom: 25px; position: relative; } .category-image-container .category-image img { width: 100%; height: auto; } .category-description-overlay { background: rgba(215, 204, 185, 0.8); padding-top: 30px; padding-bottom: 15px; } .category-image-container .category-description-overlay { position: absolute; top: auto; bottom: 0; left: 15px; right: 15px; } .category-description-overlay .category-title, .category-description-overlay .category-description { padding-left: 35px; padding-right: 35px; } .category-title h1 { margin-top: 0; margin-bottom: 12px; } .category-products { margin-top: 20px; } .category-top .row > .col-md-4, .category-top .row > .col-md-8 { margin-bottom: 15px; } .category-top .category-side-image img { width: 100%; } hr.category-top-divider { margin: 15px 0; } .kanken-category hr.category-top-divider { display: none; } .catalog-category-view .infobox-desc { display: none; } /* View Type: Grid */ .products-grid { padding-top: 20px; } .products-grid.last { border-bottom: 0; } .products-grid li.item { margin-bottom: 20px; text-align: left; vertical-align: top; } .products-grid li.item > .info { border-bottom: 1px dotted #e57f7f; padding-bottom: 20px; } .editorial-category ol.products-grid, .editorial-category .products-grid li.item > .info { border: none; } .catalog-category-view .products-grid li.item:nth-of-type(3n + 1) { clear: left; } .catalog-category-view .products-grid li.item:nth-last-of-type(-n+3) > .info, .kanken-category .products-grid li.item:nth-last-of-type(-n+4) > .info { border-bottom: none; padding-bottom: 0; } .products-grid li.item h3 { margin: 17px 0 3px; text-align: left; } .products-grid li.item .short-description { margin: 3px 0 15px; text-align: left; } .category-products .products-grid li.item { } .category-products .products-grid li.item .short-description { height: 65px; } .category-products .products-grid li.item .infobox-first-part, .infobox-first-part { height: auto; } .products-grid li.item .short-description p { display: inline; margin: 0; } .products-grid li.item .colors { margin: 20px 0 15px; text-align:left; } .products-grid li.item .color { display: inline-block; text-align: left; position: relative; width: 15px; height: 15px; float: left; margin-left: 2px; } .products-grid li.item .colors span { border-radius: 15px; cursor: pointer; display: inline-block; height: 15px; margin-bottom: 0; margin-left: 1px; width: 15px; min-width: 0; position: relative; } .products-grid li.item .color span.no-contrast { top: -1px; } .attribute-button-text { cursor: pointer; z-index: 2; } .attribute-button-text-secondary { cursor: pointer; left: -2px; top: -18px; z-index: 1; } span.attribute-selected { border: none; } .products-grid li.item .colors span.has-contrast { width: 13px; height: 13px; top: 0; } .products-grid li.item .colors span:first-child { margin-left: 0; } .products-grid li.item .colors a { float: right; } .products-grid li.item .colors a:after { content: ' \00BB'; } .products-grid li.item .price-box { clear: left; float: left; text-align: left; width: 50%; } .products-grid li.item .button { float: right; min-width: 76px; } .products-grid li.item.type-style .button { margin: 20px 0 9px 0; } .products-grid li.item .out-of-stock { clear: right; float: right; text-align: center; width: 76px; } .products-grid li.item.first { margin-left: 0; } .products-grid li.item .item-container { text-align: center; } .products-grid .product-image { display: block; position: relative; text-align: center; } /* ICONS ----------------------------------- */ .product-image .icons { height: 200px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 1; width: 77px; } .product-image .icons > div { clear: right; float: right; margin-bottom: 5px; } .product-image .icons .new-product, .product-image .icons .new-color, .catalog-product-view .icons .new-product, .catalog-product-view .icons .new-color { background: #7691e6; height: 18px; text-align: center; behavior: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/css/-ms-transform.htc); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; right: -44px; top: 10px; width: 127px; z-index: 1; } .product-image .icons .new-color, .catalog-product-view .icons .new-color { background: #c0b48c; right: -32px; top: 25px; } .catalog-category-view .product-image .icons { height: auto; } .catalog-category-view .product-image .icons .new-product, .catalogsearch-result-index .product-image .icons .new-product { margin-bottom: 35px; position: relative; } .products-grid .product-image .genders [class^=sprite-gender] { margin-bottom: 5px; } .products-grid .product-image .sprite-g1000 { position: absolute; bottom: 0; right: 0; z-index: 1; } /* Reviews */ .catalog-category-view .ratings { border-bottom: none; margin-bottom: 0; } .editorial-category .toolbar { display: none; } /* KÅNKEN CATEGORY ----------------------------------- */ .kanken-category .category-image-container { margin-bottom: 0; } .kanken-list p { margin-bottom: 20px; } .kanken-list .name-and-description { min-height: 100px; } .kanken-list .price-box { margin: 7px 0 0; } .kanken-category ul.products-grid li.item:nth-of-type(3n + 1) { clear: none; } .kanken-category ul.products-grid li.item:nth-of-type(4n + 1) { clear: left; } .subcategories >div { margin-top: 20px; } .subcategories >div:nth-child(3n + 1) { clear: left; } /* Top sellers ----------------------------------------- */ .topsellers { border: 1px solid #cccccc; padding: 10px; position: relative; } .sidebar .topsellers h2 { border-bottom: 1px dotted #e57f7f; font-size: 20px; line-height: 28px; margin: 0; } .topsellers .item { margin-bottom: 0; border-bottom: 1px dotted #e57f7f; padding: 10px 0 10px 10px; position: relative; } .topsellers .product-name { display: block; height: 60px; margin-right: 70px; padding-top: 20px; text-align: left; vertical-align: baseline; } .topsellers .product-image { position: absolute; top: 10px; left: auto; right: 0; } .topsellers p { margin: 0; } .topsellers h3 { display: inline-block; margin: 5px 0; } .catalogsearch-result-index .products-grid .item >a, .catalogsearch-result-index .products-grid .info { height: 200px; } /* Product ========================================================================== */ .catalog-product-view #breadcrumbs { width: 50%; } div.col2-left-layout #breadcrumbs { width: 100%; } .catalog-product-view ul.messages { margin-bottom: 50px; } .product-shop { position: relative; } .product-shop-box { margin-top: -38px; padding: 0 15px 0 8px; } .product-shop-box h1 { margin: -8px 0 -3px; } .product-shop-box hr { border-color: #f0f1f1; margin: 20px 0; } .product-media hr { margin: 20px 0; } .product-media { padding: 0 8px 0 15px; } .product-cms * { margin-top: 20px; max-width: 100%; } /* Rating */ .no-rating { margin: 0; } div.ratings { cursor: pointer; margin: 5px 0 15px 10px; overflow: hidden; } div.ratings:hover { border-bottom: 1px solid #cc4444; } .tabs div.ratings:hover { border: none; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .ratings .num-ratings { display: block; width: 23px; text-align: center; padding: 3px 0 8px 0; } .rating-box { display:inline-block; width: 85px; height: 13px; background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; position: relative; top: 1px; margin-right: 8px; } .rating-box .rating { float: left; height: 13px; background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/bkg_rating.gif) 0 100% repeat-x; } .ratings-table th, .ratings-table td { padding: 3px 0; } .ratings-table th { padding-right: 8px; } /* Availability */ .availability { margin: 0; } .availability.out-of-stock span { white-space: nowrap; } .availability-only { margin: 0 0 7px; } .availability-only a { background: url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor: pointer; padding-right: 15px; } .availability-only .expanded { background-position: 100% -15px; } .availability-only-details { margin: 0 0 7px; } .availability-only-details th { background: #f2f2f2; padding: 0 8px; } .availability-only-details td { border-bottom: 1px solid #ddd; padding: 2px 8px 1px; } /* Add to Links */ .add-to-links .separator { display: none; } /* Add to Cart */ .add-to-cart{ overflow: hidden; } .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart .qty { float: left; width: 25px; padding: 3px 0; text-align: center; margin: 0 5px 0 0; } .add-to-cart button.button { background: #c0071f; border: none; float: left; height: 44px; width: 350px; } .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; } .catalog-product-view .add-to-cart .paypal-logo { margin: 0; } /* Add to Links + Add to Cart */ .add-to-box form{ margin: 0; } .catalog-product-view .add-to-links { margin: 20px 0 0 0; padding: 0; clear: both; } .grouped-product .add-to-links { margin-left: 0; } .add-to-box .add-to-links li { display: inline; } .product-essential { margin: 0 0 15px 0; } .product-collateral .box-collateral { margin: 0; } /* Product Images */ .catalog-product-view .more-views ul { margin-left: -4px } .catalog-product-view .more-views li { float: left; margin: 0 13px 15px 0; } .catalog-product-view .more-views a { outline: 0; } .catalog-product-view .more-views li img { width: 60px; } .catalog-product-view .product-image img.main-image { display: block; width: 100%; } .catalog-product-view .product-image >img.main-image { margin: auto; } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; } /* Product Shop */ .catalog-product-view .product-name { margin-top: 3px; } .catalog-product-view .short-description { margin: 0; } .catalog-product-view .add-to-box { margin: 0 0 15px 0; padding: 0 0 15px 0; } /* Product Options (General) */ .product-options p { clear: both; margin-bottom: 20px; } .product-options dl { margin: 0; } .product-options dt .qty-holder { float: right; } .product-options label { display: inline; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dt label { display: block; margin: 0; } .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 { height: 100px; } .product-options dd select { background: #fff; box-shadow: none; padding: 1px; width: 100%; margin: 0 0 5px 0; } .product-options .options-list li { padding-bottom: 5px; width: 100%; float: left; /* IE fix */ } .product-options .options-list li .radio, .product-options .options-list li .checkbox { float: left; display: block; margin: 0 3px 0 2px; } .product-options .options-list .label { padding: 2px 0; display: block; float: left; margin: 0; } .product-options .options-list .label label { float: left; margin: 0; padding: 0; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 15px 0 0; } .product-shop .price-box { display: inline-block; margin-top: 0; } /* Custom options styling */ .product-options.custom-options dt { float: none; margin: 0; } .product-options.custom-options dd { margin: 0 0 15px 0; } .product-options.custom-options .options-list li .radio { margin-left: 2px; } /* Product tabs (Product Info Column) */ .product-shop #tabs { margin: 15px 0 20px 0; } .product-shop .nav-tabs { margin: 0; } .product-shop .nav-tabs a { text-transform: uppercase; } .product-shop .tab-content { border: 1px solid #ddd; border-top: none; } .product-shop .tab-content .tab-pane { padding: 10px; } .nav-tabs > li > a { border-radius: 0; } .nav-tabs > li > a:hover { background: #fff; } /* Product Options (Product Info Column) */ .product-shop .product-options { overflow: hidden; background: transparent; } .product-shop .product-options dd select { width: auto; } .product-shop .product-options-bottom { background: transparent; text-align: left; padding: 0; } .product-shop .product-options-bottom .add-to-cart { float: none; margin: 0; } .product-shop .product-options-bottom .add-to-cart label, .product-shop .product-options-bottom .add-to-cart .qty { display:none; } /* Block afer info column */ .catalog-product-view .container2 { padding: 15px; border: 1px solid #ddd; margin: 15px 0 15px 0; } /* Product options downlodable product */ .downloadable-product .item-options dd { margin-left: 0; } .downloadable-product .item-options a { text-decoration: underline; } .downloadable-product .product-options dt { float: none; margin-bottom: 5px; } .downloadable-product .product-options dd { margin-left: 0; } /* Grouped Product */ .catalog-product-view .grouped-items-table { margin-bottom: 15px; width: 100%; } .catalog-product-view .grouped-items-table tr.even { background: #f5f5f5; } .catalog-product-view .grouped-items-table th { padding: 0 10px; } .catalog-product-view .grouped-items-table td { padding: 10px; } .catalog-product-view .grouped-items-table .qty { width: 23px; padding: 3px 0; text-align: center; } .catalog-product-view .grouped-items-table .price-box { margin: 0; } /* Block: Upsell */ .catalog-product-view .box-up-sell .price-box { margin-bottom: 0; } /* Block: Related */ .catalog-product-view .box-related .price-box { margin-bottom: 0; } /* Block: Tags */ .catalog-product-view .box-tags .form-add label { float: left; } .catalog-product-view .box-tags .form-add .input-box { float: left; width: 260px; margin: 0 5px; } .catalog-product-view .box-tags .form-add input.input-text { width: 254px; } .catalog-product-view .box-tags .form-add p { clear: both; } /* Block: Reviews */ #reviews-tab { padding: 0; } #show_review_form, #hide_review_form { display: block; } #customer-reviews .toolbar { display: none; margin: 0; border-top: none; } #customer-reviews .pager, #customer-reviews .pages { margin: 0; } #customer-reviews .pages li { margin-left: 7px; } #customer-reviews .pages li > a { border: none; background-color: transparent; display: auto; padding: 0; } #customer-reviews .limiter { display: none; } .reviews-body { padding: 0; } .reviews-body dl { border-top: 1px #d4d4d4 dotted; margin-top: 5px; margin-bottom: 5px; padding: 10px 0; } .reviews-body dl dt { margin-top: 15px; } .reviews-body dd { margin-left: 0; } .reviews-body dl dt:first-child { margin-top: 5px; } #customer-reviews .form-add form { margin-bottom: 0; } #customer-reviews .form-add .product-name { margin: 0; } #customer-reviews .form-add ol { margin: 0; margin-top: 5px; list-style: none; } #customer-reviews .form-add ol li { margin-bottom: 10px; } #customer-reviews .form-add .input-box { display: block; width: 100%; } #customer-reviews .form-add select { margin-right: 10px; width: 100%; } #customer-reviews .form-add input { width: 100%; } #customer-reviews .form-add button { margin-top: 15px; } #customer-reviews .form-add textarea { width: 100%; height: 73px; } #customer-reviews .form-add .buttons-set { overflow: hidden; } #customer-reviews .validation-advice { margin-left: 0; } .product-shop-box .review-summary .rating-links { display: none; } .product-shop-box .review-summary { float: right; margin-top: -5px; } .product-shop .product-sku, .product-shop .review-summary { height: 37px; } /* ======================================================================================= */ /* GENDER --------------------------------- */ .product-name .genders, .product-name .genders div { display: inline-block; font-size: 0; } /* PRODUCT SHOP BOX --------------------------------- */ .product-shop-box h4 { margin: -5px 0 5px 0; } .product-shop-box .out-of-stock { margin-top: 15px; } .product-shop-box .sprite-g1000-horizontal { margin-bottom: 20px; } .product-shop-box .klarna_wrapper { margin-bottom: 20px; margin-top: -5px; } .product-shop-box .klarna_pp_text { clear: left; display: inline-block; } /* RELATED PRODUCTS ------------------------------- */ .box-related { margin-top: 0; padding: 0 11px; } .box-related ul { margin-top: 30px; padding: 0; } .box-related li.item { border: none; min-height: inherit; } .box-related li.item .price-box { width: auto; } .box-related a { height: 200px; } .box-related img { max-height: 200px; width: auto; } /* RELATED ARTICLES ------------------------------- */ .box-collateral.box-up-sell { margin-top: 30px; } .box-collateral.box-up-sell li.item { border: none; min-height: inherit; padding: 0; width: 220px; } .box-collateral.box-up-sell li.item h3 { margin: 9px 0 7px; } /* TABS ------------------------------- */ .tabs { border-top: 1px #e57f7f solid; margin: 25px 0 20px; } .tabs >ul >li { border-bottom: 1px #e57f7f solid; display: block; padding: 0; position: relative; } .tabs li h3 { cursor: pointer; margin-right: 20px; padding-left: 4px; vertical-align: middle; } .tabs li.active h3 { cursor: default; } .tabs [class^="sprite-arrow"] { position: absolute; right: 0; top: 10px; } .tabs li h3 div, .tabs li h3 p { display: inline-block; margin: 0; padding: 0; } .tabs li .content { display: none; margin-left: 5px; } .tabs li.active .content { display: block; padding-bottom: 10px; } .tabs li.reviews .content { overflow: visible !important; } .tabs .content ul { margin-bottom: 15px; } .tabs .content ul.attributes li { display: block; } .tabs li .content p { margin-top: 0; } .tabs li .content p a { text-decoration: none; } .tabs li { display: inline-block; overflow: visible; position: relative; vertical-align: top; } .tabs .form-list-margin { margin-right: 20px; } .tabs textarea { vertical-align: inherit; } .tabs div.ratings { margin-left: 15px; overflow: hidden; position: absolute; top: -1px; } .tabs div.ratings .rating-links { margin-left: 10px; } .tabs .reviews-body ul li { border-top: 1px #d4d4d4 dotted; display: block; padding: 10px 0; overflow-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .tabs .reviews-body p { margin-bottom: 7px; } .tabs .sprite-pencil { margin-right: 3px; position: relative; top: 2px; } .tabs .reviews .top-label { display: none; } /* SHARE --------------------------------------- */ .share { margin: 30px 0 15px; } /* VIDEOS --------------------------------------- */ .videos { margin: 15px 0 25px 0; max-width: 100%; } .videos .video { margin-bottom: 10px; max-width: 100%; position: relative; } .videos .video .sprite-youtubeplay { cursor: pointer; left: 80px; position: absolute; top: 30px; z-index: 3; } .videos .video h3 { margin: 0; } .videos .video p { margin: 5px 0; } .videos .video img { cursor: pointer; height: 122px; left: 0; position: absolute; top: 0; width: 220px; z-index: 2; } .videos .video iframe { display: inline-block; height: 122px; margin-bottom: 5px; margin-right: 15px; max-width: 100%; position: relative; width: 220px; z-index: 1; } .videos .video .description { display: inline-block; margin-bottom: 0; max-width: 100%; overflow: hidden; vertical-align: top; width: 185px; } .videos .video:first-child .sprite-youtubeplay, .videos .video:first-child img { display: none; } .videos .video:first-child iframe{ height: 280px; margin-right: 0; width: 100%; } .videos .video:first-child .description { display: inline-block; width: auto; } /* Panzoom ------------------------------------ */ #panzoom { } #panzoom img { margin: auto; } /* Fancybox ------------------------------------ */ div.fancybox-inner { position: static; width: auto; height: auto; } a.fancybox-prev, a.fancybox-next { bottom: 35%; height: 30%; top: auto; width: 50px; } a.fancybox-prev >span, a.fancybox-next >span { visibility: visible; } a.fancybox-prev >span { left: 0px; } a.fancybox-next >span { left: auto; right: 0px; } #fancybox-zoom-in, #fancybox-zoom-out { background: #fff; cursor: pointer; display: block; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 10px 0 14px; position: absolute; text-align: center; top: 0; width: 30px; z-index: 1103; } #fancybox-zoom-out { top: 39px; } #fancybox-close { top: 10px; right: 10px; } /* PRODUCT OPTIONS ------------------------------------------ */ .product-options dt, .product-options dd { display: block; } .product-options dt { margin-bottom: 13px; } .product-options dt label { clear: both; } .product-options dt a { float: right; margin-top: -22px; } .product-options dd { border-bottom: 1px #f0f1f1 solid; margin: 2px 0 20px; padding-bottom: 0; position: relative; } .list-color button, .list-color .innercolor, .list-color .outercolor, .list-size button, .list-size .disabled-size { border-radius: 16px; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none; height: 32px; width: 32px; } .list-color button { background: transparent; border: none; float: left; margin: 0 20px 20px 0; overflow: hidden; padding: 0; position: relative; } .list-color button.attribute-selected:after, .list-color button.fake-selected:after { background: #fff; border: 1px #333 solid; border-radius: 8px; content: ''; height: 16px; left: 8px; position: absolute; top: 8px; width: 16px; z-index: 3; } .list-color .innercolor { cursor: pointer; display: block; position: absolute; left: 0; top: 0; z-index: 1; } .list-color .outercolor { border-radius: 0; cursor: pointer; display: block; position: absolute; top: 0; left: 16px; z-index: 2; } .product-options .colorinfo { margin-left: 10px; } .product-options label { cursor: default; } .product-options label a { margin-top: 0; } .newcolornotification { display: none; } .product-options label .newcolor, .product-options label .outofstock { display: none; } .product-options .colorlabel span { margin-left: 5px; } .list-size li.attribute-image { float:left; position:relative; } .list-size button { background: #313131; border: 0; border-radius: 15px; margin: 0 20px 20px 0; padding: 0; position: relative; z-index: 3; vertical-align: middle; } .list-size button.oneSize { width: 60px; } .list-size button:disabled { background: #d3d3d2; } .list-size .disabled-size { display: none; left: 0; position: absolute; top: 0; z-index: 10; } .list-size button:disabled +.disabled-size { display: block; z-index: 12; } .list-size button.attribute-selected { background: #c0071f; } .product-options-bottom { position: relative; } .product-options-bottom .links { position: absolute; right: 0; top: 8px; } .product-options-bottom .links a { margin: 8px 0 0 20px; } .product-shop .product-image { position: relative; text-align: center; } .product-shop .product-image .imagezoom { display: block; left: 0; position: absolute; text-align: center; top: 20px; z-index: 3; } .product-shop .product-image .imagezoom .sprite-imagezoom { display:block; margin:auto; } .product-shop div.edit-wishlist { margin: 15px 0 -35px 0; } /* Washing instructions & awards -------------------------------------- */ .awards { margin-top: 10px; } .materials { margin-bottom: 20px; } .washinginstructions li, .awards li, .materials li { margin-right: 11px; max-width: 140px; text-align: center; vertical-align: middle; } .materials li { display: inline-block; position: relative; } .washinginstructions li img { width: 27px; } .awards li img { height: auto; width: 54px; } .awards li.AwardsCSR img { width: 42px; height: auto; margin-right: 10px; } .materials li img { height: auto; height: 20px; } #washinginstructions-popup { display: none; } .awards li div { display: none; position: relative; } .awards li:hover div { display: block; } .is-touch .awards li:hover div { display: none!important; } .awards li div { background: #fff; border: 1px solid #aaa; bottom: 30px; box-shadow: 0 0 9px rgba(0,0,0,0.25); display: none; left: -65px; padding: 5px 10px; position: absolute; z-index: 11; width: 140px; text-align: center; } .awards li div { bottom: inherit; left: -52px; top: -40px; } .awards li div span { border-top: 8px solid #aaaaaa; border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -8px; content: ''; height: 0; left: 70px; padding: 0; position: absolute; width: 0; z-index: 12; } .awards li div span:after { border-top: 6px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: 2px; content: ''; display: block; height: 0; left: -5px; padding: 0; position: absolute; width: 0; z-index: 12; } /* Designer comments -------------------------------------- */ .designer-comment { margin-bottom: 19px; } .designer-comment img, .designer-comment .sprite-designercomment, .designer-comment p { float: left; } .designer-comment img { margin-right: 38px; height: 80px; width: 80px; } .designer-comment .sprite-designercomment { margin-left: -30px; } .designer-comment p { margin: -4px 0 0 0; width: 300px; } .designer-comment p span { display: block; margin: 7px 0; } /* Part of bundle -------------------------------------- */ #partofbundle h2 { margin: 15px 0 5px 0; } /* Sizeguide -------------------------------------- */ #sizeoutofstock { display: none; } #sizeoutofstock.show { display: block !important; } .registerbackinstocklink { float: right; } #sizeguide { display: none; } #sizeguide table { margin-bottom: 20px; width: 100%; } #sizeguide th, #sizeguide td { padding: 2px 5px; text-align: left; } #sizeguide tr:nth-child(even) { background: #eee; } .share { margin: 20px 0 30px 0; } .share a { margin-right: 10px; } /* Zoom & pan ------------------------- */ .controls { background: #fff; left: -1px; padding: 0 4px; position: absolute; top: 0; z-index: 1; } .controls span { cursor: pointer; display: block; margin: 4px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .product-image-loader { background: #fff; border-radius: 4px; color: #fff; display: none; left: 234px; padding: 4px; position: absolute; top: 100px; z-index: 1; } .product-shop .product-image .icons { height: 120px; } /* Add to cart ajax ---------------------------- */ div#atca-popup-container #atca-message-image-related.atca-success, div#atca-popup-container #atca-message-text.atca-success { background-image: none; padding: 0; text-align: center; } div#atca-overlay { background: rgba(0, 0, 0, 0.5) !important; opacity: 1 !important; } #atca-popup-container { max-width: 100%; left: 50%; margin-top: -50px; margin-left: -230px !important; width: 460px !important; } /* Editorial product view ------------------------- */ .editorial-product-view .description > .slideshow-wrapper { padding: 0; } .editorial-product-view .description > .slideshow-wrapper .carousel { margin-bottom: 40px; } .editorial-product-view .box-related { margin-top: 50px; padding: 0; } /* ================================== Size guide tabs in popup ========================== */ .size-guide-tabs { overflow: hidden; min-width: 500px; } .size-guide-tabs .nav-tabs { border-bottom: 2px #c0071f solid; overflow: hidden; font-family: "VAGRounded", sans-serif; } .size-guide-tabs .tab-content { margin-top: 15px; clear: both; } .size-guide-tabs ul li a { display: block; cursor: pointer; text-decoration: none; background-color: #EDF1F2; border: 1px solid transparent; margin-right: 5px; } .size-guide-tabs ul li a:hover { background: #c0071f; text-decoration: none; border-left: none; } .size-guide-tabs .nav-tabs li.active a, .size-guide-tabs .nav-tabs li.active a:focus, .size-guide-tabs .nav-tabs li.active a:hover { background-color: #c0071f; margin-right: 5px; cursor: pointer; text-decoration: none; border-left: none; } .size-guide-tabs p, .size-guide-tabs span { max-width: 500px; } /* Class: std - styles for admin-controlled content ================================================================================ */ .std .subtitle { padding: 0; } .std a { text-decoration: underline; text-transform: none; } .std a:hover { text-decoration: none; color: #333; } .std ol.ol { list-style: decimal outside; padding-left: 16px; } .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 15px 0; padding: 0; } .std ul { list-style: disc outside; padding: 0 0 0 40px; } .std ol { list-style: decimal outside; padding: 0 0 0 40px; } .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 16px; } .std blockquote { font-style: italic; padding: 0 0 0 16px; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Headings */ .std h2 { margin-bottom: 10px; } .std h3 { margin-bottom: 8px; } .std h4 { margin-bottom: 6px; } .std h5 { margin-bottom: 4px; } .std h6 { margin-bottom: 2px; } /* Tables */ .std table { border: 1px solid #ccc; } .std table th, .std table td { border: 1px solid #ccc; padding: 5px; } /* ================================================================================ */ /* Account Login/Create Pages ============================================================ */ .account-login, .customer-account-forgotpassword .col-main, .customer-account-resetpassword .col-main, .account-create, .my-account { margin-bottom: 40px; } .account-login .page-title { border: none; } .account-login .new-users > h2, .account-login .registered-users > h2 { margin-top: 0; } .account-create .fieldset { padding: 0; margin: 0 20px 0 0; } .account-create .form-list { margin: 10px 0 0; } .account-create .form-list li, .my-account .form-list li, .my-account .form-list .field { margin: 0 0 14px 0; } .account-create h2.legend { margin-top: 0; } .account-create h2.legend { background: none; padding: 0 0 13px 0; margin-bottom: 0; } button.button.edit { float: right; margin: 10px 10px 0 0; width: 75px; } .my-account .fieldset .input-text { width: 100%; } /* Forgot Password */ .customer-account-forgotpassword p.required, .account-login p.required, .customer-account-create p.required { margin-top: 0; clear: both; text-align: left; } .customer-account-forgotpassword p.back-link { float: left; width: 100%; } /* Account Login/Create Pages =========================================================== */ /* Sidebar */ .block-account { padding: 0; margin: 0; border: none; } .block-account .block-content { border-top: 1px solid #CCC; padding: 10px 0 0 0; } .block-account .block-title { margin: 0; padding: 0 0 12px; } .block-account ul li { padding-top: 5px; margin: 0 0 5px; text-align: left; } .block-account ul li.current span { background: #E5E5E5; padding: 6px 12px; display: inline-block; } .block-account ul li a, .block-account ul li span { vertical-align: middle; padding-left: 12px; } /* Captcha */ .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc; } .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 ===================================================================== */ #remember-me-box .link-tip { margin-left: 8px; } .window-overlay { background: rgb(0, 0, 0); cursor: pointer; opacity: 0.5; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } #remember-me-popup { background: #fff; border: 1px solid #c0c0c0; padding: 25px 20px; position: absolute; z-index: 991; top: 50%; left: 50%; margin-left: -230px; text-align: center; max-width: 100%; width: 460px; /* Drop shadows */ -moz-box-shadow: 3px 3px 4px #808080; -webkit-box-shadow: 3px 3px 4px #808080; box-shadow: 3px 3px 4px #808080; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080'); } .remember-me-popup-head h3 { margin-top: 0; } /* My Account ============================================================================= */ .main-container .col-main .block-account { display: none; } .my-account .page-title { margin: 0; padding: 0 0 15px 0; border-bottom: 1px solid #CCC; margin-bottom: 10px; } .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account .box-title h3 { float: left; } .my-account .form-list li.control label { display: inline; } /* Dashboard */ .my-account h1 { margin: 0; } .my-account .welcome-msg { margin: 0 0 15px 0; } .my-account #my_recent_reviews { list-style-type: none; margin-left: 0; } .customer-account-index .my-account .box-info { margin-bottom: 35px; } .customer-account-index .my-account div.ratings:hover { border-bottom: none; } /* Pager / Limiter */ .my-account .pager { margin: 15px 0; } .my-account .pager .amount, .my-account .pager .limiter { float: left; } .my-account .pager .limiter { width: 200px; float: right; } .my-account .pager .limiter label { display: inline; margin: 0 5px 0 20px; } .my-account .pager .amount { margin: 0; } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } .dashboard .box-recent .box-head h2 { margin-top: 0; } .dashboard .box-recent .box-head a { display: none; } .my-account .data-table thead, .my-wishlist .data-table thead { background: none; } .my-account .data-table thead tr, .my-wishlist .data-table thead tr { height: auto; } .my-account .data-table th, .my-wishlist .data-table th { border: none; } .my-account .data-table td, .my-wishlist .data-table td { border: none; vertical-align: middle; } .my-account .data-table th, .my-account .data-table td, .my-wishlist .data-table th, .my-wishlist .data-table td { text-align: left; } .my-account .data-table tfoot td, .my-wishlist .data-table tfoot td { text-align: right; } .my-account .data-table thead tr, .my-account .data-table tr.last, .my-account .data-table tbody td, .my-wishlist .data-table thead tr, .my-wishlist .data-table tr.last, .my-wishlist .data-table tbody td { border-bottom: 1px dotted #e57f7f; } .my-account .data-table tr.even, .my-wishlist .data-table tr.even { background: none; } #my-orders-table { margin-bottom: 35px; } /* Block: Account Information */ .box-info .box-top h3 { padding: 10px 0 0 0; margin: 0; float: left; } .my-account .box-top { clear: both; overflow: hidden; } .box-account .col2-set { margin-bottom: 20px; } .box-account .col2-set:last-child { margin-bottom: 0; } .box-account .box-head { border-top: 1px dotted #e57f7f; padding-top: 5px; } .box-account .box-head:first-child { border-top: none; padding-top: 0; } .my-account address { clear: both; } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; 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; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-tags .details { margin-left: 20px; } /* Address Book */ .addresses-primary ol, .addresses-additional ol { margin-left: 0; } .addresses-primary li.item, .addresses-additional li.item { border-bottom: 1px dotted #e57f7f; padding: 10px 0; margin: 0; list-style-type: none; } .addresses-primary li.empty, .addresses-additional li.empty { padding-top: 10px; } .customer-address-index .my-account > .buttons-set { padding: 0; } .fieldset { border: none; padding: 10px 25px 12px 10px; } .fieldset.left { width: 48%; } .fieldset.right { float: right; margin: 0; width: 48%; } .my-account .form-list .field { float: none; } .my-account .form-list li .name-firstname { padding-top: 0; } .my-account .form-list li .sod_select { vertical-align: middle; } /* 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-date { margin: 10px 0; } .order-info-box { } .order-items { width: 100%; overflow-x: auto; } .order-additional { margin: 15px 0; } .sales-order-view .data-table span.sku { display: block; margin-top: 5px; } /* Order Gift Message */ .gift-message dd { margin: 5px 0 0; } /* Order Comments */ .order-about dd { margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { white-space: nowrap; } .tracking-table-popup { background: #fff; width: 100%; } .tracking-table-popup th { white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Reviews */ .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { margin: 0 0 3px; } .product-review .product-img-box .ratings:hover { border-bottom: none; cursor: inherit; } .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 { margin: 0 0 10px; } .product-review .ratings-table { margin: 0 0 10px; } .product-review dd { margin: 5px 0 0; -ms-word-wrap: break-word; word-wrap: break-word; } /* Sales order view */ .sales-order-view .data-table tbody.even { background: transparent; } .sales-order-view .data-table th { text-align: left; } .sales-order-view .data-table th { padding: 15px 10px 5px 10px; } .sales-order-view .data-table td { padding: 5px 10px; } .sales-order-view .data-table h3 { display: inline; margin-right: 15px; } .sales-order-view .data-table dl { display: inline; } .sales-order-view .data-table dl dt, .sales-order-view .data-table dl dd { display: inline-block; } .sales-order-view .data-table dl dd { margin-left: 6px; margin-right: 15px; } /* Wishlist */ .wishlist-index-index .page-title { text-align: left; } .wishlist-index-index .page-title h1 { float: none; } .wishlist-index-index .buttons-set button { margin: 0 0 10px 10px; } #wishlist-table { margin-bottom: 20px; } #wishlist-table td { padding: 10px; text-align: left; } #wishlist-table .wishlist-item-description { width: 100%; overflow-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #wishlist-table .wishlist-item-description h2 { margin: 0 0 5px; } #wishlist-table .price-box { margin: 10px 0 5px; } #wishlist-table .qty { width: 38px; text-align: center; } #wishlist-table button { margin-bottom: 10px; } #wishlist-table .description { margin-bottom: 10px; } #wishlist-table textarea { height: auto; } #wishlist-table img { max-width: inherit; } #wishlist-table .cart-cell button { width: 75px; } #wishlist-table .cart-cell a { display: block; margin: 8px 0; white-space: nowrap; } .wishlist-index-index .truncated .truncated_full_value.show .item-options { background: #fff; border: 1px solid #e57f7f; left: -95px; top: -55px; width: 200px; } .wishlist-index-index .truncated .truncated_full_value .item-options p { display: none; } .wishlist-index-index .truncated .truncated_full_value .item-options dl { margin: 0; } .wishlist-index-index .truncated .truncated_full_value .item-options dt, .wishlist-index-index .truncated .truncated_full_value .item-options dd { float: left; } .wishlist-index-index .truncated .truncated_full_value .item-options dt { clear: left; min-width: 40px; } #wishlist-view-form .buttons-set { width: 100%; } .wishlist-index-share .my-account .field label { width: auto; } .wishlist-index-share .my-account .field textarea { height: auto; } .wishlist-index-share .my-account .field .validation-advice { margin-left: 0; } .wishlist-shared-index .my-wishlist .buttons-set p { margin: 10px 0 0; } /* View order */ .sales-order-view .order-details .a-right { text-align: right; } .sales-order-view .order-details tfoot tr { height: 25px; } .sales-order-view .order-details tfoot tr.last { border-bottom-width: 0; } /* Newsletter */ .newsletter-manage-index .my-account .buttons-set { padding: 0; } /* Content Styles for pages such as startpage, sitemap etc ================================================================= */ /* Product Tags */ .tags-list li { display: inline; } /* Search term popular */ .catalogsearch-term-popular .tags-list { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 15px 0; } /* Advanced Search */ .advanced-search { width: 400px; padding: 0; margin: 10px 0; } .catalogsearch-advanced-index .page-title{ border-bottom: 1px solid #ccc; margin-bottom: 20px; } .advanced-search label { float: left; margin: 5px 0 0 0; } .advanced-search .form-list li { margin: 0 0 15px 0; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { margin-left: 150px; clear: none; } .catalogsearch-advanced-index .buttons-set { width: 370px; } .catalogsearch-result-index .col-main { width: 100%; } /* Advanced Search Result */ .catalogsearch-advanced-result .page-title { border-bottom: 1px solid #ccc; } .advanced-search-amount { margin: 15px 0; } .advanced-search-summary .search-criteria { float: left; margin: 7px 0; width: 400px; } .advanced-search-summary.no-result { border-bottom: 1px solid #ccc; margin-bottom: 15px; overflow: hidden; } .advanced-search-summary .search-criteria li { width: 185px; margin-right: 15px; } .advanced-search-did-not-find { text-align: right; float: right; } .advanced-search-did-not-find span { margin: 10px 0; display:block; } .advanced-search-did-not-find button { display: block; } .advanced-search-did-not-find button span { margin: 0; } /* Start Page */ .cms-index-index .col-main .row { margin-bottom: 15px; } .cms-index-index .col-main > .row:after { border-bottom: 1px dotted #e57f7f; display: block; margin: 0 15px 15px; } .cms-index-index .col-main > .row:first-child { margin-bottom: 0; padding-top: 0; } .cms-index-index .col-main .row-fluid { border-bottom: 1px solid #ccc; } .cms-index-index h1 { margin-top: 0; margin-bottom: 0; padding-top: 10px; } .cms-index-index .sidebar .block { margin: 0; border: none; } .cms-index-index .selected-products { padding-top: 0; border: none; } .cms-index-index .selected-products p { margin: 0; } .cms-index-index .articles > h3, .cms-index-index .articles > p { margin-top: 15px; } .cms-index-index .col-md-4 .articles p:last-child a:last-child:after { content: ' \00BB'; } .cms-index-index .infobox-desc { margin-bottom: 15px; } .cms-index-index .main-container { margin-top: 17px; } .cms-index-index .col-main > .row:first-child > .col-md-9 > .slideshow-wrapper { padding: 0; } .cms-index-index .col-main > .row:first-child > .articles > div h3:first-child, .cms-index-index .col-main > .row:first-child > .articles > div p:first-child { margin-top: 0; } /* Sitemap */ .page-sitemap .page-title h1 { float: left; } .page-sitemap .page-title .links { margin-top: 15px; } .page-sitemap .links { float: right; } .page-sitemap .links { text-align: right; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .sitemap { margin: 0 0 12px; } .page-sitemap .sitemap li { margin: 10px 0; } /* Contacts */ .contacts-index-index #contactForm { margin: 20px 0 35px; } #contactForm .fieldset { padding: 0; } #contactForm .fieldset .row > div { margin-bottom: 15px; } #contactForm .fieldset .sod_select, #contactForm .fieldset label, #contactForm .fieldset input, #contactForm .fieldset textarea { width: 100%; } #contactForm .fieldset label { margin-bottom: 5px; } #contactForm .fieldset textarea { height: auto; } #contactForm .fieldset .validation-advice { margin-left: 0; } /* Success page */ .checkout-onepage-success .page-title { border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 15px; } .checkout-onepage-success .page-title h1 { float: left; } .checkout-onepage-success .continue { display: block; margin: 15px 0; } .checkout-success a { text-decoration: underline; } /* Shopping Cart ========================================================================= */ .checkout-cart-index .nav-container { height: 1px; overflow: hidden; } .cart { margin-bottom: 40px; } .cart .checkout-types { float: right; text-align: right; } .cart .title-buttons a { position: relative; top: 15px; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } .cart .checkout-types .paypal-or { margin: 0 8px; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 3px 55px 8px 0; } .cart .subtotal { border: 1px #c0071f solid; border-width: 1px 0; margin: 20px 0; padding: 20px 0; text-align: right; } /* Shopping Cart Table */ .cart-table { margin: 10px 0; } .cart-table .product-name { margin-bottom: 5px; } .cart-table .error { clear: both; } .cart-table thead { background: transparent; } .cart-table .th-qty { text-align: center; } .cart-table th { border: none; padding: 0 15px 5px 15px; border-bottom: 1px solid #f0f1f1; text-align: left; } .cart-table tr.even { background: transparent; } .cart-table tr { border-bottom: 1px solid #f0f1f1; } .cart-table tr.last { border-bottom: none; } .cart-table td { border: none; padding: 15px; } .cart-table td.remove { padding-right: 0; } .cart-table tfoot td { padding: 15px 0 0 0; border-top: 1px solid #ccc; } .cart-table tfoot button { margin-bottom: 3px; } .cart-table .backlink { float: left; text-transform: uppercase; } .cart-table .btn-remove2 { margin: 0; } .cart-table .link-wishlist { margin: 25px 0 0 0; display: block; } .cart-table .product-image img { max-width: none; } .cart-table .item-options { margin: 0; } .cart-table .item-options { margin-top: 4px; } .cart-table .item-options dl { margin: 0px; display: inline; } .cart-table .item-options dt { clear: left; display: inline; float: left; margin: 0; min-width: 45px; } .cart-table .item-options dd { clear: right; float: left; margin: 0 0 2px 5px; } .cart-table .item-options-color { border-radius: 8px; display: inline-block; height: 15px; position: relative; top: 3px; width: 15px; } .cart-table .cart-price { display: block; text-align: center; } .cart-table .qty-controls { margin-bottom: 10px; text-align: center; white-space: nowrap; } .cart-table .qty-controls >* { display: inline-block; } .cart-table .qty-controls div { cursor: pointer; margin: 0 3px; position: relative; top: 6px; } .cart-table .qty { padding: 0; text-align: center; width: 30px; } /* Shopping Cart Collateral boxes */ .cart .crosssell { background: #f0f1f1; padding: 15px; } .cart .crosssell h3 { margin-top: 0; } .cart .crosssell .product-name { margin: 0; } .cart .crosssell p { margin: 5px 0 0 0; } .cart .crosssell .add-to-cart { text-align: right; } .cart .crosssell .button { min-width: inherit; } .cart .crosssell .price-box { margin: 0; overflow: visible; } .cart .crosssell .old-price, .cart .crosssell .special-price { margin-bottom: 5px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount label, .cart .giftcard label { margin: 0 0 5px 0; display: block; } .cart .discount .input-box, .cart .giftcard .input-box { float: left; margin: 0 0 10px 0; } .cart .discount .input-text, .cart .giftcard .input-text { width: 147px; margin: 0 10px 0 0; padding: 7px 10px; } .cart .discount .button, .cart .giftcard .button { height: 28px; } #discount-coupon h2 { margin-top: 0; } #discount-coupon { margin-bottom: 25px; } #discount-coupon-form { display: none; } .cart .check-gc-status { margin-top: 10px; } /* Shopping Cart Totals */ .cart .totals h2 { margin-top: 0; } .cart .totals .content { overflow: hidden; } .cart .totals .checkout-types { margin: 10px 0 0 0; } .cart .totals table { width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px 0; } .cart .totals .button { background: #c0071f; border: none; height: 44px; padding: 0 20px; width: auto; } /* Options Tool Tip */ .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 .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; } /* vertnav */ div.vertical-nav-container { border: none; } .vertnav { margin: 0; padding: 0; } .vertnav >ul >li { display: none; } .vertnav .closed ul, .vertnav >ul >li.open { display: block; } .block li.odd, .block li.even { background: none; } .vertnav ul, .vertnav ul ul { clear: both; margin: 0; padding: 0; } .vertnav.normal .level1 ul, .vertnav.editorial .level2 ul { display: none; } .vertnav.normal .level1.active ul, .vertnav.editorial .level2.active ul { display: block; } .vertnav a.vertnavlink { display: inline-block; margin: 0; padding: 5px 0; width: 100%; } .vertnav a.vertnavlink:after { content:'\0000a0\00BB'; } .vertnav .vertical-nav-item a.vertnavlink { background: none ; } .vertnav.editorial .level1 >.vertnavlink.category { border-top: 1px #e67d7d dotted; margin-top: 15px; padding-top: 20px; } .vertnav hr { border: none; border-top: 1px #e67d7d dotted; } .sidebar .block { border: none; } .sidebar h2 { margin: 0 0 10px 0; } .my-account-navigation ul li { display: block; } @media (max-width: 991px) { .vertnav { display: none; } .sidebar { margin: 20px 0; } .sidebar .topsellers { display: none; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('http://www.fjallraven.com/skin/frontend/carbon/default/fonts/glyphicons/glyphicons-halflings-regular.eot'); src: url('http://www.fjallraven.com/skin/frontend/carbon/default/fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('http://www.fjallraven.com/skin/frontend/carbon/default/fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('http://www.fjallraven.com/skin/frontend/carbon/default/fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('http://www.fjallraven.com/skin/frontend/carbon/default/fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } [class^="icon-"], [class*=" icon-"], .vertnav .open .expandlink,.vertnav .closed .expandlink { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-asterisk:before { content: "\2a"; } .icon-plus:before { content: "\2b"; } .icon-euro:before { content: "\20ac"; } .icon-minus:before { content: "\2212"; } .icon-cloud:before { content: "\2601"; } .icon-envelope:before { content: "\2709"; } .icon-pencil:before { content: "\270f"; } .icon-glass:before { content: "\e001"; } .icon-music:before { content: "\e002"; } .icon-search:before { content: "\e003"; } .icon-heart:before { content: "\e005"; } .icon-star:before { content: "\e006"; } .icon-star-empty:before { content: "\e007"; } .icon-user:before { content: "\e008"; } .icon-film:before { content: "\e009"; } .icon-th-large:before { content: "\e010"; } .icon-th:before { content: "\e011"; } .icon-th-list:before { content: "\e012"; } .icon-ok:before { content: "\e013"; } .icon-remove:before { content: "\e014"; } .icon-zoom-in:before { content: "\e015"; } .icon-zoom-out:before { content: "\e016"; } .icon-off:before { content: "\e017"; } .icon-signal:before { content: "\e018"; } .icon-cog:before { content: "\e019"; } .icon-trash:before { content: "\e020"; } .icon-home:before { content: "\e021"; } .icon-file:before { content: "\e022"; } .icon-time:before { content: "\e023"; } .icon-road:before { content: "\e024"; } .icon-download-alt:before { content: "\e025"; } .icon-download:before { content: "\e026"; } .icon-upload:before { content: "\e027"; } .icon-inbox:before { content: "\e028"; } .icon-play-circle:before { content: "\e029"; } .icon-repeat:before { content: "\e030"; } .icon-refresh:before { content: "\e031"; } .icon-list-alt:before { content: "\e032"; } .icon-flag:before { content: "\e034"; } .icon-headphones:before { content: "\e035"; } .icon-volume-off:before { content: "\e036"; } .icon-volume-down:before { content: "\e037"; } .icon-volume-up:before { content: "\e038"; } .icon-qrcode:before { content: "\e039"; } .icon-barcode:before { content: "\e040"; } .icon-tag:before { content: "\e041"; } .icon-tags:before { content: "\e042"; } .icon-book:before { content: "\e043"; } .icon-print:before { content: "\e045"; } .icon-font:before { content: "\e047"; } .icon-bold:before { content: "\e048"; } .icon-italic:before { content: "\e049"; } .icon-text-height:before { content: "\e050"; } .icon-text-width:before { content: "\e051"; } .icon-align-left:before { content: "\e052"; } .icon-align-center:before { content: "\e053"; } .icon-align-right:before { content: "\e054"; } .icon-align-justify:before { content: "\e055"; } .icon-list:before { content: "\e056"; } .icon-indent-left:before { content: "\e057"; } .icon-indent-right:before { content: "\e058"; } .icon-facetime-video:before { content: "\e059"; } .icon-picture:before { content: "\e060"; } .icon-map-marker:before { content: "\e062"; } .icon-adjust:before { content: "\e063"; } .icon-tint:before { content: "\e064"; } .icon-edit:before { content: "\e065"; } .icon-share:before { content: "\e066"; } .icon-check:before { content: "\e067"; } .icon-move:before { content: "\e068"; } .icon-step-backward:before { content: "\e069"; } .icon-fast-backward:before { content: "\e070"; } .icon-backward:before { content: "\e071"; } .icon-play:before { content: "\e072"; } .icon-pause:before { content: "\e073"; } .icon-stop:before { content: "\e074"; } .icon-forward:before { content: "\e075"; } .icon-fast-forward:before { content: "\e076"; } .icon-step-forward:before { content: "\e077"; } .icon-eject:before { content: "\e078"; } .icon-chevron-left:before { content: "\e079"; } .icon-chevron-right:before { content: "\e080"; } .icon-plus-sign:before { content: "\e081"; } .icon-minus-sign:before { content: "\e082"; } .icon-remove-sign:before { content: "\e083"; } .icon-ok-sign:before { content: "\e084"; } .icon-question-sign:before { content: "\e085"; } .icon-info-sign:before { content: "\e086"; } .icon-screenshot:before { content: "\e087"; } .icon-remove-circle:before { content: "\e088"; } .icon-ok-circle:before { content: "\e089"; } .icon-ban-circle:before { content: "\e090"; } .icon-arrow-left:before { content: "\e091"; } .icon-arrow-right:before { content: "\e092"; } .icon-arrow-up:before { content: "\e093"; } .icon-arrow-down:before { content: "\e094"; } .icon-share-alt:before { content: "\e095"; } .icon-resize-full:before { content: "\e096"; } .icon-resize-small:before { content: "\e097"; } .icon-exclamation-sign:before { content: "\e101"; } .icon-gift:before { content: "\e102"; } .icon-leaf:before { content: "\e103"; } .icon-eye-open:before { content: "\e105"; } .icon-eye-close:before { content: "\e106"; } .icon-warning-sign:before { content: "\e107"; } .icon-plane:before { content: "\e108"; } .icon-random:before { content: "\e110"; } .icon-comment:before { content: "\e111"; } .icon-magnet:before { content: "\e112"; } .icon-chevron-up:before { content: "\e113"; } .icon-chevron-down:before { content: "\e114"; } .icon-retweet:before { content: "\e115"; } .icon-shopping-cart:before { content: "\e116"; } .icon-folder-close:before { content: "\e117"; } .icon-folder-open:before { content: "\e118"; } .icon-resize-vertical:before { content: "\e119"; } .icon-resize-horizontal:before { content: "\e120"; } .icon-hdd:before { content: "\e121"; } .icon-bullhorn:before { content: "\e122"; } .icon-certificate:before { content: "\e124"; } .icon-thumbs-up:before { content: "\e125"; } .icon-thumbs-down:before { content: "\e126"; } .icon-hand-right:before { content: "\e127"; } .icon-hand-left:before { content: "\e128"; } .icon-hand-up:before { content: "\e129"; } .icon-hand-down:before { content: "\e130"; } .icon-circle-arrow-right:before { content: "\e131"; } .icon-circle-arrow-left:before { content: "\e132"; } .icon-circle-arrow-up:before { content: "\e133"; } .icon-circle-arrow-down:before { content: "\e134"; } .icon-globe:before { content: "\e135"; } .icon-tasks:before { content: "\e137"; } .icon-filter:before { content: "\e138"; } .icon-fullscreen:before { content: "\e140"; } .icon-dashboard:before { content: "\e141"; } .icon-heart-empty:before { content: "\e143"; } .icon-link:before { content: "\e144"; } .icon-phone:before { content: "\e145"; } .icon-usd:before { content: "\e148"; } .icon-gbp:before { content: "\e149"; } .icon-sort:before { content: "\e150"; } .icon-sort-by-alphabet:before { content: "\e151"; } .icon-sort-by-alphabet-alt:before { content: "\e152"; } .icon-sort-by-order:before { content: "\e153"; } .icon-sort-by-order-alt:before { content: "\e154"; } .icon-sort-by-attributes:before { content: "\e155"; } .icon-sort-by-attributes-alt:before { content: "\e156"; } .icon-unchecked:before { content: "\e157"; } .icon-expand:before { content: "\e158"; } .icon-collapse-down:before { content: "\e159"; } .icon-collapse-up:before { content: "\e160"; } .icon-log-in:before { content: "\e161"; } .icon-flash:before { content: "\e162"; } .icon-log-out:before { content: "\e163"; } .icon-new-window:before { content: "\e164"; } .icon-record:before { content: "\e165"; } .icon-save:before { content: "\e166"; } .icon-open:before { content: "\e167"; } .icon-saved:before { content: "\e168"; } .icon-import:before { content: "\e169"; } .icon-export:before { content: "\e170"; } .icon-send:before { content: "\e171"; } .icon-floppy-disk:before { content: "\e172"; } .icon-floppy-saved:before { content: "\e173"; } .icon-floppy-remove:before { content: "\e174"; } .icon-floppy-save:before { content: "\e175"; } .icon-floppy-open:before { content: "\e176"; } .icon-credit-card:before { content: "\e177"; } .icon-transfer:before { content: "\e178"; } .icon-cutlery:before { content: "\e179"; } .icon-header:before { content: "\e180"; } .icon-compressed:before { content: "\e181"; } .icon-earphone:before { content: "\e182"; } .icon-phone-alt:before { content: "\e183"; } .icon-tower:before { content: "\e184"; } .icon-stats:before { content: "\e185"; } .icon-sd-video:before { content: "\e186"; } .icon-hd-video:before { content: "\e187"; } .icon-subtitles:before { content: "\e188"; } .icon-sound-stereo:before { content: "\e189"; } .icon-sound-dolby:before { content: "\e190"; } .icon-sound-5-1:before { content: "\e191"; } .icon-sound-6-1:before { content: "\e192"; } .icon-sound-7-1:before { content: "\e193"; } .icon-copyright-mark:before { content: "\e194"; } .icon-registration-mark:before { content: "\e195"; } .icon-cloud-download:before { content: "\e197"; } .icon-cloud-upload:before { content: "\e198"; } .icon-tree-conifer:before { content: "\e199"; } .icon-tree-deciduous:before { content: "\e200"; } .icon-briefcase:before { content: "\1f4bc"; } .icon-calendar:before { content: "\1f4c5"; } .icon-pushpin:before { content: "\1f4cc"; } .icon-paperclip:before { content: "\1f4ce"; } .icon-camera:before { content: "\1f4f7"; } .icon-lock:before { content: "\1f512"; } .icon-bell:before { content: "\1f514"; } .icon-bookmark:before { content: "\1f516"; } .icon-fire:before { content: "\1f525"; } .icon-wrench:before { content: "\1f527"; } .carousel { margin-bottom: 30px; position: relative; -ms-touch-action: none; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { border-radius: 4px; display: block; height: auto; max-width: 100%; width: 100%; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; float: none; } .carousel-inner > .active.left { left: -100%; float: none; } .carousel-inner > .active.right { left: 100%; float: none; } .carousel-control { position: absolute; top: 15%; left: 0; bottom: 0; width: 8%; text-align: center; filter: alpha(opacity=60); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; z-index: 11; height: 70%; } .carousel-control, .carousel-control:focus { outline: none; } .carousel-control.left { left: -1px; } .carousel-control.right { left: auto; right: 0; } .carousel-control span { position: absolute!important; top: 50%; left: 0; z-index: 5; display: inline-block; font-size: 16px; line-height: 18px; margin-top: -25px; padding: 4px 5px 7px 5px; background: #fff; color: #333; } .carousel-control.right span { right: 0; left: auto; } .carousel-control.left:hover span { background-position: -340px -1px !important; } .carousel-control.right:hover span { background-position: -369px -2px !important; } .carousel-indicators { float: right; background: #fff; list-style: none; margin-right: 7px; margin-top: 3px; text-align: center; } .carousel-indicators li { display: inline-block; width: 6px; height: 6px; margin: 1px; text-indent: -999px; background-color: #ccc; border-radius: 3px; cursor: pointer; } .carousel-indicators .active { background-color: #c0071f; } .carousel-caption { position: absolute; left: 5%; right: 5%; bottom: 20px; top: 40px; z-index: 10; height: 85%; padding: 0; } .carousel .item .carousel-caption { width: 91%; } .cms-index-index .carousel-caption h2, .cms-index-index .carousel-caption h2 a { margin: 0 0 10px; } .cms-index-index .carousel-caption h3, .cms-index-index .carousel-caption h3 a { margin: 0; } .carousel-caption .btn { text-shadow: none; } .carousel .carousel-video .carousel-caption, .carousel .carousel-video .carousel-caption p, .carousel .carousel-video .carousel-caption .video-container { bottom: 0; cursor: pointer; left: 0; margin: 0; height: 100%; right: 0; top: 0; width: 100%; } .carousel .carousel-video .carousel-caption iframe { display: none; } #product-carousel { margin: 0; overflow: hidden; padding: 0; width: 100%; } #product-carousel .icons .new-color { top: 24px; right: -31px; } #product-carousel img { width: 100%; } #product-carousel .carousel-control { display: block; } #product-carousel .carousel-control.left:hover span { background-position: -212px -60px !important; } #product-carousel .carousel-control.right:hover span { background-position: -228px -60px !important; } @media screen and (max-width: 991px) and (min-width: 768px) { .carousel { margin-left: -20px; margin-right: -20px; } .category-top .carousel { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 767px) { .carousel { margin: 0 -10px 20px; } .carousel-caption { top: 20px; } .cms-index-index .carousel-caption h2, .cms-index-index .carousel-caption h2 a { margin-bottom: 5px; } .carousel-control, .carousel-indicators { display: none; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ } .row:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .container { max-width: 744px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .pull-sm-clear-right { float: right; clear: right; } .pull-sm-clear-left { float: left; clear: left; } } @media (min-width: 992px) { .container { max-width: 970px; padding-left: 15px; padding-right: 15px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .pull-md-clear-right { float: right; clear: right; } .pull-md-clear-left { float: left; clear: left; } } @media (min-width: 1200px) { .container { max-width: 1170px; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left: 15px; padding-right: 15px; } .pull-lg-clear-right { float: right; clear: right; } .pull-lg-clear-left { float: left; clear: left; } } /* Small devices */ @media (max-width: 991px) { } /* Extra small devices */ @media (max-width: 767px) { .breadcrumbs { margin-top: 10px } .breadcrumbs .home a { padding-left: 0; } .toolbar .limiter { display: none; } .toolbar .sort-by, .toolbar .amount, .toolbar .pages { display: block; float: none; text-align: center; width: auto; } .toolbar-bottom .toolbar .sort-by { display: none; } .toolbar-bottom .toolbar .limiter { display: block; } .newsletter-subscription input.input-text, .newsletter-subscription button.button { height: 36px; } .carousel-inner .hotspot { display: none; } .col-main .weekly-picks h2 a { display: block; margin-left: 0; margin-top: 5px; } } /* Landscape phones and down */ @media (max-width: 480px) { label, .form-list label, .form-list .input-box, .one-page-checkout label, .one-page-checkout .input-text, .form-list .input-text { width: 100%; } .radio, .control label { width: auto; } } @media (min-width: 480px) { .form-list .validation-advice, .form-account-name .validation-advice, .one-page-checkout .validation-advice { margin-left: 29%; } } @media (max-width: 991px) { body > .container { border: none; box-shadow: none; position: relative; } .main-container { margin-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { .container { max-width: 768px; } .col-main { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { } @media (min-width: 1200px) { #header .toplogo { width: 220px; } #header .toplinks { width: 195px; } #header .topsearch { margin-right: 50px; width: 422px; } #header .headercart { width: 258px; } } @media (min-width: 992px) and (max-width: 1200px) { #header .toplogo { width: 220px; } #header .toplinks { width: 213px; } #header .topsearch { width: 250px; } #header .headercart { width: 257px; } } @media (min-width: 992px) { #header .logo img { margin-left: 15px; } } /* Small devices */ @media (max-width: 991px) { #header { padding: 0 10px 0; margin: 0 -10px; } #header .logo { float: left; margin: 0; padding: 5px 0; } #header .logo img { max-width: 125px; max-height: 45px; } #header .phone-menu { margin-bottom: 0; margin-right: -10px; } #header .phone-menu li { float: left; border-left: 1px dotted #d8d8d8; } #header .phone-menu li a { display: inline-block; width: 85px; height: 90px; line-height: 20px; text-align: center; padding: 27px 0; } .header-phone-bar { float: left; } .header-phone-search { display: none; float: left; } #search_mini_form { display: inline-block; float: none; clear: both; width: 241px; } #search_mini_form .input-text { font-size: 14px; } #search_autocomplete { display: none; } #search_mini_form .input-wrapper { background: #fff; } #search_mini_form .input-wrapper .input-search { width: 93%; font-size: 16px; } .hamburger { width: 28px; display: inline-block; } .hamburger .bread { display: block; width: inherit; height: 4px; border-radius: 1px; background-color: #c0071f; margin-top: 6px; } .active .hamburger .bread { background-color: #fff; } } @media (min-width: 768px) and (max-width: 991px) { #header { border-bottom: 1px solid #c0071f; } #header .toplogo, #header .topsearch, #header .to-cart { margin-top: 22px; } #header .toplogo { width: 240px; } #header .topsearch { width: 281px; } #header .to-cart { width: 161px; } #header .toggle-nav { cursor: pointer; height: 93px; padding-top: 27px; text-align: center; width: 65px; } #header .headercart-button { display: inline-block; padding-left: 12px; padding-right: 12px; width: auto; } #header .logo { margin: -5px 0 0 10px; } #header .topsearch h4 { display: none; } #header .topsearch form { margin-top: 7px; } } /* Extra small devices */ @media (max-width: 767px) { #header .logo img { max-height: 30px; } #header .toplogo, #header .topsearch, #header .to-cart { cursor: pointer; margin-top: 6px; } #header .toplogo { width: 100px; } #header .to-cart { float: right; width: 85px; } #header .toggle-nav { cursor: pointer; float: right; height: 50px; padding-top: 14px; text-align: center; width: 50px; } #header .to-cart a { display: inline-block; height: 42px; padding-top: 10px; text-align: center; width: 100%; } #header .logo img { max-width: 100%; } .hamburger { margin-top: -6px; width: 30px; } .hamburger .bread { margin-top: 6px; } .mobilesearch { background: #d7ccb9; margin: 0 -10px; padding: 10px; position: relative; z-index: 4; } .mobilesearch h4 { display: none; } .mobilesearch #search_mini_form { display: block; width: 100%; } .mobilesearch #search_mini_form .input-search { background: #fff; height: 44px; padding-left: 22px; width: 100%; } #search_mini_form button { height: 44px; width: 44px; } .breadcrumbs { display: none; } } @media (max-width: 1199px) { .category-image-container .category-description-overlay { left: 10px; right: 10px; } } @media (min-width: 992px) { ol.products-grid { border-bottom: 1px dotted #e57f7f; margin-bottom: 20px; } .catalogsearch-result-index ol.products-grid { border-bottom: none; } .toolbar-bottom { margin-bottom: 20px; } .toolbar { padding-top: 10px; } .kanken-toolbar .toolbar { padding-top: 0; } .catalogsearch-result-index .products-grid .item:nth-child(4n+1) { clear: left; } } @media (min-width: 768px) { .kanken-category .toolbar-bottom .toolbar { border-top: 1px dotted #e57f7f; padding-top: 20px; } } @media (max-width: 991px) { .block-layered-nav .block-content:before, .block-layered-nav .block-content:after { content: " "; display: table; } .block-layered-nav .block-content:after { clear: both; } .block-layered-nav .block-content { *zoom: 1; } .block-layered-nav div.block-content { float: none; width: auto; } } /* Small devices */ @media (min-width: 768px) and (max-width: 991px) { .category-image-container { padding: 0; } .category-image-container .category-description-overlay { left: 0; right: 0; } .block-layered-nav .block-content { margin-left: 15px; margin-right: 15px; } .toolbar { margin-left: 15px; margin-right: 15px; padding-top: 3px; } .toolbar-bottom .toolbar { padding: 10px 0 0; } .products-grid { padding-left: 15px; padding-right: 15px; } .kanken-category .category-top > .row { margin: 10px 0 0; } .kanken-category ul.products-grid li.item:nth-of-type(4n + 1) { clear: none; } .kanken-category ul.products-grid li.item:nth-of-type(3n + 1) { clear: left; } .kanken-category .products-grid li.item:nth-last-of-type(4) > .info { border-bottom: 1px dotted #e57f7f; padding-bottom: 20px; } .catalogsearch-result-index .products-grid .item:nth-child(3n+1) { clear: left; } } /* Extra small devices */ @media (max-width: 767px) { .catalog-category-view #breadcrumbs { display: none; } .catalog-category-view .main-container { margin-top: 0; } .category-image-container { margin-bottom: 15px; overflow: hidden; padding-left: 0; padding-right: 0; } .category-image-container.no-mobile-image img { display: none; } .category-image-container .category-description-overlay { border-bottom: 1px solid #c0071f; left: 0; right: 0; max-height: 100%; padding-top: 10px; padding-bottom: 5px; } .category-image-container.no-mobile-image .category-description-overlay { position: static; } .category-description-overlay .category-title, .category-description-overlay .category-description { padding-left: 10px; padding-right: 10px; } .category-title h1 { margin-bottom: 5px; } hr.category-top-divider { margin-left: -10px; margin-right: -10px; } .pages .pagination { float: none; } .toolbar-bottom .pagination { margin: 10px 0; } .toolbar .pages { display: none; } .toolbar-bottom .pages { display: block; } .toolbar-bottom .pages > span:first-of-type { display: none; } .toolbar { margin: 0 -10px; padding: 0 10px 10px; } .toolbar > div { margin-left: 3%; margin-right: 3%; } .toolbar-bottom .toolbar { border-top: none; margin: 0; padding-left: 0; padding-right: 0; text-align: center; } .toolbar div.amount span:first-child { border: none; } .toolbar .amount-link { display: none; } .toolbar-bottom .toolbar .amount { margin: 10px 0 20px; } .toolbar-bottom label { float: none; display: block; text-align: left; } .toolbar-bottom .amount .button { width: auto; } .pagination > li > a, .pagination > li > span { padding: 5px 10px; } .catalog-category-view .products-grid li.item:nth-child(3n + 1) { clear: none; } .catalog-category-view .products-grid li.item:nth-child(2n + 1) { clear: left; } .products-grid li.item > .info { border-bottom: none; } .products-grid li.item:nth-last-of-type(3) > .info { padding-bottom: 20px; } .category-products .products-grid li.item .short-description { height: 116px; overflow: hidden; } .editorial-category .category-products .products-grid li.item .short-description { height: auto; min-height: 116px; overflow: hidden; } .products-grid li.item .colors a { display: none; } .products-grid li.item .price-box { width: 100%; } .products-grid li.item .button { float: none; width: 100%; } .products-grid li.item.type-style .button { margin-top: 60px; } .kanken-list .price-box { margin-bottom: 10px; } .catalog-category-view .category-row:after { display: none; } .catalog-category-view .category-row:nth-of-type(2n-1) .col-xs-6:nth-of-type(2n-1), .catalog-category-view .category-row:nth-of-type(2n) .col-xs-6:nth-of-type(2) { clear: both; } .category-top img { width: 100%; } .subcategories >div:nth-child(3n + 1) { clear: none; } .subcategories >div:nth-child(2n + 1) { clear: left; } .catalogsearch-result-index .products-grid .item:nth-child(2n+1) { clear: left; } .catalogsearch-result-index .products-grid .info { height: auto; } } /* Responsive Product ======================================================================================= */ /* Large desktop */ @media (min-width: 1200px) { .catalog-product-view .more-views li { margin-right: 17px; } .videos .video .description { width: 280px; } .box-related a { height: 200px; } .box-related img { max-height: 200px; } } @media (max-width: 1199px) { .box-related a { height: 160px; } .box-related img { max-height: 160px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 991px) { .row.product-shop { margin-top: 17px; } .product-shop-box { margin-top: -34px; } .nav-tabs > li > a { padding: 5px 8px; } .catalog-product-view .more-views li { margin-right: 13px; } .editorial-product-view .description > .slideshow-wrapper .carousel { margin-left: -10px; margin-right: -10px; } } @media (max-width: 991px) { .tabs li .content { margin-left: 0; } .product-media, .product-shop-box { padding: 0; } .product-options-bottom .links { margin: 25px 0 0; position: static; } .product-options-bottom .links a { margin: 0 20px 0 0; float: none; } .tabs li h3 { padding-left: 0; } .box-related { padding: 0; } .box-related .item:nth-child(n+3) { display: none; } .video img, .sprite-youtubeplay { display: none !important; } .video, .videos .video iframe, .videos .video .description { display: block; width: 100% !important; } .videos .video iframe { height: auto !important; margin: 15px 0; min-height: 180px; width: 100% !important; } .designer-comment p { width: 230px; } .catalog-product-view #breadcrumbs { margin-left: 12px; } .box-related .item >h3, .box-related .item >div { padding: 0 10px; } .box-related a { height: 150px; } .box-related img { max-height: 150px; } .registerbackinstocklink { display: block; float: none; margin: 15px 0; width: auto; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .nav-tabs > li > a { padding: 8px 8px; font-size: 11px; } .product-shop-box { margin-top: 0; padding: 0 10px; } .box-related .products-grid li.item, .box-up-sell .products-grid li.item{ padding-bottom: 15px; } .product-options-bottom .links { height: 20px; } .product-options-bottom .links a { margin: 0; } .product-options-bottom .links a:first-child { float: left; } .product-options-bottom .links a:last-child { float: right; } .product-options label a { display: block; float: none; margin: 10px 0 15px 0; } .add-to-cart button.button { width: 100%; } .video { padding: 0 10px; } .designer-comment p { float: none; width: auto; } .list-color button, .list-color .innercolor, .list-color .outercolor, .list-size button, .list-size .disabled-size { border-radius: 22px; height: 44px; width: 44px; } .list-color button.attribute-selected:after, .list-color button.fake-selected:after { border-radius: 10px; content: ''; height: 22px; left: 11px; top: 11px; width: 22px; } .list-color .outercolor { border-radius: 0; left: 22px; } .product-media { padding: 10px 10px; } .share { margin: 25px 0; } .share a { margin-right: 20px; } .box-related { padding: 0 10px; } .box-related .item >h3, .box-related .item >div { padding: 0 10px; } #atca-popup-container { margin-left: -130px !important; width: 260px !important; } #atca-button-container .button { margin: 0 0 15px 0; width: 100%; } #sizeguide th, #sizeguide td { font-size: 9px; } } /* Landscape phones and down */ @media (max-width: 480px) { .size-guide-tabs { min-width: 100%; } .size-guide-tabs .nav { padding: 0; margin: 0; } .size-guide-tabs .nav li { display: block !important; width: 100%; margin: 0; } .size-guide-tabs .nav li.active { margin: 0; } .size-guide-tabs ul li a, .size-guide-tabs .nav-tabs li.active a, .size-guide-tabs .nav-tabs li.active a:focus, .size-guide-tabs .nav-tabs li.active a:hover { margin: 0; border-left: 0; border-right: 0; } } /* ======================================================================================= */ @media (min-width: 1200px) { } @media (min-width: 992px) { #footer .footer-bottom-links > h4, #footer .footer-bottom-links > p, #footer .footer-bottom-links > ul, #footer img.footer-logo { margin-left: 10px; } } @media (min-width: 992px) and (max-width: 1200px) { #footer .row { margin-left: -15px; margin-right: -15px; } #footer .crown-description { margin-left: 30px; } } @media (max-width: 991px) { #footer .newsletter, #footer .crown { margin-right: 0; } #footer > .row:first-child { padding-bottom: 15px; } #footer .crown { margin-top: 19px; } #footer .sprite-crown-small { position: relative; top: -6px; } #footer .crown-description { margin-left: -10px; } #footer .footer-bottom-links h4 { margin-bottom: 0; } #footer .footer-bottom-links li { margin-top: 7px; } #footer .footer-bottom-links a { line-height: 13px; /* set for border height */ } } @media (min-width: 768px) { .crown-description span { display: block; } } @media (min-width: 768px) and (max-width: 991px) { #footer h4 { margin-bottom: 0; } #footer .bottom { padding-top: 15px; } #footer .footer-bottom-links > h4, #footer .footer-bottom-links > p, #footer .footer-bottom-links > ul, #footer img.footer-logo { margin-left: 20px; } #footer { margin: 20px; } #footer div.sprite-footer-flag { left: -12px; top: 0; } #footer .crown-description { margin-top: 0; } } @media (max-width: 767px) { #footer { padding: 25px 20px 30px; } #footer img.footer-logo { margin-bottom: 15px; } #footer .bottom { margin: 10px 0 0 0; padding: 25px 5px 30px; } #footer div.sprite-footer-flag { left: -12px; top: 0; } #footer .newsletter, #footer .sprite-crown { float: left; } #footer .sprite-crown { margin-right: 25px; } #footer .newsletter { padding-top: 30px; width: 100%; } #footer .crown { margin-top: 40px; } #footer .sprite-crown-small { display: none; } #footer .sprite-crown { display: block; } #footer .crown-description { margin: 12px 0 0 0; text-align: left; } } @media (min-width: 1200px) { .box-account .col2-set .col-sm-6, .my-account .col-sm-12, .my-account .col-sm-6 { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1199px) { .customer-address-form .my-account form > .col-sm-6 { width: 100%; } } @media (min-width: 992px) { .customer-account-forgotpassword .col-main form { max-width: 50%; } } /* Extra small devices / Small devices */ @media (max-width: 991px) { .account-login .page-title, .customer-account-forgotpassword .col-main .page-title, .customer-account-resetpassword .col-main .page-title, .account-create .page-title { margin-top: 15px; } .customer-account-index .main-container { margin-top: 0; } .toggle-account-nav { background: #f0f0f0; border: 1px solid #a1a1a1; padding: 10px; margin: 7px 0 15px 0; } .toggle-account-nav i { float: right; } .main-container .col-main .block-account { display: block; padding: 0; border: none; margin: 15px 0; } .my-account .data-table td.last a { display: block; } .sales-order-view .my-account .title-buttons h1 { float: none; text-align: left; } .my-account .my-wishlist .separator, .order-hidden { display: none; } .my-account .my-wishlist .last .btn-cart, .my-wishlist .cart-cell .btn-cart { min-width: 120px; } .wishlist-index-index .buttons-set button.btn-update { display: none; } .my-account .data-table td.last .separator { display: none; } .block-account .block-title { padding-bottom: 0; } .block-account .block-content { border: none; } .sales-order-view .title-buttons h1 { float: none; } th.hidden-responsive > span, td.hidden-responsive > span { display: none; } .sales-order-view .price-qty { margin-bottom: 3px; } } @media (max-width: 767px) { .account-login .new-users .login-block { margin-bottom: 30px; } .account-login .registered-users .buttons-set a { margin-bottom: 10px; } #remember-me-popup { margin-left: -130px; width: 260px; } .col2-set .col-1 { margin-bottom: 15px; } .col2-set .col-1:last-child { margin-bottom: 0; } .col2-set:nth-child(2) .col-2 .box { border-top: 1px dotted #e57f7f; padding-top: 10px; } .wishlist-index-index .buttons-set button, .wishlist-shared-index .buttons-set button { width: 100%; } .product-review .product-img-box { margin-bottom: 10px; width: 100%; } .product-review .product-img-box .product-image { float: left; margin-right: 10px; } .product-review .product-details { margin-left: 0; clear: left; } .product-review .product-details > h3 { margin: 0; } .sales-order-view .data-table h3, .sales-order-view .data-table dl, .sales-order-view .data-table span.sku { display: block; margin-right: -42px; } .sales-order-view .data-table h3, .sales-order-view .data-table dl { margin-bottom: 5px; margin-top: 0; } .sales-order-view .data-table dl { float: left; } .sales-order-view .data-table dl dt { display: block; float: left; clear: left; } .sales-order-view .data-table dl dd { float: left; margin-right: 0; } .sales-order-view .data-table span.sku { clear: left; } } @media (min-width: 992px) { .contacts-index-index .col-main h3 { margin-top: 0; } } /* Small devices */ @media (min-width: 768px) and (max-width: 991px) { .contacts-index-index #contactForm .form-list .wide textarea { width: 340px; } .cms-index-index .main-container { margin-top: 10px; } .cms-index-index .weekly-picks li.col-md-3:last-of-type { display: none; } .cms-index-index .weekly-picks .products-grid { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .cms-index-index .col-main > .row:after { margin-left: 10px; margin-right: 10px; } } /* Extra small devices */ @media (max-width: 767px) { .cms-index-index ul.products-grid { } .catalogsearch-result-index h1, .catalogsearch-advanced-result h1 { position: inherit; } .advanced-search label { float: none; } .catalogsearch-advanced-index .buttons-set { width: 220px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { margin-left: 0; } .contacts-index-index #contactForm .form-list .wide textarea { width: 210px; } div.pagemanager .four-blocks li.item { margin-left: 4%; width: 48%; } div.pagemanager .four-blocks li.item:nth-child(2n+1) { margin-left: 0; } .cms-index-index .weekly-picks li.col-md-4:last-of-type { display: none; } #contactForm .form-list li:first-of-type { margin-right: 0; } } /* Responsive Cart ======================================================================================= */ /* Large desktop */ @media (min-width: 1200px) { } /* Portrait tablet to landscape and desktop */ @media (max-width: 991px) { .checkout-cart-index .nav-container { overflow: visible; } .cart .title-buttons { margin-top: 20px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #discount-coupon { border-bottom: 1px #f0f1f1 solid; padding-bottom: 25px; } .cart-table th { padding: 0 5px; text-align: center; } .cart-table th.th-title { text-align: left; } .cart-table td { padding: 15px 5px; } .cart .totals .button { margin-bottom: 20px; width: 100%; } .cart .checkout-types { float: none; } .cart .crosssell .button { margin-top: 10px; } .cart .title-buttons a { clear: both; display: block; float: none; text-align: left; top: -5px; } } /* Landscape phones and down */ @media (max-width: 480px) { } /* ======================================================================================= */ @-ms-viewport { width: device-width; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } .hidden { display: none !important; visibility: hidden !important; } .visible-xs { display: none !important; } tr.visible-xs { display: none !important; } th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm { display: none !important; } tr.visible-sm { display: none !important; } th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md { display: none !important; } tr.visible-md { display: none !important; } th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg { display: none !important; } tr.visible-lg { display: none !important; } th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } tr.hidden-xs { display: none !important; } th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm { display: none !important; } tr.hidden-xs.hidden-sm { display: none !important; } th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md { display: none !important; } tr.hidden-xs.hidden-md { display: none !important; } th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg { display: none !important; } tr.hidden-xs.hidden-lg { display: none !important; } th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs { display: none !important; } tr.hidden-sm.hidden-xs { display: none !important; } th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } tr.hidden-sm { display: none !important; } th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md { display: none !important; } tr.hidden-sm.hidden-md { display: none !important; } th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg { display: none !important; } tr.hidden-sm.hidden-lg { display: none !important; } th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs { display: none !important; } tr.hidden-md.hidden-xs { display: none !important; } th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm { display: none !important; } tr.hidden-md.hidden-sm { display: none !important; } th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } tr.hidden-md { display: none !important; } th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg { display: none !important; } tr.hidden-md.hidden-lg { display: none !important; } th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs { display: none !important; } tr.hidden-lg.hidden-xs { display: none !important; } th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm { display: none !important; } tr.hidden-lg.hidden-sm { display: none !important; } th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md { display: none !important; } tr.hidden-lg.hidden-md { display: none !important; } th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } tr.hidden-lg { display: none !important; } th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print { display: none !important; } tr.visible-print { display: none !important; } th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print { display: none !important; } tr.hidden-print { display: none !important; } th.hidden-print, td.hidden-print { display: none !important; } } #atca-popup-container { color: #000; border: 1px solid #c0c0c0; padding: 25px 20px; position: absolute; z-index: 200; top: 50%; left: 50%; margin-top: -50px; margin-left: -127px; background: #fff; /* Drop shadows */ -moz-box-shadow: 3px 3px 4px #808080; -webkit-box-shadow: 3px 3px 4px #808080; box-shadow: 3px 3px 4px #808080; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080'); text-align: center; } #atca-message-container { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } #atca-message-container #atca-message-text-related { padding: 20px 0 0 0; background-position: center left; display: inline-block; background-repeat: no-repeat; *background-position: top left; /* notice the * before the property - shows in IE7 and below */ } #atca-popup-container #atca-message-image-related, #atca-popup-container #atca-please-wait-image-related { width: 41px; height: 42px; display: block; background-repeat: no-repeat; background-position: top left; } #atca-popup-container #atca-please-wait-image-related { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/ajax-loader.gif); } #atca-popup-container #atca-message-container #atca-please-wait { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/ajax-loader.gif); background-position: center left; display: inline-block; background-repeat: no-repeat; padding: 0 0 0 22px; } #atca-popup-container #atca-message-image-related#atca-please-wait-remove { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/ajax-loader.gif); } #atca-popup-container #atca-message-image-related.atca-success, #atca-popup-container #atca-message-text.atca-success { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/success-msg-icon.gif); } #atca-popup-container #atca-message-image-related.atca-error, #atca-popup-container #atca-message-text.atca-error { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/error-msg-icon.gif); } #atca-popup-container #atca-message-image-related.atca-notice, #atca-popup-container #atca-message-text.atca-notice { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/notice-msg-icon.gif); } #atca-popup-container #atca-message-text { background-position: center left; display: inline-block; background-repeat: no-repeat; padding: 0 0 0 20px; } #atca-popup-container #atca-message-text.atca-notice { background-image: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/notice-msg-icon.gif); } /* Buttons */ #atca-button-container { margin: 20px 0 0 0; } #atca-popup-container .atca-button { background:none; background-image: none; border:0 none; cursor:pointer; margin:0; overflow:visible; padding:0; vertical-align:middle; } .atca-button span { background-color:transparent; background-image:url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/button-bg.png); background-repeat:no-repeat; border:0 none; color:#FFFFFF; cursor:pointer; display:inline-block; margin:0; padding:0 0 0 10px; text-decoration:none; height:28px; margin-bottom: -1px; padding:0 0 0 10px; background-position: 0 0; } .atca-button span span { background-image:url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/button-bg.png); background-position:100% 0; display:inline-block; font-size:12px; font-weight:bold; height:23px; text-transform:none; white-space:nowrap; height:23px; padding:5px 10px 0 0; color: #fff; } .atca-button::-moz-focus-inner { padding:0; border:0; /* @bugfix: FF Fix */ } #atca-continue-btn { float:left; } #atca-redirect-btn { float:right; } #atca-yes-btn { float:right; margin-right: 40px; } #atca-no-btn { float:left; margin-left: 40px; } #atca-checkoutbutton{ display:none; } /* Related products in addtocartajax */ #atca-related-container { overflow: hidden; margin: 0; padding: 10px 0 0 0; } #atca-related-container .box-related li{ width: 223px; border: 1px solid #cccccc; float: left; margin-right: 20px; position: relative; } #atca-related-container .box-related li.last{ margin-right: 0; } #atca-related-container .box-related .product-name { color: #444444; font-size: 12px; padding: 0 0 10px; margin: 10px; padding: 0; text-align: left; } #atca-related-container .box-related .product-name a { color: #444444; font-weight: normal; text-decoration: none; text-transform: uppercase; } #atca-related-container .box-related .product-image { border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; display: block; margin: 0; position: relative; text-decoration: none !important; width: 223px; cursor: pointer !important; } #atca-related-container .box-related .price-box{ text-align: left; clear: both; float: left; margin: 10px 10px 5px; width: 203px; } #atca-related-container .box-related .price{ color: #444444; } #atca-related-container .box-related .link-learn { float: left; line-height: 32px; margin-left: 10px; } #atca-related-container .box-related button { float: right; margin-right: 10px; } #atca-message-text-related-container{ display: block; height: 331px; position: absolute; top: 0; width: 223px; background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/addtocartajax/addtocartajax-related-overlay.png) repeat; } #atca-message-image-related, #atca-please-wait-image-related{ background-position: left center; background-repeat: no-repeat; display: inline-block; float: left; margin: 140px 10px 0; overflow: hidden; padding: 0 0 0 22px; text-align: left; } #atca-message-image-related, #atca-please-wait-image-related{ padding: 0; margin: 130px 0 0 108px; } #atca-message-text-related, #atca-please-wait-related{ margin: 180px 0 0 0; display: block; padding: 0 10px; } #atca-message-text{ font-size: 14px; text-align: left; text-transform: uppercase; width: 100%; display: block; padding: 0 0 5px 0; margin: 0 0 0px 0; } #atca-related-container .block-content{ margin: 0 0 10px 0; } #atca-related-container .box-title{ display: block; margin: 0 0 15px 0; text-align: left; } #atca-related-container .box-title span{ font-size: 12px; width: 100%; } .headercart { position: relative; float: right; } .headercart:hover #recently-added-container { display: block !important; } .headercart .top { float: right; overflow: hidden; text-overflow: ellipsis; width: 237px; white-space: nowrap; } .headercart .showcart button { height: 32px; margin-top: 20px; width: 100%; } .headercart h4 { display: inline; } .headercart-button { display: block; border-radius: 0; height: 32px; margin-top: 7px; width: 237px; } .headercart-info { float: left; display: block; padding: 0 10px; } .headercart-button .sprite-whitecart { margin-right: 5px; position: relative; top: 3px; } .headercart-items { margin-right: 5px; } .headercart-co-btn { float: right; padding: 0 10px; border-radius: 3px; margin: 1px 1px 0 0; height: 32px; border: none; } #recently-added-container { display: none; position:absolute; top: -2px; right:0; width: 300px; z-index: 99999; } .headercart-inner { margin-top: 5px; padding: 10px; background: #fff; border: 1px solid #c0071f; } #recently-added-container .viewing { border-bottom: 1px solid #ccc; padding: 0 0 7px 0; } #recently-added-container .viewing a { text-transform: none; } #recently-added-container h5 { margin: 0 0 5px 0; } .headercart .mini-products-list { padding: 0; margin: 10px 0 0 0; overflow: hidden; list-style-type: none; } .headercart .mini-products-list .product-name { margin: 0 0 2px 0; } .headercart .mini-products-list .product-image { width: 55px; } .headercart .mini-products-list li { border-bottom: 1px solid #ccc; margin: 0 0 10px; overflow: hidden; padding: 0 0 10px 0; } .headercart #recently-added-container button { float: right; } #recently-added-container .sum, #recently-added-container .price{ margin: 0; } #recently-added-container .sum { float: left; margin: 0; } #recently-added-container .btn-remove { float: right; display: block; margin: 20px 0 0 0; } #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.grey { background-color: #000000; } #lbOverlay.red { background-color: #330000; } #lbOverlay.green { background-color: #003300; } #lbOverlay.blue { background-color: #011D50; } #lbOverlay.gold { background-color: #666600; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.grey { border: 3px solid #888888; } #lbOuterContainer.red { border: 3px solid #DD0000; } #lbOuterContainer.green { border: 3px solid #00B000; } #lbOuterContainer.blue { border: 3px solid #5F89D8; } #lbOuterContainer.gold { border: 3px solid #B0B000; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; } #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; } #lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; } #lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; } #lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; } #lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 49%; height: 100%; background: transparent url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/prev_grey.gif) left 15% no-repeat; } #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/prev_red.gif) left 15% no-repeat; } #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/prev_green.gif) left 15% no-repeat; } #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/prev_blue.gif) left 15% no-repeat; } #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/prev_gold.gif) left 15% no-repeat; } #lbNext { width: 49%; height: 100%; background: transparent url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/next_grey.gif) right 15% no-repeat; } #lbNext.red:hover, #lbNext.red:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/next_red.gif) right 15% no-repeat; } #lbNext.green:hover, #lbNext.green:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/next_green.gif) right 15% no-repeat; } #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/next_blue.gif) right 15% no-repeat; } #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/next_gold.gif) right 15% no-repeat; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; } #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; } #lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; } #lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; } #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; } #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; } #lbPrev2_Off, #lbNext2_Off { font-weight: bold; } #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; } #lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; } #lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; } #lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; } #lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; } #lbDetailsData { padding: 0 10px; } #lbDetailsData.grey { color: #333333; } #lbDetailsData.red { color: #620000; } #lbDetailsData.green { color: #003300; } #lbDetailsData.blue { color: #01379E; } #lbDetailsData.gold { color: #666600; } #lbDetails { width: 60%; float: left; text-align: left; } #lbCaption { display: block; font-weight: bold; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/close_grey.png) no-repeat; } #lbClose.red { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/close_red.png) no-repeat; } #lbClose.green { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/close_green.png) no-repeat; } #lbClose.blue { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/close_blue.png) no-repeat; } #lbClose.gold { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/close_gold.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPlay.grey { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/play_grey.png) no-repeat; } #lbPlay.red { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/play_red.png) no-repeat; } #lbPlay.green { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/play_green.png) no-repeat; } #lbPlay.blue { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/play_blue.png) no-repeat; } #lbPlay.gold { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/play_gold.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPause.grey { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/pause_grey.png) no-repeat; } #lbPause.red { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/pause_red.png) no-repeat; } #lbPause.green { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/pause_green.png) no-repeat; } #lbPause.blue { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/pause_blue.png) no-repeat; } #lbPause.gold { background: url(http://www.fjallraven.com/skin/frontend/carbon/default/images/lytebox/pause_gold.png) no-repeat; } /* Styles for facebook likebox */ .fan_box { } .fan_box .connect_widget_facebook_logo_menubar { } .fan_box .full_widget a{ } .fan_box .full_widget { } .fan_box .full_widget .connect_top { } .fan_box .page_stream { } .fan_box_bottom { } /* Icommerce_Tabs CSS -------------------------------------------------------- */ /* General */ #tabs { overflow: hidden; } .ui-tabs-nav { float: left; margin: 0; padding: 0;} .ui-tabs-nav li { float:left; margin: 0 2px 0 0; padding: 0; } .ui-tabs-nav li a { display:block; float:left; margin: 0; padding: 7px 15px 5px 15px; background: #efefef; border: 1px solid #E7E7E7; border-bottom: none; } .ui-tabs-nav li.ui-state-active a { background: #fff; position:relative; z-index: 3; } .ui-tabs-panel { display: block; clear:both; padding: 10px; background: #fff; border: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; position: relative; top: -1px; z-index: 2; } .ui-tabs-hide { display:none; } /* Product page tabs*/ .ui-tabs-panel .add-review .form-list input, .ui-tabs-panel .add-review .form-list textarea, .ui-tabs-panel .add-review .buttons-set{ width: 98%; } .ui-tabs-panel .add-review .buttons-set{ margin: 10px 0 0 0; } .ui-tabs-panel .reviews-text td.value{ width: 10px; overflow: hidden; } .ui-tabs-panel .add-review .data-table{ width: 400px; } .ui-tabs-panel .add-review .form-list{ margin: 10px 0 0 0; } .ui-tabs-panel .reviews .data-table, .ui-tabs-panel .reviews .data-table th{ border: 0; } .ui-tabs-panel .reviews .data-table td { border-bottom:0; border-left:0; border-right:0; width: 10px; } .ui-tabs-panel .reviews .data-table td.label, .ui-tabs-panel .reviews-text .data-table th.label { background-color:#ffffff; font-weight:bold; } .ui-tabs-panel .reviews .data-table th { border-bottom:0; border-left:0; border-right:0 !important; border-top:0; color:#333333; padding:2px 0; white-space:nowrap; } .ui-tabs-panel .reviews .review-title{ font-weight: bold; color: #888; } .ui-tabs-panel .rating-box { background:url(http://www.fjallraven.com/skin/frontend/carbon/default/images/product_rating_blank_star.gif) repeat-x; float:left; font-size:0.9em; height:13px; margin-right:5px; position:relative; width:69px; } .ui-tabs-panel .rating-box .rating { background:url(http://www.fjallraven.com/skin/frontend/carbon/default/images/product_rating_full_star.gif) repeat-x; height:13px; left:0; position:absolute; top:0; } .nosto-carbon { padding-top: 10px; margin-top: 20px; border-top: 1px solid #CCCCCC; clear: both; } .nosto-carbon, .nosto-carbon a, .nosto-carbon span. .nosto-carbon h4 { font-family: Arial,Verdana,Sans-serif; text-decoration: none; color: #333333; font-weight: normal; line-height: 15px; } .nosto-carbon h4.nosto-heading { text-align: center; margin: 0px 0px 20px 0px; color: #333333; font-size: 20px; } .nosto-carbon ul.nosto-product-list { margin: 0px; padding: 0px; text-align: center; } .nosto-carbon .nosto-product-list li { text-align: center; margin-bottom: 40px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .nosto-startpage .nosto-product-list li { width: 180px; padding: 0 15px 20px 15px; } .nosto-default .nosto-product-list li { width: 135px; } .nosto-carbon .nosto-product-list li:first-child { margin-left: 0px; } .nosto-carbon .nosto-product-list li img { width: 100%; } .nosto-carbon .nosto-product-info { margin-top: 10px; } .nosto-carbon h5.nosto-product-name a { margin-bottom: 5px; font-size: 14px; text-transform: uppercase; font-weight: bold; } .nosto-carbon h5.nosto-product-name { margin: 0; } .nosto-carbon .nosto-price-info span.nosto-product-price { display: inline; font-size: 12px; } .nosto-carbon .nosto-old-price span.nosto-product-price { text-decoration: line-through; } .nosto-carbon .nosto-current-price span.nosto-product-price { color: #E30613; } .nosto-carbon ul.nosto-product-list li { position:relative; } .nosto-carbon a:hover { opacity: 0.6; } .nosto-carbon .nosto-xxlarge { display: none !important; } @media (min-width: 1201px) { .nosto-carbon .nosto-xxlarge {display: inline-block !important;} } /* Responsive: Large desktop */ @media (min-width: 1025px) and (max-width: 1200px) { .nosto-carbon .nosto-xxlarge {display: none !important;} } /* Responsive: Tablet landscape */ @media (max-width: 1024px) { .nosto-carbon .nosto-xxlarge {display: none !important;} .nosto-startpage .nosto-product-list li {width: 180px;} } /* Responsive: Small tablet landscape */ @media (max-width: 800px) { .nosto-startpage .nosto-xxlarge {display: inline-block !important;} .nosto-startpage .nosto-product-list li {width: 200px;} .nosto-default .nosto-product-list li {width: 140px;} } /* Responsive: Tablet portrait */ @media (max-width: 768px) { .nosto-startpage .nosto-product-list li {width: 200px;} } /* Responsive: Small tablet portrait */ @media (max-width: 600px) { .nosto-carbon .nosto-product-list li {width: 150px;} .nosto-default .nosto-xxlarge {display: inline-block !important;} .nosto-default .nosto-product-list li {margin-bottom: 20px;} } /* Responsive: Mobile landscape and down */ @media (max-width: 480px) { .nosto-carbon .nosto-product-list li {width: 140px;} } /* Responsive: Mobile portrait and down */ @media (max-width: 320px) { .nosto-default .nosto-xxlarge, .nosto-default .nosto-xlarge { display: none !important; } } .infobox-widget { margin: 0 0 20px; } .infobox-widget__image { width: 100%; height: auto; } .infobox-widget__title { margin: 8px 0 6px; } .infobox-widget__title-link { text-decoration: none; font-size: 16px; } .infobox-widget_type_cms img:first-child { width: 100%; } .c-countdown { display: inline-block; } .c-countdown__zero, .c-countdown--zero .c-countdown__time, .c-countdown--zero .c-countdown__before, .c-countdown--zero .c-countdown__after, .c-countdown--empty { display: none; } .c-countdown--zero .c-countdown__zero { display: block; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.fjallraven.com/skin/frontend/base/default/images/vaimo-fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('http://www.fjallraven.com/skin/frontend/base/default/images/vaimo-fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('http://www.fjallraven.com/skin/frontend/base/default/css/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('http://www.fjallraven.com/skin/frontend/base/default/images/vaimo-fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('http://www.fjallraven.com/skin/frontend/base/default/images/vaimo-fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('http://www.fjallraven.com/skin/frontend/base/default/images/vaimo-fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #takeover-bg { background:rgba(0,0,0,0); display:none; left:0px; height:100%; position:fixed; top:0px; width:100%; z-index:89; } #takeover { background:#ffffff; background-size:cover; box-sizing:border-box; display:none; left:5%; margin-bottom:80px; min-height:90%; padding:25px; position:absolute; top:25px; z-index:90; width:90%; } #takeover.takeover-autoshow, #takeover-bg.takeover-autoshow { display:block; } #takeover .sprite-remove { cursor:pointer; position:absolute; right:15px; top:15px; } #takeover h2 { font-size:90px; font-weight:bold; line-height:80px; text-transform:uppercase; } #takeover h3 { font-size:20px; } #takeover h4 { font-size:16px; } #takeover-newsletter { display:inline-block; position:relative; width:190px; } #takeover-newsletter input { background:#ffffff; height:13px; padding-right:30px; width:153px; } #takeover-newsletter button { background:transparent; border:none; border-radius:0px; display:inline-block; font-size:11px; height:20px; line-height:21px; position:absolute; right:0px; text-transform:uppercase; top:3px; padding:1px 5px; vertical-align:middle; width:auto; } #takeover-newsletter button:hover { box-shadow:inherit; } #takeover-newsletter-response { display:block; margin-top:5px; } .virtual-name { color: #333333; } /* Category Page */ .event-category .breadcrumbs ul li:nth-child(2) { display: none; } .event-category .category-top { border-bottom: 1px dotted #e57f7f; } .event-category .category-top .span6 { width: 620px; } .event-category .category-top .span3 { width: 300px; } .event-category .category-image { margin-top: 13px; } .event-category .col-main h2 { margin-bottom: 15px; } .event-category .products-grid { border-bottom: 1px dotted #e57f7f; width: 940px; margin: 15px auto 10px; } .event-category .products-grid:last-child { margin-bottom: auto; } .instagram-feed h2 { margin: 15px 0 16px; } .instagram-feed h2 a { margin-left: 10px; } .instagram-grid .item { margin-bottom: 20px; } .instagram-grid .item:nth-of-type(6n+1) { margin-left: 0; } /* Startpage */ .cms-index-index .span12 > .instagram-feed { padding: 0; } /* Navigation */ #nav { padding: 4px 0; margin: 0; border: 1px solid #c0071f; border-width: 1px 0; position: relative; } #nav span.toggle { display: none; } /* All Levels */ #nav li a { display: block; } #nav li a span { display: block; white-space: nowrap; cursor: pointer; } #nav li ul a span { white-space: normal; } #nav .nav-item.level0 >a { float: left; padding: 12px 15px; position: relative; } #nav .nav-item.level0.first >a { padding-left: 0; } #nav .nav-item.level0 >a.over:after { border-color: transparent transparent #c0071f transparent; border-style: solid; border-width: 10px; bottom: -7px; content: ''; height: 0; left: 50%; margin-left: -10px; position: absolute; width: 0; } #nav .nav-item.level0.first >a.over:after { margin-left: -15px; } #nav .menu-divider >a { border-right: 1px solid #c0071f; } #nav .level1 .menu-divider >a { border: none; margin-bottom: 20px; } #nav .nav-item.level0 .nav-item.level1 >a { margin: 20px 0 10px 0; } #nav .level0.menu-bp-wrapper { background: #efedee; display: none; left: 0; margin: 0; padding: 0; width: 100%; z-index: 10; } #nav .level0.menu-bp-wrapper.shown-sub { display: block; position: absolute; top: 50px; } #nav .level0.menu-bp-wrapper .menu-bp-wrapper { border: 2px #c0071f solid; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; width: 100%; } #nav .level0.menu-bp-wrapper .menu-bp-wrapper:first-child:nth-last-child(2) { border-right-width: 1px; } #nav .level0.menu-bp-wrapper .menu-group-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; width: 100%; } #nav .level0.menu-bp-wrapper .menu-group-main .menu-widget-list { border-left: 0; min-width: 25%; max-width: 25%; } #nav .level0.menu-bp-wrapper .menu-bp-column { border-right: 1px solid #c0071f; -webkit-flex: 1; flex: 1; padding: 0 20px 20px 20px; } #nav .level0.menu-bp-wrapper .menu-bp-column:last-child { border: 0; } #nav .level1.menu-bp-wrapper.menu-children-nested { border: none; padding: 0; } #nav .level0.menu-bp-wrapper .menu-children-nested .menu-bp-column { padding: 0; } #nav ul.level0 * { display: block; } #nav .level1 .menu-bp-column { width: 100%; } #nav .menu-bp-wrapper a { float: none; } #nav .menu-image { margin: 20px 0 10px 0; width: 100%; } #nav .level2 a.menu-link { padding: 5px 0; } #nav .disabled-link >a:hover { cursor: default; text-decoration: none; } #nav .widget-column { background: #fff; border: 1px #c0071f solid !important; margin: 10px; text-align: center; } #nav .widget-column img { display: inline-block; width: 200px; } #nav .widget-column .block { border: none; margin: 0; } #nav .widget-column a:hover { text-decoration: none; } /* Mobile menu ----------------------------------- */ @media (min-width: 992px) { .mobile-nav { display: none !important; } } @media (max-width: 991px) { .mobile-nav { display: none; } } .mobile-nav-submenu, .mobile-nav { margin: 0 -10px; } .mobile-nav-submenu__close { background: #efedee; cursor: pointer; display: block; padding: 12px; } .mobile-nav-submenu a, .mobile-nav a { border-top: 1px solid #c0071f; display: block; padding: 12px; text-decoration: none; user-select: none; } .mobile-nav .menu-bp-wrapper { display: none; } .mobile-nav-submenu { display: none; } .mobile-nav .menu-image-link, .mobile-nav-submenu .menu-image-link, .mobile-nav-submenu .menu-image, .mobile-nav .menu-image { display: none; } .mobile-nav-submenu .mobile-nav-submenu__close { border-top: 1px solid #c0071f; } .mobile-nav-submenu__content { display: none; } .mobile-nav-submenu__content:last-child { display: block; } .mobile-nav-submenu__content .level-with-link [class^='nav-submenu-level'] { display: none; } .mobile-nav .with-submenu >a:after, .mobile-nav-submenu .with-submenu >a:after { content:'\0000a0\00BB'; } .mobile-nav .cms { margin-top: -7px; } .mobile-nav .cms h4 { margin-bottom: 7px; padding-left: 12px; } .mobile-nav .cms a { border: none; padding: 5px 12px; } .mobile-nav .cms .crown { margin-bottom: 25px; text-align: center; } .mobile-nav-submenu .menu-widget-list { display: none !important; } @CHARSET "UTF-8"; /* Location map - needed for the google map */ #storelocator_map img { max-width: none; } .storelocator.locationdiv { background: #FFF; position: relative; vertical-align: top; } .storelocator.locationdiv div { display: table-cell; vertical-align: middle; } .storelocator.view_on_map { right: 0; } .storelocator.view_on_map:hover { cursor: pointer; } .storelocator.address.search { width: 420px; } .storelocator.miles { width: 150px; } .storelocator.marker { text-align: center; height: 34px; width: 34px; -moz-border-radius: 17px; -webkit-border-radius: 17px; -khtml-border-radius: 17px; border-radius: 17px; } /* map */ .storelocator.map { width: 100%; height: 460px; } /* Locator form */ .storelocator-mapandform { margin-top: 10px; } .storelocator.form button { float: right; width: 30%; } .storelocator.form .sod_select { width: 100%; } .storelocator.form .sod_list { max-height: 20em; } .storelocator.form .sod_list_wrapper { z-index: 100; } .storelocator.spinner { float: right; position: absolute; right: 5px; top: 2px; } .storelocator.form .sod_select { display: block; } .storelocator.form input { float: left; clear: left; width: 170px; } .storelocator.form .form_fields label { margin: 4px 0 5px 0; } .storelocator.searchresponse { clear: both; height: 20px; width: 100%; } #storelocator_search_form { width: 100%; } #storelocator_search_form label { float: left; } #storelocator_address { display: block; width: 65%; } .storelocator-options { border-top: 1px #e57f7f dotted; margin-top: 8px; padding-top: 20px; } .storelocator-options input.storelocator-option + label { padding-left: 0; margin-left: 0; margin-bottom: 8px; width: 85%; } .storelocator-options input + label span.icon-check, .storelocator-options input + label span.icon-unchecked { margin-right: 5px; } .storelocator-options input, .storelocator-options input[type=checkbox] + label:before, .storelocator-options input + label span.icon-check, .storelocator-options input:checked + label span.icon-unchecked { display: none; } .storelocator-options input + label span.icon-unchecked, .storelocator-options input:checked + label span.icon-check { display: inline-block; } .storelocator-options .option { padding-left: 0; } .storelocator-options > div { position: relative; z-index: 10; } body.notouch .storelocator-options div label:hover ~ div { display: block; } .storelocator-options div span.popup { border-top: 8px solid #aaaaaa; border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -8px; content: ''; display: n; height: 0; left: 70px; padding: 0; position: absolute; width: 0; z-index: 12; } .storelocator-options div span.popup:after { border-top: 6px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: 2px; content: ''; display: block; height: 0; left: -5px; padding: 0; position: absolute; width: 0; z-index: 12; } .storelocator-options div div { background: #ffffff; border: 1px #aaaaaa solid; bottom: 20px; box-shadow: 0 0px 9px rgba(0, 0, 0, 0.25); display: none; left: -31px; padding: 5px 10px; position: absolute; width: 130px; z-index: 11; } .storelocator > hr { margin: 20px 0; } .storelocator-results > .span3 { border-left: 1px #e57f7f dotted; margin-left: 0; padding-left: 19px; } .storelocator-results h2 { margin-bottom: 25px; } .storelocator-results h3 { margin-top: 20px; } .storelocator-results .locationlist h3 { margin-top: 0; } .storelocator-results .locationlist li { display: flex; border-bottom: 1px #e57f7f dotted; margin-bottom: 20px; vertical-align: top; width: 33.33% } .storelocator-results .locationlist li .locationdiv { border-left: 1px #d4d4d4 dotted; margin-bottom: 17px; min-height: 160px; padding: 0 8px; } .storelocator-results .locationlist li.first .locationdiv { border-left: 0; padding-left: 0; } .storelocator-results .locationlist li .locationdiv .icons { margin: 1px 0; } .storelocator-results .locationlist ul { padding-right: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .storelocator.onlineretailers p { margin: 2px 0; } .storelocator-box { width: 240px; } .storelocator-box h3 { margin-bottom: 10px; } .storelocator-box .directions { float: right; text-align: right; } .storelocator-box p:last-child { margin-bottom: 0; } /* cms block */ .cmsBlockResult { border-top: 1px #e57f7f dotted; margin-top: 20px; padding-top: 20px; } .cmsBlockResult h2 { padding-bottom: 20px; } .cmsBlockResult.empty { border-top: none; margin-top: 0; padding-top: 0; } .cmsBlockResult ul { overflow: hidden; margin-right: -20px; } .cmsBlockResult ul li { float: left; margin: 0 20px 20px 0; } .find-my-position { margin-left: 15px; display: inline-block; } .find-my-position .sprite-use-my-position { margin-right: 5px; position: relative; top: 3px; } #storelocator_cities_form, #storelocator_search_form { margin-top: 5px; } #locatorWrapper button#back_to_top { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 2000; width: 120px; border: 1px #c0071f solid; background: #fff; border-radius: 0; height: 32px; max-width: none; padding: 0 12px; } .storelocator.error { padding-top: 4px; } @media (max-width: 767px) { .storelocator-results .locationlist li { width: 100%; } .storelocator.form .sod_select { width: 100%; } #storelocator_address { width: 100%; } .storelocator.form button { float: none; margin-top: 5px; } #storelocator_search_form { width: 100%; } .storelocator.form input { float: none; } .find-my-position { margin-left: 0; } .storelocator-results .locationlist li.first .locationdiv { border-left: 1px #d4d4d4 dotted; margin-bottom: 17px; min-height: 160px; padding: 0 8px; } } @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=503072bc-8e87-4fe8-ba8a-f2fc991b0594"); @font-face { font-family: 'VAGRounded'; src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/vagrounded.eot'); src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/vagrounded.eot?#iefix') format('embedded-opentype'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/vagrounded.woff') format('woff'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/vagrounded.ttf') format('truetype'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/vagrounded.svg') format('svg'); } @font-face{ font-family: 'Frankfurter'; src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/frankfurter.eot?#iefix'); src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/frankfurter.eot?#iefix') format('eot'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/frankfurter.woff') format('woff'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/frankfurter.ttf') format('truetype'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/frankfurter.svg#903952a9-66c5-4768-a9d2-6bad23ff69b2') format('svg'); } @font-face { font-family: 'Socicon'; src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/socicon-webfont.eot'); src: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/socicon-webfont.woff') format('woff'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/socicon-webfont.ttf') format('truetype'), url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/fonts/socicon-webfont.svg') format('svg'); } body { color: #1d1d1d; font-family: Georgia, serif; font-size: 12px; line-height: 15px; } /* HEADERS --------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #c0071f; font-family: "VAGRounded", sans-serif; font-weight: normal; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 20px; line-height: 24px; } h3 { font-size: 16px; line-height: 20px; } h4, h5, h6 { font-size: 14px; line-height: 18px; } #footer h4 { font-size: 13px; text-transform: uppercase; } p, .category-top .category-description { font-size: 14px; line-height: 20px; } p.secondary { font-size: 12px; line-height: 15px; } #footer p, #footer .crown-description { font-size: 13px; } /* LINKS --------------------------------- */ a, .like-a-link { color: #c0071f; cursor: pointer; font-size: 13px; text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } .like-a-link { font-size: 12px; } a:hover, .like-a-link:hover { color: #999; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #c0071f; text-decoration: underline; } #footer a, #footer a:link { color: #1d1d1d; text-decoration: none; } #footer a:hover { color: #1d1d1d; text-decoration: underline; } .country-switcher a { text-decoration: none; } /* BUTTONS --------------------------------- */ .button, .list-size button { font-family: "VAGRounded", sans-serif; } .button { color: #fff; font-size: 12px; line-height: 23px; text-decoration: none; } .button.secondary { color: #666; } button.button:disabled { color: #eee; } .list-size button { color: #fff; font-size: 12px; } .button:hover, .button:focus, .button:active { color: #fff; } #footer button.button { color: #c0071f; text-transform: uppercase; } #footer button.button:hover { color: #fff; } /* INPUTS, FORM ---------------------------------- */ legend { font-size: 21px; line-height: inherit; color: #333; } .input-text:-moz-placeholder { color: #999; } .input-text::-moz-placeholder { color: #999; } .input-text:-ms-input-placeholder { color: #999; } .input-text::-webkit-input-placeholder { color: #999; } .input-text, textarea, label { font-size: 14px; } label em { color: #00809f; } .buttons-set p.required { color: #333; } .validation-advice { font-size: 10px; line-height: 13px; color: #f00; } p.required { font-size: 11px; color: #f00; } span.required { color: #ff0000; } .product-options dt label { color: #c00; font-family: "VAGRounded", sans-serif; } .sod_select .sod_label { color: #c0071f; font-family: "VAGRounded", sans-serif; } .sod_select .sod_list .sod_option, .sod_select .sod_list .sod_option.selected { color: #c0071f; } /* FOOTER ---------------------------------- */ #footer { font-size: 13px; line-height: 20px; } /* MENU ----------------------------------- */ .headercart { font-size: 13px; } #header .toplinks a, #header .topsearch h4, #header .headercart h4, #header .to-cart.visible-xs .qty { color: #313131; font-family: "VAGRounded", sans-serif; font-size: 13px; text-decoration: none; text-transform: uppercase; } #header .toplinks a:hover { text-decoration: underline; } .headercart-button { font-size: 12px; line-height: 27px; text-transform: uppercase; } .headercart .mini-products-list .product-name a { font-family: "VAGRounded", sans-serif; font-size: 14px; } #header .to-cart.visible-xs .qty { font-size: 15px; line-height: 25px; } .mobilesearch #search_mini_form .input-search { font-size: 16px; } .topsearch input, .mobilesearch input { color: #000; font-family: "VAGRounded", sans-serif; font-size: 12px; text-transform: uppercase; } .topsearch input::-webkit-input-placeholder, .mobilesearch input::-webkit-input-placeholder { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 12px; text-transform: uppercase; } .topsearch input::-moz-placeholder, .mobilesearch input::-moz-placeholder { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 12px; text-transform: uppercase; } .topsearch input:-ms-input-placeholder, .mobilesearch input:-ms-input-placeholder { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 12px; text-transform: uppercase; } .topsearch input::placeholder-shown, .mobilesearch input::placeholder-shown { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 12px; text-transform: uppercase; } #nav li a, #nav .cms p, #nav .cms a, #nav .cms div { color: #c0071f; font-family: "VAGRounded", sans-serif; font-size: 16px; text-decoration: none; } #nav li li a, #nav .cms p, #nav .cms a, #nav .cms div, #nav .cms h4 { color: #333; font-size: 12px; line-height: 16px; text-transform: uppercase; } #nav li a:hover, #nav .cms a:hover { text-decoration: underline; } #nav .cms h4 { text-transform: uppercase; } #nav .cms .button { color: #c0071f; } #nav .cms .button { color: #c0071f; } #nav .cms .button:hover { color: #fff; } .mobile-nav a:hover { color: #c0071f; } #nav .newsletter .validation-advice { font-size: 12px; } #nav .level1 a.menu-link { font-size: 16px; text-transform: uppercase; } #nav .level2 a.menu-link { font-family: Georgia, serif; font-size: 14px; font-weight: normal; text-transform: none; } #nav li .menu-widget-list h3 a { font-size: 16px; } #nav li .widget-column h3, #nav li .widget-column h4, #nav li .widget-column h2 a, #nav li .widget-column h3 a, #nav li .widget-column h4 a { font-family: "VAGRounded", sans-serif; text-decoration: none; text-transform: uppercase; } #nav li .widget-column, #nav li .widget-column a, #nav li .widget-column p, #nav li .widget-column h3, #nav li .widget-column h4, #nav li .widget-column .price { color: #333; } #nav li .widget-column h3 { font-size: 16px; } #nav li .widget-column h4 { font-size: 14px; } #nav li .widget-column .readmore a { font-family: Georgia, serif; text-decoration: underline; } #breadcrumbs, #breadcrumbs a { color: #1d1d1d; font-size: 13px; line-height: 16px; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a:focus { text-decoration: underline; } /* CATEGORY PAGE ----------------------------------- */ .catalog-category-view h3 a { font-size: 14px; } .subcategories a { text-decoration: none; } .subcategories a:hover { text-decoration: underline; } .subcategories h3 { font-size: 14px; } /* PRODUCT GRID ----------------------------------- */ .products-grid li.item .colors a { font-size: 12px; text-decoration: none; } .product-image .icons .new-product, .product-image .icons .new-color, .catalog-product-view .icons .new-product, .catalog-product-view .icons .new-color { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 10px; line-height: 18px; text-transform: uppercase; } .std .products-grid a { text-decoration: none; } .products-grid li.item h3 a { font-family: "VAGRounded", sans-serif; font-size: 16px; } .products-grid li.item .out-of-stock { font-size: 11px; } /* MULTIOPTIONFILTER, TOOLBAR ----------------------------------- */ .block-layered-nav, .block-layered-nav .block-content dt a { color: #c0071f; font-family: "VAGRounded", sans-serif; } .block-layered-nav dt { text-transform: uppercase; } .block-layered-nav a { text-decoration: none; } .block-layered-nav .option-checked a { color: #000; } .toolbar div span { line-height: 12px; } .toolbar a { color: #1d1d1d; font-size: 12px; text-decoration: none; } .toolbar a:hover { text-decoration: underline; } .toolbar a.selected { font-weight: bold; text-decoration: underline; } .toolbar a.button { color: #fff; } .custom-filter li a > span { color: #313131; } .custom-filter .filter-info p { color: #313131; font-size: 13px; line-height: 18px; } /* PRICE ----------------------------------- */ .product-essential .price { font-size: 16px; } .price-box .price { color: #c0071f; font-size: 14px; font-family: "VAGRounded", sans-serif; font-weight: normal; text-rendering: optimizeLegibility; } .old-price .price { color: #333; font-family: Georgia, serif; font-size: 12px; font-weight: normal; text-decoration: line-through; } .special-price .price { font-weight: normal; color: #e30613; } .minimal-price-link .label { color: #333; font-weight: normal; font-size: 11px; text-shadow: none; } .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } .klarna_pp_text .price { color: #333 !important; font-weight: normal !important; font-size: 12px; } .product-options-bottom .price { font-size: 20px; } .product-options-bottom .old-price .price { color: #999; font-family: "VAGRounded", sans-serif; font-size: 14px; } .regular-price .price, .minimal-price-link .price, .price-excluding-tax .price { font-weight: normal; } .special-price .price-label, .minimal-price .price-label, .price-including-tax .price, .configured-price .price-label, .configured-price .price, .price-incl-tax .price, .price-from .price-label, .price-to .price-label, .price-notice .price, .price-as-configured .price-label { font-weight: bold; } .kanken-list .price { color: #c0071f; font-size: 14px; font-family: "VAGRounded", sans-serif; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; } /* SLIDESHOW ----------------------------------- */ .cms-index-index .carousel-caption h2, .cms-index-index .carousel-caption h2 a { font-family: "Frankfurter", "VAGRounded", sans-serif; font-size: 55px; line-height: 55px; text-transform: uppercase; } .cms-index-index .carousel-caption h3, .cms-index-index .carousel-caption h3 a { font-family: "VAGRounded", sans-serif; font-size: 20px; line-height: 22px; color: #fff; } .cms-index-index .carousel-caption p { font-size: 16px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel .carousel-control { font-family: Arial, sans-serif; font-size: 44px; line-height: 32px; } /* WEEKLY PICKS ----------------------------------- */ .weekly-picks h2 { font-size: 30px; } .weekly-picks h2 a { font-family: Georgia, serif; font-size: 12px; } .weekly-picks .products-grid a { text-decoration: none; } /* STARTPAGE ----------------------------------- */ .articles h3 { line-height: 16px; } .articles a { text-decoration: none; } .articles.big a { text-decoration: none; } .articles a:hover, .articles.big a:hover { text-decoration: underline; } .fjr-widget h3 a { font-size: inherit; } .fjr-widget h2 { color: #232323; font-family: "Georgia", serif; font-size: 12px; line-height: 16px; } .fjr-widget p a { text-decoration: none; } .fjr-widget-description { font-family: "Georgia", serif; text-transform: none; } .col-md-4 .articles p a { color: inherit; } .articles p, .articles .infobox-desc { font-size: 14px; line-height: 20px; } .cms-index-index .selected-products h5 a { text-transform: uppercase; } /* INSTAGRAM ----------------------------------- */ .instagram-feed h2 { font-size: 30px; } .instagram-feed h2 a { font-size: 12px; } /* Global */ .error-msg, .success-msg { color: #333; font-weight: normal; } .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc; } #header .welcome-msg { font-size: 11px; color: #00809f; } #header .links { font-size: 11px; } /* PRODUCT PAGE ------------------------------- */ .add-to-cart button, .tabs li h3, .box-related a, .box-related h2, .box-related .price, .product-shop-box h4, .product-shop-box label, #registerbackinstock label, #atca-popup-container { font-family: "VAGRounded", sans-serif; font-size: 16px; line-height: 25px; text-transform: uppercase; } .tabs li h3 { line-height: 25px; } .short-description, .tabs, .product-options p a { font-size: 14px; line-height: 20px; } .product-shop .product-sku, .product-shop .review-summary { font-size: 13px; line-height: 17px; } .product-options label a, .product-options label span { font-size: 12px; text-transform: none; } .product-options label a, .product-options-bottom .links a, .registerbackinstock a { font-size: 14px; font-family: Georgia, serif; } .product-options label span { color: #313131; } .product-options label .newcolor { color: #13bc13; } .product-options label .outofstock { color: #cc0000; } .product-options-bottom .price { font-family: "VAGRounded", sans-serif; font-size: 30px; line-height: 32px; } .box-related a { text-transform: none; } .list-size button { color: #fff; } .controls #zoom-in, .controls #zoom-out { color: #999; font-family: "VAGRounded", sans-serif; font-size: 22px; line-height: 36px; } .catalog-product-view #fancybox-zoom-in, .catalog-product-view #fancybox-zoom-out { color: #999; font-family: "VAGRounded", sans-serif; font-size: 22px; } .designer-comment p { color: #0f4f76; } .designer-comment .designer-name { font-weight: bold; } .tabs div.ratings .rating-links { color: #313131; font-family: Georgia, serif; font-size: 14px; text-transform: none; } #partofbundle h2 a { font-size: 16px; text-transform: uppercase; } .share a { color: #c0071f; font-family: "Socicon"; font-size: 25px; text-decoration: none; } .awards li div { font-family: "Arial", sans-serif; font-size: 10px; line-height: 12px; } /* Style product ------------------------- */ .style-product a { color: #333; } .style-product h3 a, .style-price { color: #c0071f; } .number-of-products { color: #c0071f; font-family: "VAGRounded", sans-serif; font-size: 16px; } .style .button { font-size: 16px; line-height: 31px; } .style label, .style .shorttext, .style .longtext, .style .toggle-longtext, .style .please-choose-options, .style-product h3 a { font-size: 14px; line-height: 18px; text-transform: none; } .style-product .sod_select .sod_label, .style-product .sod_select .sod_option { color: #1d1d1d; font-weight: normal; } /* Cart ----------------------------- */ .cart .product-name a, .cart-table th, .cart .subtotal { font-family: "VAGRounded", sans-serif; font-weight: normal; text-decoration: none; } .cart .product-name a, .cart-table, .cart-collaterals, .cart .subtotal .price { font-size: 14px; line-height: 18px; } .cart-table th, .cart .subtotal { color: #c0071f; } .cart .totals .button { font-size: 16px; line-height: 25px; text-transform: uppercase; } .cart .crosssell .price { color: #313131; font-family: Georgia, serif; } /* Checkout --------------------------- */ .one-page-checkout label, .one-page-checkout table, .one-page-checkout dt, #checkout-review-loader { font-size: 14px; } .one-page-checkout .qc-shipping-choice label { font-weight: bold; } .one-page-checkout dt, .one-page-checkout dd { line-height: 20px; } .one-page-checkout .data-table .item-options { font-family: Georgia, serif; } .one-page-checkout .data-table tbody td.first, p.agree label { font-family: "VAGRounded", sans-serif; } .one-page-checkout .grand-total-incl .price { color: #c0071f; } #place-order-button { font-size: 16px; line-height: 25px; text-transform: uppercase; } p.agree label, p.agree label a { color: #c0071f; font-size: 20px; line-height: 28px; } /* ACCOUNT --------------------------- */ .customer-account-forgotpassword p.required, .account-login p.required, .customer-account-create p.required { color: #00809F; } .customer-account-forgotpassword p.back-link a { font-family: Arial, sans-serif; text-transform: lowercase; } .block-account ul li { font-family: Arial, sans-serif; text-transform: uppercase; line-height: 16px; } .block-account .block-title strong { font-weight: bold; } #remember-me-popup { color: #000; } .my-account h1 { font-size: 16px; line-height: 1em; } .my-account h2 { font-size: 14px; } .my-account h3 { font-family: Georgia, serif; font-size: 14px; font-weight: normal; color: #333; } .my-account .data-table td.last span.nobr a { color: #00809F; font-weight: normal; } .my-account .data-table span.price { font-size: 12px; } #my-orders-table a { text-transform: none; } .box-account .col2-set .box-content { font-style: italic; } .my-account address { font-style: italic; } .sales-order-view .order-info-box p, .sales-order-view .order-info-box address { font-size: 12px; } .dashboard .box-reviews .number { font-size: 10px; font-weight: bold; line-height: 1; color: #fff; } .dashboard .box-tags .number { font-size: 10px; font-weight: bold; line-height: 1; color: #fff; } .order-info dt { font-weight: bold; } .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; } .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; } .tracking-table th { font-weight: bold; } .tracking-table-popup th { font-weight: bold; } .product-review .product-img-box .label { font-size: 11px; } .product-review .product-name { font-size: 16px; font-weight: bold; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; } #wishlist-table h3 a, #wishlist-table textarea { font-size: inherit; } /* Vertnav ---------------------------- */ .vertnav a.vertnavlink { text-decoration: none; } .vertnav a.vertnavlink:hover { text-decoration: underline; } .vertnav a.vertnavlink:after { color:#cc0000; } .vertnav.editorial .level0 >.vertnavlink.category, .vertnav.editorial .level1 >.vertnavlink.category { color: #c0071f; font-family: "VAGRounded", sans-serif; font-size: 15px; font-weight: normal !important; text-transform: uppercase; } .vertnav.editorial .level1 >.vertnavlink.category { font-size: 13px; text-transform: none; } .vertnav.normal .level0 >.vertnavlink.category { color: #c0071f; font-family: "VAGRounded", sans-serif; font-size: 15px; font-weight: normal !important; text-transform: uppercase; } .vertnav .vertnavlink { color: #1d1d1d; font-family: Georgia, serif; font-size: 13px; text-transform: none; } .vertnav .active a.vertnavlink { font-weight: normal; } .vertnav .current >a.vertnavlink { font-weight: bold; } .sidebar h2 { font-size: 16px; line-height: 16px; } .topsellers .product-name { font-size: 12px; line-height: 16px; color: #000; text-decoration: none; } /* StoreLocator */ .storelocator.form .form_fields label { color: #cc0000; font-family: "VAGRounded"; } .storelocator.error { font-weight: normal; color: black; } .storelocator-options input + label span.icon-unchecked, .storelocator-options input + label span.icon-check { font-size: 16px; } .storelocator-box p, .storelocator-box a { font-family: Georgia; } .storelocator.address span { font-weight: bold; text-transform: uppercase; } .storelocator-results .locationlist ul { font-size: 0; } .storelocator-options div div { font-family: "Arial"; font-size: 10px; line-height: 11.5px; } .storelocator-results .locationlist li { font-size: 12px; } .storelocator p a { text-decoration: none; } .storelocator.view_on_map:hover { text-decoration: underline; } .storelocator.address { text-transform: none; } .storelocator-results .online-stores h3 { text-transform: uppercase; } .storelocator-results .locationlist h3 { text-transform: none; } #locatorWrapper button#back_to_top { color: #c0071f; } #locatorWrapper button#back_to_top { color: #c0071f; text-transform: uppercase; } .storelocator.view_on_map { color: #cc0000; } .storelocator.marker { color: white; } /* Geoip popup */ div.geo_ip { font-weight: normal; font-size: 22px; font-family: 'VAGRounded'; line-height: 30px; } div.geo_ip a { font-weight: normal; font-size: 22px; font-family: 'VAGRounded'; } div.geo_ip .icon-remove { line-height: inherit; } .content-rotator__title { font-size: 30px; } .bottomfixed { color: #c0071f; font-family: "VAGRounded", sans-serif; font-size: 18px; } /* ================================== Size guide tabs in popup ========================== */ .size-guide-tabs ul li a { color: #000; line-height: 1; } .size-guide-tabs ul li a:hover { color: #fff; } .size-guide-tabs .nav-tabs li.active a, .size-guide-tabs .nav-tabs li.active a:focus, .size-guide-tabs .nav-tabs li.active a:hover { color: #fff; } @-moz-document url-prefix() { #attachment { padding: 0; } } div[class^=sprite-], span[class^=sprite-], .rating-box .rating, .icon-chevron-down:before, .icon-chevron-up:before, .sod_select:after, .owl-prev, .owl-next { background: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite.png') 0 0 no-repeat; position: relative; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { div[class^=sprite-], span[class^=sprite-], .rating-box .rating, .icon-chevron-down:before, .icon-chevron-up:before, .sod_select:after, .owl-prev, .owl-next { background: url('http://www.fjallraven.com/skin/frontend/carbon/fjallraven/images/sprite2x.png') 0 0 no-repeat; background-size: 500px 339px; } } div[class^=sprite-] { display: block; } span[class^=sprite-] { display: inline-block; } .sprite-xyz { background-position: 0 0 !important; height: 10px; width: 10px; } .sprite-magnifier { background-position: -139px -2px !important; height: 20px; width: 20px; } .sprite-footer-flag { background-position: -1px -185px !important; height: 28px; width: 17px; } @media (max-width: 991px) { .sprite-footer-flag { background-position: -251px -1px !important; height: 18px; width: 12px; } } .sprite-crown { background-position: 0 -84px !important; height: 64px; width: 60px; } .sprite-crown-small { background-position: -12px -35px !important; height: 43px; width: 38px; } .sprite-slideshow-left, .owl-prev { background-position: -277px -1px !important; height: 51px; width: 26px; } .owl-prev:hover { background-position: -340px -1px !important; } .sprite-slideshow-right, .owl-next { background-position: -307px -1px !important; height: 51px; width: 26px; } .owl-next:hover { background-position: -369px -2px !important; } .sprite-cart { background-position: -406px -2px !important; height: 12px; width: 15px; } .sprite-bigcart { background-position: -33px -183px !important; height: 21px; width: 21px; } .sprite-whitecart { background-position: -140px -166px !important; height: 16px; width: 16px; } .sprite-remove { background-position: -162px -18px !important; height: 14px; width: 14px; } .sprite-gender-m { background-position: -181px -3px !important; height: 20px; width: 20px; } .sprite-gender-f { background-position: -181px -28px !important; height: 20px; width: 20px; } .sprite-g1000 { background-position: -162px -89px !important; height: 58px; width: 20px; } .sprite-g1000-horizontal { background-position: -192px -127px !important; height: 20px; width: 100px; } .icon-chevron-up:before { background-position: -214px -4px !important; height: 8px; width: 10px; } .icon-chevron-down:before { background-position: -233px -10px !important; height: 8px; width: 10px; } .sprite-arrow-up { background-position: -211px -4px !important; height: 11px; width: 16px; } .sprite-arrow-down { background-position: -230px -8px !important; height: 11px; width: 16px; } .sprite-arrow-left { background-position: -212px -60px !important; height: 16px; width: 14px; } .sprite-arrow-right { background-position: -228px -60px !important; height: 16px; width: 14px; } .sprite-pencil { background-position: -430px -3px !important; height: 14px; width: 14px; } .sprite-youtubeplay { background-position: -78px -86px !important; height: 62px; width: 62px; } .sprite-minus { background-position: -90px 0 !important; height: 18px; width: 18px; } .sprite-plus { background-position: -113px 0 !important; height: 18px; width: 18px; } .sprite-wax { background-position: -407px -27px !important; height: 26px; width: 31px; } .sprite-tent { background-position: -443px -27px !important; height: 26px; width: 43px; } .sprite-x { background-position: -454px -4px !important; height: 10px; width: 10px; } .sprite-imagezoom { background-position: -134px -26px !important; height: 25px; width: 25px; } .sprite-designercomment { background-position: -109px -27px !important; height: 17px; width: 23px; } .sprite-use-my-position { background-position: -474px -0px !important; height: 15px; width: 15px; } .sprite-kanken-1 { background-position: -8px -339px !important; height: 130px; width: 100px; } .sprite-kanken-2 { background-position: -122px -339px !important; height: 130px; width: 100px; } .sprite-kanken-3 { background-position: -240px -339px !important; height: 130px; width: 100px; } .sprite-kanken-4 { background-position: -355px -339px !important; height: 130px; width: 100px; } .sprite-kanken-5 { background-position: -471px -339px !important; height: 130px; width: 100px; } .sprite-kanken-6 { background-position: -584px -339px !important; height: 130px; width: 100px; } .sprite-kanken-7 { background-position: -699px -339px !important; height: 130px; width: 100px; } .sprite-hotspot { background-position: -243px -27px !important; height: 26px; width: 26px; } .sprite-fancybox { background-position: -82px -27px !important; height: 16px; width: 16px; } /* FLAGS FOR COUNTRY SWITCHER -------------------------------- */ span[class^=sprite-flag-] { background-position: 100px 100px !important; display: inline-block; height: 18px; width: 24px; } span.sprite-flag-se { background-position: 0 -312px !important; } span.sprite-flag-no { background-position: -24px -312px !important; } span.sprite-flag-fi { background-position: -48px -312px !important; } span.sprite-flag-dk { background-position: -72px -312px !important; } span.sprite-flag-nl { background-position: -96px -312px !important; } span.sprite-flag-de { background-position: -120px -312px !important; } span.sprite-flag-cz { background-position: -144px -312px !important; } span.sprite-flag-hu { background-position: -168px -312px !important; } span.sprite-flag-fr { background-position: -192px -312px !important; } span.sprite-flag-pl { background-position: -216px -312px !important; } span.sprite-flag-cn { background-position: -240px -312px !important; } span.sprite-flag-us { background-position: -264px -312px !important; } span.sprite-flag-eu { background-position: -288px -312px !important; } span.sprite-flag-uk { background-position: -312px -312px !important; } span.sprite-flag-sk { background-position: -336px -312px !important; } span.sprite-flag-ca { background-position: -360px -312px !important; } /* PRODUCT RATING -------------------------------- */ .rating-box .rating { background-position: -49px -166px; } /* =========================================================== * * Name: selectordie_dev.css * Updated: 2014-10-10 * Created by: Per V @ Vst.mn * What?: Base CSS for Select or Die * * Copyright (c) 2014 Per Vestman * Dual licensed under the MIT and GPL licenses. * * No, I don't usually comment my CSS, but in this * case it might "help" someone. * * Oddny | Cogs 'n Kegs * =========================================================== */ .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; padding: 7px 30px 7px 8px; border: 1px solid #c0071f; background: #fff; color: #c0071f; font-size: 13px; text-align: left; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; width: 150px; } .sod_select:before { content: ''; position: absolute; right: 0; top: 0; border-left: 1px solid #c0071f; width: 30px; height: 100%; } .sod_select:after { content: ''; position: absolute; right: 9px; top: 10px; background-position: -233px -10px !important; height: 8px; width: 10px; } .sod_select.open:after { background-position: -214px -4px !important; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { } .sod_select.open { color: #919191; } .sod_select.focus { } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; text-transform: uppercase; font-weight: 700; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; margin: 1px 0 0 0; background: #fff; outline: 1px solid #c0071f; width: 100%; z-index: 1; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 52px 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #ccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #333; } /*Make room for the check mark */ .sod_select .sod_option.selected { padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } .hunting h1, .hunting h2, .hunting h3, .hunting h4, .hunting h5, .hunting a, .hunting a:hover, .hunting .price, .hunting #nav a.menu-link, .hunting .block-layered-nav .block-content a, .hunting .sod_label, .hunting .sod_option, .hunting label, .hunting .storelocator.view_on_map, .hunting .like-a-link, .hunting #footer button.button, .hunting table th, .hunting #nav .button, .hunting .vertnav a.vertnavlink:after, .hunting #vertical-nav { color: #326a43 !important; } .hunting #nav .button:hover { color: white !important; } .hunting a.button, .hunting #nav .level1 a.menu-link, .hunting #footer button.button:hover { color: #fff !important; } .hunting #nav .nav-return { float: right; } .hunting #nav .nav-return a { color: #c0071f !important; } .hunting .container, .hunting .block-layered-nav .block-content dt, .hunting div.block-layered-nav dl dd, .hunting .main-container .block-layered-nav i.icon-chevron-down, .hunting .main-container .block-layered-nav i.icon-chevron-up, .hunting .sod_select, .hunting .sod_select::before, .hunting input, .hunting textarea, .hunting .newsletter-subscription button.button, .hunting #header, .hunting #nav, .hunting .product-shop hr, .hunting .product-shop .tabs, .hunting .product-shop .tabs >ul >li, .hunting .category-products .toolbar, .hunting .category-products .products-grid, .hunting #vertical-nav .vertnav h2, .hunting #vertical-nav .vertnav >ul, .hunting hr, .hunting .cart .subtotal, .hunting #nav .menu-divider, .hunting #nav .level0.menu-bp-wrapper, .hunting .mobile-nav-submenu a, .hunting .mobile-nav a, .hunting .mobile-nav-submenu .mobile-nav-submenu__close, .hunting #nav .menu-divider >a { border-color: #326a43 !important; } .hunting #nav hr, .hunting #nav .level0.menu-bp-wrapper .menu-bp-column { border-color: #fff !important; } .hunting #nav .nav-item.level0 >a.over:after { border-color: transparent transparent #326a43 transparent; } .hunting .sod_list_wrapper { outline-color: #326a43 !important; } .hunting #footer { border-top: 1px #326a43 solid !important; } .hunting .fancybox-inner .container { border:none !important; } .hunting .parent > .menu-vlist, .hunting .newsletter-subscription button.button:hover, .hunting #header .toggle-nav.active, .hunting #vertical-nav .vertnav h2, .hunting #nav .level0.menu-bp-wrapper { background: #326a43 !important; } .hunting .sod_select::after, .hunting .icon-chevron-down:before { background-position: -249px -66px !important; } .hunting .sprite-arrow-down { background-position: -246px -64px !important; } /* Small devices */ @media (max-width: 991px) { .hunting ul#nav { background-color: #326a43 !important; color: white !important; } .hunting #nav h1, .hunting #nav h2, .hunting #nav h3, .hunting #nav h4, .hunting #nav h5, .hunting #nav a, .hunting #nav a:hover, .hunting #nav .price, .hunting #nav a.menu-link, .hunting #nav .block-layered-nav .block-content a, .hunting #nav label, .hunting #nav table th, .hunting #nav a.menu-link, .hunting #vertical-nav .vertnav h2 { color: white !important; } .hunting #vertical-nav .vertnav .hamburger .bread { background-color: white !important; } .hunting #vertical-nav a { color: #326a43 !important; } } #country-switcher { display: none; max-width: 600px; margin-bottom: 20px; } .country-switcher a.country { display: inline-block; margin-top: 10px; } .country-switcher span[class^=sprite-flag-] { vertical-align: -4px; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) { .kanken-category .block-layered-nav, .kanken-category .block-layered-nav .block-content dt a { font-family: Georgia, serif; } } @media (min-width: 768px) and (max-width: 991px) { .block-layered-nav .custom-filter li .selected-filter a { font-size: 11px; } #footer p, #footer .crown-description, #footer, #footer a { font-size: 12px; line-height: 18px; } } @media (max-width: 991px) { .input-text, textarea, label { font-size: 16px; } p.secondary { line-height: 20px; } #nav li a, #nav li a:hover, #nav li a.over { color: #fff; } #nav li li a, #nav .cms p, #nav .cms a, #nav .cms div, #nav .cms h4, #nav .cms ul li a { font-size: 12px; line-height: 18px; } #nav .breadcrumbs, #nav .breadcrumbs a { color: #fff; font-family: "VAGRounded", sans-serif; font-size: 12px; } #nav.menu-columns li a { font-size: 13px; } #nav.menu-columns > .nav-1 a, #nav.menu-columns > .nav-2 a { font-size: 16px; } .newsletter-subscription button.button { text-transform: uppercase; } .vertnav h2 { font-size: 13px; line-height: 40px; text-transform: uppercase; } .vertnav .vertnavlink { font-size: 14px; } #footer h4 { font-size: 12px; } .topsearch input::-webkit-input-placeholder { color: #000; } .topsearch input::-moz-placeholder { color: #000; } .topsearch input:-ms-input-placeholder { color: #000; } .topsearch input::placeholder-shown { color: #000; } .cms-index-index .carousel-caption h2, .cms-index-index .carousel-caption h2 a { font-size: 35px; line-height: 35px; } .cms-index-index .carousel-caption h3, .cms-index-index .carousel-caption h3 a { font-size: 20px; line-height: 22px; } .cms-index-index .carousel-caption p { font-size: 14px; } .product-shop a, .product-shop label a, .product-options-bottom .links a, #show_review_form, #hide_review_form { font-size: 14px; } .share a { font-size: 25px; } .block-account .block-content ul li { font-size: 12px; } #my-orders-table { font-size: 12px; } .sales-order-view .price-qty { line-height: 18px; } div.geo_ip { font-size: 15px; } div.geo_ip a { font-size: 15px; } } @media (max-width: 767px) { body { font-size: 14px; line-height: 18px; } h1 { font-size: 30px; } .button, .toolbar a.button { font-size: 13px; text-transform: uppercase; } p, .products-grid li.item .short-description, address { font-size: 15px; line-height: 23px; } .toolbar .sort-by, .toolbar .amount, .toolbar .pages { line-height: 30px; } .toolbar, .toolbar a { font-size: 15px; } .toolbar div span { line-height: 15px; } .toolbar a.button { display: block; } #footer { font-size: 12px; line-height: 22px; } #footer h4 { font-size: 14px; } .cms-index-index .carousel-caption h2, .cms-index-index .carousel-caption h2 a { font-size: 30px; line-height: 32px; } .cms-index-index .carousel-caption h3, .cms-index-index .carousel-caption h3 a { font-size: 18px; line-height: 20px; } .input-text { font-size: 16px; } .mobilesearch input { font-size: 16px; } .mobilesearch input::-webkit-input-placeholder { color: #a3a3a3; font-size: 16px; } .mobilesearch input::-moz-placeholder { color: #a3a3a3; font-size: 16px; } .mobilesearch input:-ms-input-placeholder { color: #a3a3a3; font-size: 16px; } .mobilesearch input::placeholder-shown { color: #a3a3a3; font-size: 16px; } .category-description-overlay .category-description p { font-size: 14px; line-height: 20px; } .product-shop .product-sku { font-size: 15px; } .product-shop h1 { margin: 0; } .catalog-product-view .short-description { margin: 15px 0; } .tabs .content, .short-description { font-size: 15px; line-height: 23px; } .col-main .weekly-picks h2 a { text-decoration: none; } div.geo_ip { font-size: 12px; } div.geo_ip a { font-size: 12px; } } @media (max-width: 991px) { .one-page-checkout .ssn button { display: block; margin-top: 5px; } .checkout-onepage-index div.nav-container { overflow: visible; } } @media (max-width: 767px) { #checkout-step-review .totals, #checkout-step-review .button-set, button#place-order-button { clear: none; float: none; width: 100%; } #register-customer-newsletter label { width: 80%; } } @media (max-width: 480px) { a.forgot-password-link { display: block; margin: 10px 0 0 0; } .one-page-checkout div .qc-shipping-choice label { width: 100%; } .one-page-checkout .qc-shipping-choice label:first-of-type { margin-right: 0; } .hidden-xxs { display: none; } } .style h1 { margin: 30px 0 10px 0; } .style hr { margin: 20px 0; } .style .product-shop-box { border: 0; padding: 0; } .style .longtext { margin: 15px 0; display: none; } .style .longtext ul, .style .shorttext ul { margin-bottom: 15px; } .style .longtext ul li, .style .shorttext ul li { list-style: disc; margin-left: 15px; } .toggle-longtext { display: block; margin: 5px 0; } .style-product { margin-bottom: 40px; } .style-product img { height: 100px; margin-bottom: 0; } .style-product a { display: block; margin-bottom: 7px; text-align: center; } .style-product h3 { margin: 5px 0; } .style-product h3 a { text-align: left; } .style-product .sod_select { margin-bottom: 10px; width: 100%; } .style-product .out-of-stock { margin-top: 0; } .please-choose-options { background: #ffdbdb; border: 1px #cd0824 solid; display: none; margin: 0 0 10px 0; padding: 13px 10px; } .number-of-products { float: left; margin-top: 10px; } .style .button { background: #c0071f; border: none; margin-bottom: 40px; float: right; height: 44px; } .style .more-views img { cursor: pointer; } @media (min-width: 1200px) { .style-product:nth-of-type(3n+1) { clear: left; } } @media (max-width: 1199px) { .style-product:nth-of-type(2n+1) { clear: left; } } @media (max-width: 991px) { .style .button { float: none; margin-top: 20px; width: 100%; } } @media (max-width: 767px) { } div.geo_ip { top: 0; left: 0; right: 0; position: fixed; opacity: 0.9; border-bottom: 1px solid #333; width: 100%; background: white; z-index: 1000; display: none; } div.geo_ip span.text-block { text-align: center; display: block; padding: 10px 30px 10px 30px; } div.geo_ip span.button-container { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); } @media (max-width: 767px) { div.geo_ip span.button-container { top: auto; bottom: 9px; transform: none; } } #fw { margin:-10px 0px 5px 0px; } /* Tabs -------------------------------------- */ .fw-tabs-wrapper { overflow:hidden; } .fw-tabs { background:#ffffff; border-top:1px #e37b7f solid; margin-bottom:-1px; margin-left:-18px; overflow:hidden; padding-right:18px; width:100%; } [data-fw-tabindex] { border-bottom:1px #e37b7f solid; color:#cc0000; cursor:pointer; display:block; float:left; font-family:"VAGRounded"; font-size:14px; height:14px; margin-left:18px; padding:12px 20px; position:relative; } [data-fw-tabindex]:after { background:url('http://www.fjallraven.com/skin/frontend/carbon/images/fw-tab-1.png'); border-bottom:1px #e37b7f solid; content:''; display:block; height:38px; position:absolute; right:-18px; top:0px; width:18px; } [data-fw-tabindex].fw-active, [data-fw-tabindex]:hover { background:#eeeae2; } [data-fw-tabindex].fw-active:after, [data-fw-tabindex]:hover:after { background:url('http://www.fjallraven.com/skin/frontend/carbon/images/fw-tab-2.png'); content:''; display:block; height:38px; position:absolute; right:-18px; top:0px; width:18px; } [data-fw-tabindex].fw-active:before, [data-fw-tabindex]:hover:before { background:url('http://www.fjallraven.com/skin/frontend/carbon/images/fw-tab-3.png'); border-bottom:1px #e37b7f solid; content:''; display:block; height:38px; left:-18px; position:absolute; top:0px; width:18px; } [data-fw-tabindex]:first-child { } [data-fw-tabindex]:first-child.fw-active:before, [data-fw-tabindex]:first-child:hover:before { } /* Tab contents -------------------------------------- */ [data-fw-tabcontent] { background:#eeeae2; border-bottom:1px #e37b7f solid; border-top:1px #e37b7f solid; clear:both; padding:15px 21px 5px 21px; } [data-fw-tabcontent] { display:none; } [data-fw-tabcontent].fw-active { display:block; } [data-fw-tabcontent] h2 { font-size:20px; margin-bottom:12px; } [data-fw-tabcontent] h2 span { color:#333333; font-family:"Georgia, Verdana, Sans-serif;"; font-size:14px; margin-left:20px; } [data-fw-tabcontent] h3, [data-fw-tabcontent] h3 .price { font-size:12px; } /* Attribute values -------------------------------------- */ [data-fw-attributevalueid] { background:#ffffff; border:2px #dddddd solid; border-radius:3px; cursor:pointer; display:block; float:left; height:230px; margin:0px 20px 20px 0px; padding:8px; vertical-align:top; width:130px; } [data-fw-tabcontent] em { word-break:break-all; } [data-fw-attributevalueid] img { border-radius:0px; height:130px; margin-bottom:10px; opacity:0.6; width:130px; } [data-fw-attributevalueid]:hover { border-color:#666666; } [data-fw-attributevalueid]:hover img { opacity:1; } [data-fw-attributevalueid].fw-active { border-color:#666666; } [data-fw-attributevalueid].fw-active img { opacity:1; } /* Popup -------------------------------------- */ [data-fw-popupbackground] { background:rgba(0,0,0,0.5); height:100%; left:0px; position:fixed; top:0px; width:100%; z-index:20; } [data-fw-popupcontent] { display:none; } [data-fw-popup] { background:#ffffff; border-radius:5px; display:none; left:50%; margin-left:-300px; padding:18px 22px; position:absolute; top:200px; width:556px; z-index:21; } [data-fw-popup].fw-popup-small { margin-left:-159px; padding-bottom:40px; top:310px; width:274px; } [data-fw-popup] img { border-radius:0px; float:right; margin-bottom:15px; margin-left:22px; width:260px; } [data-fw-popup] h3 { font-size:20px; margin-bottom:10px; } [data-fw-popup] [data-fw-popupclose] { color:#333333; cursor:pointer; float:right; font-family:"Georgia, Verdana, Sans-serif;"; font-size:12px; } [data-fw-popup] [data-fw-popupclose] span { position:relative; top:3px; } [data-fw-popuplink] { text-decoration:none; white-space:nowrap; } /* Navigate link -------------------------------------- */ [data-fw-gotoprev], [data-fw-skiptab], [data-fw-gotonext], [data-fw-resetall] { color:#333333; cursor:pointer; margin:0px 5px; vertical-align: middle; text-decoration:none; } [data-fw-gotoprev].fw-inactive, [data-fw-skiptab].fw-inactive, [data-fw-gotonext].fw-inactive { display:none; } [data-fw-gotoprev] { border-right:1px #cc0000 solid; padding-right:10px; } [data-fw-gotonext].button { font-size:14px; height:27px; margin-left:12px; margin-right:0px; padding:0px 15px; } .fw-links { clear:both; } .fw-links >p { margin-top:5px; } .fw-links >p:first-child { float:left; } .fw-links >p:last-child { float:right; } .fw-links span { color:#cc0000; font-family:"VAGRounded"; margin-right:3px; } /* Summary -------------------------------------- */ [data-fw-summary] { margin-bottom:15px; min-height:16px; } [data-fw-summary] ul { display:inline-block; padding-right:25px; position:relative; } [data-fw-summary] li { display:none; margin-top:1px; } [data-fw-summary] li ul { display:inline-block; padding-left:5px; } [data-fw-summary] li li:after { content:'.'; } [data-fw-summary] li.fw-active { display:block; } [data-fw-summary] li li.fw-active { display:inline-block; margin-right:5px; } [data-fw-summarytab] .fw-noselection { margin-top:-29px; } [data-fw-summarytab].fw-selected .fw-noselection { display:none; } .fw-edit { cursor:pointer; position:absolute; right:0px; } .fw-edit:hover { text-decoration:underline; } /* Description link to guide -------------------------------------- */ .fw-description-link { border:1px #e37c7e solid; border-radius:3px; color:#cc0000; font-family:"VAGRounded"; font-size:16px; padding:15px 20px; width:658px; } .fw-description-link a { color:#cc0000; font-family:"VAGRounded"; font-size:16px; text-decoration:underline; } .category-title h1 { display:inline-block; } .category-title [data-fw-popuplink] { color:#333333; cursor:pointer; font-family:"Georgia, Verdana, Sans-serif;"; font-size:12px; margin-left:20px; text-transform:none; } .category-title .close-guide { color:#333333; cursor:pointer; float:right; margin-top:20px; text-transform:none; } .category-title .close-guide span { position:relative; top:3px; } .filterwizard-category .products-grid .item:nth-child(4n+1) { clear:left; } .filterwizard-category .products-grid .item:nth-last-child(-n+4) { border-bottom:none !important; } /* Ajax loader -------------------------------------- */ .fw-ajaxloader { display:none; left:50%; margin-left:-55px; margin-top:-10px; position:absolute; } .fw-ajaxloading .fw-ajaxloader { display:block; } /* http://tobiasahlin.com/spinkit/ */ .spinner { margin:auto; width: 60px; height: 60px; position: relative; } .container1 > div, .container2 > div, .container3 > div { width: 10px; height: 10px; background-color: #333; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .spinner-container { position: absolute; width: 100%; height: 100%; } .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .content-rotator { position: relative; } .content-rotator__title { background: #fff; position: relative; text-align: center; z-index: 2; } .content-rotator__title >span { background: #fff; display: inline-block; padding: 0 15px; position: relative; z-index: 3; } .content-rotator__title:after { content: ''; display: block; border-top: 1px #c0071f solid; position: absolute; top: 12px; width: 100%; z-index: 1; } .content-rotator__link { margin-top: -5px; position: absolute; right: 0; z-index: 4; } .content-rotator__item img { width: 100%; } .content-rotator__item .price-box { float: none !important; margin: 0; padding: 10px 0; } .content-rotator__item .button { margin: 0 !important; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; padding-top: 60px; position: relative; top: -20px; overflow: hidden; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; padding: 0 15px; } .owl-carousel .owl-item div.info { border: none; } .owl-carousel li.item .button { float: none; width: 100%; } .owl-carousel li.item .price-box { width: 100%; } .owl-carousel li.item h2, .owl-carousel li.item h3, .owl-carousel li.item h4 { margin-top: 0; min-height: 0px; } .owl-carousel li.item img, .owl-carousel li.item iframe { margin-bottom: 15px; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 50%; margin-left: -100px; position: absolute; top: -5px; } .owl-buttons { text-align: center; width: 200px; } .owl-prev, .owl-next { display: inline-block; font-size: 0; margin: 0; } /* mouse grab icon */ .grabbing { cursor:url(http://www.fjallraven.com/skin/frontend/carbon/fjallraven/css/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } #registerbackinstock { display: none; } #registerbackinstock dd { margin-bottom: 20px; } #notify_data > input, #notify_data > p { margin-top: 15px; width: 80%; margin-left: 0; margin-bottom: 0; } #product-options-for-notification { padding: 20px 0 0; } #product-options-for-notification .attribute-button-text:hover { cursor: pointer; } #notify_data .validation-advice { margin-left: 0; float: left; } #notify_data #advice-required-entry-product_id { display: none; } #notify_data button.button { margin: 15px 0 0 0; position: relative; display: inline-block; padding-left: 15px; padding-right: 15px; width: auto; } div.popupOpen { position: fixed; width: 100%; height: 100%; background-color: #353535; opacity: 0.8; z-index: 15; top: 0; left: 0; } #notify_data h2 { margin-bottom: 5px; } #advice-required-entry-product_id { display: none; } #notify_data #customer_mail { float: left; } #notify_data button.attribute-button-text-for-notification[disabled] { display: none; } #notify_me_stock { display: none; margin: 0; padding: 15px 0 5px 0; }