/* air-main-header6.04.css */ /* air_filter.css */ /*------------------------ FILTER ------------------------*/ /*.Filt .Beskr, .UppdateraFilter, .br.br2*/ .filter-showmore, .filterknapp_wrapper {display: none;} /* GENERELL */ .filter {width:100%; display:inline-block; z-index:4; padding:0px 10px; margin:0 0 1.2%; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: flex-start;} .filter .Filter_Options, .filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:-moz-calc(25% - 8px); width:-webkit-calc(25% - 8px); width:-o-calc(25% - 8px); width: calc(25% - 8px); margin:0 10px 10px 0; display:inline-block; -webkit-order:2; -ms-flex-order:2; order:2;} .filter .FilterWrapper:nth-child(2) {/*margin-left:-4px;*/} span.Filter_Titel {float:left; z-index:1; width:100%; position:relative; cursor:pointer; padding:0 10px;line-height: 33px;} .filter .Sortering {-webkit-order:1; -ms-flex-order:1; order:1; width:-moz-calc(20% - 8px); width:-webkit-calc(20% - 8px); width:-o-calc(20% - 8px); width:calc(20% - 8px);} .Sortering {z-index: 5;} .Sortera .Sortering {width: 60%; margin-left: 5px; border:1px solid #000;} .filter .ArtgrpHeadline {width: 80%; margin-bottom: 35px;} .filter .Filter_Slider {order:10;} .filter .Filter_Lank {} .Artgrupp_header .Sortering .ValjSortordning {border: 1px solid #000;} .ui-slider .ui-slider-handle{width: 1.2em !important;} .Filter_Slider .Filter_Titel{width: unset;line-height: unset;order: 10;} /* CLEAR FILTER */ .ClearFilterWrapper {-webkit-order:4; -ms-flex-order:4; order:4;} .ClearFilter {/*display:block!important;*/} .ClearFilter {box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.4); float:right; text-align:right; background:#000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0 20px; color:#fff; line-height:35px; cursor:pointer; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;} .ClearFilter:hover {background:#000;} /* LANK */ .filter .Filter_Lank {/*box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.4);*/ background:#fff; border:1px solid #ccc; position:relative; line-height:35px; height:35px;} .filter .Filter_Lank:after {line-height:35px; color:#000; width:45px; position:absolute; text-align:center; content:"\f078"; right:-5px; top:0; font-size:16px;font-family:"Font Awesome 5 Pro";} .filter .Filter_Lank.open:after {content:"\f077"; color: #000; font-family:"Font Awesome 5 Pro";} .Filter_Lank .Filter_Lank_Container {box-shadow: 0 2px 4px 0 rgba(50, 50, 50, 0.4); z-index:3; display:none; position:absolute; top:33px; left:-1px; padding:10px; border:1px solid #eee; background:#fff; width:-moz-calc(100% + 2px); width:-webkit-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px);max-height: 300px;overflow-y: scroll;} .Filter_Lank .Filter_Lank_Container span {width:100%; float:left; cursor: pointer; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .FilterWrapper.open .Filter_Lank_Container {display: block;} .Filter_Lank .Filter_Lank_Container span:before {background: #fff;border: 1px solid #cccccc;display: inline-block;width: 20px;height: 20px;line-height: 18px;content: "";margin-right: 10px;vertical-align: middle;} .Filter_Lank .Filter_Lank_Container span.selected:before {content: " ";font-size: 12px;font-weight: bold;text-align: center;color: #000; background: #000;} span.inactive:before {pointer-events: none;background: #e6e6e6 !important;} /* SORTERING */ .Sortera {min-width: 160px;} .Sortering {display:inline-block; padding:0 4.5em 0 1em; border: 2px solid #e7e7e7; /*min-width:160px;*/ background:#fff; position:relative; line-height:39px; height:42px; cursor:pointer; list-style:none;} .Sortering:after {width:45px; line-height:42px; position:absolute; right:-20px; top:0; font-size:16px; content:"\f0d7";} .Sortering.open:after {content:"\f0d8"} .Sortering .sort_active {} .Sortering .ValjSortordning {display:none; z-index:3; background:#fff; list-style:none; border:2px solid #f1f1f1; position:absolute; top:48px; left:-2px; padding:0 10px; width:-moz-calc(100% + 4px); width:-webkit-calc(100% + 4px); width:-o-calc(100% + 4px); width:calc(100% + 4px);} .Sortering.open .ValjSortordning {display:block;} .Sortering .ValjSortordning a {font-size:13px;} span.inactive:before {pointer-events: none;background: #e6e6e6 !important;} @media only screen and (min-width: 1025px) { .filter {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;justify-content:flex-start;} } @media all and (max-width: 1024px) and (min-width: 851px) { .Sortera {float: right; position: relative; top: -68px;} } @media only screen and (max-width: 850px) { .filter .Filter_Options, .filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:-moz-calc(100% - 8px); width:-webkit-calc(100% - 8px); width:-o-calc(100% - 8px); width: calc(100% - 8px);} .filterknapp_wrapper {display: block; float: right; position: relative; top: -55px; font-size: 1.4em; cursor: pointer;} .filter {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .filter.active {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .Sortera {margin-bottom: 2em;} } /* cookie_consent.css */ #cookie_consent {position: fixed; bottom: 0; width: 100%; text-align: center; padding:30px 20px 20px; color:#000; z-index: 10; -webkit-box-shadow: 0 1px 20px 0 rgba(0,66,122,.44); box-shadow: 0 1px 20px 0 rgba(0,66,122,.44); background: #fff;} #cookie_consent_manager_text {padding-bottom: 30px;} #cookie_consent_manager {position: fixed; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 640px; height: 60vh; overflow-y: scroll; padding: 40px; background: #fff; color: #222; z-index: 1000; -webkit-box-shadow:2px 0px 9px 0 rgba(25,25,25,0.3); box-shadow:2px 0px 9px 0 rgba(25,25,25,0.3); font-size: 12px; line-height: normal;} #cookie_consent_text {margin-bottom: 15px;} .cc_ingress {font-size: 14px; margin-bottom: 15px;} #cookie_consent_text p {color: #000; margin-bottom: 16px;} .consentInput {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:15px; font-size: 15px; font-weight: bold;} .consentInput input[type="checkbox"] {-webkit-appearance: none; width: 20px; height: 20px; border: 3px solid; line-height: 26px; display: inline-block; margin: 0 6px 0 0;} .consentInput input[type="checkbox"]:checked {border:8px solid;} #cookie_consent_manager_accept, #cookie_consent_manager_confirm {display: block;} .cookie_consent_manager_block {margin-bottom: 20px;} .cookie_manager_head {font-size: 18px; font-weight: 900; display: block;} .cc_head {font-size: 24px;} #cookie_consent_manager_wrapper .Knapp_Generell {padding: 10px; border: 1px solid; margin: 0 auto; width: fit-content; cursor: pointer;} .acm_category_heading {font-size: 16px;} @media screen and (max-width: 48em) { #cookie_consent_manager {width: 90%;} } /* air_theme.css */ /*-------------------------------------------------------------------------------------------------- Site: Smarta Saker COPYRIGHT (c) ASKåS INTERNET- &REKLAMBYRå AB 1997-2018. ALLA RäTTIGHETER RESERVERADE. --------------------------------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------- GENERELLA EGENSKAPER / GENERAL PREFERENCES ----------------------------------------------------------------------------------------- */ html, body {font-family: 'Lato', sans-serif;} html, body { height:100%;} body {background:#fff !important;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size:14px; margin:0px; padding:0px; vertical-align: baseline; outline:0; font-weight: 400; line-height:150%;} #wrapper.webbsida h1 { font-weight: 300; line-height: 120%; display: block; font-size: 36pt; margin: 10px 0 20px 0; } #wrapper.webbsida h1 span { font-weight: 300; line-height: 120%; } #wrapper.webbsida { min-height: 80vh; } a {text-decoration:none; outline: none;} img {border:0px;max-width:100%; height:auto;} img:not([src]){display:none;} img.lazy[data-src], img.lazy[data-original] {height:0!important;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ .section { clear: both; padding: 0px; margin: 0px;} .col {display: block; float:left; margin: 1% 0 1% 1.6%;} .col:first-child, .span_2_of_2, .span_1_of_1 {margin-left: 0;} .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } /* GRID 1_of_1 - 1_of_12 */ .span_1_of_1 {width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%} .offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%} .startsidan .box {padding:0 2% 0;} .box {display:inline-block; padding:2%; padding-top: 0;} #Faktakolumn .box{padding:4%;} .right{float: right;} .owl-theme .owl-controls {margin-top:0px !important;} /* ----------------------------------------------------------------------------------------- ARBETSYTA / GENERAL BLOCKS ----------------------------------------------------------------------------------------- */ /* TOTAL PAGE WIDTH */ #wrapper, .footer, .topline, #footer-wrapper .section, #topbar .section, .toplist .section, .box .section, #tillbehor.section, .nav .section, #topbar-white .section, .banner .section, .section.bloggwrapper-inlagg {max-width:1100px;} #wrapper {height:auto !important; min-height:100%; padding:0 0 0px 0} #footer-wrapper .section, #topbar .section, #wrapper, .toplist .section, .box .section, #tillbehor.section, .nav .section, #topbar-white .section, .banner .section {position:relative; margin:0 auto;} #wrapper.product #leftmenu, #wrapper.kassan #leftmenu{display:none;} #wrapper.product #main.span_3_of_4, #wrapper.kassan #main.span_3_of_4{width:100%;} #wrapper.kassan #main{padding:3% 0 0 0;} #wrapper {padding:170px 0 0 0;} input{height:30px; line-height:30px; padding:0 5px;} textarea{padding:0 5px;} select{height:30px;} option{padding:5px 1px} #leftmenu, #leftmenu .nav-left, #leftmenu .nav-left-ws{display:none;} .dimmer.active, .dimmer2.active, .dimmer3.active, .dimmeractive .dimmer {content:''; width:100%; background:rgba(100, 100, 100, 0.6); display:block; height:100%; position:fixed; top:0; left:0; z-index:4;} .dimmer3.active {z-index: 10001;} .showdesktop {display:block !important;} .showmobile {display:none !important;} /* TOPLINE */ #topbar-white{position: relative; z-index: 10000;} #topbar {width:100%; min-height:80px; display:inline-block; position:fixed; z-index:1000; right:0; top: 35px;} #topbar-white .section{line-height:35px;} #topbar-white .content{float: left; line-height:35px;} #topbar-white .content > img{margin:0 5px 0 15px;} #topbar-white .content > img:first-child{margin-left:0px;} #topbar-white .inloggning{float: right;} .inloggning {float: right; margin: 0; position: relative; height: 90px; padding-right: 0; display: flex; align-items: center;} .inloggning i {font-size: 26px; position: relative;} .inloggning-icon {display: flex; flex-direction: column; align-items: center; color: #fff; position: relative;max-width: 120px;} .inloggning-icon a, .username-text a, .inloggning-icon a:hover, .username-text a:hover {color: #fff !important;} .inloggning-icon.loggedin i:after {content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; background: #000; border-radius: 50%; font-size: 11px; width: 16px; height: 16px; text-align: center; line-height: 16px; top: -4px; right: -6px;} .topbar.content {line-height: 45px;} .category, .sokrutan, .kundservice, .topbar, #kundvagn{float:left; padding:0 20px;} /* HEADER */ .header {padding:0;} .logo {margin:15px 0; float: left; max-width: 33%;} .logo a {width:100%; height:100%; float:left;} .AdSpace {display:none;} .category{margin:0 0 0 10%;} .category-toggle{display:none;} .category:hover .category-toggle{display:block;position: absolute; width: 87%; padding:10px;top: 69px;left: 8.5%;} .category, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .kundservice {line-height:90px;} .category-toggle strong{width:100%; float: left;line-height: 40px;} .category-toggle a {line-height:25px; float:left; width:100%; padding:0 5px;} .category-toggle .rubriker strong{line-height: 12px;} .category-toggle .rubriker .col {margin-bottom: 0 !important;} .category-toggle .span_1_of_1 a{text-align:center;} p.EmptyCart {line-height: 90px;} .inloggning-icon > a, #kundvagn > div:first-child, .inloggning-icon > i {height: 30px;} /*SCROLL .header-scroll #topbar{top:0;} .header-scroll .nav{top:90px;} .header-scroll #topbar-white{display:none;} #topbar-white{display: block;} */ /* FOOTER */ #footer-wrapper {margin:0 auto; padding:20px 0px; float:left; width:100%; min-height:200px; position:relative;} .white-bg{width:100%; display:inline-block; padding:20px 0;} .toplist .commentnumber{ width: 30px; height: 30px; text-align:center; line-height:30px; position: absolute; z-index: 10; right:4px; top:4px;} .Artikellista_wrapper{ margin-top: 1% !important;} #footer-wrapper .span_1_of_1{padding-top:3%;} .Dinsida img {padding-right: 4px; height: 14px; display: inline-block; transform: translateY(2px);} .f4 input::-moz-placeholder {font-size: 13px !important;} .f4input::-webkit-input-placeholder {font-size: 13px !important;} .f4 input:-ms-input-placeholder {font-size: 13px !important;} .askas {float: right; margin: 20px 0; text-align: right; width: 100%;} #breadcrumb{margin: 8px 0 0; display: block !important} /* #breadcrumb a, #breadcrumb{height:21px;} */ /*WEBBSIDA*/ #wrapper.webbsida #leftmenu, #wrapper.webbsida #leftmenu .nav-left-ws{display:block;} #wrapper.webbsida #main.col.span_1_of_1{padding:1% 2%;} .webbsida #main{min-height:315px;} .Presentkort{padding:1% 2%;} table.PS_Tabell table td:nth-child(2){width: 65px;} table.PS_Tabell .Knapp_Kop {width: 130px!important;} select[name="Presentkort"] {width: 70px;} /* PRESENTKORT */ .Presentkort {max-width:1000px!important; margin:0 auto;} .PS_Tabell {display:none;} .giftcard {max-width:1000px; letter-spacing:1px;} .giftcard table.PS_Tabell table b {display:none} .giftcard table.PS_Tabell {padding:0; background:transparent!important; display:block;} .giftcard table.PS_Tabell tr, .giftcard table.PS_Tabell td, .giftcard table.PS_Tabell tbody, .giftcard table.PS_Tabell table {display:block;} .giftcard table.PS_Tabell table > tbody > tr > td:last-child {width:calc(50% - 5px); margin-left:5px;} .giftcard table.PS_Tabell table > tbody > tr > td:nth-child(2) {width:calc(50% - 5px); margin-right:5px;} .giftcard table.PS_Tabell table > tbody > tr > td:nth-child(3) {display:none;} #mypages-container .giftcard select {background-color:#fff!important; background-image:url(/themes/standard2018/design/bilder/pil.svg)!important; background-repeat:no-repeat!important; background-size: 13px!important; background-position: right 10px center!important; border: 1px solid #000 !important; padding-right: 30px; line-height: 35px; height: 35px;} .giftcard .Knapp_Generell {margin:20px auto; text-align:center;} .giftcard table.PS_Tabell .Knapp_Generell a {width:100%;} .giftcard .Knapp_Generell.linktopage a {float:none; display:inline-block;} .giftcard table.PS_Tabell .Knapp_Kop a {background:#000; color:#fff!important; border-radius:0; line-height:35px; height:35px; /*padding:0px 25px;*/ padding:0px 5px; white-space:nowrap;} .giftcard table.PS_Tabell .Knapp_Kop_Tabell * {width:100%!important;} #giftcard-form .fa-shopping-cart {width:unset!important;} @media screen and (min-width:751px){ .giftcard .group .span_1_of_2:first-child {padding-right:10px;} .giftcard .group .span_1_of_2:last-child {padding-left:10px;} } /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* NAV TOPMENU */ .nav-topmenu {float:left;} /*TOPMENU*/ .nav{position: fixed; width:100%; top:115px; z-index:100;} .nav .section > ul{margin:0;} .nav .section li{display: inline-block; float:left;} .nav > .section > ul > li > a{line-height:36px; display: inline-block;} .nav .child-ul{display:none;} .nav .section > ul a{padding:0 15px 0 14px;} .nav.desktop .niva2 li {position:relative; float:left; display:inline-block;} .nav.desktop ul > li:hover .child-ul{display:block;position: absolute; width:250px;} .nav.desktop ul > li .child-ul > li, .nav.desktop ul > li .child-ul > li a{width: 100%; display: inline-block;} .nav.desktop ul > li .child-ul > li > a{padding: 10px 10px 10px !important;} .nav.desktop ul > li .child-ul > li:last-child > a{margin-bottom:0 !important;} .nav.desktop ul.niva2 > li .child-ul.niva3 {display:none; position:absolute; left:250px; top:0; width:100%;} .nav.desktop ul.niva2 > li:hover .child-ul.niva3 {display: block;} .nav.desktop ul > li:hover .child-ul.niva3 {border-top: none !important;} /*.nav.desktop ul > li:hover .child-ul {border-top: 2px solid #;}*/ .nav.desktop a.icon-36:before, .nav.desktop a.icon-126:before { font-size: 12px; transform: translateY(0); -webkit-transform: translateY(0); } .nav.desktop .child-ul.niva2 li a:hover { background: #e7e7e7; color: #000 !important; } .nav.desktop .child-ul.niva2 li:hover { background: #e7e7e7; color: #000 !important; } .nav:not(.desktop) .child-ul.niva2 > li > a.has_subcat:after { content: "\f067" !important; font-family: "Font Awesome 5 Pro"; font-weight: 300; float: right; } .nav:not(.desktop) .child-ul.niva2 > li.active > a.has_subcat:after { content: "\f068" !important; } .nav.desktop ul#level1 > li:hover > a { background: #d5002e; color: #fff !important; } .nav.desktop .visaallalank { display: none !important; } .nav.desktop ul > li .child-ul.niva3 > li a { border-top: 1px solid; } /* TEMPLATE-TOOLKIT MENU DROPDOWN */ .nav-left .hl{margin: 0 10px !important; padding:5px 0; display:block !important} .nav-left, .nav-left-ws{width:100%; display:inline-block; min-height:35px; z-index:999; padding:5px 0;} .nav-left > ul > li, .nav-left-ws > ul > li, .nav-leftul.nav-menu > li > a {line-height:18px; display:inline-block; float:left; position: relative; width:100%;} .nav-left > ul > li a, .nav-left-ws > ul > li a{padding: 7px 10px; width:100%; display:inline-block;} .nav-left > ul > li.arrow > a:before{content:'\f067'; margin:0 3px 0 0;} .nav-left > ul > li.active.arrow > a:before{content:'\f068';margin:0 3px 0 0;} .nav-left > ul > li > a, .nav-left-ws > ul > li > a {padding:10px;} .nav-leftul li ul li a {width:100%; display:inline-block; } .nav-leftul li ul li a, .nav-leftul li ul li > ul > li {padding:0 10px;} .nav-left ul > li > ul {background:#fff; width:200px; z-index:999; list-style:none; margin:0 0 0 -10px;} .nav-left ul li ul li ul {position:relative; padding:0 10px; width:100%;} .nav-left ul li ul li { margin:0px; float: left; line-height: 25px; width:100%;padding: 2px 0 2px 15px;} .nav-left ul li.active ul {display:block; } .nav-left ul, .nav-menu > li > ul {top:35px;} .nav-left ul, .nav-menu > li > a {padding:0px;} /* TEMPLATE-TOOLKIT MENU NAV-BAR */ .nav-bar {width:100%; display:inline-block;} .nav-bar ul {line-height:20px; } .nav-bar ul li {list-style:none; position:relative;} .nav-bar ul li a {display: inline-block; width: 100%} .nav-bar ul li a:hover {background:#f1f1f1;} .nav-bar ul li.active > a, .nav-bar ul li.active-parent > a {font-weight:bold; } .nav-bar ul li ul {display:none; padding:0 0 0 10px;} .nav-bar ul li.active ul, .nav-bar ul li.active-parent ul {display:block;} .nav-bar ul li ul li {width:100%; display:inline-block;} /* KAMPANJMENY, WEBB-SIDOMENY, ARTIKELGRUPP-ENKEL MENY */ #WebbMeny, .kampanjmenu {width:100%} #WebbMeny li{display:inline-block; width:100%;} #WebbMeny li a, .ruta.R-Toogle-area a, .nav-menu a {display: inline-block; height: 20px; line-height: 20px; width:100%;} .nav-left ul.nav-menu li a > ul {padding:5px;} #WebbMeny ul ul, .kampanjmenu ul ul, .nav-menu ul li a {padding:0px 0px 0px 10px} /* VARIUS MENU */ .kampanjmenu ul li br {display:none;} .mobile-only {display:none;} .R-Toggle.mobile-only {width:100%; height:35px; line-height:35px; margin:0 0 10px 0; padding:0 10px;} .NavActive {display:inline-block !important; } /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* ARTGRP GENERAL SETTINGS */ .Egen_Infogad_HTML {margin:0 0 10px 0; line-height:20px;} .Artgrp_krteringsordning, .Artgrp_Visningsformat {margin:0px 5px 0px 0px} .Artgrp_VisaFler{text-align:right; float:right;} .Knapp_Mellanrum {display: none;} .Egen_Infogad_HTML {position: relative; max-height: 50px; overflow: hidden;} .Egen_Infogad_HTML.active {max-height: 100%; height: 100%;} .More::before {position: absolute; display: block; width: 100%; content: " "; height: 40px; top:-34px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .More.Second.active::before {display: none;} .Egen_Infogad_HTML .p1 {margin-bottom: 10px;} .More {display: none; width: 100%; text-align: right; cursor: pointer; position: relative; top: -15px; color:#8e8e8e; padding-right: 10px;} .More.yes.active {display: block;} /* PT / ENSKILD PRODUKT */ .PT_Wrapper_alla.PT_Wrapper_Filter, .PT_Wrapper_All{display:inline-block; width:102%;margin: 0 0 0 -0.5%;} .PT_Wrapper.span_1_of_3 { width: 32.3%;} .PT_Wrapper, .produkt-puff_0, .produkt-puff_1, .produkt-puff_2, .produkt-puff_3, #bloggwrapper .inlagg {border: 1px solid #F1F1F1; padding:1.5%;} .PT_Wrapper.col, .produkt-puff_0.col, .produkt-puff_1.col, .produkt-puff_2.col, .produkt-puff_3.col{margin:1% 0.5%;} .PT_Wrapper{overflow:hidden; position: relative;} .PT_Lank {display: block; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;} .PT_Bildruta a {width:100%; line-height:236px; display:inline-block;} .PT_Bildruta img{vertical-align:middle;} .PT_Bildruta a:hover {opacity:0.8;} .PT_Faktaruta{height:90px; margin:10px 0px 5px 0px} .PT_Beskr{max-height:38px; margin:0px 0px 5px 0px; text-align: left;} .PT_Text_Kort{height:40px;margin:0px 0px 5px 0px} .PT_Pris {height:30px; margin:0px;} .PT_Knappar {position: relative; z-index: 3;} .PT_Wrapper_All .PT_Pris, .PT_Wrapper_All .PT_PrisKampanj, .PT_Wrapper_Filter .PT_Pris, .PT_Wrapper_Filter .PT_PrisKampanj {line-height: inherit;} .PT_Wrapper_All .PT_Pris {margin-left:0px; line-height:inherit; height: 40px;} .PT_Wrapper_All .PT_PrisKampanj, .PT_Wrapper_All .PT_PrisOrdinarie{display:block;} /* .PT_Wrapper_All .PT_PrisOrdinarie{margin:0 0 0 5px;} */ #wrapper.artgrupp #leftmenu, #wrapper.artgrupp #leftmenu .nav-left{display:block;} #wrapper.artgrupp #main.col.span_1_of_1, #wrapper.webbsida #main.col.span_1_of_1{width:74.6%; margin:1% 0 1% 1.6%} #wrapper.artgrupp .PT_Wrapper.col.span_1_of_4{width:32.3%;} #wrapper.artgrupp .PT_Wrapper_alla.PT_Wrapper_Filter, #wrapper.artgrupp .PT_Wrapper_All {width:101.2%;} .ArtgrpHeadline{margin:0 0 10px 0; line-height:normal;} .procent2 { color: #fff; font-size: 18px; display: table; margin-bottom: 3px; background: #cb0000; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; margin: 5px; } .procent2:empty { display: none; } .procent2:after { content: '%'; } .procent2:empty:after { display: none; } /* .procent2:not(.nosuffix)::after { content: '%'; } */ /* PT ENSKILD PRODUKT SAKNAS */ .Artgrp_Lista{width:100%; display:block; background:#fff; border:1px solid #ccc; padding:4px; margin:1px} #ListaOmArtiklarSaknas ul {list-style:none; margin:0; padding:0} #ListaOmArtiklarSaknas li a {display:block; float:left; width:100%; margin: 0 0 5px 0; border:1px solid #f1f1f1; padding:5px} /* ARTGRP Lista-1 */ .PT_KassaFriFrakt .PT_Bildruta a{line-height:55px;} .PT_wrapper.Lista {overflow:hidden; padding:5px;} .PT_wrapper.Lista:nth-child(2n+1){margin-left:0;} .PT_wrapper.Lista .PT_Bildruta a {height:55px; line-height:55px;} .PT_wrapper.Lista .PT_Bildruta a img, .PT_KassaFriFrakt .PT_Bildruta a img {max-height:55px; width:auto;} .PT_wrapper.Lista .PT_Knappar {float:right;} .PT_wrapper.Lista .PT_Beskr, .PT_wrapper.Lista .PT_Knappar{margin:20px 0 0 0px;} .PT_wrapper.Lista .PT_Pris{margin:20px 0 0 0px;} .toplist .span_1_of_2.col:nth-child(2){margin-left:0;} .produkt-puff_0, .produkt-puff_1, .produkt-puff_2, .produkt-puff_3{min-height:333px;} .produkt-puff_0 td, .produkt-puff_1 td, .produkt-puff_2 td, .produkt-puff_3 td{line-height:50px;} .pdf{margin:10px 0 0 0;} .pdf a{display:inline-block; width:100%; line-height:35px;} .pdf > i{display:none;} .pdf i{margin:0 5px 0 0;} .Topoffer_Tabellbakgrund{display: inline-block; padding: 2%} .Topoffer_Tabellbakgrund tr, .Topoffer_Tabellbakgrund tbody, .Topoffer_Tabellbakgrund table{display: inline-block;width: 100%;} .Topoffer_Tabellbakgrund td{display:none;} .Topoffer_Tabellbakgrund td:first-child, .Topoffer_Tabellbakgrund td:last-child{width:48%; display: inline-block; float:left;} /* -------------------------------------------------------------------------------------------------- PRODUCTVIEW / PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /*PRDKT - Bildkolumn */ #Bildkolumn{padding:0 2% 2% 2%; min-height: 500px;} #Faktakolumn{min-height:500px;} #Faktakolumn .box.span_1_of_1:nth-child(2){min-height:220px;} .ProduktBild {width:100%; vertical-align:middle; margin:0 0 10px 0; position: relative;} .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnailsContainer {display: flex; flex-wrap: wrap; justify-content: center;} .BildZoomThumbnails {padding:4px;} /* .BildZoomThumbnails { width:60px; height:60px; display: inline-block; text-align: center; margin:0 5px 5px 0; } .BildZoomThumbnails a, .MediaPlay a {display: table-cell; width:60px; height:60px; border:1px solid #f1f1f1; margin:0px 5px 5px 0; vertical-align: middle;} .BildZoomThumbnails img {display: block; margin: 0 auto;} */ .MediaPlay {background-position: center center; background-repeat: no-repeat; } .MediaPlay a {background:url(/bilder/butik/mediaThumbnails.png) no-repeat center center; } #Produktinfofalt{float:left; width:100%;} .prodText li{display:block;} #produktInfo.box.col{margin-top:0.5%} #Lagerid_1, #Lagerid_3, #Lagerid_4{background:url(/bilder/butik/iLager.png) no-repeat scroll left 5px rgba(0, 0, 0, 0); padding:5px 0 5px 25px;float: right;} #LevtidFalt > a{padding:5px 0 5px 25px;float: right;} #Lagerid_7, #Lagerid_2, #Lagerid_5{background:url(/bilder/butik/ejLager.png) no-repeat scroll left 0 rgba(0, 0, 0, 0); padding:0 0 0 25px;float: right;} .product #main.col, .kassan #main.col{margin:0 !important;} #Innovator, .Innovator {display: inline-block;} #ArtnrFaltText, #ArtnrFalt{display:inline-block;} .addthis_sharing_toolbox{padding:4% 0;} #tillbehor .PT_Wrapper.col.span_1_of_4{width:48.4%; margin: 1% 0 1% 1.6%;} #tillbehor .Lista .PT_Beskr.col{margin-left: 2%} #tillbehor .PT_Wrapper.col.span_1_of_3, #tillbehor .produkt-puff_0.col.span_1_of_3, .produkt-puff_1.col.span_1_of_3, .produkt-puff_2.col.span_1_of_3, .produkt-puff_3.col.span_1_of_3 {width:23.8%} #KundBetygRad .Knapp_Generell_Tabell .Knapp_Generell a, #KundBetygRad .Knapp_Generell_Tabell {float:left !important;} div#Bildkolumn {overflow: hidden;} .mz-expand {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;} .mz-expand {filter:blur(0px) !important;} .mz-button.mz-button-close {background:#fff !important; color:#231f20 !important;} :root:not(.mobile-magic) button.mz-button {color:rgba(255, 255, 255, 0.85) !important;} .BildZoomThumbnailsContainer {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 16px;} /*PRDKT - RIGHT COLUMN */ #Avbetalning {background: none repeat scroll 0 0 #F2F2F2; padding: 10px;} #KundBetyg{display:inline-block;} #main .TextKort p {margin:0; display:block;} .TextKort ul{margin:0 0 0 15px;} .TextKort li{margin:0; } #Produktinfo li {margin:0 15px; } .TeknSpec_Tabell{width:100%; border:0; padding:0} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding:5px} #FaltRader div div {margin:0px;} .addthis_sharing_toolbox{margin:3% 0;} .generellKnapp.toggle.lessThan {margin: 15px 0 0;} .produkt-puff_0, .produkt-puff_1, .produkt-puff_2, .produkt-puff_3{display:none;} .egenskap {position: absolute; left:0; top:0; width: 100%;} .startsidan .egenskap{position: absolute; top:0px; left:0%;} .egenskap .span_2_of_3.col{float:right;} #Bildkolumn .egenskap {top:0px; left:0%; z-index: 1;} .egenskap .col{margin-top: 0; margin-bottom: 0;} .PT_UtskriftIkonKampanj:after, .Ikon_Kampanj:after{content:"%"; font-size: 17px;} .PT_UtskriftIkonKampanj, .Ikon_Kampanj{padding: 5px 10px; float:left; margin:0 0 5px 0; position: absolute; top:0; left:0;} .PT_UtskriftIkonNyhet:after, .Ikon_Nyhet:after{content:"Ny";} html[lang="EN"] .PT_UtskriftIkonNyhet:after,html[lang="EN"] .Ikon_Nyhet:after{content:"New";} .PT_UtskriftIkonNyhet, .Ikon_Nyhet{float:left; padding:6px 7px 7px; margin:0 10px 0 0; position: absolute; top:0; left:0;} .PT_UtskriftIkonNyhet.moveIcon {left:54px;} .IconInnovator.active{float: right;padding: 7px 25px; line-height:12px;position: relative;right:0px;top:0px;font-size: 12px;} #Bildkolumn .IconInnovator.active{right:0px;} .startsidan .IconInnovator.active{right:0px; top:0px;} .IconInnovator.active {text-indent:-1000000px; background:url(/bilder/butik/svenskinnovation.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:60px; padding:0; position:relative; width:60px; height:60px; z-index:3; float:right;} #ProduktinfoOvrigt input{ margin: 5px 0 5px 5px; line-height: normal; height:auto;} #ProduktinfoOvrigt select {margin: 5px 0 0;} #ProduktinfoOvrigt tr:nth-child(6) input { height: 15px; margin: 8px 0;} #ProduktinfoOvrigt form b {line-height: 30px;} .egenskaper{display:inline-block; width: 100%} .TeknSpec_Rad1_Vanster, #ArtnrFaltText{width:40%;} .Egenskaper_Tabell tr td:first-child{float:left; margin:5px 10px 0 0; width:9%;} .Egenskaper_Tabell td:nth-child(2), .overflow_Medskick{width:220px; overflow:hidden; display:block; height:30px; margin:0 0 5px 0;} #ProduktinfoOvrigt{display:inline-block !important;} #ProduktinfoOvrigt.active{max-height:100%;} .Link.toggle:after{content:'Läs mer...';} .Link.toggle.active:after{content:'\f00d'; font-family:"Font Awesome 5 Pro"; font-weight:300;} .tabs li{display:inline-block; padding:10px 15px;} #ProduktinfoWrapper.col{margin-top:3%;} #ProduktinfoWrapper .pane{margin:-1px 0 0 0; padding:20px 0 0 0px} .text-wrapper ul{margin:0 0 0 20px;} .text-wrapper object, .text-wrapper iframe {margin:20px 0 0 0; float:left;} #ArtnrFaltRad{line-height: 30px;} #ArtnrFaltText{padding:0 0 0 5px;} #tillbehor .hl{text-align:left;} #tillbehor .PT_Faktaruta, #tillbehor .PT_Wrapper_All .PT_Pris{text-align: left;} #tillbehor .PT_Faktaruta{height:85px;} #tillbehor .PT_Bildruta a{line-height: 197px;} #tillbehor .PT_wrapper.Lista .PT_Bildruta a{line-height: 55px;} .underprodukt, .PT_Text_Kort{line-height:normal; float:left;} select.StilValjSortordning{padding:0 20px 0 0;} select{background:url("/bilder/butik/arrowSelect.svg") no-repeat scroll right -1px #f5f5f5 !important; border-right:none !important;} /*nytt*/ .AntalOmdome, #gradeCount, #gradeCount span, .IngaOmdomen {font-size:18px;} .omd {margin-top:20px;} .IngaOmdomen {margin-bottom:1.6%;} .AntalOmdome, #gradeCount, #gradeCount span, .IngaOmdomen {font-weight: bold;} #ProduktinfoOvrigt table {display: inline-block; float: right; margin-top: -60px;} form[name='Nyttomdome'] table {width:100%;} form[name='Nyttomdome'] input[type='radio'] {height:auto; line-height: 30px;} form[name='Nyttomdome'] select, .Egenskaper_Tabell select {padding-left:5px;} form[name='Nyttomdome'] table tr:nth-last-child(2) {display:none;} form[name='Nyttomdome'] table td {vertical-align: middle;} form[name='Nyttomdome'] table #motverkarTr td {transform:translateY(-9px); -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px);} #ProduktinfoOvrigt.toggled .review {display:block!important;} .read-toggle, .geomdome {background:#eee; height:35px; line-height:35px; padding:0px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; cursor:pointer;} .read-toggle:hover, .geomdome:hover {color:#666;} .geomdome {width:auto; float:right; margin-top:14px;} .read-toggle .farre {display:none;} .read-toggle.toggled .farre {display:inline;} .read-toggle.toggled .alla {display:none;} #KundBetyg img {display:inline-block!important;} .tabs li {padding:4px 15px!important;} #ProduktinfoWrapper .pane {padding: 7px 0 0 0px!important;} #KundBetygRad.first #gradeCount, #KundBetygRad.first #gradeCount span {font-weight:normal; font-size:14px; color:#666;} #KundBetygRad.first #AntalOmdome {margin-left:10px;} #KundBetygRad.first #KundBetyg {margin-top:10px!important; float:left;} #KundBetygRad.first .hl {display:block; float:left; margin:4px 0 0 6px;} table.Egenskaper_Tabell * {display:block; float:left;} /*table.Egenskaper_Tabell * {display:inline-block; float:left;}*/ .Egenskaper_Tabell tr td:first-child {float:left; margin:5px; width:auto;} .Egenskaper_Tabell tr.Laggikorgen_Antalsrad td:first-child {margin-left:0;} .Egenskaper_Tabell .Laggikorgen_Antalsrad input {height:30px; line-height:30px;} .Egenskaper_Tabell td:nth-child(2) {width:auto; margin: 0 5px 5px 0;} #PrisFalt, .PrisBOLD, .PrisREA, .PrisORD, .PrisREAv, .PrisORDv, .PrisAvd, .PrisBOLD span {font-size:28px!important;} .priswrapper {margin-top:0;} #PrisFalt {margin:0 0 5px 0!important;} #LamnaOmdome .close {float:right;} #ProduktinfoOvrigt .review:nth-child(1), #ProduktinfoOvrigt .review:nth-child(2), #ProduktinfoOvrigt .review:nth-child(3), #ProduktinfoOvrigt .review:nth-child(4), #ProduktinfoOvrigt .review:nth-child(5), #ProduktinfoOvrigt .review:nth-child(6) {display:block;} .betygStars {margin:2px 0 0 5px; display:inline-block;} #ProduktinfoOvrigt .review {border-top:1px solid #eee; padding:10px 0;} .kundomdomen > .Knapp_Generell_Tabell {display: inline-block; float: right; margin-top: -55px;} .geomdome:after, .lamnaomdome_knapp:after {content:"\f078"; font-family:"Font Awesome 5 Pro"; font-weight:300;font-size: 12px; display: block; float: right; margin:1px -5px 0 6px;} .geomdome.clicked:after {content:"\f077";} #Felmeddelande.omdome-fel {top:0;} #Felmeddelande.omdome-fel b {color:#d5002e;} #LamnaOmdome b {font-weight:bold;} #LamnaOmdome b.big {font-weight:bold; font-size:24px; font-style:italic;} #ProduktinfoOvrigt > table > tbody > tr:first-child > td:first-child span {color: #d5002e;} /* #OrderFalt .Knapp_Kop_Tabell_Artikel a:before {content: "\f07a"; font-family:"Font Awesome 5 Pro"; font-weight:300; margin-right: 15px;} */ #SubmitFalt .Knapp_Kop_Tabell_Artikel a i {margin-right: 5px; font-size: 16px;} #Felmeddelande.omdome-fel h1, #Felmeddelande.omdome-fel a, #Felmeddelande.omdome-fel > br {display:none;} #tillbehor .hl {font-weight: bold;} #ProduktinfoOvrigt {display:block!important;} #ProduktinfoOvrigt .ingendata {display:none;} .EN.IconInnovator.active {text-indent:-1000000px; background:url(/bilder/butik/svensk_innovation_en.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:60px; padding:0; position:relative; width:60px; height:60px; z-index:3; float:right;} .NO.IconInnovator.active {text-indent:-1000000px; background:url(/bilder/butik/svensk_innovation_no.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:60px; padding:0; position:relative; width:60px; height:60px; z-index:3; float:right;} .SV.IconInnovator.active {text-indent:-1000000px; background:url(/bilder/butik/svenskinnovation.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size:60px; padding:0; position:relative; width:60px; height:60px; z-index:3; float:right;} #LevtidFalt {text-align: right;} /*.Egenskaper_Tabell select[name='Egenskap1'] {width:140px!important;}*/ /**/ .sg-product-perks {float:left !important; width:100% !important; margin-bottom:20px !important;} .sg-product-perks ul {list-style-type:none !important;} .sg-product-perks ul li {display:inline-block !important; font-weight:bold !important; margin-right:5% !important;} .sg-product-perks ul li:last-child {margin-right:0 !important;} .sg-product-perks ul li i {margin-right:3px !important;} .sg-product-perks ul li span {font-weight:inherit !important;} /*OVERDIV*/ #overDiv td{padding:5px;} /* Innovatorer */ .inovatorer {border:1px solid #e8e8e8; padding:40px; margin:0 4%;} .inovatorer h3 {font-weight:bold; margin-bottom:10px;} .inovatorer img {margin-bottom:10px; margin-left:10px;} .inovatorer a {text-decoration:underline;} /*KAMPANJ */ #KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, #KampanjFalt4_Header, #KampanjFalt5_Header {background:#f9f9f9; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; padding:10px;} #KampanjFalt1Text, #KampanjFalt2Text, #KampanjFalt3Text, #KampanjFalt4Text, #KampanjFalt5Text {font-weight:700;} #KampanjFalt{display:none !important;} /* enligt Marias begäran då medskickslänk inte ska synas på produktsida - 2017-10-02 */ /*Variantartiklar */ .Egenskaper_Tabell {width:100%;} .Egenskaper_Tabell select {margin:0px 0px 5px 0px} .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:25px; line-height:25px;} .Laggikorgen_Antalsfalt {border: 1px solid #F1F1F1; text-align: center; width:40px !important;} .manadensvara .PT_Bildruta{float: left; width: 30%; margin: 0 0 0 4%; } .manadensvara .PT_Faktaruta{float:right; width: 62%; margin: 0 4% 0 0;} .manadensvara .PT_Bildruta a{line-height:120px;} .manadensvara .hl{margin: 0 10px 5px 10px !important;padding: 5px 0; width:100%;display:block !important} .manadensvara .underprodukt{margin:5px 0} .manadensvara .PT_Beskr{max-height:35px; height:auto;} .manadensvara .PT_Wrapper {padding:0;} /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ .ProduktinfoFlik {display: block; height: 35px; } .ProduktinfoFlik tbody tr td {float:left;} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a {padding:0 10px; float:left; height:30px; line-height:30px; border-right:1px solid #fff;} /* -------------------------------------------------------------------------------------------------- SEARCH / S÷K -------------------------------------------------------------------------------------------------- */ .sokrutan{padding:25px 30px 24px 10px; width:45%; margin:0 0 0 20px;} .Sokfalt {border: none; float: left; height: 40px; line-height: 40px; padding: 0 10px; width:75%;} .Sokfalt:focus {border: none; outline: none;} .sokruta-epost {width:100%; height:40px; padding:0 10px;} .Sokknapp{background: url("/bilder/butik/seach.png") no-repeat scroll center center #3f3f3f; height: 40px; width: 25%;} #LSS_Result .Knapp_Generell { margin: -3% 0 0;} #footer-wrapper .Knapp_Generell a{height: 40px; line-height:40px;} .result-explanation b, .matched-group-item b {font-weight:700;} .search-result-wrapper br {display:none;} /* -------------------------------------------------------------------------------------------------- SIGNIN / LOGGA IN -------------------------------------------------------------------------------------------------- */ .inloggning a.login {margin: 0 0 0 -1px;} .inloggningsruta { display: none; /*position: absolute;right:0;padding:10px 10px 0px 10px; margin:0 0 0 -20px; line-height:25px;*/} .inloggningsruta.active {display: block; position: fixed; width: 90%; max-width: 350px; padding: 20px 30px; border: none; top: 80px; left: 50%; transform: translate(-50%, 0); z-index: 10002;} .inloggningsruta.active .inloggningsruta-close {padding: 15px; color: #888; position: absolute; top: 0; right: 0; cursor: pointer; display: flex;align-items: center;justify-content: center;} .inloggningsruta-close i {font-size: 28px;} #loggedin_user_name > a:empty:after { content: "."; visibility: hidden; } #signIn, #member, #lostpwd { display: none; } #signIn.active, #member.active, #lostpwd.active { display: block; } #member .reg.kund_ny { text-align: left; } #login h3 { font-size: 20px; color: #0f1114; margin-bottom: 10px; } .bold {font-weight: bold;} .inloggningsruta p { margin-bottom: 10px; line-height: 1.4; } .inloggningsruta p.text-input { margin-bottom: 20px; } .max80 { max-width: 80%; } .inloggningsruta .text-input input { font-size: 20px; border: 0; padding: 10px 0 !important; border-bottom: 2px solid #A5A5A5; background: transparent; width: 100%!important; line-height: 1; height: auto; border-radius: 0; } .success + label span.write, .error + label span.write, label span.success, label span.error { display: none; user-select: none; } .success + label span.success { display: inline; } .error + label span.error { display: inline; } .registrered.error + label span.error .kontrollera { display: none; } .error + label span.error .registrerad { display: none; } .registrered.error + label span.error .registrerad { display: inline; } .inloggningsruta .text-input { position: relative; margin-bottom: 10px; width: 100%; float: left; } .inloggningsruta .text-input label span, .ny-kund .text-input label span { font-size: inherit; } .inloggningsruta .text-input label, .ny-kund .text-input label { font-size: 20px; position: absolute; z-index: -1; left: 0; top: 8px; width: 100%; padding: 0; text-align: left; color: #757575; line-height: 25px; } #login .text-input input:focus + label, #login .text-input input.hasValue + label, .ny-kund .text-input input:focus + label, .ny-kund .text-input input.hasValue + label { opacity: 1!important; z-index: 1; font-size: 12px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; top: 43px; color: #D5002E; } #login .text-input input:focus + label #toggle-psw, .text-input input.hasValue + label #toggle-psw { top: 5px !important; } #login #toggle-psw, .ny-kund #toggle-psw { right: 0; opacity: 1; font-size: 12px; text-decoration: none; position: absolute; cursor: pointer; /*transform: translateY(-50%)*/; color: #D5002E; top: 40px; } .ultrasmalltext { font-size: 10px; font-weight: 700; width: 100%; float: left; margin-top: 10px; } .login-btn { margin-top: 20px; display: block; width: 100%; float: left; } .login-btn a, .signup-btn, .send_lostpwd > .btn, #login .btn { display: block; padding: 10px 0; text-align: center; background: #00a76d; margin: 0; width: 100%; float: left; font-weight: 700; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; cursor: pointer; outline: 0; border: none; } #login .formbutton { pointer-events: none; } #login .success .formbutton { pointer-events: initial; } #login .formbutton .btn, #login .formbutton a { background: #888; cursor: initial; } #login .success .formbutton .btn, #login .success .formbutton a { background: #00a76d; cursor: pointer; } .text-input input.error { color: red; } .signup-btn, .send_lostpwd > .btn, #login .btn { margin-top: 20px; } .login-btn a:hover, .signup-btn:hover, .send_lostpwd > .btn:hover, #login .btn:hover { background: #469b88 !important; } .login-btn a, .login-btn a:link, .login-btn a:hover, .login-btn a:active, .login-btn a:focus { color: #fff !important; } .inloggningsruta .text-input input:focus, .ny-kund .text-input input:focus { /*border-color: #D5002E !important;*/ outline: 0; } .linkstyle, a.linkstyle, a.linkstyle:link, a.linkstyle:active, a.linkstyle:hover, a.linkstyle:focus { color: #D5002E; text-decoration: underline; cursor: pointer; } .input_anvandarnnamn input, .input_losenord input {width:98%; height:25px;} .Login-password p{float:left;} .Login-password a.forgotpassword {float: right; } #AdressblockLoggain table {float:left;} a.forgotpassword {margin:5px 0;} .login-btn a {float:left; margin-right:10px;} .login-btn .Knapp_Generell:last-child:not(:first-child) a {font-size:11px;} .login-btn .Knapp_Generell:first-child a:first-child {background:#00a76d !important; color:#fff!important;} #footer-wrapper .inloggning {display:none;} .whitewrapper p#SKM_Erbjud > * {float:left;} table.Minsida_aterstall_tabell td {vertical-align:top;} table.Minsida_aterstall_tabell input {height:35px; line-height:35px;} .Snabbkassa_Kundfalt_Marginal.SKM_Kundnummer{height:30px;} #topbar .username-text > a { font-size: 14px !important; } /* -------------------------------------------------------------------------------------------------- KNAPPAR / BUTTON / -------------------------------------------------------------------------------------------------- */ /* Buy Buttons */ .Knapp_Kop_Tabell_Artikel, .Knapp_Kop_Tabell{width:100%;} #SubmitFalt.col{margin-left: 0;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a, #Faktakolumn #Onskelista a, #SubmitFalt .Knapp_Kop_Tabell a { float: left; height:45px; line-height:45px !important; padding: 0 !important;width: 100%; text-align:center;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right !important;} .Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;} .PT_KnapparKampanj tabell {width:135px} a.button {margin:10px 10px 10px 0;} #Adressblock .Knapp_Generell > a{margin:5px 0 0 0;} .button{float:left;} .Knapp_Kop.KKn1{float:right;} #SubmitFalt .Knapp_Kop {display: inline-block; width: 100%;} /* Buttons */ .Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Sok_Produkt, a.VisaFler, .Knapp_Generell a#Pnr_Knapp {border:0px; line-height:25px; height:25px; padding:0px 10px; float:left;} .generellKnapp, #KundBetygRad #ProduktinfoOvrigt .Knapp_Generell a, .Knapp_Generell a, .Varukorg .Checkout a, .FilterRens span, .Checkout a {border:0px; line-height:35px; height:35px; padding:0px 25px; float:right;} #footer-wrapper .ruta .Knapp_Generell a {padding:0px 15px;} .Varukorg .Checkout a{padding:0px 10px; } .Knapp_Info > a {display: none;} a.VisaFler{text-align:center;width:100%;} /* Search buttons */ .Knapp_Sok {float: right; position: relative; width: 10%;} .Knapp_Sok_Produkt {background:transparent; height: 30px; position: relative; width: 100%; z-index: 99;} /* ICON BUTTONS */ #SubmitFalt .icon-shopping-cart {padding:11px} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} /* -------------------------------------------------------------------------------------------------- VARUKORGEN -------------------------------------------------------------------------------------------------- */ #kundvagn{float:right; margin:0; position:relative; height:90px; display: flex; align-items: center; flex-direction: column; justify-content: center;} .cart-text{color: #fff; cursor: pointer;} /*.Varukorg{background:url(/bilder/butik/cart.svg) no-repeat scroll left center rgba(0, 0, 0, 0); padding: 0 0px 0 30px; position:relative;}*/ .Varukorg {position: relative; line-height: 1;} .Varukorg:before {content: "\f07a"; font-family: "Font Awesome 5 Pro"; font-size: 26px; font-weight: 300;} .AIRvarukorg-Text a.Checkout{float:right; height:24px; line-height:24px; margin:5px 0; padding:0 10px} .EmptyCart{margin:0 0px 0 -18px; font-size:13px!important;} .Checkout{float:right; margin:27px 0} #AIRvarukorg-Wrap .Checkout{margin:5px 0} .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart{float:left; font-size:25px; margin:0 10px 0 0} .AIRvarukorg-Text p{float:left;} #AIRvarukorg-Wrap p.EmptyCart, #AIRvarukorg-Wrap i{display:none} .AIRvarukorg-Sum {display: none !important;} .Varukorg span.AIRvarukorg-Qty{float:left; position:absolute; margin:0; width:16px; height:16px; text-align:center; background:#3f3f3f; border-radius:50%; top:-4px; right:-6px; line-height:16px; text-align: center; font-size: 11px;} .Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text{float:right;} #AIRvarukorg-Wrap{position:absolute; right:0px; top:90px; width:470px; padding:10px;} #AIRvarukorg-Wrap .Rem{float:right !important} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; float:left; margin:10px 2px 0 2px; height:20px; line-height:25px; text-align:center; width:5%} #AIRvarukorg-Wrap .Img{width:10%; text-align:center; height:45px; float:left; background:#fff} #AIRvarukorg-Wrap .TxtWrap{float:right; width:88%} #AIRvarukorg-Wrap .RowWrap .Row{border-bottom:1px solid #FFF; display:inline-block; line-height:45px; padding:1%; width:100%} #AIRvarukorg-Wrap .Rabatt{color:#CD3928; float:left; font-size:10px; line-height:normal; margin:-5px 0 0} .SumTxt{margin:0 5px} #AIRvarukorg-Wrap .DescrWrap{width:49%} #AIRvarukorg-Wrap .Descr {height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price{float:left; margin:0 2px} #AIRvarukorg-Wrap .TxtWrap .Price{width:21%; text-align:center} #AIRvarukorg-Wrap .TxtWrap input{ background:#DDD; border:0 none; float:left; height:25px; margin:8px 2px 0; text-align:center; width:30px; line-height: 25px; font-size: 12px; font-weight: 700;} #AIRvarukorg-Wrap .Footer .SumWrap{width:70%; float:left; padding-top:12px; font-size:16px; font-weight:700;} #AIRvarukorg-Wrap .Footer .SumWrap div {font-size: 16px; font-weight:700;} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum{float:left} .AIRvarukorg-Text > img {margin: 25px 0 0;} .AIRvarukorg-Qty:before {margin-right:5px;} #AIRvarukorg-Wrap .Rem img, #AIRvarukorg-Wrap .Sub img, #AIRvarukorg-Wrap .Add img {max-width: 15px; height: auto;} .Kassan .AddKassa, .Kassan .SubKassa, .Kassan .remove-it {background-size:15px !important;} #AIRvarukorg-Wrap .Descr, #AIRvarukorg-Wrap .Price{line-height: 42px;} /* -------------------------------------------------------------------------------------------------- VARIUS -------------------------------------------------------------------------------------------------- */ #Felmeddelande{position:relative; top:-100px} #dialogruta{visibility:hidden; position:absolute; left:0px; z-index:3005; background-position:center center; min-width:100%; top:60%;} #Produktinfofalt #dialogruta {top:200px;} #dialogruta div{line-height:16px; width:70%; margin:0 auto; border:1px solid #000; padding:15px; background-image:url(/bilder/ibutik-a/bakgrund_dialog_text.gif); background-position:center center; opacity:0.9; position:relative; /*-moz-opacity:0.9; filter:alpha(opacity=90); -khtml-opacity:0.9; */} .popupfonster-top{width:430px; margin:10px 0px 10px 10px} .popupfonster-content{width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px} #LamnaOmdome{position: relative;} .banner .hl.box, .startsidan .hl.box{margin-top:1% !important;} .banner .PT_Wrapper, .extra_prod_tabs .PT_Wrapper {width:93%; padding: 5px; border: 1px solid #E8E8E8 ;} .banner .PT_Bildruta, .extra_prod_tabs .PT_Bildruta{line-height: 100%; max-height: 160px;} .banner .PT_Bildruta img, .extra_prod_tabs .PT_Bildruta img {max-height: 140px; margin-bottom: 10px} .banner .PT_Bildruta a, .extra_prod_tabs .PT_Bildruta a {line-height: 140px;} .banner .PT_Faktaruta a, .extra_prod_tabs .PT_Faktaruta a {font-size: 14px;} .banner .PT_Faktaruta, .extra_prod_tabs .PT_Faktaruta {margin: -3px 0px 5px 3px;} .banner .PT_Wrapper_All .PT_Pris, .banner .PT_PrisKampanj, .banner .PT_PrisOrdinarie, .extra_prod_tabs .PT_Wrapper_All .PT_Pris, .extra_prod_tabs .PT_PrisKampanj, .extra_prod_tabs .PT_PrisOrdinarie {font-size: 14px !important;} .banner .PT_Beskr, .extra_prod_tabs .PT_Beskr{min-height: 40px; overflow: hidden;} .banner .owl-theme .owl-controls .owl-buttons div , .extra_prod_tabs .owl-theme .owl-controls .owl-buttons div {background: none; opacity:1; color: #3f3f3f; font-size: 15px;} .banner .PT_PrisOrdinarie, .extra_prod_tabs .PT_PrisOrdinarie {display: none;} /*.banner .owl-next{position: absolute; right: -45px; top: 45%; height: 30px; line-height: 23px;}*/ .banner .owl-next, .extra_prod_tabs .owl-next { position: absolute; top: 35%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll -50px -30px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 74px; width: 60px; right: -46px; margin: 0 !important;} /*.banner .owl-prev{position: absolute; left: -50px; top: 45%; height: 30px; line-height: 23px;}*/ .banner .owl-prev, .extra_prod_tabs .owl-prev {position: absolute; top: 35%; background: url(/bilder/butik/sprites.png) repeat scroll 0 -30px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 74px; width: 50px; left: -57px; margin: 0 !important;} .banner .PT_Wrapper_All, .extra_prod_tabs .content { width: 106%; margin: 0; padding: 0px 4.5%; margin-left: -2.2%;} .banner #owl-2, .extra_prod_tabs .PT_Wrapper_All {top: 10px; width: 95% !important; margin: 0 auto;} .banner .owl-controls, .extra_prod_tabs .owl-controls {display: block !important;} .banner .PT_Text_Kort, .extra_prod_tabs .PT_Text_Kort {height: 60px; display: none;} .white{background: #fff; padding:0 0 20px 0;} /* Prod Tabs */ .extra_prod_tabs { margin-top: 20px; display: block; width: 100%; float: left; margin-bottom: 50px; } .extra_prod_tabs .content { display: none; padding-bottom: 10px !important; } .extra_prod_tabs .content.active { display: block; } .extra_prod_tabs .titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; } .extra_prod_tabs .titles span.active { color: #d5002e; font-weight: bold; text-decoration: underline; } .extra_prod_tabs .titles .othersalsobought { margin-right: 20px; } .extra_prod_tabs .titles span { font-size: 17px; cursor: pointer; } /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; padding: 20px; position: absolute; right: 0; top:80px; width:79.5%;} #LSS_Result, #LSS_Result div, #LSS_Result ul, #LSS_Result ul li{z-index:1005} .LSS_Artiklar li {margin:0 0.4% 5% !important;} .LSS_Art_Text {text-align:center; height:35px} ul.LSS_Varumarken, ul.LSS_Artikelgrupper {padding:0 0 0 15px;} #LSS_Result h3 {margin:0 0 15px 0;} #LSS_Close {cursor: pointer; position: absolute; right: 10px; text-align:center;} ul.LSS_Artiklar {width:100%; float:left; margin:0; padding:0} .LSS_Artiklar .pris, #lblTerm {display:none} #LSS_Result {-moz-box-shadow:0 5px 8px -5px #333333; -webkit-box-shadow: 0 5px 8px -5px #333333; box-shadow:0 5px 8px -5px #333333;} .LSS_Artiklar .Bild {height: 80px; line-height: 80px; margin: 0 0 5%; overflow: hidden; padding: 0 5%; text-align: center; width: 100%;} .LSS_Artiklar .Bild img {max-width:100%; max-height:100%;} /* -------------------------------------------------------------------------------------------------- STARTSIDAN -------------------------------------------------------------------------------------------------- */ .Kollage .col{margin-bottom: 0;} .Kollage .span_1_of_1:first-child{margin-bottom:4%;} .Kollage .span_1_of_1{margin-top:0;} .startsidan .hl{margin:10px 0 0 0; display: inline-block;} .banner .hl.box, .startsidan .hl.box{margin-top:1% !important; font-weight:300 !important;} .startsidan .Kollage .PT_Wrapper .hl { text-align: center; margin:0;} .Kollage .egenskap{display:none;} .Kollage .PT_Wrapper .PT_Bildruta a{line-height:320px} .Kollage .PT_Wrapper .PT_Bildruta a img{width:100%; height:auto;} .startsidan .Kollage .PT_Faktaruta{height:90px;position: absolute; bottom:4%; width:88%; padding:10px} .startsidan .Kollage .PT_Wrapper_All .PT_Pris{position: absolute; bottom:9%; padding:0 10px;} .startsidan .Kollage .PT_Knappar{position: absolute; bottom:8%; right:35px;} .startsidan .Kollage .PT_Wrapper{padding:6%;} .startsidan .Kollage .PT_Beskr{max-height:20px;} .banner .box, .startsidan .box{width:100%;} .Kollage .PT_Wrapper.span_1_of_4{width:100%; margin:0;} .Kollage .underprodukt, .Kollage .PT_Text_Kort{display:none;} .m_vara { position: absolute;background: #d5002e;color: #fff;display: inline-block;z-index: 10;padding: 5px 25px 5px 15px;font-size: 18px;border-radius: 0 0 20px 0;} .puffar img {width:49.16%; display: block; float: left; margin: 1% 0 1% 1.6%;} .puffar a:first-of-type img {margin-left:0 !important;} .seo h1 {font-size: 25px; line-height: 30px;} .start_sociala_medier {margin-bottom: 15px;} .start_sociala_medier .section{display: flex; justify-content: space-evenly; max-width: 265px; margin: 0 auto;} /* -------------------------------------------------------------------------------------------------- NYHETSBREV -------------------------------------------------------------------------------------------------- */ #PopUp .ruta{width:500px;} #PopUp .sokruta-epost{width:80%; float:left;} #PopUp .Knapp_Generell {float: right;width: 20%;} #PopUp .Knapp_Generell a{line-height:40px; height:40px;} /* -------------------------------------------------------------------------------------------------- BLOGG -------------------------------------------------------------------------------------------------- */ #Blogg_Inner{display:inline-block; width:100%;} .Blogginlagg_text_klickbar{max-height:74px; overflow:hidden;} .Blogginlagg_text_klickbar.active{max-height:100%;} #bloggwrapper .ingress{height:125px; overflow: hidden;} #bloggwrapper .inlagg.col.span_1_of_4:first-child{width:100%;} .bloggwrapper-inlagg{display: inline-block; padding:10px;} @media screen and (min-width: 641px){ #bloggwrapper .inlagg:first-child .blogg-image.col.span_1_of_1{width:49%; max-height: 385px; overflow: hidden} #bloggwrapper .inlagg:first-child span{width:48%; float:right; height:unset !important; max-height:385px;} .bloggwrapper-inlagg{display: inline-block; padding:1% 14.5%;} #bloggwrapper .inlagg.col.span_1_of_4:first-child .ingress {height: 300px;} } #bloggwrapper .inlagg{padding:10px;} /*#bloggwrapper .inlagg .blogg-image{max-height:180px; min-height: 180px; overflow: hidden;}*/ #bloggwrapper .inlagg.col.span_1_of_4:nth-child(4n+2){margin-left:0;} #bloggwrapper .inlagg h2{line-height: 24px;} #bloggwrapper .inlagg > span{height:162px; overflow: hidden; display: inline-block;} #bloggwrapper .blog-inlagg-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} /* -------------------------------------------------------------------------------------------------- INSTAGRAM -------------------------------------------------------------------------------------------------- */ .ExtraInstagram{display:inline-block; width:100%; margin:10px 0 0 0;} .InstagramBild{float:left; margin:0 1% 0 0; width:24%;} .ExtraInstagram{padding:10px 0 0} /* -------------------------------------------------------------------------------------------------- KUNDOMDÖMEN -------------------------------------------------------------------------------------------------- */ #ProduktinfoOvrigt .review{display:none;} #ProduktinfoOvrigt.active .review{display:block;} #ProduktinfoOvrigt .review:nth-child(1), #ProduktinfoOvrigt .review:nth-child(2), #ProduktinfoOvrigt .review:nth-child(3), #ProduktinfoOvrigt .review:nth-child(4) {display:block;} #facebookComments {padding:10px 0 0} /* -------------------------------------------------------------------------------------------------- FILTER -------------------------------------------------------------------------------------------------- */ .FilterWrapper li { display: block;} .FilterWrapper .Slider_Range{margin:9px 0 0 7px;} .FilterWrapper .Beskr{margin:0 5px 0 0;} .FilterRens {float: right;position: relative; top:-15px;} #FilterWhite{padding:2%; display:inline-block; width:100%; margin:1% 0 0 0;} .Sorteringsordning{float:right;} /* Presentkort */ table.PS_Tabell {height: 45px;padding-top:10px;} table.PS_Tabell table td {margin-left: 10px;float: left;display: inline-block;} table.PS_Tabell table td.Knapp_Kop {margin-left: 0;} /* -------------------------------------------------------------------------------------------------- KASSAN -------------------------------------------------------------------------------------------------- */ .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Betalning, .GodkannaVillkorochBestallningsknappRam, .Fraktmetoder, .Avisering, .Kundtjanst, #Snabbkassa_Artiklar_FyndaIKassan, #Snabbkassa_Rekommenderat, .Samleverans {margin:0 0 20px 0;} .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Betalning, #Adressuppgifter, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Nyhetsbrev, .Avisering, .Kundtjanst, .Snabbkassa_Rekommenderat_Rubrik, .Samleverans {padding:10px;} .Rubrik_Snabbkassa_Presentkort, .Rubrik_Betalning, .Rubrik_Kunddata, .Rubrik_Fraktmetoder, .Rubrik_Kundtjanst {margin:0 !important;} .Betalning{min-height:250px;} #Adressuppgifter{min-height:540px;} .Fraktmetoder{min-height:270px;} .GodkannaVillkorochBestallningsknappRam{width:100% !important; border:none !important;} #GodkannaVillkorRam > input { height: 17px;} #bestallningsknapp{border:none !important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum{width:60%;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris{line-height:13px !important;} .Presentkortsruta input{float:left;} .Presentkortsruta{margin:5px 0 0 0;} .Kassan select#Land.KundprofilFaltOK{height:30px;} #BetalningsmetoderRam span, #FraktmetoderRam span{height:45px !important; line-height:45px !important; margin:3px 0;} #BetalningsmetoderRam input, #FraktmetoderRam input{height:40px;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img{margin:10px 0 0 0;} .Kassan > h1{display:none;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img{max-height:30px;} .Snabbkassa_Medskick_Tabell td:nth-child(3) { vertical-align: middle;} #BetalningsmetoderRam span a, #FraktmetoderRam span a{width:92% !important;} .Presentkort_toggle{display:none;} .Presentkort_toggle.active{display:block;} .Snabbkassa_Presentkort {margin: 10px 0 0; padding:0; float:right !important;} .Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div{float:right !important; text-decoration:underline; } .Rubrik_Snabbkassa_Presentkort tr:nth-child(2) {display: none;} #Adressuppgifter{float:right;} .MellanrumGra{display:none;} .Rubrik_Medskick{margin: 0 0 10px !important;} .Snabbkassa_Medskick_Tabell i { display: block;} #Medskick_Bild_Skiljelinje_Varukorg_1 {height:1px !important;} .overflow_Medskick{margin:-20px 0 0 0;} .overflow_Medskick select{margin:0;} .Betalning-usp{display:none;} #Adressuppgifter .Betalning-usp{display:block;} .Betalning-usp .hl{text-align:center;} .Betalning-usp > table { margin: 0 auto; text-align: center;} .LankLoggain {margin:15px 0 5px !important;} .KCOflik{width:100%;display:inline-block;} .kco-flikar{display:inline-block; text-align: center; height:45px; line-height:45px;} .Kassan.KCO .Fraktmetoder{width:100%;} #AIR_Klarna_Checkout_Wrapper > i#KCO_Landsvaljare, #AIR_Klarna_Checkout > i, #AIR_Klarna_Checkout_Wrapper > br{display: none;} .Rubrik_KCO{margin: 0 !important; padding:10px;} .Rubrik_KCO .Snabbkassa_Flik_Normal{margin:0 0 5px 0;display: inline-block;} .Kassan input, .Kassan .Antal > a{float: left; line-height: 35px;} .Kassan input, .Kassan .Antal > a > span{line-height: 35px;} .Kassan .AddKassa, .Kassan .SubKassa { float: left;height: 30px;width: 30px;} .Kassan .AddKassa{background:url(/includes/AIRvarukorg/kundvagn-add.png) no-repeat scroll center center;} .Kassan .SubKassa{background:url(/includes/AIRvarukorg/kundvagn-sub.png) no-repeat scroll center center;} .Kassan .remove-it{background:url(/includes/AIRvarukorg/kundvagn-rem.png) no-repeat scroll center center;display: inline-block; height: 20px;margin: 0 0 0 16%; width: 17px;} .SubKassa, .AddKassa, .remove-it{cursor:pointer;} /*.Snabbkassa_Varukorg_Tabell_Rad_Antal{display:none !important;}*/ .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo{line-height:39px !important;} .Nyhetsbrev, .Samleverans{width:100%; float: left;} .Kassan.KCO .Nyhetsbrev{width:49%; float:right;} .Nyhetsbrev table.Rubrik_Nyhetsbrev tbody tr:last-child td img{display: none;} .Nyhetsbrev table.Rubrik_Nyhetsbrev, .Rubrik_Avisering{margin-top:0 !important;} .Nyhetsbrev i{line-height:35px;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt{width:101%;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt .Lista.col{margin:0.5%; padding:10px;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt .Lista.col .PT_Beskr {height:34px; max-height:34px; line-height:16px; overflow:hidden;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt .Lista.col .PT_Bildruta a {text-align:left;} .Kassan form div.Avisering div#AviseringsmetoderRam img{display:none;} .Kassan.KCO .Kundtjanst{width:100%; float:left; padding:0 !important; margin:0 0 10px 0!important;} .Kundtjanst table tbody tr td div b{width:auto !important; margin:0 5px 0 0;} .AviNamn > input{float:none; margin: 0 10px;} .Kassan .AviNamn a, .Kassan .AviNamn{line-height:35px; margin:0 10px; float: left;} .Kassan .LevNamn > a{line-height:39px;} .Kassan .Kundtjanst{width:100%; display:none;} .BetNamn{line-height:39px;} .Snabbkassa_Kundfalt_Marginal{display:inline-block} .KundprofilFaltOK{float:left;} #SKM_Erbjud > i{line-height: 35px; margin:0 0 0 5px;} .Kassan .LankLoggain label.Snabbkassa_Kunduppgift_Etiketter{display:none;} #BetalningsmetoderRam > i, #BetalningsmetoderRam > br{display:none;} .Samleverans > div{line-height: 35px;} .Snabbkassa_Kundfalt_Marginal.SKM_PNr{margin:10px 0 2px 0 !important} .Kassan.KCO .Avisering{width:49%; float: left;} .InfoPrisBetalningPrefix, #InfoPrisBetalning, .InfoPrisBetalningSuffix{display: none !important;} #Kassanfrifrakt{text-align: right;} .FriFrakt {text-transform:none; margin-top:-10px; margin-bottom:10px; font-weight:700;} /* -------------------------------------------------------------------------------------------------- MOBILE -------------------------------------------------------------------------------------------------- */ .nav-mobile.toggle{} /* -------------------------------------------------------------------------------------------------- SLIDER -------------------------------------------------------------------------------------------------- */ #owl-demo .owl-buttons div {position: absolute;display: block !important; text-indent: -9999px; height: 63px !important; top: 35%; width: 31px !important;} #owl-demo .owl-buttons div.owl-prev{background:url("/bilder/butik/arrows_silder.png") no-repeat scroll left 0 !important;} #owl-demo .owl-buttons div.owl-next{background:url("/bilder/butik/arrows_silder.png") no-repeat scroll right 0 !important; right:0;} /* SITEGAINER */ .PT_Wrapper_All .egenskap { left:0% !important; top:0px !important; width:100% !important; } h1.ArtgrpHeadline::first-letter{ text-transform: uppercase !important; } #main .sgCategoryTop .child-ul{ /* margin-top: 20px !important;*/ } .Artgrp_VisaFler { margin-left: 0px !important; line-height: 28px !important; } #main .sgCategoryTop .child-ul li{ display: inline-block !important; margin-right: 5px !important; margin-bottom: 16px !important; } #main .sgCategoryTop .child-ul li a{ border: 1px solid #ddd !important; padding: 5px 10px !important; background: #F5F5F5 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } #main .sgCategoryTop .child-ul li.active a{ background: #CACACA !important; border: 1px solid #978F8F !important; } #wrapper.artgrupp #leftmenu{ display: none !important; } #wrapper.artgrupp #main.col.span_1_of_1 { width: 100%; margin: 1% 0 1% 0 !important; } .artgrupp #breadcrumb a, .artgrupp #breadcrumb { color:#999; display: inline !important; line-height:25px !important; } .Artgrupp_header.col.span_1_of_1.box{ padding-top: 0 !important; padding-bottom: 0 !important; margin: 1% 0 0 !important; } #wrapper.artgrupp .PT_Wrapper.col.span_1_of_4 { width:24% !important; } .PT_Wrapper_All:not(.PT_KassaFriFrakt) .PT_Wrapper.span_1_of_3 { width:24% !important; } @media screen and (max-width: 965px){ .PT_Wrapper.span_1_of_3, #wrapper.artgrupp .PT_Wrapper.col.span_1_of_4 { width:32.3% !important; } .PT_Wrapper_All .egenskap { left:0% !important; top:0px !important; width:100% !important; } .PT_Wrapper_All .IconInnovator.active { top:0px !important; right:0px !important; } .nav .section > ul a.has_subcat { padding-right: 4px; } /* Chrome 77 fix */ .nav.group > .section > ul#level1:after { content: ""; display: block; clear: both; visibility: hidden; } } @media screen and (max-width: 885px){ .PT_Wrapper_All .egenskap { top:0px !important; left:0% !important; width:100% !important; } .extra_prod_tabs .owl-next{right: -20px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 30px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important;} .extra_prod_tabs .owl-prev{left: -40px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 0px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important;background-size: 50px auto !important;} } @media screen and (max-width: 768px){ .PT_Wrapper.span_1_of_3, #wrapper.artgrupp .PT_Wrapper.col.span_1_of_4 { width:49% !important; } #main .sgCategoryTop .child-ul li { padding:5px 0px !important; font-size:12px !important; } .artgrupp .PT_Wrapper_All .egenskap { left:0% !important; top:0px !important; width:100% !important; } .PT_Wrapper_All .IconInnovator.active { top:0px !important; right:0px !important; } } @media screen and (max-width: 486px){ .PT_Wrapper_All .IconInnovator.active { top:0px !important; right:0px !important; } .artgrupp .PT_Wrapper_All .egenskap { left: 0% !important; top: 0px !important; width: 100% !important; } } /* --- ÄNDRINGAR 27 MARS 2018 --- */ /* KASSAN */ #GodkannaVillkorRam {font-size:16px; position:relative;} #GodkannaVillkorRam > input {height:17px; margin:7px;} .snabbkassa_dold_rabattkodsrubrik {display:none;} /* KUNDOMDÖMEN */ #kundomdomen {margin-top:-170px; padding-top:170px;} #LamnaOmdome > b, #dittOmdome {font-style:italic;} #kundomdomen .Knapp_Generell a, .geomdome {background:#f9e05e;} #kundomdomen .Knapp_Generell a:hover, .geomdome:hover {background:#f0cb57;} #dittOmdome {display:block; margin-top:-20px;} .whitewrapper #Adressblock2 p b {display:none!important;} @media screen and (max-width: 640px){ .whitewrapper #Pnr {float:left;} .whitewrapper .Snabbkassa_Kunduppgift_Etiketter {width:100%;} .whitewrapper #Adressblock2 p b {font-weight:700; font-size:14px; margin-bottom:10px; display:block;} .whitewrapper #Adressblock2 .Knapp_Generell_Tabell {width:100%; margin-bottom:20px;} .whitewrapper #Adressblock2 .Knapp_Generell_Tabell a#SubmitKnapp {width:100%;} .whitewrapper #SKM_Erbjud > i {line-height:35px;} table.Minsida_aterstall_tabell td {display:inline-block; float:left;} table.Minsida_aterstall_tabell td:first-child {max-width:calc(100% - 125px);} table.Minsida_aterstall_tabell input {max-width:100%;} .whitewrapper .login-btn .Knapp_Generell a {padding:0 15px;} .extra_prod_tabs .titles .othersalsobought {margin-right: 20px;} .extra_prod_tabs .owl-buttons { display: block; } .extra_prod_tabs .owl-next { right: -30px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 30px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important; } .extra_prod_tabs .owl-prev { left: -40px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 0px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important; } .extra_prod_tabs .PT_Wrapper{width: 97%;} .extra_prod_tabs .PT_Text_Kort{display: none;} .extra_prod_tabs .PT_Faktaruta a{font-size: 12px !important;} .extra_prod_tabs .content {width: 95%; margin: 0; padding: 0px 6.5%; margin-left: 6px;} .extra_prod_tabs .PT_Wrapper_All {top: 10px; width: 90% !important; margin: 0 auto;} .extra_prod_tabs .PT_Wrapper_All .PT_Pris, .extra_prod_tabs .PT_PrisKampanj, .extra_prod_tabs .PT_PrisOrdinarie {font-size: 12px !important;} .extra_prod_tabs .PT_Faktaruta { height: 80px;} .extra_prod_tabs .PT_Beskr {min-height: 45px; line-height: 100%; margin-top: 10px;} .extra_prod_tabs .PT_Bildruta a {line-height: 120px !important;} .extra_prod_tabs .span_3_of_5, .extra_prod_tabs .span_2_of_5 { width: 50%; } } .sgCategoryTop .child-ul.niva3 { margin-top: 20px; } /* WRAPPER */ #wrapper.whitewrapper #main {background:#fff; padding:1% 2%;} /* MOBILMENY */ .sub-nav {width:100%;} .sub-nav a, .sub-nav #WebbMeny li a {color:#333!important; padding:0 15px; line-height:45px!important; height:auto; border-bottom:1px solid #eee; display:block;} /* MENY */ @media screen and (min-width: 965px) and (max-width:1100px){ a.icon-36:before, a.icon-126:before {display:none!important;} .nav .section > ul a {padding:0 10px; font-size:13px!important;} } @media screen and (min-width: 966px) { .nav .category-nav {display: flex; justify-content: center;} .nav .category-nav ul:first-child li:first-child {border-left: 1px solid #E8E8E8;} } /* Anpassnign - MaS - Flytta ordererkännande i kassan, enligt ärende: 106800 */ .godkannande {background: #fff; text-align: center;} .godkannande a {text-decoration: underline;} /* Landsvaljare */ #footer-wrapper .landsvaljare a { color: #000 !important; } .topbar-landsvaljare { float: left; display: flex; align-items: center; height: 35px; } .landsvaljare { list-style: none; } .landsvaljare li { display: inline-block; } .landsvaljare li:not(:first-child) { margin-left: 5px; } .landsvaljare img { vertical-align: top; height: 26px; } @media screen and (max-width: 470px) { table.Egenskaper_Tabell tr td:first-child { font-size: 0; } } @media screen and (max-width: 600px) { #wrapper.webbsida { padding-left: 10px; padding-right: 10px; } } /* -------------------------------------------------------------------------------------------------- CSS3 EFFECTS -------------------------------------------------------------------------------------------------- */ .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta input, .Kassan input, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, #Onskelista a, #ProduktinfoOvrigt input, #ProduktinfoOvrigt textarea, input, textarea, .generellKnapp, #KundBetygRad #ProduktinfoOvrigt .Knapp_Generell a, .Knapp_Generell a, .Varukorg .Checkout a, .FilterRens span, #bestallningsknapp, .Checkout a, .Knapp_Kop a, select, .Egenskaper_Tabell td:nth-child(2), .IconInnovator.active p, #PopUp .sokruta-epost, .overflow_Medskick, a.VisaFler, .kco-flikar {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #footer-wrapper .Knapp_Generell a {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .toplist .commentnumber {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .tabs li {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .Sokknapp, .Sokfalt {-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .PT_Wrapper, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .produkt-puff_0, .produkt-puff_1, .produkt-puff_2, .produkt-puff_3, .header-scroll #topbar, .header-scroll .nav, #topbar, .nav, #topbar-white, .header-scroll #topbar-white { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} select {-moz-appearance: none;-webkit-appearance: none;appearance: none;} select::-ms-expand {display: none;} .border {border:1px solid #eee;} #checkout_cart_wrapper {margin-bottom:20px !important;} /* /themes/smartasaker/design/css/air_system.css */ /* PRODUKTINFO OMDOME */ #ProduktinfoOvrigt table {display:inline-block;} #ProduktinfoOvrigt table input, #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {max-width:100% !important;} #ProduktinfoOvrigt table table tr td:nth-child(1n+1) {width:50% !important; float:left; white-space:normal;} /*property for blogs*/ .bloggkommentar_rubrik{margin:0px 0px 10px 0px; } .bloggkommentar_antal{float:left; margin:0px 10px 0px 0px} .bloggkommentar, .bloggkommentar_saknas {margin:10px 0px} .SingleComment, .bloggkommentar_avdelare {border-bottom:1px solid #ddd;} /*Din sida */ #minsidaDrop ul{list-style:none;} #minsidaDrop a{float:left; margin:0 5px 5px 0; padding: 10px 15px;} #minsidaDrop ul ul{ width:100%; float:left; margin:0 0 2% 0;} #minsidaDrop > ul > li > h2 {display:none;} .OrderTable tr:nth-child(1) td {background: none repeat scroll 0 0 #F1F1F1;} .OrderTable tr td {padding:5px;} /* -------------------------------------------------------------------------------------------------- CART / SHOPPINGBAG / KASSA -------------------------------------------------------------------------------------------------- */ .Kassan {margin-top: 50px;} .Snabbkassa_Varukorg_Tabell_Rad_Antal {display: none !important;} /* H1 kassan */ .Kassan h1:first-child {margin: 0 0 10px; padding: 5px;} .Rubrik_Varukorg { margin: 0 0 10px !important;} #bodyWrapper.kassan #wrapper {padding-top: 90px;} /* Inputfält / inputfields */ .Kassan input {border: 1px solid #DDDDDD; } .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input {background:#FFFFFF; width: 60%;} .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input {width:80%;} .KundprofilFaltFEL, .KundprofilFaltFEL_Kort {border:2px solid #f00 !important;} .bestallningsknapp { border:1px solid #A4E05F; height:40px; width:100%;} .GodkannaVillkorochBestallningsknappRam {background: none repeat scroll 0 0 #D8EBCA; margin: 0 0 20px 0; min-height:auto !important; border: 1px dotted #6BAD40; padding: 0px 10px 10px;} p#KreditorInfo img {float: left; padding: 0 10px 15px 5px;} #AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal a {float:left; } #BetalningsmetoderRam span, #FraktmetoderRam span { float: left; height: 30px; line-height: 30px; width: 100%; position:relative;} #BetalningsmetoderRam span .BetRadio {display: inline-block !important; width: 5%;} #BetalningsmetoderRam span a, #FraktmetoderRam span a {width:90%; float:right; display:inline-block; line-height:39px;} #Klarna_InvoiceContainer {left: 50%; position: absolute;width: 100px;} #KlarnaAvbetalID {left: 32%; position: absolute;width: 90px; top:5px;} #InfoAttDelbetalaInline {left: 50%; position: absolute;width: 125px;} #Klarna_PartpaymentContainer {left: 75%; position: absolute;width: 90px;} .Snabbkassa_Presentkort span.Snabbkassa_Varningsmeddelande, .Snabbkassa_Presentkort span.Snabbkassa_OKmeddelande {font-size:10px;} .Snabbkassa_Presentkort img {height:15px;} /*kundadressfalt */ .Snabbkassa_Kunduppgift_Etiketter{width:20%; float:left; margin:0em 0.5em 0em 0em; display:block} .Snabbkassa_Kundfalt_Marginal.SKM_PNr {display:block; width:auto;} .Snabbkassa_Kundfalt_Marginal{margin:2px 0px !important; width:100%;} .Snabbkassa_Kundfalt_Marginal img, #Adressblock img {float:left;} .Snabbkassa_RutaAvd{padding:12px; background:#eee} /* Kundtjanst */ .Kundtjanst table tbody tr td div div input {smin-width:100%; min-height:30px;} .Kundtjanst table tbody tr td div b {display: inline-block; width: 25%; float:left;} .Kundtjanst table tbody tr td div div {width:74%; display: inline-block;} .Kundtjanst table tbody tr td div br {display:none;} /* Snabbkassa_Varukorg */ .RowWrap {max-height: 300px; overflow-y: scroll; border-bottom: 1px solid #eee;} .Snabbkassa_Varukorg_Tabell_Rad, .Snabbkassa_Varukorg_Tabell_Rad_medskick {display: inline-block; float: left; margin: 2px 0; width: 100%;} .Snabbkassa_Varukorg_Tabell_Rad td.Bild, .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad_medskick td {float: left; line-height: 40px; min-height: 40px; width: 16.5%;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {width:50%} /*td.X_Antal {float: left; line-height: 40px; min-height: 40px; width: 50%;} td.X_Bild {float: left; line-height: 40px; min-height: 40px; width: 16.5%;} td.X_Empty {float: left; line-height: 40px; min-height: 40px; width: 16.5%;} td.X_Pris {float: left; line-height: 40px; min-height: 40px; width: 16.5%; text-align: right;} td.X_Pris b {font-size: 1.2em;} td.X_Antal a {padding-left: 30px;} td.X_Antal input[type="text"] {text-align: center;}*/ .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {float: right; padding: 10px;} #InfoAttbetala {font-size:1.8em !important} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo {float:left; min-height:20px; line-height:20px; font-size:0.9em;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris {float:right; min-height:20px; line-height:20px;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris {text-align:right;} /* Presentkort */ p#KreditorInfo, .Snabbkassa_Presentkort i {font-size: 9px; background:#f9f9f9 !important; border:1px dotted #ddd; margin: 5px 0px !important; padding: 5px; width: 100% !important; display:inline-block;} .Snabbkassa_Presentkort i {margin:5px 0 0 0 !important} .Presentkortsruta tbody tr td b i {padding:0px; background:transparent !important; float:left; margin:0px !important; display: inherit; border:0px; } .Presentkortsruta {width:100%;} .Snabbkassa_Presentkort .Presentkortsruta tr {width:50%; float:left;} #GodkannaVillkorRam {margin:10px 0px;} #BetalningsmetoderRam span div.BetNamn i { left: 35%; position: absolute;} /* 50% CHECKOUT */ .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, #Adressuppgifter {float:left; width: 49%; } .Betalning, .GodkannaVillkorochBestallningsknappRam, .Fraktmetoder {float:right !important;} .Kundtjanst {clear:left;} /* 100% CHECKOUT */ /* .Betalning, .Fraktmetoder, .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, */ .Snabbkassa_Varukorg, .Avisering, .Rubrik_Kundtjanst, .Rubrik_Medskick, .Fraktmetoder_Extra2, .Avisering_Extra, .Dela_Kassan_FB, .GodkannaVillkorochBestallningsknappRam tbody tr td, .Snabbkassa_Medskick {float:left; width: 100%;} /*rubrikerna*/ .Snabbkassa_Flik_Normal, .Snabbkassa_Flik_Saknas { height:30px; line-height:30px} .Snabbkassa_Flik_Vanster, .Snabbkassa_Flik_Hoger {width:0px;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img {float:right; padding:5px;} /* HIDE PICTURE / HIDE CONTENT IN KASSA */ .Kassan form div.Snabbkassa_Varukorg table.Rubrik_Varukorg tbody tr td img, .Kassan form div.Betalning table.Rubrik_Betalning tbody tr td img, .Kassan form div.Kunddata table.Rubrik_Kunddata tbody tr td img, .Kassan form div.Fraktmetoder table.Rubrik_Fraktmetoder tbody tr td img, .Kassan form div.Kundtjanst table.Rubrik_Kundtjanst tbody tr td img, .Kassan form div.Snabbkassa_Presentkort table.Rubrik_Snabbkassa_Presentkort tbody tr td img, .Kassan form div.Samleverans table.Rubrik_Samleverans tbody tr td img, .Kassan form table.Rubrik_Medskick tbody tr td img, .Kassan form table.Rubrik_KCO tbody tr td img, .Kassan form div.Avisering table.Rubrik_Avisering tbody tr td img {display:none;} .Divider img, .BetDelare, .LevDelare, #antal1 br {display:none;} .Snabbkassa_Varukorg_Tabell_Rad .Divider, .Snabbkassa_Varukorg_Tabell_Rad_medskick .Divider {float: left; height: 0; width: 100%;} /*.Snabbkassa_Varukorg_Tabell_Rad, .Snabbkassa_Varukorg_Tabell_Rad_medskick {border-bottom: 1px dotted #DDDDDD;}*/ .Rubrik_I_Kassan tr td img {display:none;} .Snabbkassa_Varukorg_Tabell_Rad_Beskr, .Snabbkassa_Varukorg_Tabell_Rad_st, .X_Antal a {font-weight:700;} .Pris, .SumInkPris {font-family: "Lato Bold",sans-serif; font-weight:700;} .KCOflik_Markerad, .KCOflik_Omarkerad {font-size: 1.5em !important;} /* Medskick */ .Medskick_Bild_Skiljelinje, .Snabbkassa_Varukorg_Tabell_Rad_medskick, .Rubrik_Medskick {display:none;} .Snabbkassa_Varningsmeddelande {color:red;} .Medskick_Val a {font-weight:bold;} .Snabbkassa_Medskick_PrisFaltTot {float:right;} .Medskick_Wrapper, .Medskick_Info_Wrapper, .Medskick_Pris {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center;} .Medskick_Wrapper {border-top:1px solid #ccc; padding:5px 0;} .Medskick_Info_Wrapper {width:80%;} .Medskick_Bild {width:50px!important; text-align:left;} .Medskick_Input {width:45px !important; padding-left:24px;} .Medskick_Val {width:calc(100% - 95px)!important; width:-webkit-calc(100% - 95px)!important; width:-moz-calc(100% - 95px)!important; width:-o-calc(100% - 95px)!important; padding-left:55px;} .Medskick_Pris {width:20%; text-align:right; justify-content:flex-end;} .MedskickSelect {padding-left:10px; padding-right:20px; margin-top:5px;} .Snabbkassa_Medskick_PrisFaltTot {padding-left:5px; font-size:1.2em;} .Medskick_Input input[type="checkbox"] { -webkit-appearance: none; width: 20px !important; height: 20px !important; background: #fff !important; border: 1px solid #555 !important; margin: 0; border-radius: 0 !important; position: relative; left: 10px; } .Medskick_Input input[type="checkbox"]:focus {outline: none;} .Medskick_Input input[type="checkbox"]:checked::after { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 26px; font-weight: 400; color: #2085d0; display: block; position: absolute; width: 100%; height: 100%; text-align: center; left: 0; bottom: 9px; } .MedskickID_19 .Medskick_Wrapper {padding-bottom: 0;} .MedskickID_19 .Medskick_Bild>a {display:none;} .MedskickID_19_innehallsblock>p {position: relative;top: 3px;} /* TagXY */ .TagXYRad_TD {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center;} .TagXYRad_Bild {} .TagXYRad_Beskr {width:75%; font-weight:700; padding-left:150px;} .TagXYRad_Pris {width:25%; text-align:right; color:red;} /* -------------------------------------------------------------------------------------------------- UI-boxar -------------------------------------------------------------------------------------------------- */ .ui_box{background-color:#F3F3F3; border:solid 1px #C0C0C0; padding:15px; width:95%; margin-bottom:20px} .ui_infobox{background-color:#CFC; border:solid 1px green; padding:15px; width:95%; margin-bottom:20px} .ui_warningbox{background-color:#F3F781; border:solid 1px #ffb400; padding:15px; width:95%; margin-bottom:20px} .ui_errorbox{background-color:#FCC; border:solid 1px red; padding:15px; width:95%; margin-bottom:20px} /* ÄNDRINGAR 31/8-16 */ .Snabbkassa_Varukorg_Tabell_Rad_st {display:none;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {background:none!important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b, .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum .SumInkPris b {color:#000!important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {border-top:1px solid #000; border-bottom:1px solid #000;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {width:100%!important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b span {font-size:1.5em; font-weight:bold;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum .SumInkPris b #InfoAttbetala, .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum .SumInkPris b, .Snabbkassa_Varukorg_Tabell_Rad .Pris b, .RowWrap .Price, .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum .Antal input {font-weight:bold!important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b {white-space:nowrap;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b span {white-space:initial;} .Kassan input {background:#ddd;} .Kassan td.Antal input {border:0 none !important;} .Snabbkassa_Varukorg_Tabell_Rad .Antal input {width:30px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a {padding-left:10px;} .Kassan .hl {padding:5px;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {padding:7px 10px 5px 10px!important; margin:10px 0!important;} .Snabbkassa_Varukorg_Tabell_Rad .Bild a {float:left!important;} .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Betalning, #Adressuppgifter, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Nyhetsbrev, .Avisering, .Kundtjanst, .Snabbkassa_Rekommenderat_Rubrik, .Samleverans {padding:1% 3%!important;} .Snabbkassa_Varukorg_Tabell_Rad td.Bild {width:50px!important; text-align:left;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal{width:calc(67% - 50px)!important; width:-webkit-calc(67% - 50px)!important; width:-moz-calc(67% - 50px)!important; width:-o-calc(67% - 50px)!important;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {padding-top:5px;} .Snabbkassa_Varukorg_Tabell_Rad {position:relative;} .Kassan .remove-it {margin:0; margin-top:-2px; position:absolute; right:0; top:50%; transform:translateY(-50%);} .Snabbkassa_Varukorg_Tabell_Rad .Pris b {padding-right:30px;} .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris {line-height: 51px!important; min-height: 51px!important;} .Snabbkassa_Presentkort {padding:0!important; margin-bottom:10px;} #BetalningsmetoderRam span > div > a, #FraktmetoderRam span > div > a {width: calc(100% - 30px) !important; line-height:33px!important;} .KCO_Lank {display:none;} .Snabbkassa_Varukorg_Tabell_Rad .Bild img {max-width:40px;} #bestallningsknapp {background:#00a76d!important; font-family:'Lato', sans-serif; font-size:1.2em; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border-radius: 3px!important; -webkit-appearance: none; -moz-appearance: none;} #BetalningsmetoderRam span, #FraktmetoderRam span {line-height: 35px!important; height: 35px!important;} #BetalningsmetoderRam span a, #FraktmetoderRam span a {line-height: 33px!important; height: 33px!important;} #FraktmetoderRam input, #BetalningsmetoderRam input {line-height: 29px!important; height: 29px!important;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img {margin:2px 0 0 0;} .Kassan .AviNamn a {margin-right:0px;} .Avisering {margin-top:20px;} .Fraktmetoder {margin-bottom:0px!important;} .Kollage .Knapp_Kop {float:right;} .bgwhite {background:#fff;} .Snabbkassa_Artiklar_FyndaIKassan .REK_Knappar {float:right; margin-right:5px;} .Snabbkassa_Varukorg_Tabell_Rad .Snabbkassa_Varukorg_Tabell_Rad_Beskr {/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ max-width: 100%; display: block;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a {max-width:100%;} .Presentkortsruta tr:nth-child(2) td {width:100%;} @media screen and (max-width : 1000px) { .Snabbkassa_Artiklar_FyndaIKassan .PT_Beskr a {font-size:14px;} .Snabbkassa_Varukorg_Tabell_Rad td.Bild, .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad_medskick td { line-height: inherit !important; } .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris {bottom: 0; top:inherit;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris b {padding-right: 0 !important;} .Kassan .remove-it {bottom: -3px; top: inherit;} .Snabbkassa_Varningsmeddelande {font-size: 12px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {padding-top: 8px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a > span{line-height: 18px; font-size: 12px; min-height: 35px;} } @media screen and (max-width : 965px) { .Kassan {margin-top: 0;} } @media screen and (min-width : 641px) { .Kassan .Nyhetsbrev {margin-top:20px;} #BetalningsmetoderRam span:hover, #FraktmetoderRam span:hover {background:#f9f9f9;} } @media screen and (max-width : 425px) { .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo #InfoPrisFrakt {font-size: 0.9em;} } @media screen and (max-width: 640px){ .Snabbkassa_Varukorg_Tabell_Rad td.Antal {display:inline-flex; flex-flow:row wrap;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a {order:0; flex:1 100%; padding-left:0px; line-height:14px; margin-top:-5px; /*white-space: nowrap; text-overflow: ellipsis; */} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a > span{line-height: 18px; font-size: 12px; min-height: 35px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal .SubKassa {order:1;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal .AddKassa {order:3;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal input {order:2;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal input {line-height:20px; height:20px; font-weight:bold; margin:5px 0 0 1px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {width:calc(55% - 50px)!important; width:-webkit-calc(55% - 50px)!important; width:-moz-calc(55% - 50px)!important; width:-o-calc(55% - 50px)!important;} .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt {text-align:center;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris {width:28%!important;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris b {padding-right:20px;} .TagXYRad_Pris b {padding-right:23px !important;} .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Betalning, .GodkannaVillkorochBestallningsknappRam, .Snabbkassa_Medskick, .Fraktmetoder, .Avisering, .Kundtjanst, #Snabbkassa_Artiklar_FyndaIKassan, #Snabbkassa_Rekommenderat, .Samleverans, #Adressuppgifter {margin:0 0 10px 0!important;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img {max-height:30px!important;} .Nyhetsbrev {margin-bottom:10px;} .Avisering {margin-top:10px;} #SKM_Erbjud label {display:none;} #SKM_Erbjud > i {line-height:20px;} .PT_Wrapper_All .PT_Pris.span_2_of_3, .PT_Knappar.span_1_of_3 {width:49.2%!important;} .TagXYRad_Beskr {padding-left:50px;} .Medskick_Input, .Medskick_Val {padding-left:0;} } @media screen and (max-width: 540px){ .Pnr_Tabell, .Pnr_Tabell tbody, .Pnr_Tabell tr, .Pnr_Tabell td {display:block;} .Pnr_Tabell {width:100%;} .Pnr_Tabell tbody, .Pnr_Tabell tr {width:100%;} .Pnr_Tabell td:first-child {width:40%;} .Pnr_Tabell td:nth-child(2), .Pnr_Tabell td table.Knapp_Generell_Tabell {width:60%;} .Pnr_Tabell td.Knapp_Generell {width:100%;} #SKE_Pnr {margin-bottom:5px;} .Knapp_Generell a#Pnr_Knapp {height: 30px; line-height: 30px; margin-top:0;} #KreditorInfo {margin:10px 0!important;} .startsidan .PT_Knappar {float:right!important; padding-right:5px;} } @media screen and (max-width: 1099px){ .startsidan .Kollage .PT_PrisKampanj, .startsidan .Kollage .PT_PrisOrdinarie, .startsidan .Kollage .Knapp_Kop.KKn1 > a {font-size:18px!important;} } @media screen and (max-width: 425px){ .startsidan .Kollage .PT_Knappar {margin:20px 0 0 0!important; padding-right:5px!important;} } /* BOX-SIZING */ #utlamningsstalle, #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* WIDTH */ #utlamningsstalle, #utlamningsstalle_skiljelinje, #vu_extra_info_nollstall {width:100%;} #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {width:50%;} /* PADDING */ #utlamningsstalle_val, #utlamningsstalle_adress {padding:0 10px 0 0 !important;} #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {padding:0 0 0 10px !important;} /* BORDERS */ #utlamningsstalle_val {border-right:1px solid #fff; } #utlamningsstalle_adress {border-right:1px solid #fff;} #utlamningsstalle_alt_ort{border-left:1px solid #ddd;} #utlamningsstalle_oppettider{border-left:1px solid #ddd;} #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort,#vu_extra_info, #utlamningsstalle_skiljelinje, #utlamningsstalle, #utlamningsstalle_oppettider {display:inline-block;} #utlamningsstalle {padding:10px; background:#f5f5f5;} #utlamningsstalle ul, #utlamningsstalle li {list-style:none; margin:0px; padding:0px; float:left} #utlamningsstalle_skiljelinje {border-bottom:1px solid #DDD; border-top:1px solid #FFF; height:0; padding:0px; margin:10px 0 !important;} #utlamningsstalle_val select, #Utlamning_ExtraOrt {margin:10px 0 0; background:#fff; height:24px; border:1px solid #ddd; width:70%} #vu_sok {margin:10px 0 0; width:19%; background:#999; height:30px; border:1px solid #777; text-align:center; line-height:30px; color:#fff; text-decoration:none; padding:5px 15px;} #vu_extra_info_nollstall{font-style:italic; text-align:right; } #vu_nollstall_ikon {background:none repeat scroll 0 0 red; border:1px solid #FFF; color:#FFF; display:inline; font-size:11px; font-style:normal; font-weight:bold; height:10px; margin:0 5px; padding:1px 4px; width:10px; text-decoration:none;} #vu_felmeddelande{color:#FF0000;} /* air_custom.css */ .Filter{display: none;} .nav-left > ul > li.arrow a:before, .nav-left > ul > li.active.arrow a:before, .pdf a:before {font-family:"Font Awesome 5 Pro"; font-weight:300;} /* FONT-SIZE */ h3, h4 {font-weight:normal;} h1#ArtikelnamnFalt{font-size:2.6em} h1, .hl.box{font-size:2.5em; font-weight:300;} h2, .category i, .hl, .kundservice i, .SumInkPris div, .Snabbkassa_Flik_Normal div, .produkt-puff_0 .hl, .produkt-puff_1 .hl, .produkt-puff_2 .hl, .produkt-puff_3 .hl, .pdf a:before, .pdf i {font-size:1.5em} .produkt-puff_0 td, .produkt-puff_1 td, .produkt-puff_2 td, .produkt-puff_3 td, #tillbehor .hl {font-size:1.3em} h3, #footer-wrapper .span_1_of_4 span:first-child, .Filter_hl, .Pris > b {font-size:1.2em} h4, .Snabbkassa_Flik_Normal span {font-size:1.0em} .startsidan .hl > a, #footer-wrapper #WebbMeny span.WebbMenyMarkerad {font-size:14px} #PrisFalt, .PrisBOLD, .PrisREA, .PrisORD, .PrisREAv, .PrisORDv, .PrisAvd {font-size:24px;} .PrisBOLD span, .hl.box a {font-size:24px;} .hl.box {font-size:40px;} .hl.box {text-align:center;} .PT_Wrapper_All .PT_Pris, .PT_Wrapper_All .PT_PrisKampanj, .PT_Wrapper_Filter .PT_Pris, .PT_Wrapper_Filter .PT_PrisKampanj {font-size:18px;} .VGPrisStor, .Topoffer_Artikelnamn, .Topoffer_Artikelnamn a, .Topoffer_Pris, .rubrikPris, .rubriker i, .SumTxt, .Sum, .sokrutan i, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, #Onskelista a, #topbar a, .AIRvarukorg-Text p, .PT_Wrapper_All .PT_PrisOrdinarie, .PT_Wrapper_Filter .PT_PrisOrdinarie, .tabs li a, .PT_Beskr a, .underprodukt, .Egen_Infogad_HTML, .nav-left > ul > li a, .nav-left-ws > ul > li a, .kco-flikar {font-size:16px;} .Egen_Infogad_HTML, .Egen_Infogad_HTML p, .Egen_Infogad_HTML span {font-size:16px !important; line-height: 22px;} .Egen_Infogad_HTML ul{margin-left: 20px;} #topbar a, .nav .section > ul a {font-size:12px !important;} .Artikellista_PrisKampanj, .PT_Pris, .PT_PrisKampanj, .Artikellista_Pris, .Artikellista_PrisStafflade, .ruta, .bestallningsknapp, #minsidaDrop #Onskelista span a, .Snabbkassa_Presentkort .Snabbkassa_Flik_Normal > div, .Egenskaper_Tabell select, #PopUp .sokruta-epost, .Sokfalt, #overDiv table tbody tr td table tbody tr td b font, .PT_Text_Kort {font-size:14px;} .PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .Artgrupp_header, .Artgrp_VisaFlerArtiklar a, .Artgrp_VisaFlerArtiklar span,.PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p, #breadcrumb, #breadcrumb, #BreadCrumbArticle, .PT_PrisOrdinarie, .Presentkortsruta i, #InforutaRabattkodPresentkod i, #overDiv table tbody tr td table tbody tr td font, .startsidan .IconInnovator.active, #Adressblock2 > p, #breadcrumb a, #breadcrumb, .BreadCrumbArticle {font-size:12px} /* FONT-PROPERTIES*/ .PT_Pris_Text, .ruta .PrisBOLD, .PrisBOLD, .PrisREA, .PT_PrisNu, .Artikellista_PrisKampanj, .Snabbkassa_Varningsmeddelande, .rubriker, .PT_Beskr a, .PT_Pris, .PT_PrisKampanj, .PT_Antalsfalt, .artikel-topplista-text p, .Artikellista_Beskr a, #FraktFaltText, #LevtidFaltText, #SaldoText, #KundBetygText, #AvbetFaltText, .KampanjFalt-Text, .Knapp_Sok_Produkt, .MARKERAD, .MARKERAD a, .Artgrp_VisaFlerArtiklar_Markerad, .nav-left li.active > a, .nav-left li.active-parent > a, a.Webbsida_Toppmeny_Markerad, .bloggkommentar_rubrik, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, .Blogginlagg_titel, .review .namn, .FilterWrapper .Beskr, .FilterWrapper .lblVarde, .category-toggle .span_1_of_1 a, .pdf a, #ArtnrFaltText, .nav-left-ws > ul > li.active a, .PrisBOLDv, .PrisBOLD span, .startsidan .hl.box, .hl.box a, #overDiv table tbody tr td table tbody tr td b font, .pdf i, .Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div, .Snabbkassa_Presentkort .Snabbkassa_Flik_Normal span, .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo b, .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo div, #SumInkInfo > b, .SumInkPris b, .Topoffer_Artikelnamn a, strong, strong > span {font-weight:700} .nav div > ul > li > a {font-weight:500;} .PT_PrisOrdinarie, #overDiv table tbody tr td table tbody tr td font {font-weight:300;} .Presentkortsruta i, #InforutaRabattkodPresentkod i, .pdf a:before {font-weight:normal} .PrisORD, .artikel-topplista-pris p, .PT_PrisOrdinarie {text-decoration:line-through} .no-hover a:hover {text-decoration:none !important} .navigation_typ_ul_li_kategoriersaknas, .Login-password a.forgotpassword, .date, .bloggkommentar_tid {font-style:italic;} .Presentkortsruta i, #InforutaRabattkodPresentkod i {font-style:normal;} .PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .PT_Bildruta a, .Antal input, .PT_Bildruta img, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, .BildZoomThumbnails img {text-align:center;} .Artikellista_PrisKampanj, .Artikellista_Pris, .comment {text-align:right;} .bestallningsknapp, .kampanjmenu li > a, #SubmitFalt a, .nav-left ul#level1 > li > a, .kco-flikar, .nav .section > ul > a, .nav ul > a, .nav > .section > ul > li > a, #overDiv table tbody tr td table tbody tr td b font {text-transform: uppercase;} .kampanjmenu li ul li a {text-transform: none;} #footer-wrapper a:hover, .Rubrik_Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div:hover, .Rubrik_Snabbkassa_Presentkort .Snabbkassa_Flik_Normal span:hover {text-decoration: underline;} .bestallningsknapp, .R-Toggle, .Knapp_Sok_Produkt, a.readmore, .Link, .generellKnapp {cursor: pointer;} a.forgotpassword {line-height:normal !important;} .Rubrik_Snabbkassa_Presentkort {cursor: pointer;} .bloggwrapper-inlagg h2 { font-size: 30px; font-weight: normal; } /* FONT-COLOR */ #Felmeddelande H1, .Knapp_Kop a, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, #dialogruta div, #dialogruta div a, .bestallningsknapp, a.CartButton, .Checkout a, .Checkout a:hover, .category,.Varukorg, .Varukorg p, .kundservice, #footer-wrapper, .askas a, #WebbMeny li a, .toplist .commentnumber, #footer-wrapper .Knapp_Generell a, .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum b, #footer-wrapper a, #KundBetygRad .Knapp_Generell a, .IconInnovator.active p, #PopUp .Knapp_Generell a, a.VisaFler, a.VisaFler:hover, .PT_UtskriftIkonKampanj:after, .kundservice:hover, .nav > .section > ul > li.active > a, .nav > .section > ul > li > a:hover, .nav.desktop ul > li .child-ul > li.active > a, .nav.desktop ul > li .child-ul > li > a:hover, .IconInnovator.active, .KCOflik_Markerad.kco-flikar, .KCOflik_Omarkerad.kco-flikar:hover, .Ikon_Kampanj, .PT_UtskriftIkonNyhet, .Ikon_Nyhet {color:#fff !important;} #breadcrumb a, #breadcrumb {color:#999;} a:hover, .PT_PrisOrdinarie, .PT_Pris_Text, .PrisORD, .Sokfalt {color:#666 !important;} a, a:link, a:visited, a:active, p, td, ul, select, input, textarea, .category-toggle strong, .Knapp_Generell a, h1#ArtikelnamnFalt {color:#333} .PT_PrisOrd, .PT_PrisKampanj, .PrisPROCENT, .PrisREA, #PrisFaltStafflade, .Artikellista_PrisKampanj, .kampanjmenu a, .pdf a:before, .pdf i {color:#cb0000} a.readmore, .Link, .nav-left > ul > li.arrow a:before, .nav-left > ul > li.active.arrow a:before, .produkt-puff_0 .hl, .produkt-puff_1 .hl, .produkt-puff_2 .hl, .produkt-puff_3 .hl, .category-toggle .span_1_of_1 a, .manadensvara .hl, .nav-left .hl {color:#00a76d} /* BG-COLOR */ .R-Toggle.mobile-only, #minsidaDrop a, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .category-toggle a:hover {background:#f1f1f1} #topbar, #footer-wrapper, .nav-mobile.active, .nav-mobile .nav, .nav > .section > ul > li > a:hover, .nav > .section > ul > li.active > a, .nav.desktop ul > li .child-ul > li > a:hover, .nav.desktop ul > li .child-ul > li.active > a {background:#d5002e} .category:hover, .kundservice:hover, .topbar:hover {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2)} .startsidan .Kollage .PT_Faktaruta {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7)} #footer-wrapper .Knapp_Generell a, .toplist .commentnumber {background:#3f3f3f;} .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger, #AIRvarukorg-Wrap, #ArtnrFaltText, #ArtnrFalt {background-color:#f9f9f9;} #BetalningsmetoderRam span.checked, #FraktmetoderRam span.checked, #FraktmetoderFler > span[data-lev].checked { background: rgba(107, 192, 173, 0.3);} .GodkannaVillkorochBestallningsknappRam {background: none repeat scroll 0 0 #D8EBCA;} p#KreditorInfo, .Snabbkassa_Presentkort i {background:#f9f9f9 !important; border:1px dotted #ddd; } #Onskelista a, .generellKnapp, .Knapp_Generell a, .FilterRens span, .KCOflik_Omarkerad.kco-flikar {background:#eee;} .inloggningsruta, #toplineWrapper, .PT_Wrapper, .white-bg, .box, #Bildkolumn, #FilterWhite, .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Betalning, #Adressuppgifter, .Fraktmetoder, .Kundtjanst, .GodkannaVillkorochBestallningsknappRam, .category-toggle, .produkt-puff_0, .produkt-puff_1, .produkt-puff_2, .produkt-puff_3, .Snabbkassa_Medskick, .PT_UtskriftIkonKampanj, #Faktakolumn, .nav-left, .nav, #topbar-white, .nav.desktop ul > li:hover .child-ul, .tabs li.active, #wrapper.webbsida #main, .nav-left-ws, #AIR_Klarna_Checkout_Wrapper, .Rubrik_KCO, #bloggwrapper .inlagg, .bloggwrapper-inlagg, #overDiv td, .Nyhetsbrev, .Avisering, .Kundtjanst, .Snabbkassa_Rekommenderat_Rubrik, .Samleverans, .Topoffer_Tabellbakgrund, .Presentkort {background:#fff;} .Kassan form div.Kundtjanst table:last-child tbody tr td {background:#fff !important;} /* FLIK COLOURS */ .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a, #ListaOmArtiklarSaknas li a:hover, .Knapp_Kop a, select, .tabs li {background: #F5F5F5;} .Flik_Beskr_Normal a:hover, .Flik_Beskr_Markerad a:hover, .Flik_Normal a:hover, .Flik_Markerad a:hover, .Flik_Beskr_Markerad a, #ListaOmArtiklarSaknas li a, .nav-left > ul > li a:hover, .nav-left-ws > ul > li a:hover {background:#ddd} .PT_UtskriftIkonKampanj, .Ikon_Kampanj, .PT_UtskriftIkonNyhet, .Ikon_Nyhet {background:#cb0000} /*BUTTON DECORATIONS */ .Knapp_Info a:hover {background: #555;} .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, #KundBetygRad #ProduktinfoOvrigt .Knapp_Generell a, #PopUp .Knapp_Generell a, a.VisaFler, .KCOflik_Markerad.kco-flikar, .KCOflik_Omarkerad.kco-flikar:hover, .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {background-color: #00a76d;} .Knapp_Kop a:hover, a.CartButton:hover, .Checkout a:hover, .bestallningsknapp:hover, #KundBetygRad #ProduktinfoOvrigt .Knapp_Generell a:hover, a.VisaFler:hover {background:#469b88 !important;} /* BORDER */ .category, .sokrutan, .kundservice, .topbar {border-color:#bb0600 !important;} #ProduktinfoOvrigt input, #ProduktinfoOvrigt textarea, input, textarea, .Kassan select#Land.KundprofilFaltOK, #PopUp .sokruta-epost, #ProduktinfoWrapper .pane {border-color:#ccc !important} #BetalningsmetoderRam span, #FraktmetoderRam span, #ArtnrFaltText {border-color:#fff !important} .ExtraInstagram, select, #facebookComments, .nav-left .hl, .manadensvara .hl {border-color:#ddd !important} .PT_wrapper.Lista, .nav > .section > ul > li, .nav.desktop ul > li .child-ul > li a, #tillbehor .PT_wrapper.Lista, #footer-wrapper .span_1_of_1, .addthis_sharing_toolbox {border-color:#E8E8E8 !important} .PT_UtskriftIkonKampanj, .Ikon_Kampanj {border-color:#cb0000 !important} #BetalningsmetoderRam span.checked, #FraktmetoderRam span.checked, #BetalningsmetoderRam > span:hover, #FraktmetoderRam > span:hover, #FraktmetoderFler > span[data-lev]:hover {border-color:#00a76d !important} .nav, .nav.desktop ul > li:hover .child-ul {border-color:#d5002e !important} #Sokknapp, .sokruta-epost {border:none;} .category, .kundservice, .topbar, .nav > .section > ul > li {border-right:1px solid;} #ArtnrFaltText {border-right:3px solid;} .ExtraInstagram, #facebookComments, #ProduktinfoWrapper .pane, #footer-wrapper .span_1_of_1, .addthis_sharing_toolbox {border-top:1px solid} .nav.desktop {border-bottom:2px solid;} .nav.desktop ul > li:hover .child-ul {border-top:2px solid} .PT_wrapper.Lista, #ProduktinfoOvrigt input, #ProduktinfoOvrigt textarea, input, textarea, #BetalningsmetoderRam span.checked, #FraktmetoderRam span.checke, #BetalningsmetoderRam span:hover, #FraktmetoderRam span:hover, #BetalningsmetoderRam span, #FraktmetoderRam span, select, #PopUp .sokruta-epost, .PT_UtskriftIkonKampanj, .inloggningsruta, #tillbehor .PT_wrapper.Lista {border:1px solid} .nav-left .hl, .manadensvara .hl, .nav.desktop ul > li .child-ul > li a, .addthis_sharing_toolbox {border-bottom:1px solid} /*.nav {border-bottom:4px solid}*/ .nav.desktop ul > li .child-ul > li a {border-right:1px solid;} .nav.desktop ul > li .child-ul > li a {border-left:1px solid;} .tabs li{border:1px solid #ccc;} .tabs li.active{border-top:1px solid #ccc !important; border-right:1px solid #ccc !important; border-left:1px solid #ccc !important; border-bottom:1px solid #fff !important;} /* BOX SHADOWS */ .kundtjanstruta, .PT_Wrapper:hover, #AIRvarukorg-Wrap, .nav-left > ul > li > ul, .category-toggle {-moz-box-shadow: 0 5px 8px -5px #333333;-webkit-box-shadow: 0 5px 8px -5px #333333;box-shadow:0 5px 8px -5px #333333;} #topbar {-moz-box-shadow: 0px 5px 10px -10px #333333; -webkit-box-shadow: 0px 5px 10px -10px #333333; box-shadow:0px 5px 10px -10px #333333; } #Kassanfrifrakt {display: block;} /*presenttips*/ #LSS_Result {max-height:550px; overflow-y:scroll;} ul.LSS_Artiklar li {height:124px;} a.icon-36:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f06b"; margin-right:7px; font-size:19px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} a.icon-143:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f1bb"; margin-right:7px; font-size:17px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} a.icon-126:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f004"; margin-right:7px; font-size:19px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} @media screen and (max-width : 965px) { #LSS_Result {padding:0 20px; padding-bottom:120px;} a.icon-36:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f06b"; margin-left:7px; font-size:20px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} a.icon-126:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f004"; margin-left:7px; font-size:20px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} a.icon-143:before {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f1bb"; font-size:20px; display:inline-block; transform:translateY(1px); -webkit-transform:translateY(1px);} } /* 2018-04-20 */ #topbar-white {background:#F3F3F4; position:fixed; width:100%;} #topbar-white .content {float:right;} #topbar-white .inloggning {float:left;} #topbar-white .besalltext {position:absolute; top:0; line-height:35px; width:calc(100% - 700px); text-align:center; color:#999; font-style:italic; left:275px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #topbar-white .content, a.favoriter, a.favoriter:hover, .inloggning a.login {color:#000!important;} .inloggning a img {padding-right:4px; height:14px; display:inline-block; transform:translateY(1px);} .favoriter i {padding-right:2px;} .inloggningsruta {right:0; top: 90px; width: 400px;} #wrapper.whitewrapper #main {padding:20px;} @media screen and (max-width:1000px){ #topbar-white .besalltext {display:none;} } @media screen and (max-width:676px){ #wrapper.whitewrapper #main {padding:10px;} form[name="NyhetsbrevForm"] .ruta > div > div:first-child {width:calc(100% - 70px);} form[name="NyhetsbrevForm"] .ruta > div > div:last-child {width:70px;} } @media screen and (max-width: 425px){ .ruta > div {width:90%!important;} } #Onskelista {position:relative} .inner-wishlist {margin:0 auto; display:inline-block; width:auto; padding:15px 0;} .wishlist-phrase, .wishlist-icon {display:inline-block; float:left; line-height:16px;} .wishlist-phrase:before {content:'Spara som favorit'; padding-left:5px;} .wishlist-icon {width:18px; height:16px; background-image:url('/bilder/butik/heart-o.png'); background-repeat:no-repeat; background-size:contain;} .remove .wishlist-icon {background-image:url('/bilder/butik/heart.png');} .remove .wishlist-phrase:before {content:'Sparad som favorit';} #Onskelista .wishlist-button {cursor:pointer; float:left; height:45px; line-height:45px!important; padding:0!important; width:100%; text-align:center; background:#eee; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .info-tooltip {display:none; background:#fff; text-align:center; position:absolute; top:100%; border:1px solid #eee; padding:10px; font-style:italic; width:100%; right:0; z-index:1; box-shadow: 0 2px 3px rgba(0,0,0,0.1); margin-top:10px;} .info-tooltip:after {content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; top:-10px; right:50%; margin-right:-10px;} .info-tooltip:before {content:''; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #eee; position:absolute; top:-12px; right:50%; margin-right:-12px;} @media screen and (max-width: 640px){ #SubmitFalt {width:calc(100% - 80px);} #Onskelista {width:70px; margin-left:10px;} .wishlist-phrase {display:none;} .wishlist-icon {width:22px; height:20px;} .inner-wishlist {padding:13px 0;} .info-tooltip {width:calc(90.2vw);} .info-tooltip:after {right:24px; margin-right:0px;} .info-tooltip:before {right:22px; margin-right:0px;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {font-size:14px} #OrderFalt .Knapp_Kop_Tabell_Artikel a:before {margin-right:10px;} } @media screen and (min-width:641px){ /* hover */ #Onskelista:hover .wishlist-icon {background-image:url('/bilder/butik/heart.png');} } .Varukorg span.AIRvarukorg-Qty {background:#000;} #footer-wrapper .Knapp_Generell a, .toplist .commentnumber {background:#000; border-radius:0;} .sokruta-epost {border-radius:0;} .Sokknapp {background:url(/bilder/butik/seach.png) no-repeat scroll center center #000;} /* h1 */ h1.Dinsida_Topprubrik, .din_sida_text h1 {color:#000; text-transform:uppercase; font-weight:300; font-size:38px; line-height:normal;} h1.Dinsida_Topprubrik + p {font-size:16px; margin-top:20px;} div#tillbehor {border-top: 1px solid; border-color: #E8E8E8 !important; margin-bottom: 10px; padding-top: 10px;} .checkout_cart_wrapper {margin-bottom:20px !important;} /* air_responsive.css */ @media screen and (max-width:1099px) { #wrapper, #footer-wrapper .section, #topbar-white .section, #topbar .section{padding-right:1%; padding-left:1%;} .PT_Wrapper_alla.PT_Wrapper_Filter, .PT_Wrapper_All{width:101.5%} .sokrutan{width:40%;} .logo {margin:20px 0 0 0; max-width: 32%;} .EmptyCart{font-size:12px!important;} .startsidan .Kollage .PT_Wrapper{padding:2%;} .startsidan .Kollage .PT_Faktaruta{position: relative;display: inline-block; margin-top: 4%;} .startsidan .Kollage .PT_Wrapper_All .PT_Pris{position: relative;display: inline-block; width:68%;} .startsidan .Kollage .PT_Knappar{position: relative;display: inline-block; width:30%; margin-top:0;} .Kollage .PT_Bildruta{text-align: center; width:100%; margin:0 5% 0 0;} .Kollage .PT_Wrapper .PT_Bildruta a{line-height: normal;} .Kollage .PT_Wrapper .PT_Bildruta a img {width: 50%;} .startsidan .Kollage .PT_Beskr{max-height:none;} .Kollage .PT_PrisKampanj, .Kollage .PT_PrisOrdinarie, .Kollage .Knapp_Kop.KKn1 > a{font-size: 2vw !important;} .Kollage .Knapp_Kop.KKn1 > a{height: 35px;padding: 0 25px; line-height: 35px;} .Kollage .underprodukt, .Kollage .PT_Text_Kort{display:block;} .egenskap.section .col {width: auto!important;} .section.bloggwrapper-inlagg, .section.bloggwrapper-inlagg iframe {max-width: 100% !important;} } @media screen and (max-width :1010px) { .logo{width: 30%;} .nav .section > ul a {font-size:11px !important;} } @media screen and (min-width : 966px) { .nav {top:125px;} } @media screen and (max-width : 965px) { .banner .PT_Text_Kort{display: none;} .banner .PT_Beskr {margin: 5px 0px 5px 0px !important;} .banner .PT_PrisOrdinarie{display: none;} .sokrutan{width:28%;} /* Nya produktrutor*/ .PT_Bildruta a {line-height: 150px !important;} .PT_Bildruta img {max-height: 145px; overflow: hidden;} .Lista .PT_Bildruta a {line-height: 55px !important;} .startv .PT_Bildruta a {height:130px;} /* ARBETSYTA / GENERAL BLOCKS */ #wrapper{padding-top:117px;} .logo{position: inherit; display: inline-block; width:25%;} .nav-mobile.mobile-only{display:block; padding:16px 3% 20px 1%;} .Checkout {margin: 23px 0 20px;} .logo, .nav-mobile{float: left;} .sokrutan{padding:2.2%; margin:0;} .nav{display: none;} .nav.active {display:block; bottom:0; left:0; overflow-y:scroll; padding:1%; position:fixed; visibility:visible; width:75%;} /* .overlay-active {position:fixed;} */ .nav .section li{width:100%;} .nav .section > ul{margin:0;} .nav > .section > ul > li{border-right: none !important;} .nav .section > #level1 a, .nav .section > ul > li > a{width:100%;display: inline-block;} .nav ul.child-ul li{padding:0 10px;} .nav .section > ul > li{border-bottom: 1px solid #ccc} .nav .section li.active > ul.child-ul{display:block;} .nav .section li > ul.child-ul{line-height:40px;} #level1 > li > a:not(.no-children)::after {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f067"; float:right;} #level1 > li.active > a:not(.no-children)::after {font-family:"Font Awesome 5 Pro"; font-weight:300; content:"\f068";} /*.nav #level1 li:first-of-type a::after {content:none;}*/ .category, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .kundservice {line-height: 80px;} .inloggning-icon > a, #kundvagn > div:first-child, .inloggning-icon > i {height: 24px;} /* table {width:100% !important;} */ td, tr {text-overflow: ellipsis; white-space: normal;} /*START*/ .Kollage .PT_Beskr{height:auto;} #Bildkolumn, #Faktakolumn {width:100%;} #Faktakolumn {margin-left: 0;} /*TOPP*/ #topbar.active .sokrutan{width:28%;} #topbar.active .Sokfalt, #topbar .Sokfalt{ width:75%;} .Sokfalt{width:89%} /*.sokrutan.active form{width:500px;position: absolute;transition: opacity 0s ease 0s, width 0.3s ease 0s; z-index:10;}*/ .sokrutan form{ width:100%;} .category{margin-left:14%;} .category.active .category-toggle{display:block !important; padding: 10px;position: absolute; top: 69px; width: 87%;} .category:hover .category-toggle{display:none;} .EmptyCart{display:none;} /* ARTGRUPP */ .PT_Wrapper.col.span_1_of_3 {width:49.0%;} /*PRODUKTBESKRIVNING*/ #tillbehor .PT_Bildruta a{line-height: 236px;} #tillbehor .PT_Wrapper_All{margin: 0;} #tillbehor .PT_Wrapper.col.span_1_of_4:nth-child(2n+1){margin-left:0;} /*nytt*/ h1#ArtikelnamnFalt {font-size:32px!important; line-height:32px!important; margin-bottom:10px!important;} #ArtikelnamnFalt, #ArtikelnamnFalt + .underprodukt {margin-left:0!important;} .Egenskaper_Tabell tr.Laggikorgen_Antalsrad td:first-child {margin-left:5px;} #KundBetygRad.first #KundBetyg, #KundBetygRad.first .hl {float:none; display:inline;} #KundBetygRad.first .hl {display:inline-block; margin:0 0 0 6px; transform:translateY(-2px); -webkit-transform:translateY(-2px); -ms-transform:translateY(-2px);} /**/ /* KASSAN */ .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, .Snabbkassa_Medskick, #Adressuppgifter {width:100%; min-height:10px; margin:0 0 20px 0;} .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst {min-height:inherit;} #BetalningsmetoderRam span a, #FraktmetoderRam span a {width:92%;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt, .PT_Wrapper.col.span_1_of_3{width:100%;} /* FOOTER */ #footer-wrapper {padding:20px;} #footer-wrapper .span_1_of_4{width:49.2%;} #footer-wrapper .span_1_of_4.col:nth-child(2n+1){margin-left: 0;} /* CUSTOM MOBILE DEVICES */ html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */} img {max-width:100%; height:auto;} .nav .child-ul a{line-height: 40px;} /*nytt*/ .addthis_sharing_toolbox {text-align:center!important;} .BildZoomThumbnails a.active {border:1px solid #cb0000;} .ProduktBild img {transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); opacity:1; transition:opacity 0.3s; -ms-transition:opacity 0.3s; -webkit-transition:opacity 0.3s;} .ProduktBild.swipeLeft img {transform:translateX(-100%); -ms-transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;} .ProduktBild.swipeRight img {transform:translateX(100%); -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;} .ProduktBild.hidden img {opacity:0;} .ProduktBild > a.active {display:block; width:100%; height:100%; z-index:10; position:absolute; top:0;} .thumbs-wrapper {position:relative; padding:0 20px; overflow:hidden;} .thumbs-wrapper > span {position:absolute; height:60px; line-height:60px; width:20px; top:0; z-index:3; background:rgba(255,255,255,0.85);} .thumbs-wrapper > span.arrow-left {left:0; text-align:left;} .thumbs-wrapper > span.arrow-right {right:0; text-align:right;} .BildZoomThumbnailsContainer {max-height:65px; width:auto!important;} .thumbs {overflow:hidden;} .thumbs {transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s;} .thumbs-wrapper > span.disabled {opacity:0.2;} /* .ProduktBild a:first-of-type {position:relative; height:100%; display:inline-block; width:auto;} */ #Bildkolumn .egenskap .Ikon_Nyhet, #Bildkolumn .egenskap .Ikon_Kampanj {padding:5px!important;} #Bildkolumn .egenskap .Ikon_Nyhet:after, #Bildkolumn .egenskap .Ikon_Kampanj:after {font-size:16px;} #Bildkolumn .egenskap .Ikon_Kampanj {padding:5px 10px!important;} #Bildkolumn .egenskap .Ikon_Kampanj:after {font-size:18px;} #Bildkolumn .egenskap .IconInnovator.active {background-size:70px!important; width:70px!important; height:70px!important;} #kundvagn, .inloggning {height: 80px;} } @media screen and (min-width :966px) { .thumbs-wrapper > span {display:none!important;} .thumbs {width:100%!important;} .ProduktBild > a.active {display:block; width:100%; height:100%; z-index:10; position:absolute; top:0;} } @media screen and (max-width :965px) { .nav-mobile i {font-weight:500; color:#fff; font-size:25px;} .nav-mobile {display: flex !important; flex-direction: column; align-items: center; color: #fff; position: relative; max-width: 120px;} .stang:not(.login)::after {content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-weight:500; font-size:25px; position: absolute; top: 8px; background: #d5002e; width: 23px; height: 26px; text-align: center;} .inloggning-icon .stang::after {display: none;} .sokrutan {width:35%;} .inloggning i {font-size: 21px;} .Varukorg:before {font-size: 24px;} } @media screen and (max-width :885px) { #topbar.active .sokrutan{width: 20%;} .Sokknapp {max-width:30%;} .kundservice{display:none;} .kundservice2.mobile-only {display:block; padding:0 15px; line-height:45px;} .manadensvara .PT_Bildruta, .manadensvara .PT_Faktaruta{margin:0; padding: 0 1% 2% 1%;text-align:center; width:100%; height: auto;} .logo{padding-bottom:0;} .sokrutan{border-right:none !important;} a.icon-36::before {margin-left:0 !important;} .nav .section > ul a {font-size:12px !important;} /*ARTGRUPP*/ #wrapper.artgrupp .PT_Wrapper.col.span_1_of_4, .PT_Wrapper_All:not(.PT_KassaFriFrakt) .PT_Wrapper.span_1_of_3{width:49%;} .PT_Wrapper_All.PT_Wrapper_Filter:not(.PT_KassaFriFrakt) .PT_Wrapper.span_1_of_3 {width: 49% !important;} .banner .owl-next{right: -20px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 30px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important;} .banner .owl-prev{left: -40px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 0px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important;background-size: 50px auto !important;} } @media screen and (max-width : 768px) { #bodyWrapper #LSS_Result { padding: 0!important; width: 100%; top: 40px; height: 100vh; right: 0!important; max-height: none!important; overflow: auto!important; background:transparent; } #LSS_Result .section { background: #fff; position: relative; z-index: 1; padding: 0 10px; width: calc(100% - 30px); min-height: 50px; max-height: 395px; overflow: auto; } #LSS_Close { right:30px; } #LSS_Close:before { content:'x'; position: absolute; z-index:10; } #LSS_Close:after { /*content: ''; width: 100%; background: rgba(100, 100, 100, 0.6); height: 100%; position: fixed; left: 0; z-index: -1;*/ content: ''; width: 100vw; background: rgba(100, 100, 100, 0.6); height: 100vh; position: fixed; left: 0; /*top: 0;*/ top:142px; z-index: -1; display: block; } #LSS_Close:after { margin-top: 5px; } .nav{top:95px;} .header-scroll .nav{top:11%;} .logo {margin: 12px 0 0 0;} #wrapper{padding-top:119px;} .span_1_of_2{width: 48.9%;} .sokrutan{width:31%;} .Sokfalt {width:84%;} .Sokknapp {max-width:35%;} .result-explanation {margin-bottom:15px;} .startsidan .Kollage .underprodukt{display:none;} .startsidan .Kollage .PT_Faktaruta{max-height:70px;} .category, .kundservice, .topbar, #kundvagn{padding:0 14px;} #kundvagn, .inloggning {height:68px;} .category, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .kundservice {line-height: 60px;} .Checkout{margin:11% 0;} .sokrutan{padding:1.6%;} #topbar{min-height:55px; padding-top: 7px;} #AIRvarukorg-Wrap {top: 70px;} .startsidan .Kollage .PT_Wrapper.col.span_1_of_4{width:100%;} .startsidan .PT_Wrapper.col.span_1_of_4:nth-child(2n+1){margin-left:0;} .startsidan .PT_Wrapper.col.span_1_of_4 {width: 49.2%;} /*.iframe-wrap{padding-top: 56.25%;position: relative;}*/ .text-wrapper object, .text-wrapper iframe{max-width: 100%; height: auto; margin-bottom: 16px;} /*.text-wrapper .iframe-wrap iframe{max-width: 100%; height: auto;border: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%; max-width: none;}*/ .showdesktop {display:none !important;} .showmobile {display:block !important;} .owl-theme .owl-controls {margin-top:0px !important;} .owl-theme .owl-controls .owl-page span {width:8px !important; height:8px !important;} .startsidan {margin-top:-8px;} .startsidan .box {padding-top:0 !important; margin-top:0 !important;} .hl.box {font-size:30px !important;} } @media screen and (max-width : 745px) { .sokrutan{width:28%} } @media screen and (max-width : 700px) { .sokrutan{width:25%;} } @media screen and (max-width : 700px) { .owl-carousel.span_2_of_3{width:100% !important;} .Kollage .span_1_of_3.col{width:100%; margin-left: 0;} .Kollage .PT_Wrapper .PT_Bildruta a img{width:100%;} .startsidan .Kollage .PT_Faktaruta{position: relative;display: inline-block; width:65%; margin-top: 4%;} .Kollage .PT_Beskr > a{font-size: 3vw;} .Kollage .PT_Text_Kort, .Kollage .underprodukt{font-size: 2vw;} .startsidan .Kollage .PT_Wrapper_All .PT_Pris{position: relative;display: inline-block; width:45%;} .startsidan .Kollage .PT_Knappar{position: relative;display: inline-block; width:25%; margin-top:0;} .Kollage .PT_Bildruta{width:25%; float:left; margin:0 5% 0 0;} .startsidan .Kollage .PT_Knappar{position: relative;display: inline-block; width:25%; margin-top:0;} } @media all and (max-width: 765px) and (min-width: 715px) { .Kollage .PT_Bildruta {height: 140px;} } /*----------------------------MOBILE / max-width : 640px--------------------------------*/ @media screen and (max-width : 640px) { .col { margin: 1% 0 1% 0%;} .span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:100%}.span_3_of_3{width:100%} .span_2_of_3{width:100%}.span_1_of_3{width:100%}.span_4_of_4{width:100%}.span_3_of_4{width:100%} .span_2_of_4{width:100%}.span_1_of_4{width:100%}.span_5_of_5{width:100%}.span_4_of_5{width:100%} .span_3_of_5{width:100%}.span_2_of_5{width:100%}.span_1_of_5{width:100%}.span_6_of_6{width:100%} .span_5_of_6{width:100%}.span_4_of_6{width:100%}.span_3_of_6{width:100%}.span_2_of_6{width:100%} .span_1_of_6{width:100%}.span_7_of_7{width:100%}.span_6_of_7{width:100%}.span_5_of_7{width:100%} .span_4_of_7{width:100%}.span_3_of_7{width:100%}.span_2_of_7{width:100%}.span_1_of_7{width:100%} .span_8_of_8{width:100%}.span_7_of_8{width:100%}.span_6_of_8{width:100%}.span_5_of_8{width:100%} .span_4_of_8{width:100%}.span_3_of_8{width:100%}.span_2_of_8{width:100%}.span_1_of_8{width:100%} .span_9_of_9{width:100%}.span_8_of_9{width:100%}.span_7_of_9{width:100%}.span_6_of_9{width:100%} .span_5_of_9{width:100%}.span_4_of_9{width:100%}.span_3_of_9{width:100%}.span_2_of_9{width:100%} .span_1_of_9{width:100%}.span_10_of_10{width:100%}.span_9_of_10{width:100%}.span_8_of_10{width:100%} .span_7_of_10{width:100%}.span_6_of_10{width:100%}.span_5_of_10{width:100%}.span_4_of_10{width:100%} .span_3_of_10{width:100%}.span_2_of_10{width:100%}.span_1_of_10{width:100%}.span_11_of_11{width:100%} .span_10_of_11{width:100%}.span_9_of_11{width:100%}.span_8_of_11{width:100%}.span_7_of_11{width:100%} .span_6_of_11{width:100%}.span_5_of_11{width:100%}.span_4_of_11{width:100%}.span_3_of_11{width:100%} .span_2_of_11{width:100%}.span_1_of_11{width:100%}.span_12_of_12{width:100%}.span_11_of_12{width:100%} .span_10_of_12{width:100%}.span_9_of_12{width:100%}.span_8_of_12{width:100%}.span_7_of_12{width:100%} .span_6_of_12{width:100%}.span_5_of_12{width:100%}.span_4_of_12{width:100%}.span_3_of_12{width:100%} .span_2_of_12{width:100%}.span_1_of_12{width:100%} .banner .span_3_of_5 {width: 50%;} .banner .span_2_of_5 {width: 50%;} .banner .owl-buttons{display:block;} .banner .owl-next{right: -30px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 30px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important;} .banner .owl-prev{left: -40px; top: 50%; border-radius: 0; background: url(/bilder/butik/sprites.png) repeat scroll 0px -20px rgba(0, 0, 0, 0) !important; border-radius: 0; height: 30px; width: 25px; margin: 0 !important; background-size: 50px auto !important;} #wrapper {padding-top:161px;} .banner .PT_Wrapper{width: 97%;} .banner .PT_Text_Kort{display: none;} .banner .PT_Faktaruta a{font-size: 12px !important;} .sokrutan form, .Kollage .span_1_of_3, .Kollage .span_2_of_3{ width:100%;} .sokrutan{padding:3%;} .sokrutan.active {top:55px;} .Kollage .span_1_of_3.col, .Kollage .span_2_of_3.col {height:auto;padding-top:0; position: inherit; margin-left: 0;} .Kollage .span_2_of_3 img, .Kollage .PT_Wrapper_All .PT_Wrapper{position: inherit; width: 100%; height:auto;} .banner .PT_Wrapper_All {width: 95%; margin: 0; padding: 0px 6.5%; margin-left: 6px;} .banner #owl-2 {top: 10px; width: 90% !important; margin: 0 auto;} .banner .PT_Wrapper_All .PT_Pris, .banner .PT_PrisKampanj, .banner .PT_PrisOrdinarie {font-size: 12px !important;} .banner .PT_Faktaruta { height: 80px;} .banner .PT_Beskr {min-height: 45px; line-height: 100%; margin-top: 10px;} .banner .PT_Bildruta a {line-height: 120px !important;} .PT_Wrapper_All .PT_Pris.span_2_of_3 {width:63%;} .PT_Knappar.span_1_of_3 {width:25%;} #LSS_Result {width:calc(100% - 30px); top:40px; right:inherit; padding:0 10px; max-height:340px !important;} ul.LSS_Artiklar li {width:48%; float:left; height:124px;} ul.LSS_Artiklar li .Beskr {max-height:35px; overflow:hidden; white-space:normal; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:1;} .hl.box {font-size:24px!important;} .Kollage .PT_Beskr > a{font-size: 4vw;} .Kollage .PT_Text_Kort, .Kollage .underprodukt{font-size: 3vw;} .Kollage .PT_PrisKampanj, .Kollage .PT_PrisOrdinarie, .Kollage .Knapp_Kop.KKn1 > a{font-size: 3vw !important;} .egenskap .col.span_1_of_3{width:32.2%;} .egenskap .col.span_2_of_3{width:66.1%;} .owl-buttons{display:none;} .startsidan .section .right, .Kollage .PT_Text_Kort{display: none;} .Kollage .underprodukt{display: none !important;} .startsidan .Kollage .Knapp_Kop.KKn1{float:right;} .PT_UtskriftIkonNyhet, .Ikon_Nyhet {padding: 4px 4px 4px;} .PT_UtskriftIkonKampanj, .Ikon_Kampanj {padding: 3px 7.5px;} .PT_UtskriftIkonNyhet.moveIcon {left:54px;} #wrapper.artgrupp #main.col.span_1_of_1{width: 100%; margin-left:0;} .header {padding:0;} #kundvagn, .inloggning {height: 55px;} .logo {min-width: 180px; /* width:30%; margin: 10px 0 0 0; position: absolute; left: 50%; transform: translate(-60%, 0); */} .nav-mobile.mobile-only img {max-width:25px;} .Varukorg {background-size: 25px;} .topbar.content {padding:0; width: 100%;} #topbar .topbar.content{display:none;} .Kollage .span_4_of_11{width:35.32%;} .Kollage .span_3_of_11{width:26.09%;} .Kollage .col{margin:1% 0 1% 1.6%} .Kollage .col.span_4_of_11:nth-child(1){margin-left:0} .startsidan .Kollage .PT_Wrapper{width:100%;} .startsidan .Kollage .underprodukt{display:block;} .startsidan .Kollage .PT_Faktaruta{height: auto;max-height: none; margin-top:4% !important;} .toplist > .section:nth-child(2) { display: inline-block; margin: 4% 0 0;} .category{margin-left:18%;} .category span{display:none;} .sokrutan{display:block;} .topbar.content{border:none !important;} .inloggning a.login{line-height:12px;} #AIRvarukorg-Wrap .Footer .SumWrap {width:50%;} .Checkout a{padding:0 20px;} #breadcrumb {margin:5px 0px; position:absolute; top:0px;} .inloggningsruta {width:100%; z-index:999;} .LSS_Container {width:100%; padding:0;} .active .LSS_Container{display:block;} .inloggningsruta { float: left; position: relative; top: -2px; width: 106% !important;} .category.active .category-toggle {display:none !important;} .puffar img {width:100%; margin-left:0;} #LSS_Close {top:10px; font-size:17px;} .LSS_Product {padding-top:10px;} .sokrutan { border: medium none !important;min-height:55px;width: 100%;} .Sokknapp {float: left} /* NAV */ .nav{top:125px;} .header-scroll .nav{top:11%;} .nav-left.hl{display:none !important;} #leftmenu{display:none !important;} #wrapper.artgrupp #main.col.span_1_of_1, #wrapper.webbsida #main.col.span_1_of_1 {width: 100%; margin: 0;} .nav-mobile.active{display: block !important;height: 100%;overflow-x: hidden;overflow-y: scroll;position: fixed;left: 0;top: 0; transition: all 0.5s ease 0s; width: 85%;z-index: 100;} #bodyWrapper.active{min-height: 100%;opacity: 0.2;position: fixed; left: 85%; transition: all 0.5s ease 0s; width: 100%;} .nav-left{background:#f9f9f9; } .mobile-only {display:inline-block;} .nav-left{margin:-10px 0 10px 0; background:none; display:block;} .nav-leftul li, .nav-leftul.nav-menu > li {line-height:50px; border-bottom:1px solid #9e182d;list-style: none; width: 100%; height:auto; padding:0 5px;} .nav-leftul.nav-menu > li > a{line-height:50px;float: initial;} .nav-leftul li a {display: inline-block; width: 100%; padding:0px; color:#fff;} .nav-leftul.nav-menu > li > ul {top:0px;} .nav-leftul li:hover ul {display:none; } .nav-leftul li a:hover{background:none !important; color:#fff !important;} .nav-leftul li.active > a, .nav-leftul li.active-parent > a {font-weight:bold; } .nav-leftul li ul {padding:0 0 0 10px;} .nav-leftul li.active ul, .nav-leftul li.active-parent ul {display:block; position:relative; background:transparent;} .nav-leftul li ul li {width:100%; display:inline-block;} .AIRvarukorg-Text i{display:none;} .Artikellista_wrapper .span_2_of_12{width:25%;} .Artikellista_wrapper .span_6_of_12{width:75%;} .PT_wrapper.Lista.col{margin-left:0;} .Artikellista_wrapper .PT_wrapper.Lista .PT_Beskr, .Artikellista_wrapper .PT_wrapper.Lista .PT_Knappar{margin:5px 0 0 0;} .Artikellista_wrapper .PT_wrapper.Lista .PT_Pris{margin:5px 0 0 0;} .Sorteringsordning, .Artgrupp_header b{width: auto !important;float: none !important;}/*, .Artgrupp_header span*/ .nav-mobile.mobile-only {float:left!important; cursor:pointer; padding:6px 16px 0 9px;} .nav-mobile.mobile-only img {float:left;} .Checkout{margin:8% 0;} .sokrutan{display:none;} .sokrutan.active {display: block; height: 100%; left:0px; position:absolute; width:100%; background: #d5002e; padding: 0 15px;} /*#bodyWrapper.kassan .sokrutan.active {display: none;}*/ .kassan .sokrutan.active {display: none;} .sokrutan.active form{width:100%;} .Sokfalt{border-bottom:1px solid #ccc;} #topbar.active .Sokfalt, #topbar .Sokfalt {width: 80%;} .Sokknapp {width: 20%;} /*NAV TOPMENU*/ .nav-topmenu {background: #FFFFFF; display: none; position: absolute; right: 0; top: 45px; width: 35%; z-index: 999; box-shadow: 0 5px 8px -5px #333333;} .nav-topmenu a {width:100%; float:left; height:25px; line-height:25px; padding:0px;} .nav-topmenu-toggle {float: right;} /*Artgrp*/ #main .sgCategoryTop .child-ul li{margin-bottom: 7px !important;} .ArtgrpHeadline {font-size: 2.1em;} .PT_Wrapper.col.span_1_of_4{width:49.2%;} .PT_Wrapper.col.span_1_of_4:nth-child(2n+1){margin-left: 0;} .Artgrupp_header b {width:30%; float:left; height:20px; line-height:20px; margin:0 0 5px } /*.Artgrupp_header span {width:55%; float:right; height:20px; margin:0 0 5px }*/ .Artgrupp_header span select {width:100%;} #ListaOmArtiklarSaknas li a {font-size:20px; padding:0px; text-align:center; line-height:40px; height:40px;} .PT_UtskriftIkonKampanj {font-size:13px; top: 0px;width:35px;} .Sorteringsordning, .Artgrupp_header b{float:left; width:100%;}/*, .Artgrupp_header span*/ #breadcrumb, #wrapper #breadcrumb {display:block; padding: 0; position: relative; background: transparent !important; margin-top:0 !important; padding:0px !important; font-weight:400;} .BreadCrumbArticle {font-weight:400;} .PT_Wrapper_alla.PT_Wrapper_Filter, .PT_Wrapper_All{width:100%;} .Knapp_Kop_Tabell td:first-child{display:none;} .PT_Beskr{max-height:44px;} .SV.IconInnovator.active, .EN.IconInnovator.active, .NO.IconInnovator.active {background-size:40px; width:40px; height:40px;} .PT_Wrapper_All .PT_Pris {line-height:110%; height:40px;} .PT_Wrapper_All .PT_PrisKampanj, .PT_Wrapper_All .PT_PrisOrdinarie {line-height:110%; font-size:17px; display:block;} .PT_Wrapper_All .PT_PrisOrdinarie {margin:0;} .PT_Wrapper {position: relative;} /*PRDKT-BESKR*/ #ArtikelnamnFalt {margin:0; text-align:center;} #PrisFalt, #PrisFaltStafflade {text-align:center;} .PT_Pris.span_1_of_2, .PT_Knappar.span_1_of_2{width:48.9%;} .PT_Beskr{overflow:hidden;} #tillbehor .egenskap{position: absolute;} #tillbehor .PT_wrapper.Lista .PT_Beskr{width:70%; margin-left:10px;} #tillbehor .PT_wrapper.Lista .PT_Pris{width:45%;margin-left:10px;} #Faktakolumn .underprodukt{text-align: center;} #LevtidFalt{text-align: center;} #LevtidFalt > a{float: none;} .inovatorer {padding:20px; margin:0 15px;} .inovatorer img {display:block; width:100%;} #LevtidFaltRad a, #LevtidFaltRad br {display: none;} .sg-product-perks {display: none;} #LevtidFaltRad b {margin-right: 4px;} .art-text {max-height: 280px; overflow: hidden; margin-bottom:0; position: relative; line-height: 20px;} .art-text::after {width: 100%; height: 70px; bottom: 0; left:0; position: absolute; content: ' '; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 );} .art-text.active {max-height: 100%;} .art-text.active::after {background: 0;} .read-more {margin-bottom:5px; text-align: right; width: 100%;} .read-more span {display: none; cursor: pointer; color: #999; font-size: 12px;} .read-more span.active {display: block;} .BildZoomThumbnailsContainer {margin-top: 10px;} .BildZoomThumbnails { padding: 0; margin: 1%; height: 10px; width: 10px; position: relative; } .BildZoomThumbnails a { background: #ccc; border-radius: 100%; position: absolute; height: 10px; width: 10px; } .BildZoomThumbnails a.mz-thumb-selected { background: #d5002e; } .BildZoomThumbnails img { height: 10px; width: 10px; margin: 6px; border-radius: 100%; opacity: 0 !important; } #ProduktinfoOvrigt .review {border-top: 1px solid #ddd; padding: 7px 0;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {font-size: 16px;} /*FOOTER*/ .banner .span_1_of_3.col:first-child{margin-left: 0} .banner .span_1_of_3.col{width:32.2%; margin:1% 0 1% 1.6%;} .footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right: 0px; min-height:50px; } /*CHECKOUT / KASSA / VARUKORG*/ .category, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .kundservice{line-height:normal;} #AIRvarukorg-Wrap, .inloggningsruta{position: fixed; top: 92px !important; width: 100% !important; z-index: 10;} #AIRvarukorg-Wrap .Descr, #AIRvarukorg-Wrap .Price{line-height: 44px;} #AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {font-size:8px; width:40%;} #AIRvarukorg-Wrap{top: 49px;width: 175%;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris{width:25%;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal{width:42%} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo{width:59%;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris{width:39%;} .Snabbkassa_Presentkort .Presentkortsruta tr{width:100%;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img{max-height: 20px;} .Snabbkassa_Kunduppgift_Etiketter{width:40%;} .KundprofilFaltOK{width:50%;} .LankLoggain > a { display: inline-block;} .Snabbkassa_Varukorg_Tabell { -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .Snabbkassa_Varukorg_Tabell td { white-space: normal;} #dialogruta div {width:100%;} #AdressblockLoggain table tbody tr td input {width:100px;} #AdressblockPaminnare table tbody tr td {width:100%; float:left; text-align:left !important; margin:1px 0px;} .Kassan .PT_Wrapper_All.PT_KassaFriFrakt .Lista.col{width:100%;} .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, .Snabbkassa_Medskick, #Adressuppgifter {width:100%; min-height:10px; margin:0 0 20px 0;} #BetalningsmetoderRam span a, #FraktmetoderRam span a{font-size:12px;} #FraktmetoderRam span a b{font-size:12px;} .Kundtjanst {display:none;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {width:100%;} #Klarna_InvoiceContainer, #overDiv {display:none !important;} .Kassan.KCO .Nyhetsbrev, .Kassan.KCO .Avisering{width: 100%;} .category, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .kundservice {line-height:47px;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, #wrapper, .footer, .topline, #kundvagn, #wrapper, .footer {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Presentkort */ table.PS_Tabell{height:70px;} /*IKONER*/ .IconInnovator.active {background-size:40px; width:40px; height:40px;} /*nytt*/ #KundBetygRad {text-align:center;} #LevtidFaltRad {float:right; padding-top:12px;} #Faktakolumn .priswrapper, #LevtidFaltRad {width:100%!important; clear:none;} #ProduktinfoOvrigt table {margin-top:0px;} .geomdome {order:2; -webkit-order:2; margin: 20px 0 10px 0;} .span_1_of_1.omd {display:flex; display:-webkit-flex; flex-direction:column; -webkit-flex-direction:column;} #ProduktinfoOvrigt > div > div > table.Knapp_Generell_Tabell * {width:100%; display: block;} #ProduktinfoOvrigt > div > div > table.Knapp_Generell_Tabell {margin: 20px 0 10px 0; width:100%;} .omd {border-top:1px solid #e8e8e8; margin-top:20px; padding-top:10px;} #tillbehor .hl {margin-top:10px;} } @media screen and (max-width: 555px) { .logo {width:37%} #topbar-white .content {float: left; width: 100%; text-align: center;} #AIRvarukorg-Wrap, .inloggningsruta {top:97px !important; margin-top: 0;} .sokrutan.active{top:55px;} .nav.active {top:147px;} #Faktakolumn .box {padding-top:0;} #Bildkolumn {min-height:0px!important; margin-top: 0 !important;} a.SokMer {width:100%; margin-bottom:10px; text-align:center;} #topbar-white .topbar-landsvaljare {display: none} .topbar-landsvaljare { width: 100%; background: #e7e7e7; justify-content: center; margin-bottom: 20px; height: auto; padding: 10px 0; } .topbar-landsvaljare img { height: 32px; } .topbar-landsvaljare .landsvaljare li:not(:first-child) { margin-left: 15px; } } @media screen and (max-width:530px) { .sg-product-perks ul {margin-top: 5px !important;} .sg-product-perks ul li {display:block !important; margin-right:0 !important; margin-bottom:3px !important;} } @media screen and (max-width : 500px) { #footer-wrapper .col.span_1_of_4{width:100%; margin:1% 0 3% 0; text-align: center} .ruta > div {margin:10px auto !important; width:60% !important;display: inline-block;} .banner .span_1_of_3.col{width:100%; margin-left: 0;} .PT_Wrapper_All .PT_Pris.span_2_of_3 {width:100%;} .PT_Knappar.span_1_of_3 {width:100%;} } @media screen and (max-width : 480px) { .egenskap .col.span_1_of_3{width:45%;} #PrisFalt {margin-top: 0px!important;} .PT_Pris {min-width: 83px;} .PT_Knappar {max-width: 50px; float: right;} } @media screen and (max-width : 465px) { .AIRvarukorg-Text .Checkout{display:none;} #OrderFalt {margin-top: -12px;} } @media screen and (max-width : 425px) { /*START*/ #wrapper {padding-top: 150px;} .Kollage .PT_Beskr > a {font-size: 5vw !important;} .Kollage .PT_Text_Kort, .Kollage .underprodukt{font-size: 4vw !important;} .Kollage .PT_PrisKampanj, .Kollage .PT_PrisOrdinarie, .Kollage .Knapp_Kop.KKn1 > a{font-size: 4vw !important;} .startsidan .Kollage .PT_Knappar{float:right;} .PT_Faktaruta {height: 95px;} .Kollage .span_4_of_11, .Kollage .span_3_of_11{width: 100%; margin-right: 0; margin-left: 0;} .Kollage .col.span_1_of_1{width:49%; margin-bottom: 0; margin-top: 0;} .Kollage .col.span_1_of_1:first-child{margin-left: 0;} .m_vara{font-size: 12px;} .Kollage .PT_Bildruta{width:37%;} .startsidan .Kollage .PT_Faktaruta{margin-top: 0; padding: 1%;width: 58%;} .Kollage td.Knapp_Kop{display:block;} .Kollage .Knapp_Kop.KKn1 > a{height: 25px; line-height: 25px;} .Kollage .Knapp_Kop_Tabell, .Kollage .PT_Knappar table{width: 100%;} .startsidan .Kollage .PT_Wrapper_All .PT_Pris{line-height: 12px; padding:0 1%;width:58%; margin-top: 0;} .startsidan .Kollage .PT_Knappar{width:58% !important;float: left;} .startsidan .Kollage .PT_Faktaruta{margin-bottom: 0;} .ruta > div{width: 100% !important;} #AIRvarukorg-Wrap .Descr, #AIRvarukorg-Wrap .Price{line-height: 36px;} .cart-text, .username-text {font-size: 10px;} #SumInkInfo b {font-size: 12px;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo {width: 69%;} .SumInkPris b {font-size: 12px;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris {width: 30%;} #topbar-white .content {font-size: 10px; line-height: 30px;} #topbar {top: 30px;} #PrisFalt, .PrisBOLD, .PrisREA, .PrisORD, .PrisREAv, .PrisORDv, .PrisAvd, .PrisBOLD span {font-size: 22px!important;} #Faktakolumn .priswrapper {width:100%!important;} #LevtidFaltRad {width:100%!important; padding-top:0; padding-bottom: 2px;} .extra_prod_tabs .PT_Pris {max-width: 50px; min-width: 50px;} #AIRvarukorg-Wrap, .inloggningsruta {top:92px !important; margin-top: 0;} .DS_OL_Table_Artiklar.dinsidaStart td {display: inline-block; max-width: 80px; height: auto; vertical-align: middle;} .DS_OL_Table_Knappar.dinsidaStart td {display: block;} } @media screen and (max-width : 390px) { .egenskap .col.span_1_of_3{width:55%;} #FraktmetoderRam span a b{display:none;} } @media screen and (max-width : 365px) { /*.Varukorg .AIRvarukorg-Text {margin-left: 15px;}*/ .logo {min-width:50%;} } @media screen and (max-width : 340px) { .logo {margin-top:12px; min-width: 45%;} #topbar-white .content {font-size: 9px;} .PT_Wrapper_All .PT_PrisKampanj, .PT_Wrapper_All .PT_PrisOrdinarie {font-size:14px;} } @media screen and (max-width : 320px) { .logo {margin-top:14px;} } /* air_custom_kassa.css */ /* ----------------- AB TEST STYLES -------------------- */ .Rabatt .Snabbkassa_Varningsmeddelande { color: #333 !important; } .RedPrice {color: red;} /* Generellt */ #addedSummary .FriFrakt, .arbetsyta_kassa #topbar-mobile {display: none !important;} #PSP_Integrated_Wrapper {padding-top: 2rem;} .KCOflik_Omarkerad.kco-flikar:hover { color: #505050 !important; } .kassa_typ_0#checkout_payment_wrapper .KCOflik_Omarkerad.kco-flikar { margin-left: 3%; } #checkout_freight_wrapper {position: initial !important;} #kassaflikar a {float: right; transition: all 200ms ease-in-out;} #kassaflikar a:hover {background-color: #00a76d !important; color: #fff !important;} /* Medskick */ .Medskick_Info_Wrapper { position: relative; } .Medskick_Bild { min-height: 40px; } .MedskickID_19_bild { position: absolute; top: 0; left: 0; width: 50px; height: 50px; } .MedskickID_19_innehallsblock { width: calc(100% - 95px)!important; width: -webkit-calc(100% - 95px)!important; width: -moz-calc(100% - 95px)!important; width: -o-calc(100% - 95px)!important; padding-left: 55px; } /* Betalning */ .psp_content { margin-top: 2%; padding-bottom: 140px; } @media only screen and (min-width: 769px) { .FriFrakt {position: absolute; right: 0; bottom: -90%;} } @media only screen and (max-width: 769px) { .KCOflik_Omarkerad.kco-flikar { background: transparent; text-decoration: underline; font-size: 14px !important; width: auto; margin-left: 18px; } #kassaflikar a {float: left;} #kassaflikar a:hover {background-color: transparent !important;} /* Flikar i kassan */ .psp_content #kassaflikar { position: absolute; bottom: -100px; } .arbetsyta_kassa #topbar, .arbetsyta_kassa #topbar-white, .arbetsyta_kassa #Snabbkassa_Artiklar_FyndaIKassan, .arbetsyta_kassa #footer-wrapper, .arbetsyta_kassa .no-hover, .arbetsyta_kassa .topbar-landsvaljare {display: none !important;} .psp_content {padding-bottom: 100px;} .psp_content #kassaflikar {bottom: -60px;} #PSP_Integrated_Wrapper {padding-top: 1rem;} .Fraktmetoder .Snabbkassa_Flik_Normal div:first-child, .Fraktmetoder .Snabbkassa_Flik_Normal div span, .Snabbkassa_Varukorg .Rubrik_Varukorg .Snabbkassa_Flik_Normal div:first-child, .Fraktmetoder_Validering .Rubrik_I_Kassan span, .klimatkompenserade {text-align: left !important;} #bodyWrapper.kassan #wrapper {padding-top: 0;} .arbetsyta_kassa #topbar-mobile { top: 0; min-height: unset; background: #d5002e; padding: 5px 20px; display: block !important; } .arbetsyta_kassa #topbar-mobile .section { display: -ms-flexbox;display: -webkit-box;display: flex; -ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between; -ms-flex-align: center;-webkit-box-align: center;align-items: center; } .arbetsyta_kassa #topbar-mobile .logo { margin: 15px 0; width: auto; } .continueShopping { float: right; } #topbar-mobile .continueShopping a { color: #fff; font-size: 14px !important; text-transform: uppercase; } .Kassan{ margin-top: 0; } /* Rubriker */ .Fraktmetoder .Snabbkassa_Flik_Normal div:first-child, .Fraktmetoder .Snabbkassa_Flik_Normal div span, .Snabbkassa_Varukorg .Rubrik_Varukorg .Snabbkassa_Flik_Normal div:first-child, .Fraktmetoder_Validering .Rubrik_I_Kassan span { text-align: left; font-size: 22px; padding-bottom: 10px; } .Rubrik_PSP { padding-left: 3%; padding-right: 3%; } .Kassan.not-validated .Rubrik_PSP { opacity: 0.3; pointer-events: none; } /* Varukorg */ #checkout_cart_wrapper { margin-bottom: 10px !important; } #SumInkInfo { max-height: unset !important; } #SumInkInfo b { display: block; font-size: 0; } #SumInkInfo b #infotext { font-size: 21px; } .FriFrakt { margin: 0; float: left; font-weight: 400 !important; } .Snabbkassa_Presentkort, .Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div { float: left !important; margin: 0; } /* Postnr validering */ #FraktvalideringRam .group { max-width: unset; margin: 0; } #FraktvalideringRam .Knapp_Generell { float: left; } #FraktvalideringRam .Knapp_Generell a { width: auto; padding: 0px 45px; } /* Frakt */ .Rubrik_Fraktmetoder div > span { border-bottom: 1px solid #ccc; } .klimatkompenserade { text-align: left; } .Fraktmetoder td[bgcolor="#CCCCCC"] { display: none; } .fa-external-link-alt:before { content: ""; } #FraktmetoderRam span > div > a { overflow: hidden; } /* Extra summering */ #addedSummary { margin-bottom: 2%; } #addedSummary .FriFrakt { display: none !important; } #addedSummary tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum { text-align: unset; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 5px 10px 7px 10px !important; } #addedSummary .SumInkInfo { width: 80%; text-align: left; float: left; } #addedSummary .SumInkPris { width: 20%; text-align: right; float: right; } #addedSummary .SumInkInfo b { line-height: 42px; } /* Alternativa betalsätt */ .kassa_typ_0#checkout_freight_wrapper, .kassa_typ_0.godkannande { float: left; width: 100%; } } /* Responsive */ @media screen and (max-width: 580px) { /* Postnr validering */ #FraktvalideringRam .span_2_of_12, #FraktvalideringRam .span_10_of_12 { text-align: left; } #FraktvalideringRam input, #FraktvalideringRam .Knapp_Generell, #FraktvalideringRam .Knapp_Generell a { width: 100%; } /* Frakt, valfritt utlämningsställe */ .spl-wrapper-details span.spl-info-address, #FraktmetoderRam .spl-wrapper-details span.content, .spl-wrapper-details span.content { width: 100%; text-align: left; float: left; } .spl-wrapper-details span.content { margin-top: 10px; } .spl_wrapper > select {margin-top: 8px;} } @media screen and (max-width: 640px) { .Fraktmetoder_Validering { padding-top: 10%; padding-bottom: 10%; } .Kassan.KCO #addedSummary { margin-bottom: 10%; padding-bottom: 4%; } #addedSummary tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b #infotext, #addedSummary tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum #SumInkInfo b { font-size: 16px !important; } #addedSummary .SumInkPris b, #addedSummary .SumInkPris b #InfoAttbetala, #addedSummary tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum * { font-size: 20px !important; line-height: 150%; } .Kassan .Nyhetsbrev { margin-top: 10%; } .psp_content { margin-top: 10%; } .MedskickID_19_innehallsblock { padding-left: 0; } } @media screen and (max-width: 950px) { /* Varukorg */ .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum { padding: 7px 0 5px 0!important; } }