/* -------------------------------------------------------------------------------------------------- Butik: Marifix System AB Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2016. ALLA RÄTTIGHETER RESERVERADE. -------------------------------------------------------------------------------------------------- */ .input_anvandarnnamn_text, .input_losenord_text {height:40px !important;} .none {display: none !important;} .center {text-align: center;} .betalmetoder {display: inline-block; float: left; padding-top: 10px;} .desktop-moms {display: inline-block; float: left; margin-left: 6%;} /*.USPs {text-align: center; text-transform: uppercase; font-size: 16px; } .USP {list-style: none; margin-bottom: 30px; } .USP li {display: inline; padding: 0 40px;} .USP li::before {content: "\f00c " ; font-family: FontAwesome;}*/ /*STARTSIDAN + ACE*/ #startsidaStorSpot img, .startsidaSpot img {display: block; width: 100%;} .startsidaSpot {clear: both;} .startsidan .PT_Text_Kort, .cm .PT_Text_Kort {display: none;} .startsidan h1 {margin-top: 20px;} .startsidan h2 {font-size: 1.2em; color: #222;} .topplistan, #Produktinfo h2 {font-size: 1.6em !important; color: #233977; clear: both; margin-bottom: 14px; border-bottom: 2px solid #233977; padding: 15px 0 0 5px; font-weight: 600; min-height: 34px; line-height: 31px;} .topplistan a, #Produktinfo h2 a {color: #233977 !important;} .topplistan a:hover, #Produktinfo h2 a:hover {color: #617baa !important;} #breadcrumb b {font-weight: normal !important; color:#233977;} div.section.startsidan p {margin: 5px 0; font-size: 0.95em; color: #222;} .startsidan .PT_Wrapper, .cm .PT_Wrapper {margin-top: 0; /*width: 49.2%;*/} .startsidan .PT_Pris, .cm .PT_Pris {text-align: left;} .startsidan .PT_Beskr, .cm .PT_Beskr {height: 65px;} #kampanjytaStartsida a {padding: 20px; text-align: center; display: block; font-size: 1.75em; line-height: 1.2em; background: #ef4030; color: #fff; font-weight: 600;} #startsidaSpot img {display: block; width: 100%;} #startsidaSpot {margin-bottom: 15px;} #startsidaSpot .col a {display: block; transition: box-shadow 0.3s;} .startsidaSpot .col:empty {margin: 0; display: none;} .cm_article_wrapper>h2, .cm_content_wrapper .sidebar_headline {font-size: 1.6em !important;color: #233977;clear: both;margin-bottom: 14px;border-bottom: 2px solid #233977;padding: 15px 0 0 5px;font-weight: 600;min-height: 34px;line-height: 31px;text-align: left !important;} .cm_content_wrapper .desktop_sidebar {position: relative;} .cm_content_wrapper .sidebar {position: absolute;top: 0;left: 0;width: 100%; margin: 0;} .cm_content_wrapper .sidebar_headline {display: table;width: 100%;} /*SÖKRESULTAT*/ .sokresultat {padding-top: 15px !important;} .sokresultat .PT_Text_Kort, .sokresultat .Laggikorgen_Antalsfalt {display: none;} .sokresultat .PT_Pris {text-align: left;} #KampanjFalt {margin-top: 30px;} .badge {position: absolute; z-index: 4; top: 1%; width: 100%; text-align: left; } .badge img { max-width: 100%;} /* -------------------------------------------------------------------------------------------------- GENERELLA EGENSKAPER -------------------------------------------------------------------------------------------------- */ html,body {margin: 0; padding: 0; height: 100%;} html, body, div, 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; outline: 0; } a {text-decoration: none; outline: none;} img {max-width: 100%; height: auto; border: 0px;} body {background: #fafafa;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section {clear:both; padding:0px; margin:0px;} /* COLUMN SETUP */ .col {display:block; float:left; margin:1% 0 1% 1.6%;} .col:first-child, .span_2_of_2, .span_1_of_1, .no-L-margin {margin-left: 0 !important;} .no-R-margin {margin-right:0;} .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .left {float:left;} .right {float:right;} /* GROUPING / CLEARFIX */ .group:before, .group:after { content:""; display:table;} .group:after {clear:both;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 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.24%}.span_4_of_4{width:100%} .span_3_of_4{width: /*74.6%*/ 73.8%;} .span_2_of_4{width:49.2%} .span_1_of_4{width: 23.8% /*24.6%*/;} .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%} /* ----------------------------------------------------------------------------------------- ARBETSYTA / GENERAL BLOCKS ----------------------------------------------------------------------------------------- */ /* BREDDER */ #wrapper, .footer, .topline, #footer-wrapper .section, #topbar .section, .header .section, .header2 .section {max-width: 1200px;} #footer-wrapper .section, #topbar .section, #wrapper, .header .section, .header2 .section {position: relative; margin: 0 auto;} /* TOPBAR */ #topbar {width:100%; padding-top: 0 !important;} .topbar.content > a {padding:0 10px;} .mobilenav-icon, .soktoggle {display:none;} /* HEADER */ .header-wrapper {background-color: #FFF; position: fixed; z-index: 2000; transition: 0.2s;} /*.header {padding: 0 15px 0 !important;} /* important för att få bort hårdkodad css i javascript */ .header .logo {float: left; margin-top: 2px; position: relative; top: -15px; width: 200px; height: 50px; transition: 0.2s;} .header .logo a {width: 100%; height: 100%; display: block;} .AdSpace {display:none;} .close {color:#fff; background:#666; cursor:pointer; font-weight:bold; height:20px; line-height:20px; position:absolute; right:10px; text-align:center; width:20px; cursor:pointer; margin-top: 3px;} .header2 {} .header2 .logo {height: 100px; width: 242px; margin: 18px auto 2px;} /*.header2 .logo a {height: 100px;}*/ .header .headerLeft, .header .headerRight {width: 33.333%;} /* SCROLL */ .header-wrapper.scroll {padding: 0;} .header-wrapper.scroll .logo {top: 0; width: 121px;} .header-wrapper.scrollShadow ul.f-p li ul, .header-wrapper.scrollShadow #LSS_Result, .header-wrapper.scrollShadow .inloggningsruta, .header-wrapper.scrollShadow #AIRvarukorg-Wrap {border-top: 2px dotted #eee;} /*.header-wrapper.scrollShadow .header {box-shadow: 0 2px 2px rgba(0,0,0,0.2) !important;}*/ ul.child-ul.niva2 {width: 100%;} /* Ny menysortering för desktop */ .desktop .nav ul.child-ul.niva2 li { width: 23%; margin: 1% 1% 2%; white-space: nowrap; text-align: left; } /* WRAPPER */ #bodywrapper {min-height:100%; position:relative;} #wrapper {padding: 15px 15px 230px; /*position: static;*/} /*SIDEBAR*/ .sidebar {margin-left: 0 !important; border: 1px solid #eee; float: right;} .sidebar_headline {background-color: #233977; border: 1px solid #eee; text-align: center; height: 40px; line-height: 40px; color: #FFF;} /* MAIN (tillagt för flytt av sidebar till högerkanten) */ #main {margin: 1% 1.6% 1% 0;} /* NYHETSBREV */ #nyhetsbrev label, #nyhetsbrev input[type="text"], #nyhetsbrev input[type="submit"]{width:100%;margin:2% 0;} #nyhetsbrev { padding: 10px;} #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] {background-color: #233977; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; height: 35px; color: #FFF; font-size: 14px;} .Knapp_Nyhetsbrev {background-color: #233977; text-align: center; padding: 7px 0; margin-bottom: 5px;} .Knapp_Nyhetsbrev a{color: #FFF !important; } /* FOOTER */ #foljOssLista {list-style-type: none;} #foljOssLista a span {position: relative; top: -7px; left: 5px;} #footer-wrapper { padding: 15px; width: 100%; position: absolute; bottom: 0; background-color: #233977; color: #FFF; border: none; line-height: 1.75em; clear: both; } #footer-wrapper a { color: #FFF !important; } #footer-wrapper a:hover { text-decoration: underline; } @media screen and (max-width: 850px) { #footer2wrap { margin-top: 0 !important; } } #footer2wrap { margin-top: 27px; } .askas {margin:20px 0; width:100%;} /* moms */ ul.f-p { display: block; color: #000; } ul.f-p .f-p-vald { float: left; cursor:pointer; padding: 18px 0 0 10px; } ul.f-p li ul { display: none; position: absolute; top: 55px; left: 0; background: #fff; width: 170px; } ul.f-p li { display: inline-block; float: left; position: relative; min-height: 25px; } /*ul.f-p li:hover ul {display: block;}*/ ul.f-p li ul li { padding: 0; width: 100%; } ul.f-p li ul li a { float: left; clear: both; height: 40px; line-height: 30px; border-right: 0 !important; padding: 5px 10px; width: 100%; } .FP a { width: 40%; margin: 5%; float: left; background: #fff; padding: 10px 0; text-align: center; font-weight: bold; text-transform: uppercase; } .FP img { max-width: 100%; max-height: 30px; } .FP { text-align: center; width:300px; } .fp-wrap {width: 260px; height: 260px; text-align: center;} .ValjareFancy .p {background-color: #eee; padding: 10px 0; text-align: center; margin-bottom: 10px; border: 1px solid #c9c9c9;} .ValjareFancy .f {background-color: #617baa; padding: 10px 0; text-align: center; color:#FFF; border: 1px solid #586f99;} .ValjareFancy .f a {color:#FFF;} .fp-img {margin-top: 10px;} /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* PRODUKTMENY */ .navcont { background: #233977; } .nav { width:100%; position:relative; background-color: #233977; /*float:left; border-radius: 5px;*/ max-width: 1200px; margin: 0 auto; } .nav > ul > li {height: 55px; display: inline-block; float: left; /*font-size: 1.05em;*/ padding: 0; width: 14.28%;} /*.nav ul li i {display:none;}*/ /*.nav ul li:hover ul {display:block;}*/ /* Nivå 1 */ .nav .niva1 li a {color: #fff; display: block; padding: 0;} /* Nivå 2 */ .nav .niva2 {background:#fff; display:none; left:0; list-style:none; margin:0; padding: 2% 3% 3%; position:absolute; top: 55px; width:100%; z-index:999; /*max-height:445px;*/ overflow: hidden;} .nav .niva2 li {width: 20%; float:left; /*margin:0 0 10px 0;*/} .nav .niva2 li a {padding: 5px 5px; color: #233977 !important; font-weight: 600; font-size: 1.1em;} .nav .niva2 li a:hover {background: #EEE;} /* Nivå 3 */ .nav .niva3 {/*float:left;*/ list-style: none;} .nav .niva3 li {width: 100% !important; margin: 0 !important;} .nav .niva3 li a {width: 100%; padding: 5px 5px !important; color: #222 !important; border: none; font-weight: 500; font-size: 0.95em !important;} /* Nivå 4 */ .nav .niva4 {float:left; list-style:none; padding:0 0 0 10px;} .nav .niva4 li {width:100%; margin:0;} .nav .niva4 li a {width:100%; padding:0 !important; text-transform:none; line-height:30px; color:#000;} .toppmeny {width:100%; display:block !important; margin:-1px 0 0 0 !important;} .toppmeny li {line-height:inherit;} .toppmeny > ul > li {display: inline-block; height:40px; line-height:40px !important; float:left;} .toppmeny > ul > li i {display:block !important; float:right; line-height:35px; padding:5px 0 5px 0; margin:0 10px 0 0; color:#999;} .toppmeny > ul > li:hover {background: none !important;} .toppmeny ul li:hover ul, .mobilenav.active .toppmeny .niva2 li:hover ul, .mobilenav.active .toppmeny .niva3 li:hover ul, .mobilenav.active .toppmeny .niva4 li:hover ul {display: none;} .toppmeny > ul > li:hover {background: none !important;} .toppmeny ul li.active > a, .toppmeny ul li.active-parent > a {font-weight:bold;} .toppmeny ul li ul > li:hover {background:transparent !important;} /* Nivå 1 */ .toppmeny .niva1 li {width:100%; height:auto; border-bottom:1px solid #ededed;} .toppmeny .niva1 li a {display:inline-block !important; width:80%; padding:5px 0 5px 15px; color: #000 !important;} /* Nivå 2 */ .toppmeny ul li.active .niva2 {width:100%; display:block; background:transparent !important;} .toppmeny .niva2 {/*padding:0 0 0 20px;*/ margin:-10px 0 0 0; top:0; position:relative; float:left; box-shadow:none; display:none; list-style-type: none;} .toppmeny .niva2 li {margin: 0; padding: 0;} .toppmeny .niva2 li:last-child {border-bottom:none !important;} .toppmeny .niva2 li a {padding: 12px 0 12px 25px !important;} /* Nivå 3 */ .toppmeny .niva2 li.active .niva3 {width:100%; display:block; position:relative; background:transparent !important;} .toppmeny .niva3 {width:100%; /*padding:0 0 0 10px;*/ margin:-10px 0 0 0; float:left; box-shadow:none; display:none; left:0 !important;} .toppmeny .niva3 li {width:100%; display:inline-block;} .toppmeny .niva3 li:last-child {border-bottom:none;} .toppmeny .niva3 li a {text-transform:none !important;} /* Nivå 4 */ .toppmeny .niva3 li.active .niva4 {width:100%; display:block; position:relative; background:transparent !important;} .toppmeny .niva4 {width:100%; padding:0 0 0 10px; margin:-10px 0 0 0; float:left; box-shadow:none; display:none; left:0 !important;} .toppmeny .niva4 li {width:100%; display:inline-block;} .toppmeny .niva4 li:last-child {border-bottom:none !important;} .toppmeny .niva4 li a {text-transform:none !important;} /* KAMPANJMENY, VARUMÄRKESMENY */ .nav .nav-menu li ul {background:#fff; display:none; list-style:none; margin:0; padding:10px; position:absolute; top:60px; width:280px; z-index:999; max-height:445px; overflow-y:scroll;} .nav .nav-menu li a {display:table; color:#fff; height:60px; line-height:60px; padding:0 10px;} .nav .nav-menu li ul a {text-transform:none !important; display:table; width:100%;} /* WEBB-SIDOMENY */ #WebbMeny, .kampanjmenu {width:100%} #WebbMeny li {list-style:none;} #WebbMeny li a, .ruta.R-Toogle-area a {display:inline-block; height:20px; line-height:20px; width:100%;} #WebbMeny ul ul, .kampanjmenu ul ul {padding:0px 0px 0px 10px} .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;} /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* GENERELLT */ .Egen_Infogad_HTML {margin: 10px 0; padding: 30px;} .Artgrp_VisaFler{text-align:left;} /* ENSKILD PRODUKT */ .PT_Wrapper {padding: 10px; position: relative; transition: box-shadow 0.3s !important;} @media screen and (min-width: 851px) { .PT_Wrapper:nth-child(5n+6) {margin-left:0 !important;} .Bilder_Artikelgrupp .PT_Wrapper:nth-child(4n+5) {margin-left: 0 !important;} .Bilder_Artikelgrupp .PT_Wrapper:nth-child(5n+6) {margin-left: 1.6% !important;} } .PT_Bildruta {height: 150px; position:relative;} .PT_Bildruta a {width:100%; display:inline-block;} .PT_Bildruta img {vertical-align:middle; max-height: 150px;} .Bilder_Artikelgrupp .PT_Bildruta {min-height: auto;} .PT_Faktaruta {margin:10px 0px 5px;} .PT_Beskr {height: 80px; overflow: hidden;} .Bilder_Artikelgrupp .PT_Beskr {height: 40px; text-align: center; margin-top: 15px;} /*.PT_Text_Kort {overflow: hidden;}*/ .PT_Pris {color: #ef4030; height: 35px;} .PT_Status {display: none;} .PT_Wrapper_All .PT_Pris {margin-left:0px;} .PT_Pris {text-align: right; margin-bottom: 5px; white-space: nowrap;} .PT_Pris span {white-space: nowrap; display: block;} .PT_Pris .PT_PrisOrdinarie {line-height: 1em;} /* TILLBEHÖRSLISTA */ .tillbehorslista {margin-top: 5%;} .tillbehorslista .PT_Text_Kort, .tillbehorslista .Knapp_Kop_Tabell .Knapp_Kop {display: none;} .tillbehorslista .PT_Pris {text-align: left;} .tillbehorslista .PT_Beskr {height: 65px;} /* 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;} /* LISTA1 */ .PT_wrapper.Lista {padding: 5px 10px; overflow:hidden; margin: 0 0 10px;} .PT_wrapper.Lista .PT_Bildruta {height: inherit;} .PT_wrapper.Lista .PT_Beskr, .PT_wrapper.Lista .PT_Knappar, .PT_wrapper.Lista .PT_Pris {margin-bottom: 5px;} .PT_wrapper.Lista .PT_Knappar, .PT_wrapper.Lista .PT_Pris {float: right;} .PT_wrapper.Lista .PT_Knappar {margin-top: 5px;} /*ARTIKELGRUPPSVY*/ .artikelgrupp_std .PT_Beskr {margin-left: 15px;} .artikelgrupp_std .PT_Bildruta {width: 11% !important;} .artikelgrupp_std .PT_Bildruta img {width: auto !important; max-height: 75px;} .Artgrupp_header {margin-left: 0 !important;} /* -------------------------------------------------------------------------------------------------- PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /* BILDKOLUMN */ #Bildkolumn {position: relative; margin-top: 0;} .ProduktBild {width:100%; vertical-align:middle; margin: 0 0 10px; position: relative; min-height: 220px; padding: 3% 0;} .BildZoomThumbnails {width: 70px; height: 70px; float:left; margin:0 5px 5px 0; overflow: hidden;} .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnails a, .MediaPlay a {display: table-cell; width: 70px; height: 70px; margin: 0px 5px 5px 0; vertical-align: middle;} .BildZoomThumbnails img {display: block; margin: 0 auto;} /* PRODUKTKOLUMN */ #Faktakolumn {margin-top: 0;} #VarumarkeFalt {margin:0 0 15px 0;} #Avbetalning {background:#F2F2F2; padding:10px;} #FaltRader, #KundBetygRad {margin:10px 0;} .TextKort {padding: 1.5em;} .TextKort li {margin: 10px;} .TextKort ul, #Produktinfo ul {padding: 0 0 10px 30px !important;} #Produktinfo li {margin:0 15px;} .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;} #TeknSpec_Div {clear: both; overflow: hidden; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1), 0 3px 3px -2px rgba(0,0,0,0.15); border-radius: 2px;} .TeknSpec_Kompakt {position: relative; height: 125px; cursor: pointer;} .TeknSpec_Kompakt::after {position: absolute; background: linear-gradient(transparent, #fff 50%); display: block; bottom: 0; width: 100%; text-align: center; padding: 30px 0 10px;} html[lang="sv"] .TeknSpec_Kompakt::after {content: "Visa alla egenskaper";} html[lang="en"] .TeknSpec_Kompakt::after {content: "Show all attributes";} .TeknSpec_Tabell {width:100%; border:0; margin: 0; padding:0; border-collapse: collapse;} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding: 8px; width: 50%;} #Produktinfo table {width: 100%; background: #FFF; border-spacing: 0;} #Produktinfo td {border: 1px solid #e5e5e5; border-width: 1px 0 0 1px; margin: 0; padding: 7px 10px;} /*#Produktinfo tr:first-child {font-weight: 700;}*/ #Produktinfo tr:last-child td {border-bottom-width: 1px;} #Produktinfo td:last-child {border-right-width: 1px;} .pdfContainer {position: relative; padding: 1em 1em 1em 50px !important;} .pdfImg {position: absolute; top: 7px; left: 10px;} .TeknSpec_Link {padding: 1em; white-space: nowrap;} .TeknSpec_Toggle {margin: 0 18px 0 5px;} /* VARIANTARTIKLAR */ .Artikellista_Varianter {padding-top: 2.5em;} .inforutaMobil {display: none;} .Egenskaper_Tabell {width:100%;} .Egenskaper_Tabell select {margin:0px 0px 5px 0px} .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px;} .Laggikorgen_Antalsfalt {border:1px solid #F1F1F1; text-align:center; width:40px !important;} .Laggikorgen_Antalsfalt_Select_Mellanrum, .Knapp_Mellanrum {width: 5px;} .Laggikorgen_Antalsfalt_Select_Mellanrum img, .Knapp_Mellanrum img {display: none;} /* Justering av bredd för dropdown */ select.Laggikorgen_Antalsfalt {width:auto !important;} .variantEgenskaper {width: 0;} #variantSidebar {margin-top: 52px;} #variantSidebar object {max-width: 100%; text-align: center;} #variantSidebar object p {min-height: 40px; line-height: 40px;} /* ARTIKELLISTA */ .Artikellista_tabell th { text-align:left; /*padding-left: 3px;*/ font-weight: bold; /*white-space: nowrap;*/ } .variantLagerTH {width: 11%;} .Artikellista_tabell th.kopknappar {width: 105px;} .Artikellista_tabell .variantBeskrTH, .Artikellista_tabell .variantBeskr {display: none;} .Artikellista_tabell td {white-space: nowrap;} .Artikellista_tabell .PT_PrisLista,.Artikellista_tabell .PT_PrisListaKampanj/*, .Artikellista_tabell .PT_PrisListaKampanjOrdinarie*/ {font-weight: 600;} /*PRODUKTBESKRIVNING*/ .produktvy_box {} .produktvy_box .Egenskaper_Tabell {display: none;} .Artikellista_tabell .Knapp_Info {display: none !important;} .variantMattFortydligande {text-align: center; font-size: 0.95em; padding: 1em 0; margin: 0 !important;} .Artikellista_tabell {width: 100%; border-collapse: collapse;} /*.PT_BeskrListaBakgrund.Artikellista_headerrad {background-color: #233977; color: #FFF;}*/ /* Metervaror - MaS 10/11 - 17 */ .Knapp_Kop.variantKopknapp form {display: flex; flex-flow: row; line-height: 35px; padding: 5px 0; float: right;} .Knapp_Kop.variantKopknapp .langd_div{display: flex; flex-flow: row; order: 0; margin-right: 10px;} /* Längd + enhet box */ .Knapp_Kop.variantKopknapp .FrilangdFaltVariant {order: 1; flex-grow: 1; width: 65px; margin: 0 5px 0 0; height: 35px;} /* Längd */ .Knapp_Kop.variantKopknapp .FrilangdFaltVariant::placeholder {text-align: center;} .Knapp_Kop.variantKopknapp .langd_div span {order: 2;} /* enhet */ .Knapp_Kop.variantKopknapp .Knapp_Kop_Tabell {display: flex; flex-flow: row;} /* Antal + köpknapp box */ /*.Knapp_Kop.variantKopknapp form .Knapp_Kop_Tabell {margin: 0 0 0 15px;}*/ .Artikellista_tabell tr:nth-child(even) {background-color: #f5f5f5;} .Snabbkassa_Varukorg_Tabell .Antal {display: flex; flex-flow: row;} .Snabbkassa_Varukorg_Tabell .Antal a {flex-grow: 1; display: flex;} .Snabbkassa_Varukorg_Tabell .Antal select {max-width: 15%; margin-right: 5px; min-width: 65px; height: 40px;} .name_and_length {display: flex; flex-flow: column; justify-content: center; margin-left: 5px; line-height: 20px;} .length_empty_warning {border: 2px solid #CD0000 !important; background: #F75961 !important; font-weight: bold !important;} #Produktinfofalt {margin-bottom: 15px;} /* Metervaror, infotext på produktsidan */ #descTextLink { position: relative; margin-left: 3px; background: #ccc; border-radius: 100px; width: 19px; display: inline-block; text-align: center; color: #444; line-height: 19px; cursor: help; } #basicFeeTable, a:hover #basicFeeTable { background: #fff; position: absolute; width: 300px; top: 20px; left: 20px; padding: 15px; z-index: 1; border: 1px solid #ccc; color: #000; text-align: left; font-weight: 500; cursor: default; } #basicFeeTable table { width: 100%; } /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ #Produktinfo p {margin:10px 0;} .ProduktinfoFlik {display:block; height:35px;} .ProduktinfoFlik tbody tr td {float:left;} .Flik_Beskr_Normal a, .Flik_Beskr_Markerad a {padding:0 10px; float:left; height:30px; line-height:30px; border-right:1px solid #fff;} /* -------------------------------------------------------------------------------------------------- SÖKFUNKTION -------------------------------------------------------------------------------------------------- */ .sokrutan {width: 33.333%;} .sokrutan > form {max-width: 22em; margin: 0 auto;} .Sokfalt {/*border:2px solid #a6c2e2 !important;*/ float:left; height:40px; line-height:40px; padding:0 10px; width:100%; -webkit-appearance:none;} .sokruta-epost {width:100px; height:16px; border:1px solid #ccc} .LSS_Container {position: relative; margin-top: 7px;} .Sokknapp {background:url("/bilder/butik/search.png") no-repeat scroll 0 center #233977; border: none; cursor: pointer; height: 41px; line-height: 30px; width: 43px; position: absolute; right: 0; top: 0; border-radius: 100px;} #sokterm {border-radius: 100px; padding: 0 45px 0 15px !important; height: 41px;} /* -------------------------------------------------------------------------------------------------- INLOGGNING -------------------------------------------------------------------------------------------------- */ .inloggning {color: #FFF !important; font-weight: 600; height: 55px; margin-right: 20px;} .inloggning a.login {display:block; line-height: 55px;} .inloggningsruta {display:none; position:absolute; top:55px; right:0; padding: 15px 15px 5px; margin:0; line-height:25px; z-index:1001;} .inloggningsruta .input_anvandarnnamn {margin:0 0 10px 0;} .inloggningsruta.active {display:block;} .inloggningsruta .close {top:5px;} .inloggningsruta a {padding:0px;} .inloggningsruta-lankar a.button {background: none !important; color: #233977 !important;} .inloggningsruta-lankar a.button:hover {text-decoration: underline; color: #1a2d65 !important;} .input_anvandarnnamn input, .input_losenord input {width:100%; height:25px;} .Login-password p{float:left;} .Login-password a.forgotpassword {float:right;} #AdressblockLoggain table {float:left;} /* -------------------------------------------------------------------------------------------------- KNAPPAR -------------------------------------------------------------------------------------------------- */ /* KÖPKNAPPAR */ .Knapp_Mellanrum {display:none;} .artikelgrupp_std .Laggikorgen_Antalsfalt, .startsidan .Laggikorgen_Antalsfalt {display:none;} #OrderFalt .Knapp_Kop {display:none;} .Knapp_Kop_Tabell .Knapp_Info, .Knapp_Kop_Tabell .Knapp_Kop {display:block;} .Knapp_Info {white-space: nowrap;} .startsidan .Knapp_Kop, .sokresultat .Knapp_Kop, .cm .Knapp_Kop {display:none !important;} .artikelgrupp_std .Knapp_Kop {margin-right:10px; float: right;} .cm .Laggikorgen_Antalsfalt {display: none;} .Knapp_Kop_Tabell_Artikel {width:100%;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {float: left; height:35px; line-height:35px !important; padding:0 !important; width:100%;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right;} .PT_KnapparKampanj tabell {width:135px;} a.button {margin:10px 10px 10px 0;} /* KNAPPAR */ .Knapp_Kop a, .buy-button, .Knapp_Info a, .info-link, .Knapp_Generell a, .Knapp_Sok_Produkt, #Adressblock .LankLoggain a {border:0px; line-height:35px; height:35px; padding: 0px 10px; float: left;} /* SÖKKNAPPAR */ .Knapp_Sok {float:right; position:relative; width:10%;} .Knapp_Sok_Produkt {background:transparent; height:30px; position:relative; width:100%; z-index:99;} /* IKONKNAPPAR */ #SubmitFalt .icon-shopping-cart {padding:11px;} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} .Knapp_Info {} /* -------------------------------------------------------------------------------------------------- VARUKORG -------------------------------------------------------------------------------------------------- */ .fa-user {position: relative; top: 3px; margin-right: 5px;} a.cart {display:inline-block; padding:0 0 0 10px;} .fa-shopping-cart {height:35px; line-height:35px !important; padding:0 5px;} #kundvagn {float: right; margin: 7px 0 0; position: relative; background-color: #233977; padding: 0 5px; border-radius: 50px;} .Varukorg {cursor: pointer;} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {line-height:35px} .Varukorg span.AIRvarukorg-Qty {float: left; position: relative; margin: 0 3px 0 0; display: none !important;} .Varukorg .AIRvarukorg-Arrow {display: block !important; float: left; padding: 2px 0 0 10px;} .Varukorg .AIRvarukorg-Arrow:before {content:"\f07a"; font-family:FontAwesome;} .Varukorg .AIRvarukorg-Text {float: right;} .Checkout.right {border-left: 1px solid #1a2d65; padding: 3px 0;} a.CartButton, .Checkout a {float:right; height:35px; line-height:35px; padding:0px 10px;} .SumTxt{margin: 0 5px;} .AIRvarukorg-Text a.Checkout {float: right; height: 24px; line-height: 24px; margin: 5px 0; padding: 0 10px;} .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {float:left; margin:0 10px 0 0;} .AIRvarukorg-Text p {float:left; margin:0 10px 0 0} .AIRvarukorg-Sum, .EmptyCart {padding: 3px 10px; display: block; float: left;} .EmptyCart {padding: 4px 5px;} #AIRvarukorg-Wrap span.EmptyCart::before {content: "Din varukorg är tom.";} #AIRvarukorg-Wrap.SPRAK-EN span.EmptyCart::before {content: "Your cart is empty.";} #AIRvarukorg-Wrap {position: absolute; right: 0; top: 48px; width: 750px; z-index: 1000; padding: 0;} #AIRvarukorg-Wrap i {display: none;} #AIRvarukorg-Wrap p {margin: 25px 0 !important; text-align: center;} #AIRvarukorg-Wrap span.EmptyCart {color: #000; float: none; font-size: 1.15em;} /*#AIRvarukorg-Wrap span.EmptyCart:before {content: "Din varukorg är tom."; color: #000;}*/ #AIRvarukorg-Wrap .Rem{float:right !important} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; float:left; 0; line-height: 10px; text-align:center; width:5%; min-width: 20px;} #AIRvarukorg-Wrap .Rem img, #AIRvarukorg-Wrap .Sub img, #AIRvarukorg-Wrap .Add img {margin: 15px 4px;} #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 dashed #ececec; display:inline-block; line-height:45px; padding:10px; width:100%;} #AIRvarukorg-Wrap .RowWrap .Row:last-child {border: none;} #AIRvarukorg-Wrap .Rabatt {color: #CD3928; clear: both; font-size: 11px; line-height:normal;} #AIRvarukorg-Wrap .DescrWrap {width: 52%;} #AIRvarukorg-Wrap .DescrWrap .Descr {line-height: 1.5em;} #AIRvarukorg-Wrap .DescrWrap .DescrEgenskap {line-height: 1.5em; color: #888; float: left; margin: 0 5px 0 0; font-size: 11px; display: none;} #AIRvarukorg-Wrap .DescrWrap .DescrEgenskap:after {content: ",";} #AIRvarukorg-Wrap .DescrWrap .DescrEgenskap:last-child:after {content: "";} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price{float:left; margin:0 2px; /*height: 45px;*/ overflow: hidden;} #AIRvarukorg-Wrap .TxtWrap .Price{width:16%; text-align:center} #AIRvarukorg-Wrap .TxtWrap input{background:#ddd; border:0 none; float:left; margin: 2px; text-align:center; width:60px; height: 3em;} #AIRvarukorg-Wrap .Footer {padding: 15px; height: 45px; border-top: 1px solid #ececec;} #AIRvarukorg-Wrap .Footer .SumWrap{float:left; line-height:35px;} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum{float:left} #AIRvarukorg-Wrap .Checkout {float: right; width: 50%; text-align: center;} #AIRvarukorg-Wrap .Checkout a {width: 100%;} #AIRvarukorg-Wrap .RowWrap {max-height:420px; overflow-y: auto;} .vk_fl {display: block; color: #555; font-size: 0.9em;} /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result {background:none repeat scroll 0 0 #fff; border: 0 none; padding:2%; position:absolute; right:0; top: 55px; width:100%;} #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;} ul.LSS_Varumarken li, ul.LSS_Artikelgrupper li, .matched-group-item {list-style: none; margin: 0;} ul.LSS_Varumarken li span, ul.LSS_Artikelgrupper li span {font-weight: 700;} ul.LSS_Varumarken li a, ul.LSS_Artikelgrupper li a, .matched-group-link {display: block; margin: 5px 0; padding: 8px 15px; background: #f5f5f5; color: #000 !important;} .matched-group-title {font-weight: 600;} .matched-group-link {margin-right: 1%; width: 49%; float: left; height: 58px;} .matched-group-link b {font-weight: 500 !important;} ul.LSS_Varumarken li a:hover, ul.LSS_Artikelgrupper li a:hover, .matched-group-link:hover {background: #233977; color: #fff !important;} #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_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%;} #LSS_Result .SokMer { width: 100%; background: #233977; padding: 5px 10px !important; height: auto; text-align: center; } /* -------------------------------------------------------------------------------------------------- Cookiebar -------------------------------------------------------------------------------------------------- */ /*#topbar {padding-top: 0 !important;}*/ /*#cookiewrapper {width: 100%; background-color: #333399; border-bottom: 1px solid #FFF;} #cookiebar {width: 1015px; height: 44px; margin: 0 auto; padding: 5px; color: #fff; } #cookiebar p {color: #fff; font-size: 14px; padding-top: 5px; float: left;} #cookiebar span {padding: 0px 10px 6px 10px;; border: 2px solid #fff; cursor: pointer; float:right; text-transform: uppercase;} #cookiebar span p {font-size: 13px;}*/ .cookie-bar {width: 100%; position: fixed; left: 0; bottom: 0; padding: 0.6em 5%; background: #333; color: #fff; font-size: 13px; font-weight: 400; z-index: 99999; text-align: center;} .cookie-bar a, .cookie-bar a:hover { color: #fff !important; text-decoration: underline; } .cookie-bar a:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cookie-bar-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #fff; font-size: 18px;} .cookie-bar a.cookie-bar-accept, .cookie-bar-error a.cookie-bar-accept, .cookie-bar a.cc-cookie-decline, .cookie-bar-error a.cc-cookie-decline, .cookie-bar a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; padding: 0.5em 0.75em; border:1px solid #fff; text-transform: uppercase; font-size: 12px;} .cookie-bar a.cc-cookie-decline, .cookie-bar-error a.cc-cookie-decline {margin-left: 0.5em; } .cookie-bar a.cc-cookie-reset { background: #f15b00; } .cookie-bar-error a.cookie-bar-accept, .cookie-bar-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cookie-bar.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cookie-bar.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cookie-bar.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } .cookie-bar-accept {margin-left: 5px;} a.cookie-bar-accept:hover {color: #fff!important; } @media screen and (max-width: 768px) { .cookie-bar a.cookie-bar-accept, .cookie-bar a.cc-cookie-decline, .cookie-bar a.cc-cookie-reset {display: block; margin: 1em 0;} } /* -------------------------------------------------------------------------------------------------- BLANDAT -------------------------------------------------------------------------------------------------- */ #dialogruta {visibility:hidden; position:absolute; left:0px; top:0; z-index:3005; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0; width:100%; height:100%;} #Felmeddelande {line-height:16px; width:40%; top:7%; margin:0 auto; padding:15px; position:relative; background:#fff; box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.8);} #Felmeddelande img {display:none;} .popupfonster-top {width:430px; margin:10px 0px 10px 10px} .popupfonster-content {width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px;} .webbsidaWrapper, .bloggInlaggWrapper {clear: both; position: relative;} .webbsida, .bloggInlagg {padding: 10px; margin: 0 auto; max-width: 692px; clear: both;} .webbsida ul, .Egen_Infogad_HTML ul, .webbsida ol, .Egen_Infogad_HTML ol, .bloggInlagg ul, .bloggInlagg ol {margin: 0 0 10px 30px !important;} #dinsida_kundprofil_kontaktperson {display:none !important;} .webbsida h1 {margin: 0 0 0.25em;} .webbsida h2 {margin: 1.25em 0 0;} .webbsida h3 {margin: 1em 0 0; font-weight: 600;} /* -------------------------------------------------------------------------------------------------- NYHETSBREVSANMÄLAN -------------------------------------------------------------------------------------------------- */ .nyhetsbrevsanmalan p {padding:0 0 10px 0;} .nyhetsbrevsanmalan input {width:78%; float:left;} .nyhetsbrevsanmalan .Knapp_Generell {float:left; width:20%; margin: 0 0 0 2%;} .nyhetsbrevsanmalan .Knapp_Generell a {width:100%; height:35px; line-height:35px !important; text-align:center; padding:0;} /* -------------------------------------------------------------------------------------------------- CSS3-EFFEKTER -------------------------------------------------------------------------------------------------- */ .close {border-radius: 20px;} .col, .group, .section {transition: all 0.3s ease;} input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], select, textarea { background-color: #fff; border: 1px solid #ccc; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/ color: #555; display: inline-block; font-size: 14px; /*line-height: 30px;*/ padding: 6px; transition: background 0.2s; /*vertical-align: middle;*/ } textarea {min-height: 100px;} input:focus, select:focus, textarea:focus { border-color: #52A8EC !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: none; } /* -------------------------------------------------------------------------------------------------- KASSAN ETC. -------------------------------------------------------------------------------------------------- */ .Bestall_Ejkomplett {margin-top: 55px; text-align: center; padding: 20px;} .Snabbkassa_Rekommenderat_Rubrik {padding: 15px;} #KnappAdresshamtningKreditor {display: block !important; visibility: visible !important;} /* -------------------------------------------------------------------------------------------------- BLOGGAR -------------------------------------------------------------------------------------------------- */ .bloggDatum {text-align: right; clear: both;} /* -------------------------------------------------------------------------------------------------- BILDSPEL -------------------------------------------------------------------------------------------------- */ #owl-demo a {display: block; line-height: 0.1em;} /* Kapningsavgift/grundavgift */ .fee_article .AddKassa, .fee_article .SubKassa, .fee_article .remove-it { visibility: hidden; } .fee_article { background-color: #f5f5f5; } .fee_article .Antal { line-height: 25px !important; min-height: 25px !important; } .fee_article img, .fee_article_cart .Img { display: none; } .fee_article input:disabled { border: none; outline: 0; background: inherit; } .fee_article_cart .Sub, .fee_article_cart .Add, .fee_article_cart .Rem { visibility: hidden; } .fee_article_cart input.Qty { pointer-events: none; } .fee_article_cart { background-color: #f5f5f5; } /* Engelska */ /* valuta väljare */ .valuta-valjare { display: inline-block; float: left; padding: 18px 0 10px 10px; position: relative; margin-left: 30px; } .valuta-valjare .curSelected { display: block; width: 35px; height: 21px; cursor: pointer; background-size: contain; background-repeat: no-repeat; } .valuta-valjare .curSelected:after { content: "\f107"; font-family: FontAwesome; position: absolute; bottom: -5px; left: calc(50% + 1px); } .valuta-valjare .curSelected.SEK { background: url("/bilder/flaggor/flag_SV_stripped.png"); } .valuta-valjare .curSelected.EUR { background: url("/bilder/flaggor/europe.png"); background-size: contain !important; background-repeat: no-repeat; } .valuta-valjare .curSelected.NOK { background: url("/bilder/flaggor/norway.svg"); background-size: contain; } .valuta-valjare .curSelected.EUR { width: 35px; height: 25px; } .valuta-valjare .selector { display: none; list-style: none; position: absolute; top: 55px; left: 0; background: #fff; z-index: 100; width: 200px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .valuta-valjare .selector li.SEK a:before { content: ""; display: block; width: 35px; height: 21px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background: url("/bilder/flaggor/flag_SV_stripped.png"); margin: 5px 10px 5px 5px; clear: both; float: left; } .valuta-valjare .selector li.EUR a:before { content: ""; display: block; width: 35px; height: 35px; cursor: pointer; background-size: contain !important; background-repeat: no-repeat !important; background: url("/bilder/flaggor/europe.png"); margin: 5px 10px 5px 5px; clear: both; float: left; } .valuta-valjare .selector li.NOK a:before { content: ""; display: block; width: 35px; height: 21px; cursor: pointer; background-size: contain !important; background-repeat: no-repeat ; background: url("/bilder/flaggor/norway.svg"); margin: 5px 10px 5px 5px; clear: both; float: left; } .valuta-valjare .selector li:hover { background: #f9f9f9; } .valuta-valjare .selector li { height: 46px; padding: 8px; } .valuta-valjare .selector li:last-child { } .valuta-valjare .selector li a { display: block; float: left; line-height: 30px; } .valuta-valjare.active .selector { display: block; } .flex-sb { display: flex; justify-content: space-between; } /*.valuta-valjare.active { background: #fff; box-shadow: 0px 0px 5px #ccc; }*/ .valuta-valjare .selector li { border: none; border-bottom: 1px solid #ccc; } .valuta-valjare .selector li:last-child { border-bottom: none; } /* moms väljare */ .f-p/*.SPRAK-EN*/ .f-p-vald:after { content: "\f107"; font-family: FontAwesome; position: absolute; bottom: -15px; left: calc(50% - 5px); } ul.f-p .f-p-vald { padding-left: 0; } @media only screen and (max-width: 1200px) and (min-width: 850px) { ul.f-p/*.SPRAK-EN*/ .f-p-vald { padding-left: 0; } .sokrutan { width: 25%; } .header .headerLeft { width: 39%; margin-right: 2%; } .valuta-valjare { padding-left: 0; margin-left: 20px; } } @media only screen and (max-width: 850px) and (min-width: 580px){ /* Half-out Mobil bryt */ .valuta-valjare .curSelected { color: #fff; } .valuta-valjare { padding-top: 8px; margin-right: 20px; } .valuta-valjare.active { background: #233977; box-shadow: none; } .valuta-valjare .curSelected:after { bottom: -4px; } .valuta-valjare .selector { top: 45px; } .desktop-moms { margin-left: 0; } ul.f-p li ul { top: 45px !important; } } @media only screen and (max-width: 580px) { /* All-out Mobil bryt */ .valuta-valjare { float: right; padding: 10px; margin-right: 10px; padding-top: 30px; margin-left: 10px; } .valuta-valjare .selector { right: 0; left: auto; top: 60px; width: 200px; } .valuta-valjare .curSelected { color: #000; } .header2 .logo/*.SPRAK-EN*/ { float: left; margin-left: 0; width: auto; } .header2 .logo/*.SPRAK-EN*/ a img { float: left; margin-left: 0; max-width: 140px; margin-top: 0; } .valuta-valjare .curSelected:after { left: calc(50% - 5px); bottom: -5px; } .header2 .f-p/*.SPRAK-EN*/ { display: block !important; float: right; height: 29px; } .f-p/*.SPRAK-EN*/ li ul { z-index: 100; } .flex-sb { display: block; } .logo img { padding-left: 10px; } ul.f-p .f-p-vald { padding-top: 30px; } ul.f-p li ul { top: 60px; } } .buy-button .label { font-size: 0; } .buy-button[data-state='default'] .label, .buy-button[data-state='success'] .label, .buy-button[data-state='processing'] .label:after { font-size: 15px; } .buy-button[data-state='processing'] .label:after { font-family: FontAwesome; content: '\f1ce'; transform: none; display: inline-flex; margin: -35px 0 0 0; -webkit-animation: air-loading 1s linear infinite; animation: air-loading 1s linear infinite; } @-webkit-keyframes air-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes air-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .buy-button-qty { width: 50%; text-align: center; } .PT_BeskrListaBakgrund .Knapp_Kop { display: flex; } #SubmitFalt .buy-button { display: none; } .buy-button .feedback { display: none; } .PT_Knappar { display: flex; justify-content: flex-end; } .info-link { margin-left: 0.5rem; } .Knapp_Kop .info-link { display: none; } @media (width <= 600px) { .PT_Knappar div:first-child { display: flex; width: 100%; } .buy-button, .info-link{ text-align: center; } }