/* -------------------------------------------------------------------------------------------------- Butik: www.brl.se Detta CSS Šr en del av AskŒs Internetbutik. COPYRIGHT (c) ASKS INTERNET- & REKLAMBYR AB 1998-2015. ALLA R€TTIGHETER RESERVERADE. -------------------------------------------------------------------------------------------------- */ @import url("jquery.AIRKassa.css") ; /* -------------------------------------------------------------------------------------------------- Generella egenskaper -------------------------------------------------------------------------------------------------- */ html, body {height:100%;} 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, input, textarea {font-size:13px; margin:0px; padding:0px; outline:0;} #main p {margin:0 0 10px 0;} a {text-decoration:none; outline:none;} img {border:0px;} iframe {max-width:100%;} /* ----------------------------------------------------------------------------------------- Grid ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section {clear:both; padding:0px; margin:0px;} .Egnskr_Rad:after, .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* COLUMN SETUP */ .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;} .left {float:left;} .right {float:right;} .leftMarg {float:left; margin:0 0 0 1%;} /* 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.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%} /* ----------------------------------------------------------------------------------------- Arbetsyta ----------------------------------------------------------------------------------------- */ /* TOTAL PAGE WIDTH */ .section {max-width:1170px; margin:0 auto;} #topbar .section {position:relative;} #wrapper {width:100%; height:auto !important; min-height:100%; padding:0; margin-top:-7px;} /* HEADER */ .toplist {width:100%; height:45px; border-bottom:1px solid #183534; background:url(/bilder/butik/topbar.png) center top;} #topbar {width:100%; display:inline-block; z-index:1000;} .topbar.content {width:80%; float:left; padding:0 10px 0 0;} .topbar.content a {padding:0 10px;} .Kundtyp {float:right; margin:4px 40px 0 0;} #Kundtyp li {float:left; list-style:none; margin:0 3px 0 0;} #Kundtyp li.selected {background:#ccc;} #Kundtyp li a {color:#444 !important;} .header2 {min-height:115px;} .header {padding:0;} .logo {float:left; margin:10px 20px 5px 0;} .toppyta {float:right; margin:16px 0 0; min-width:395px; min-height:100px;} .inloggning {float:right; padding:0 20px; margin:30px 10px 0 10px; display:none;} .inloggning i {font-size:25px;} .mobilenav-icon {display:none;} #kundvagn {float:right; height:45px; padding:14px 10px; color:#222; z-index:5; min-width:140px;} /* MAIN */ #bodywrapper {background:url(/bilder/butik/mainbg.jpg) no-repeat center top;} #breadcrumb {margin:0 0 10px 0;} #breadcrumb a, #breadcrumb span {font-size:10px;} #main {position:relative;} /* FOOTER */ .footer-upper {margin:20px 0; padding:20px 0; border-top:1px solid #444; text-align:center;} .footer-upper-rad2 {margin:20px 0; padding:20px 0;} #footer-wrapper {position:relative; padding:10px 0 0 0; background:url(/bilder/butik/footerbg.png) no-repeat center bottom #252727; color:#999;} .prisjakt {border-top:3px solid #ddd; padding:15px 0;} .prisjakt2 {border:none;} .prisjakt br, .prisjakt img:nth-child(2) {display:none;} .prisjakt a {margin:0 0 0 5px;} .footerrad {padding:20px 0 !important;} .footer1 {text-align:center; border-top:1px solid #444;} .footer2 {padding:30px 0; background:#fff;} .footer4 {padding:30px 0;} .footer3 {border-top:1px solid #444; border-bottom:1px solid #444; padding:10px 0;} .footer2 div, .footer2 p {font-size:90%;} #footer-wrapper h3 {color:#ddd; font-size:30px; margin:0 0 20px 0;} #footer-wrapper a, #footer-wrapper p, #footer-wrapper div {color:#ddd; font-size:12px; line-height:19px;} .kundtjanstLank, .informationLank, .butikerLank, .landsLank, .favoriter, .presentkortMeny {float:left; position:relative;} .butikerLank {margin:0 20px;} .favoriter {margin-right: 20px;} .landsLank {margin-right:15px; margin-top:1px; cursor:pointer;} #landsval {min-width:inherit !important;} .kundtjanstLank a, .informationLank a, .butikerLank a, .favoriter a, .presentkortMeny a, .landsLank a {color:#fff !important; text-transform:uppercase; height:30px; line-height:45px; display:block;} #kundtjanst, #information, #butiker, #landsval {display:none;} #kundtjanst.active, #information.active, #butiker.active {display:block; position:absolute; top:45px; padding:5px 20px 10px; background:#333; z-index:50; min-width:200px;} #landsval.active {display:block; position:absolute; top:45px; padding:5px 20px 10px; background:#333; z-index:50; min-width:200px;} #owl-demo {float:none;} .personal img {box-shadow:0 0 6px #ccc;} .puffar3 {width:47.6% !important; margin-left:3.2% !important;} .puffar3 .col:first-child {margin-bottom:7.6% !important;} .Din_Sida_Onskelista_Wrapper, .Minsida_aterstall_losenord,.KassanSlutfort {background:#fff; padding:20px;} /* -------------------------------------------------------------------------------------------------- Avdelning Hemmaljud -------------------------------------------------------------------------------------------------- */ body.hemmaljud .sub-nav, body.hemmaljud .nav .section > ul > li.selected-top, body.hemmaljud .nav .section > ul > li.selected-top a, body.hemmaljud #L_100, #L_99, body.hemmaljud .nyhetsbrevsanmalan {background:#00afcd !important;} body.hemmaljud .nyhetsbrevsanmalan {background:url(/bilder/butik/nyhetsbrevbg.png) center top #00afcd !important;} body.hemmaljud .nyhetsbrevsanmalan .Knapp_Anmalan a {color:#00b8d6 !important;} body.hemmaljud .Lista .PT_Pris {background:url(/bilder/butik/prishemma.png) no-repeat !important; background-size:100% auto !important;} body.hemmaljud .Lista .PT_PrisKampanj {background:url(/bilder/butik/priskampanjhemma.png) no-repeat !important; background-size:100% auto !important;} body.hemmaljud .sub-nav #L190 {display:none;} body.hemmaljud .sub-nav #L191 {display:block !important;} .sub-nav #L191 {display:none;} body.hemmaljud #bodywrapper {background:url(/bilder/butik/mainbghemma.jpg) no-repeat center top !important;} /* -------------------------------------------------------------------------------------------------- Navigation / Menyer -------------------------------------------------------------------------------------------------- */ /* TEMPLATE-TOOLKIT MENU DROPDOWN */ .nav {width:100%; display:inline-block; height:45px; z-index:999; margin:-4px 0 0 0;} .main-nav {margin:-23px 0 0 0;} .sub-nav {width:100%; display:block; height:45px; z-index:999; background:#1464b0;} .nav .section li span.arrow {display: none;} .section > ul {list-style:outside none none;} .nav .section #level1 {float:left;} .nav .section > ul > li {border-right:2px solid #fff;} .main-nav .brandmenu li {border-right:none !important;} #L_100, #L_99 {border-right:none; background:#1464b0 !important; padding:0 0 0 10px;} #L_100, #L_99 {display:none;} .nav .section > ul > li, .nav .section ul.nav-menu > li > a {height:45px; line-height:45px; display:inline-block; float:left; padding:0; text-transform:uppercase;} .nav .section > ul > li.selected-top, .nav .section > ul > li.selected-top a {background:#1464b0; color:#fff !important;} .nav .section > ul > li > a,.nav .section > ul > li > span > a {padding:0 20px; display:block; color:#444; font-size:18px; background:#dedede;} .nav .section > ul > li > a:hover, .nav .section > ul > li > span > a:hover {background:#1464b0; color:#fff !important;} .nav .section ul li ul li a {width:100%; text-transform:uppercase; font-size:17px; text-shadow:0 1px 0 #444; display:block; height:45px;} .nav .section ul li ul li a:hover {border-bottom:3px solid #ddd;} .nav .section ul li ul li ul li a {text-decoration:none; text-transform:none;} .nav .section ul li ul li a, .nav ul li ul li > ul > li {padding:0; color:#fff;} .nav .section ul li ul li ul li a, .nav ul li ul li > ul > li > ul > li {color:#222;} .nav .section ul.Niva_1 {list-style: none;margin: 0;padding: 0;} .nav .section ul.Niva_1 > li {padding:0 10px; float:left;} .nav .section ul li ul.Niva_2 { width:100%; visibility: hidden; position:absolute; left:0; z-index:999; list-style:none; margin:0 0 0 0; padding:25px; background:#f5f5f5; box-shadow:0 2px 5px rgba(0, 0, 0, 0.30); -webkit-transition: all 0s ease 0.3s; -moz-transition: all 0s ease 0.3s; -o-transition: all 0s ease 0.3s; transition: all 0s ease 0.3s; } .nav .section ul li ul.Niva_2 .meny_img {width:150px; height:150px; border:1px solid #ddd; border-radius:80px; position:relative; background:#fff;} .nav .section ul li ul.Niva_2 .meny_img img {left:50%; max-height:100px; max-width:107px; position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} .nav .section ul li ul.Niva_2 a {font-size:20px; line-height:normal; text-shadow:none; margin:10px 0 0 0; height:auto; width:150px;} .nav .section ul li ul.Niva_2 a:hover {border:none;} .nav .section ul li ul li ul {width:100%; position:relative; padding:0;} .nav .section ul li ul li ul li {width:13.5%; float:left; padding:0; margin:0 3.8% 0 0; text-align:center; min-height:210px;} .nav .section ul li ul li ul li:nth-child(6n) {margin-right:0;} .nav .section .top ul li:hover ul {visibility:visible;} .nav .section ul.nav-menu > li > ul {top:44px;} .nav .section ul.nav-menu > li > a {padding:0 20px;} /* TEMPLATE-TOOLKIT MENU FIXED */ .nav-scroll {width:100%; height:45px; margin:0 auto; position:fixed; top:0; z-index:55;} .nav-scroll #kundvagn {margin:0 !important;} .nav-scroll #AIRvarukorg-Wrap {top:45px;} #topbar.scroll {padding:50px 0 0 0;} /* 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 {width:100%; display:inline-block;} .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 */ kampanjmenu {width:100%} .ruta.R-Toogle-area a, .nav-menu a {width:100%; height:20px; line-height:20px; display:inline-block;} .nav ul.nav-menu li a > ul {padding:5px;} .kampanjmenu ul ul, .nav-menu ul li a {padding:0px 0px 0px 10px} .nav ul li.emptyUl:hover ul {display:none;} /* KAMPANJMENY, VARUM€RKESMENY */ .nav ul li:hover ul {display:block;} .kampanjmenu .fa {display:none;} .kampanjmenu a {color:#444 !important; text-shadow:none !important;} .nav .nav-menu li ul {background:#ddd; display:none; list-style:none; margin:0; padding:10px; position:absolute; top:40px; width:220px; z-index:999;} .nav .nav-menu li a {display:table; color:#fff; height:40px; line-height:40px; padding:0 10px;} .nav .nav-menu li ul a {text-transform:none; display:table; width:100%;} /* SIDOMENY */ #WebbMeny {width:100%;} #WebbMeny li {list-style:none; margin:0 0 7px 0;} #WebbMeny ul ul {padding:0px 0px 0px 10px;} #WebbMeny a {width:100%; display:block;} .webbsidemeny .WebbMeny {border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 10px 0;} .bertkarlsson {width: 1400px; margin: 0 auto;} /* DIVERSE MENYKLASSER */ .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;} /* TOPPMENY */ .nav-topmenu {float:left; margin:0 20px;} .nav-topmenu a, #Kundtyp li a {float:left; color:#fff !important; display:block; line-height:45px; text-transform:uppercase;} .nav-topmenu a:last-child {border:none;} .nav-topmenu li a:hover, .nav-topmenu li a:active, .nav-topmenu a:hover, #Kundtyp li a:hover {} .nav-topmenu ul li ul > li:hover {background:#f1f1f1;} .nav-topmenu ul {list-style:none; float:left; padding:0px; margin:0px;} .nav-topmenu ul li, #Kundtyp li {float:left; border-right:1px solid #ccc;} .nav-topmenu ul li:last-child, #Kundtyp li:last-child {border:none;} .nav-topmenu ul li:hover > ul {display:block;} .nav-topmenu ul li ul {width:auto; width:200px; position:absolute; top:35px; background:#777 !important; padding:0px; display:none;} .nav-topmenu ul li ul li ul {top:0px; display:none; left:200px; width:200px;} .nav-topmenu ul li ul li {width:100%; border:none;} .nav-topmenu ul li ul li a {width:100%; float:left; color: #ccc !important;} /* -------------------------------------------------------------------------------------------------- Artikelgruppsmallar -------------------------------------------------------------------------------------------------- */ /* GENERELLA KLASSER */ .Artgrupp_header {margin:0 0 10px 0;} .ArtgrpHeadline {color:#222;} .Egen_Infogad_HTML {float:left; width:80%;} .Egen_Infogad_HTML h1 {padding:10px 10px 0 10px;} .Artgrp_Sorteringsordning, .Artgrp_Visningsformat {/*padding:0 10px 0 0;*/} .Artgrp_VisaFler {max-width:600x; float:left;} .Artgrp_VisaFler a, .Artgrp_VisaFlerArtiklar_Markerad {border:1px solid #ddd; display:inline-block; padding:0 5px; font-size:10px;} .filttoggle {display:none;} /* TOP OFFER */ .PT_Topoffer {width:100%; float:left; background:#fff; padding:20px;} .PT_Topoffer .Topoffer_Pris {padding:10px 0 0 0;} .PT_Topoffer td:first-child {/*width:23%;*/} .PT_Topoffer .Knapp_Kop_Tabell {float:left !important;} .PT_Topoffer .Knapp_Kop_Tabell td:first-child, .PT_Topoffer .Knapp_Info, .PT_Topoffer .Knapp_Info_Vanster, .PT_Topoffer .Knapp_Info_Hoger {display:none;} .Topoffer_Artikelnamn, .Topoffer_Artikelnamn a {color:#222 !important;} /* ENSKILD PRODUKT */ .PT_Wrapper_alla, .Bilder_Artikelgrupp, .PT_Wrapper_All {width:102%; margin:0 0 0 -1%;} .PT_Wrapper_All {float:left;} .Historik .PT_Wrapper {width:18%;} .PT_Wrapper {padding:10px; background-color:#fff; margin:1% !important; width:18%;} .Liknande .PT_Wrapper {width:31.2% !important;} .PT_Filter2 {width:23% !important;} .PT_WrapperGrupper {padding:10px; background-color:#fff;} .PT_Wrapper.col.span_1_of_4:nth-child(4n+1), .PT_Wrapper.col.span_1_of_5:nth-child(5n+1), .PT_Wrapper.col.span_1_of_6:nth-child(6n+1) {margin-left:0;} .PT_Bildruta {position:relative; min-height:160px;} .PT_Bildruta a {width:100%; line-height:120px; display:inline-block;} .PT_Bildruta img {vertical-align:middle; max-width:100%;} .PT_Bildruta a:hover {} .PT_Faktaruta {margin:10px 0 0 0;} .PT_Beskr {height:70px; /*margin:0px 0px 5px 0px;*/} .PT_Beskr a {color:#222 !important;} .PT_Varum {height:20px;} .PT_Varum a {color:#000;} .PT_Text_Kort {height:70px; margin:0px 0px 5px 0px;} .PT_Text_Kort br {display:none;} .PT_Text_Kort strong {font-weight:normal !important; font-family:open_sansregular !important; font-size:10px;} .Lista .PT_Pris {width:120px; height:77px; background:url(/bilder/butik/pris.png) no-repeat; position:absolute; right:-10%; top:75px; line-height:88px;} .Lista .PT_PrisKampanj {width:120px; height:77px; background:url(/bilder/butik/priskampanj.png) no-repeat; position:absolute; right:-10%; top:75px; line-height:88px;} .Lista .PT_PrisOrdinarie {text-decoration:line-through; display:block; position:absolute; right:0; top:90%; -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); -ms-transform:rotate(-11deg); -o-transform:rotate(-11deg); transform:rotate(-11deg); font-style:italic; font-size:20px !important; } .Lista .PT_Pris span, .Lista .PT_PrisKampanj span {color:#fff; display:block; font-size:30px; font-style:italic; -webkit-transform:rotate(-11deg); -moz-transform:rotate(-11deg); -ms-transform:rotate(-11deg); -o-transform:rotate(-11deg); transform:rotate(-11deg); } .PT_Knappar {} .PT_Knappar table td:first-child, .PT_Knappar table td:nth-child(2), .PT_Knappar table td:nth-child(3) {display:none;} .PT_Wrapper_All .PT_Pris {margin-left:0px;} .PT_Status {line-height:35px;} /* 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 {width:100%; display:block; float:left; margin: 0 0 5px 0; border:1px solid #f1f1f1; padding:5px;} /* Lista1 */ .Artikellista_wrapper .PT_wrapper.Lista:last-child {border-bottom:none; padding:0; margin:0;} .PT_wrapper.Lista {/*overflow:hidden;*/ margin:0 0 3px; padding:0 0 3px;} .PT_wrapper.Lista2, .PT_wrapper.Topplista {margin:0 0 10px; padding:10px; background:#fff; border:none;} .PT_wrapper.Lista .PT_Bildruta a {} .PT_wrapper.Lista .PT_Knappar {float:right;} .PT_wrapper.Lista .PT_Knappar a {font-size:16px !important;} .PT_wrapper.Lista .PT_Beskr {height:auto; /*margin-left:3%; width:52% !important;*/} .PT_wrapper.Lista .PT_Text_Kort {border-bottom:1px solid #ccc;} .PT_wrapper.Lista .col {margin-top:0px !important; margin-bottom:0;} .PT_wrapper.Lista .PT_Status {margin-top:10px !important;} .PT_wrapper.Lista .PT_Status .gillert {margin-right:3px !important;} .PT_wrapper.Topplista .PT_Beskr {padding:13px 0 0 0;} .PT_PrisOrdinarieLista {text-decoration:line-through; line-height:0; transform:rotate(-11deg);} .Lista .PT_Bildruta {position:relative; min-height:120px;} .Lista .PT_RundBild {border-radius:140px; border:1px solid #ccc; background:#fff; overflow:hidden; width:100%;} .Lista .PT_Bildruta img {} .Lista .PT_Bildruta a {line-height:70px;} .Lista .PT_PrisKampanj, .Lista .PT_Pris {position:absolute; top:50px; right:2px; width:78px; height:50px; background-size:100% auto; line-height:59px; z-index:1;} .Topplista .Lista .PT_PrisKampanj, .Topplista .Lista .PT_Pris {top:48px; right:-5px;} .Lista .PT_PrisKampanj span, .Lista .PT_Pris span {font-size:19px;} .Topplista .PT_Bildruta {width:100%; margin:0 auto;} .Topplista .PT_Bildruta img {border:none; border-radius:0; max-width:70%; max-height:inherit; position:absolute; top:45%; left:50%; margin-right:-50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);} .Topplista .PT_Beskr {text-align:center; margin:10px 0 0 0;} /* StdExtra */ .StdExtra .PT_Beskr a {font-size:100%;} .StdExtra .PT_Pris, .StdExtra .PT_PrisKampanj {font-size:14px;} .StdExtra .PT_Knappar .Knapp_Info {display:none;} /* Bilder artikelgrupper */ .Bilder_Artikelgrupp .PT_Wrapper {text-align:center;} .Bilder_Artikelgrupp .PT_Beskr {height:40px;} .Bilder_Artikelgrupp .PT_Bildruta img {max-height:110px;} /* -------------------------------------------------------------------------------------------------- Produktbeskrivning_Std.html -------------------------------------------------------------------------------------------------- */ .Faktablad {background:#fff;} /* BILDKOLUMN */ .Bildkolumn {position:relative; width:59%; padding:0 30px 30px;} .ProduktBild {width:100%; vertical-align:middle; text-align:center;} .BildZoomThumbnailsContainer {float:left; width:100%;} .BildZoomThumbnails {height:10%; float:left; margin:0 10px 3px 0;} .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnails a, .MediaPlay a {display:table-cell; 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/MediaPlay.png) no-repeat center center; } /* FAKTAKOLUMN */ .Faktakolumn {width:39.28%; padding:20px; margin:1% 0 1% 1.72%;} #VarumarkeFalt a {color:#222;} #ArtikelnamnFalt {font-size:48px; margin:0; position:relative;} #ArtikelnamnFalt::after {border-bottom:3px solid #000; content:""; left:0%; position:absolute; bottom:0px; width:70px;} #SubmitFalt {width:86%; margin:10px 0 0 0;float:left;} #PrisFalt .PrisAvd {margin:0 2px 0 0; color:#fff;} #PrisFalt .PrisREA {margin:0 15px 0 0; float:left;} .TextKort {padding:10px 0; margin:15px 0 0; /*overflow:hidden; height:167px;*/} .TextKort.toggle-ruta {height:inherit;} .TextKort .LasMer a, a.lasmera {font-style:italic; color:#1464b0; text-align:right; font-size:15px; text-decoration:underline;} .TextKort p {margin:0 !important;} #Avbetalning {margin:1px 0 0;} #Avbetalning br {display:none;} #AvbetFalt {background:url(/bilder/butik/klarna-v2.png) no-repeat; padding:0 0 9px 55px;} #AvbetFalt a {margin:0 0 0 2px; color:#000;} .TextKort br {display:none;} #FaltRader {/*border-top:1px solid #eee; border-bottom:1px solid #eee; padding:3% 0;*/} #FaltRader .span_1_of_1 {margin:0 !important;} .FaltRaderText {margin:0 3px 0 0 !Important;} #FaltRader {margin:0;} .TextKort li {} #VarumarkeFalt {margin-top:15px;} #OrderFalt {margin-bottom:10px;} #Produktinfo li {margin:0 15px;} .ProduktbeskrAntalvalTabell {float:left;} .ProduktbeskrAntalvalTabell .ProduktbeskrAntalvalText {display:none;} .ProduktbeskrAntalvalTabell,.Laggikorgen_Antalsfalt {width:13% !important; margin:10px 1% 0 0; height:50px; line-height:49px; text-align:center;} .Egenskaper_Tabell .Laggikorgen_Antalsfalt {width:100% !important;} .ProduktbeskrAntalvalTabell .Laggikorgen_Antalsfalt {background:#dedede; width:100% !important; height:50px; line-height:49px; border:1px solid #ccc; text-align:center; margin-top:0;} /*.TeknSpec_Tabell {width:100%; border:0; margin:0 0 10px 0; padding:0; border-spacing:0;}*/ .TeknSpec_Tabell {width:100%; border:0; margin:15px 0 10px 0; padding:0; border-spacing:0;} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger {padding:10px; background:#fff; color:#222;} .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {padding:10px; background:#f5f5f5; color:#222;} #FaltRader div div, #KampanjFalt div div {margin:0px;} .TextLang {display:none; border-bottom:1px solid #eee; padding:0 0 15px 0; margin:0 0 20px 0;} .wishlist {margin:0 0 5px 0 !important;} .prodtext {background:#fff;} .artikel_antal {display:none;} #OrderFalt .Set_Falt_Wrap br, #OrderFalt .Set_Falt_Wrap img {display:none;} #OrderFalt .Set_Falt_Wrap b, #OrderFalt .Set_Falt_Wrap select {float:left; width:100%; margin:0 0 3px 0;} #OrderFalt form br {display:none;} .Set_Falt_Wrap {margin:10px 0 0 0;} .kundomdWrapper {margin:0 0 20px 0; float:left;} #KundBetygRad {margin-top:2px;} #LevtidFalt {float:left; min-height:1px; padding:0 0 0 2.5%; width:50%;} #LevtidFalt a:before {font-family:FontAwesome; content:"\f017"; padding:0 8px 0 0;} #FraktFaltRad {float:left; width:50%;} #FraktFaltText:before {font-family:FontAwesome; content:"\f0d1"; padding:0 8px 0 0;} #prisjakt {float:right;} /* KAMPANJ */ #KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, #KampanjFalt4_Header, #KampanjFalt5_Header {} #KampanjFalt1Text, #KampanjFalt2Text, #KampanjFalt3Text, #KampanjFalt4Text, #KampanjFalt5Text {} /* VARIANTARTIKLAR */ .Egenskaper_Tabell {width:100%;} .Egenskaper_Tabell select {width:100% !important; background: #fff; border:1px solid #ccc; margin:0px 0px 5px 0px; padding:5px;} .ProduktbeskrAntalvalText .Laggikorgen_Antalsfalt,.Egensk_Antal.Laggikorgen_Antalsrad .f .Laggikorgen_Antalsfalt {height:25px; line-height:25px; width:100% !important; text-align:center; border:1px solid #F1F1F1;} .Laggikorgen_Antalsfalt {float:left; margin-left:-2px; border:none; background:#dedede !important; height:50px !important; line-height:49px !important;} .Egensk_Antal.Laggikorgen_Antalsrad .Frilangd_IT,.Egensk_Antal.Laggikorgen_Antalsrad label,.ProduktbeskrAntalvalRad.Enskild_Antal label {display:none;} .Egensk_Antal.Laggikorgen_Antalsrad {float:left; width:13%;} .Egnskr_Rad label {display:block;float:left;width:13%;line-height:33px;} .Egnskr_Rad .Egnskp {float:left;width:86%;} .Egnskr_Rad .Egnskp select {width:100%;} /* FLER ARTIKLAR */ .ExtraWrapper {padding-top:6px !important;} .ExtraWrapper h2 {border-bottom:1px solid #bbb; margin:0 0 15px 0;} .ExtraWrapper .Lista .PT_Status {display:none;} /* .ExtraWrapper .Lista .Knapp_Kop a {text-indent:-9999px; overflow:hidden; max-width:50px;} .ExtraWrapper .Lista .Knapp_Kop a::before {content:"Köp"; display:block; text-indent:0;} */ /* -------------------------------------------------------------------------------------------------- Flikar / Produktext -------------------------------------------------------------------------------------------------- */ .ProduktinfoFlikWrapper {width:100%; height:35px; float:left;} .ProduktinfoFlik {} .ProduktinfoFlik tbody tr td {float:left;} #FlikBetyg {display: none;} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a {line-height:19px; display:block; padding:0 15px 0 0; margin:0;} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a {color:#444;} .Flik_Beskr_Normal a:hover, .Flik_Beskr_Markerad a:hover, .Flik_Normal a:hover, .Flik_Markerad a:hover, .Flik_Beskr_Markerad a {background:#fff;} #Produktinfofalt {width:100%; float:left; margin:10px 0 0;} .kundomdWrapper #ProduktinfoOvrigt,#Produktinfofalt #Produktinfo {display: block !important;visibility: visible !important;} /* -------------------------------------------------------------------------------------------------- Inloggning -------------------------------------------------------------------------------------------------- */ .inloggning a.login {color:#fff;} .inloggningsruta h4 {text-transform:uppercase; margin:0 0 5px 0;} .inloggningsruta li {list-style:none; margin:0 0 10px 0;} .inloggningsruta {display:none; position:absolute; top:70px; right:0; padding:15px; margin:0; z-index:5;} .inloggningsruta a {width:100%; padding:0px; display:block; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #eee; text-transform:uppercase; font-size:13px;line-height:20px;} .inloggningsruta .Moms {white-space:nowrap;} .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;} /* -------------------------------------------------------------------------------------------------- Knappar -------------------------------------------------------------------------------------------------- */ /* K…PKNAPPAR */ .Knapp_Kop_Tabell_Artikel {width:100%;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a, .FormularKnapp a {width:100%; height:48px; line-height:48px !important; padding:0 !important; float:left; box-shadow:0 3px 0 #388137;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right;} .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;} /* KNAPPAR */ .Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Sok_Produkt, a.medskick_add {height:32px; line-height:32px; border:0px; padding:0px 10px; float:left;} /* S…KKNAPPAR */ .Knapp_Sok {width:10%; float:right; position:relative;} .Knapp_Sok_Produkt {width:100%; height:30px; position:relative; background:transparent; z-index:99;} /* ICON BUTTONS */ #SubmitFalt .icon-shopping-cart {padding:11px} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} /* -------------------------------------------------------------------------------------------------- Varukorg -------------------------------------------------------------------------------------------------- */ .Varukorg {float:left;} #kundvagn .fa-shopping-cart {font-size:22px; margin:-6px 5px 0 0; text-align:center; float:left;} #AIRvarukorg-Wrap {width:470px; position:absolute; right:0px; top:45px; padding:10px; background:rgba(255, 255, 255, 0.96); color:#000; z-index:1005;} .TillKassan {float:right; margin:0 0 0 5px;} .TillKassan a {height:45px !important; line-height:45px !important; background:#47a247; box-shadow:none; border-radius:0 !important;} .Checkout, #share_cart {width:35%; float:right; margin:5px;} a.CartButton, .Checkout a, .TillKassan a, #share_cart a {width:100%; display:block; height:25px; line-height:25px; padding:0px 15px; text-align:center; color:#222; text-transform:uppercase;} .Varukorg span {text-align:center; margin:0 0 0 4px; display:block; float:left; color:#fff !important;} .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; margin:0 10px 0 0; color:#fff !important;} #AIRvarukorg-Wrap i {display:none} .Varukorg .AIRvarukorg-Arrow {} .Varukorg .AIRvarukorg-Qty {} .Varukorg .AIRvarukorg-Text {} .Varukorg .AIRvarukorg-Sum {} #AIRvarukorg-Wrap .Rem{float:right !important} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add {width:5%; cursor:pointer; float:left; margin:3px 2px 0 2px; height:20px; line-height:20px; text-align:center; } #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 {width:100%; border-bottom:1px solid #eee; display:inline-block; padding:1%; } #AIRvarukorg-Wrap .Rabatt {color:#CD3928; float:left; font-size:10px; line-height:normal; margin:-17px 0 0;} .SumTxt {margin:0 5px} #AIRvarukorg-Wrap .DescrWrap {width:50%} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price {float:left; margin:5px 2px 0 2px;} #AIRvarukorg-Wrap .TxtWrap .Price {width:21%; text-align:center;} #AIRvarukorg-Wrap .TxtWrap input {width:30px; height:25px; float:left; background:#ddd; border:0 none; margin:0px 2px 0; padding:0; line-height:normal; text-align:center;} #AIRvarukorg-Wrap .Footer .SumWrap {width:50%; float:left; line-height:35px;} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum {float:left;} .Varukorg .Checkout a {margin:5px 0;} /* -------------------------------------------------------------------------------------------------- Sškruta -------------------------------------------------------------------------------------------------- */ .soktoggle {float:right; cursor:pointer; margin:30px 0 0 10px; color:#fff; display:none;} .soktoggle i {font-size:25px;} .sokrutan {width:23%; float:right; margin:21px 0 0 10px;} .sokrutan.active {width:100%; display:block !important; z-index:20; box-shadow:0 2px 5px rgba(0, 0, 0, 0.30);} .Sokfalt { width:80%; height:50px !important; line-height:50px !important; float:left; padding:0 15px !important; background:#fff; border:2px solid #0962b2 !important; border-radius:30px 0 0 30px !important; font-size:22px !important; } .Sokknapp {width:20%; height:50px; line-height:50px; float:left; border:none; background:url(/bilder/butik/sokknapp.png) no-repeat #0962b2; border-radius:0 30px 30px 0;} #LSS_Result {width:100%; position:absolute; right:0; top:111px; background:rgba(255, 255, 255, 0.96); border:0 none; padding:2%; } #LSS_Result div.section {} #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_Artiklar .Bild {width:100%; height:80px; line-height:80px; margin:0 0 5%; overflow:hidden; padding:0 5%; text-align:center;} .LSS_Artiklar .Bild img {max-width:100%; max-height:100%;} /* -------------------------------------------------------------------------------------------------- Startsida -------------------------------------------------------------------------------------------------- */ .startpage {} .startprodukter {margin:0; background:#eee; border-top:3px solid #fff;} .startprodukter h2 {padding:10px 0; margin:20px 0 0 0; text-align:center; text-transform:uppercase; color:#666;} .startpage2 {padding:10px 0; margin:20px 0 10px 0;} .startkolumn {float:left; margin:0 1.2% 0 0; width:49.4%;} .startkolumn:last-child {margin:0;} .startlistor {background:url(/bilder/butik/bgnyaprodukter.jpg) center top no-repeat ; background-color:#ddd; border-top:2px solid #ccc; padding:10px 0 0;} .start2 .col {margin-top:0; margin-bottom:0;} .col.start2 {margin:15px 0;} /* -------------------------------------------------------------------------------------------------- Produktomdšme -------------------------------------------------------------------------------------------------- */ .omdomen {width:100%; border-bottom:1px solid #eee; margin:0 0 4% 0; padding:0 0 4% 0;} .omdomen:last-child {border:none;} .omdomen .omdomenNamn {float:left; margin:0 2% 0 0;} .omdomen .omdomenBetyg {float:left;} .omdomen .omdomenDatum {color:#888;} .omdomen .omdomenKommentar {margin:5px 0 0 0;} .omdomenKnapp {margin:5px 0 15px 0;} /* -------------------------------------------------------------------------------------------------- VarumŠrken -------------------------------------------------------------------------------------------------- */ .Varum_Grupperad {background:#fff;} .Varum_Grupperad:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .Varum_Grupperad div {width:100%; float:left; border-top:10px solid #eee; padding:10px 0;} .Varum_Grupperad div h2 {width:7%; height:60px; float:left; font-weight:normal; font-size:45px; margin:0 0 0 15px;} .Varum_Grupperad div ul {width:90%; float:left; } .Varum_Grupperad div ul li {width:50%; line-height:25px; float:left; list-style:none; text-transform:uppercase;} /* -------------------------------------------------------------------------------------------------- NyhetsbrevsanmŠlan -------------------------------------------------------------------------------------------------- */ .nyhetsbrev {border:2px solid #fff;} .nyhetsbrevsanmalan {margin:0 auto; background:url(/bilder/butik/nyhetsbrevbg.png) center top #f15922; padding:30px 0; border-top:3px solid #ddd; position:relative;} .nyhetsbrevsanmalan input {width:80%; height:45px !important; line-height:45px !important; font-size:17px !important; float:left; border:none !important; padding:0 0 0 20px !important; -webkit-appearance:none; border:none; background:transparent !important;} .nyhetsbrevsanmalan input:focus {box-shadow:none; border:none;} .nyhetsbrevsanmalan .Knapp_Anmalan {width:20%; float:left;} .nyhetsbrevsanmalan .Knapp_Anmalan a {width:100%; height:45px; line-height:50px !important; text-align:center; background:#fff; display:block; border-radius:0 20px 20px 0;} .nyhetsbrevsanmalan p::before {border-top:3px solid #fff; content: ""; left:48.7%; position:absolute; top:72px; width:60px;} #footer-wrapper .nyhetsbrevsanmalan .cf {margin:5px 0 0 0;} #footer-wrapper .nyhetsbrevsanmalan input {width:70%; font-size:90%; background:transparent; border:1px solid #555;} #footer-wrapper .nyhetsbrevsanmalan input:focus {border:1px solid #ccc;} #footer-wrapper .nyhetsbrevsanmalan .Knapp_Generell {width:29%;} #share_mail span, #share_mail input, #share_mail textarea {width:100%; display:block; margin:0 0 5px;} #share_mail input, #share_mail textarea {margin:0 0 12px;} #share_mail h3 {text-align: center;} #share_mail .user_mess {margin:0 0 10px 0;} /* -------------------------------------------------------------------------------------------------- Typografi -------------------------------------------------------------------------------------------------- */ /*Bebaus Neue fonts used on this site comes from Fontfabric (http://www.fontfabric.com)*/ @font-face { font-family: 'bebas_neuebold'; src: url('/includes/fonts/bebasneue_bold-webfont.eot'); src: url('/includes/fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('/includes/fonts/bebasneue_bold-webfont.woff') format('woff'), url('/includes/fonts/bebasneue_bold-webfont.ttf') format('truetype'), url('/includes/fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neueregular'; src: url('/includes/fonts/bebasneue_regular-webfont.eot'); src: url('/includes/fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('/includes/fonts/bebasneue_regular-webfont.woff') format('woff'), url('/includes/fonts/bebasneue_regular-webfont.ttf') format('truetype'), url('/includes/fonts/bebasneue_regular-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuebook'; src: url('/includes/fonts/bebasneue_book-webfont.eot'); src: url('/includes/fonts/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/bebasneue_book-webfont.woff2') format('woff2'), url('/includes/fonts/bebasneue_book-webfont.woff') format('woff'), url('/includes/fonts/bebasneue_book-webfont.ttf') format('truetype'), url('/includes/fonts/bebasneue_book-webfont.svg#bebas_neuebook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('/includes/fonts/OpenSans-Regular-webfont.eot'); src: url('/includes/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/includes/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/includes/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* FONTER */ html, body {font-family:'Arimo', Arial, Helvetica, sans-serif; background:#101010; color:#111;} p, td, ul, select, input, textarea, .PT_Text_Kort, .TextKort .LasMer a, a.lasmera {font-family:'Arimo', Arial, Helvetica, sans-serif; color:#111;} .nav ul li a, #topplist h2, .inloggningsruta h4, .PT_Pris_Text, .ruta .PrisBOLD, .PrisBOLD, .PrisREA, .PT_PrisNu, .Artikellista_PrisKampanj, .Snabbkassa_Varningsmeddelande, .rubriker, .PT_Pris, .PT_PrisKampanj, .PT_Antalsfalt, .artikel-topplista-text p, .Artikellista_Beskr a, .Knapp_Sok_Produkt, .MARKERAD, .MARKERAD a, .Snabbkassa_Flik_Normal, .inloggningsruta p, .nav li.active > a, .nav li.active-parent > a, a.Webbsida_Toppmeny_Markerad, .bloggkommentar_rubrik, .Topoffer_Pris, h1, .PT_Beskr, #ArtikelnamnFalt, .ArtgrpHeadline, .inloggningsruta a, .nav .section ul li ul li a, .nav ul li ul li > ul > li, .Topoffer_Artikelnamn a, #footer-wrapper h3, .Filt .Beskr span, .Snabbkassa_Artiklar_FyndaIKassan h2, .PT_PrisKampanjLista span, .PT_PrisLista span, .startprodukter h2, .startlistor h2, .nyhetsbrevsanmalan h3, .nav .section ul li ul.Niva_2 a, #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price, .Set_Falt_Wrap b, .nyhetsbrevsanmalan .Knapp_Anmalan a, .RubrikText,.Medskick_OrdPris, input#Pnr, .bet_tabs a, .Lagerplats_Ruta, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .iseefire, #share_mail h3 {font-family:bebas_neuebold; font-weight:normal !important;} h2, .toplist a, .nav-topmenu a, .Varukorg span, .AIRvarukorg-Text p, #AvbetFalt, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .TillKassan a, .Laggikorgen_Antalsfalt, .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a, #WebbMeny a, .KopInfoWrapper h3, .PT_PrisOrdinarie, .PT_PrisOrdinarieLista, .PrisORD, .wishlist, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .prisjakt, .footer1, .webbsidemeny h4, .nav .section ul li ul li a, .usp li, #AIRvarukorg-Wrap .Footer .SumWrap, #BetalningsmetoderRam span a, #FraktmetoderRam span a, .Sokfalt, .SumInkInfo, #SumInkInfo *, .SumInkPris *, .LankLoggain i, #LankKassanAngeAdress i, .hover-dover-mother p, .hoverknapp a, a.medskick_add, .i_butik, .saldo_butik ul li, .ExtraWrapper h2, #ArtnrFaltRad, .Login_Felaktig, .filttoggle, .VisaFler, .artikel_i_lager, #KundBetyg a, .satt_betyg_wrapper b, .pop_lank, .Snabbkassa_Varukorg_Tabell_Rad td, .Snabbkassa_Varukorg_Tabell_Rad a, #share_cart a, .dela a, .dela input, .delad p, .BreadCrumb, .BreadCrumbActive, #LevtidFalt a, #FraktFaltText, #FraktFalt a, .FormularKnapp a, #share_mail span, .share_mail_btn, #more_of_it {font-family:bebas_neueregular; font-weight:normal !important;} #FraktmetoderRam span a b {font-family:bebas_neueregular !important; font-weight:normal !important;} .webbsidemeny #WebbMeny a, .webbsidemeny .WebbMenyMarkerad, .TextKort, .TextKort *, .bloggHeader_topp a, .bloggkommentarsfalt_kommentar1, .bloggkommentarsfalt_namn1v2 {font-family:bebas_neuebook; font-weight:normal !important;} /* FONTSTORLEKAR */ h1, h2, h3, h4 {font-weight:normal !important;} h1 {font-size:35px; font-weight:normal !important; margin:0 0 10px 0; line-height:normal;} h2 {font-size:20px; margin:0 0 5px 0;} h3 {font-size:18px; margin:0 0 5px 0;} h4 {font-size:15px;} h2.Rubrik_Varukorg span {font-size:48px !important} #PrisFalt .PrisBOLD, #PrisFalt .PrisREA, #PrisFalt .PrisBOLDv, .PrisREAv, #PrisFalt .PrisORD, #PrisFalt .PrisORDv {font-size:40px;} .ArtgrpHeadline, .nyhetsbrevsanmalan h3, .Kassan h2 span, .SumInkPris *, .blogginlagg_rubrik_generell h2 {font-size:32px;} .Topoffer_Artikelnamn, .Topoffer_Artikelnamn a, .PT_Topoffer .Topoffer_Pris, .startlistor h2, .startprodukter h2, #share_mail h3 {font-size:30px !important;} .ExtraWrapper h2, .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span, .Knapp_Kop_Tabell_Artikel a, .Rubrik_Medskick span, .startlistor h2 i, .hover-dover-mother p, .bestallningsknapp {font-size:25px !important;} .Bestall_Ejkomplett { background-color: #fff; padding: 10px; } .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsfalt, #SubmitFalt, .Snabbkassa_Varukorg_Tabell_Rad .Pris b, .Snabbkassa_Medskick_PrisFaltTot, .hoverknapp a, .webbsidemeny h4, .dela a, .dela input {font-size:22px;} h2#BreadC, .TextKort, .TextKort *, .nyhetsbrevsanmalan .Knapp_Anmalan a, #KnappAdresshamtningKreditor .Knapp_Generell_Tabell a, .Snabbkassa_Varukorg_Tabell_Rad_Beskr,.SumInkInfo, #SumInkInfo *, .PT_Beskr a, .wishlist, #KundBetyg a, .delad p, .FormularKnapp a, #share_mail span {font-size:20px;} input#Pnr, .TextKort span {font-size:20px !important;} .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, #FraktmetoderRam span a b, .share_mail_btn {font-size:18px !important;} #PrisFalt, .kundtjanstLank a, .informationLank a, .butikerLank a, .favoriter a, .presentkortMeny a, .nav-topmenu a, #Kundtyp li a, .Varukorg span, .TillKassan a, .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a, #WebbMeny a,.PT_PrisKampanj, .PT_Pris, .PT_PrisOrdinarie, .Antal_Artiklar_I_Onskelistan, .prisjakt, .webbsidemeny h4, #AIRvarukorg-Wrap .TxtWrap .Price, .AIRvarukorg-Text p, #BetalningsmetoderRam span a, #FraktmetoderRam span a, .nyhetsbrevsanmalan input, .Medskick_OrdPris, .LankLoggain i, #LankKassanAngeAdress i, #LankKassanAngeAdress i b, .Knapp_Kop a, .Knapp_Info a, .bet_tabs a, a.medskick_add, .i_butik, .Lagerplats, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, #ArtnrFaltRad div, .satt_betyg_wrapper b {font-size:18px;} .PrisREA, .PrisORD, .VGPrisStor, .rubrikPris, .rubriker i, .SumTxt, .Sum, .sokrutan i, .Knapp_Generell a, .Knapp_Sok_Produkt, .PT_PrisKampanjLista span, .PT_PrisLista span, .webbsidemeny #WebbMeny a, #WebbMeny a span, .webbsidemeny .WebbMenyMarkerad, .usp li, .Checkout a, .Set_Falt_Wrap b, .Sokfalt, .nyhetsbrevsanmalan p, .Rabatt_Pris a span, .Snabbkassa_Varukorg_Tabell_Rad i, #LevtidFalt a, #FraktFaltText, #FraktFalt a {font-size:16px;} .Artikellista_PrisKampanj, .Artikellista_Pris, .Artikellista_PrisStafflade, .ruta, .Snabbkassa_Flik_Normal, #AvbetFalt, .PT_PrisOrdinarieLista, .footer1, #AIRvarukorg-Wrap .DescrWrap div, #Klarna_InvoiceContainer a, #Klarna_PartpaymentContainer a, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Hoger {font-size:14px !important;} .PT_Text_Kort, .Egen_Infogad_HTML, .Egen_Infogad_HTML p {font-size:13px;} .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 {font-size:10px;} .toplist .fa, .toplist a .fa {font-size:18px !important; line-height:26px !important;} /* F€RGER */ a:link, a:active, a:visited, #more_of_it {color:#0962b3;} .Knapp_Kop a, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .bestallningsknapp, a.CartButton, .Checkout a, .Checkout a:hover, .TillKassan a, #kundtjanst p, .nyhetsbrevsanmalan input, .nyhetsbrevsanmalan h3, .nyhetsbrevsanmalan p, .hover-dover-mother p, a.medskick_add, .FormularKnapp a {color:#fff !important;} #breadcrumb a, #breadcrumb {color:#999;} .PT_PrisOrdinarie, .PT_Pris_Text, .PrisORD, .Sokfalt, .soktoggle i:hover, .ExtraWrapper h2, #Klarna_InvoiceContainer a, #Klarna_PartpaymentContainer a, #BetalningsmetoderRam span a, #FraktmetoderRam span a {color:#111 !important;} .Snabbkassa_Varukorg_Tabell_Rad .Pris b, input#Pnr, .Betalning .bet_tab a, .webbsidemeny h4, #LevtidFalt a, #FraktFaltText, #FraktFalt a, .iseefire {color:#222} .PrisPROCENT, .PrisREA, #PrisFaltStafflade, .Artikellista_PrisKampanj, .Snabbkassa_Varningsmeddelande, .kampanjmenu a, .PT_PrisKampanjLista span {color:#e90303} .Sokfalt {color:#0962b1 !important} .nyhetsbrevsanmalan .Knapp_Anmalan a {color:#f15922} .hoverknapp a {color:#000;} .SumInkInfo {color:#777;} #ArtnrFaltRad {color:#999;} .startlistor h2, .startprodukter h2 {color:#666666;} .toplist .fa, .toplist a .fa {color:#eee !important;} /* SPECIELLA FONTEGENSKAPER */ .PrisORD, .artikel-topplista-pris p, .PT_PrisOrdinarie {text-decoration:line-through} .navigation_typ_ul_li_kategoriersaknas, .Login-password a.forgotpassword, .date, .bloggkommentar_tid {font-style:italic;} .PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .PT_Bildruta a, .Antal input, .PT_Bildruta img, .Artikellista_PrisStafflade, .BildZoomThumbnails a, .BildZoomThumbnails img, .startlistor h2, .FormularKnapp a, #share_mail h3 {text-align:center;} .Artikellista_PrisKampanj, .Artikellista_Pris, .comment {text-align:right;} .fa-star {color:#fff; text-shadow:0 0 1px #000;} a.login, .bestallningsknapp, .Snabbkassa_Flik_Normal, .kampanjmenu li > a, .inloggningsruta p, #SubmitFalt a, .nav ul#level1 > li > a {/*text-transform: uppercase;*/} .kampanjmenu li ul li a {text-transform: none;} .bestallningsknapp, .R-Toggle, .Knapp_Sok_Produkt {cursor:pointer;} a.forgotpassword {line-height:normal !important;} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster {text-transform:uppercase;} .Betalning .active_tab a {text-shadow:1px 1px 1px #333;} #Adressblock i b {font-weight:normal !important;} .Medskick_Val i {font-style:normal !important;} .ArtgrpHeadline {margin:5px 0 5px 0;} .startlistor h2 {margin:0 0 20px 0;} .startlistor h2 i {margin:0 5px 0 0;} .nyhetsbrevsanmalan p {margin:20px 0;} .webbsidemeny h4 {margin:10px 0;} /* BAKGRUNDSF€RGER */ .GodkannaVillkorochBestallningsknappRam {background:#D8EBCA;} p#KreditorInfo, .Snabbkassa_Presentkort i {} .inloggningsruta, #toplineWrapper {background:#fff;} #ListaOmArtiklarSaknas li a, .nav > ul > li.active, .nav > ul > li:hover, .nav > ul > li.active-parent {background:#ccc;} #ListaOmArtiklarSaknas li a:hover {color:#444;} /* KNAPPAR */ .Knapp_Generell a, .Knapp_Info a { background: #3b3b3b; /* FALLBACK */ background-image: #3b3b3b; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to444); background-image: -webkit-linear-gradient(top, #3b3b3b, #444); background-image: -moz-linear-gradient(top, #3b3b3b, #444); background-image: -ms-linear-gradient(top, #3b3b3b, #444); background-image: -o-linear-gradient(top, #3b3b3b, #444); } .Knapp_Generell a:hover, .Knapp_Info a:hover {background:#555;} .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, a.medskick_add, .FormularKnapp a {background:#47a247; box-shadow:0 3px 0 #388137;} .Knapp_Kop a:hover, a.CartButton:hover, .Checkout a:hover, .bestallningsknapp:hover, .TillKassan a:hover, .FormularKnapp a:hover {background:#5bae5b !important;} #share_cart a, .share_mail_btn {background:#f15922; border-radius:3px; box-shadow:0 3px 0 #c7491b; color:#fff; font-size:16px; line-height:29px; border:none;} .dela a, .dela input {width:100%; height:50px; line-height:50px; display:block; text-align:center; color:#fff !important; background:#444; border:none;} .delaFB a {background:#1464b0;} .delaEpost a {background:#f15922;} .delaVarukorg input {background:#47a247;} .delaFB a:before {font-family:FontAwesome; content:"\f09a"; padding-right:5px;} .delaEpost a:before {font-family:FontAwesome; content:"\f0e0"; padding-right:5px;} .delaVarukorg input:before {font-family:FontAwesome; content:"\f217"; padding-right:5px;} #KnappAdresshamtningKreditor .Knapp_Generell_Tabell a {height:48px; line-height:54px; background:#f15922 !important; box-shadow:0 2px 0 #c7491b; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; margin:-3px 0 0 -6px;} .Presentkortsruta .Knapp_Generell a {background:#bbb; box-shadow:0 2px 0 #959595; border-radius:0 3px 3px 0;} .PS_Tabell .Laggikorgen_Antalsfalt {width: 52px!important; line-height: 33px!important; height: 34px!important; margin: 9px;} ul.Demolager_Saldo li {list-style: none; display: inline-block; margin-right: 10px; padding-left:20px; font-family: bebas_neueregular; font-weight: normal !important; background: url(/bilder/butik/i-lager.png) no-repeat left center;} ul.Demolager_Saldo li:before {} .Demolager_Fras {font-size: 20px; margin-bottom: 5px; width: 100%; float: left; } .Demolager { font-family: bebas_neueregular; font-weight: normal !important; padding: 10px; clear: left; border: 1px solid #ddd; margin: 10px 0 5px 0} /* -------------------------------------------------------------------------------------------------- Variabler -------------------------------------------------------------------------------------------------- */ .none {display:none;} .mellangra {background:#e4e4e4;} .mellangra2 {background:#e3e3e3;} .center {text-align:center;} .white {background:#fff;} .webbsidor {max-width:700px;} .ten {padding:10px;} .twenty {padding:20px;} .notopmarg {margin-top:0;} /* -------------------------------------------------------------------------------------------------- Blandat -------------------------------------------------------------------------------------------------- */ .ProduktbeskrAntalvalTabell .Laggikorgen_Antalsfalt, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .TillKassan a, .hoverknapp, a.medskick_add, .saldo_wrap {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .nyhetsbrev {-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} .PT_Wrapper, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp { -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; } .inloggningsruta, .kundtjanstruta, .PT_Wrapper:hover, #AIRvarukorg-Wrap, .nav > ul > li > ul, #LSS_Result { -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); } .saldo_wrap, #FaltRader {height:43px; line-height:43px; clear:left; border:1px solid #ddd; margin:0 0 10px;} .fatal {width:50%; min-height:1px; float:left; padding:0 0 0 2%;} .saldo_butik {float:left; width:50%;} .art_i_fatal {background:url(/bilder/butik/fatal.png) no-repeat left center; padding:0 0 0 30px; height:41px; line-height:41px; display:block; font-size:20px;} .art_i_lager {background:url(/bilder/butik/finnsilager.png) no-repeat left center; padding:0 0 0 30px; height:41px; line-height:41px; display:block; font-size:20px;} .saldo_butik .i_butik {text-transform:uppercase; float:left; width:25%; line-height:41px} .saldo_butik ul {width:101%; list-style:none; margin:-3px 0 0 -1px; padding:5px 0 0 10px; display:none; position:absolute; border:1px solid #ddd; background:#f8f8f8; z-index:1;} .saldo_butik ul li {line-height:30px;} .saldo_butik .Lagerplats_Ruta {height:41px; border-left:1px solid #ddd; background:#f8f8f8; cursor:pointer; display:inline-block; width:75%; float:left; position:relative;} .saldo_butik .Lagerplats_Ruta .descr {display:block;padding: 0 2% 0 4%;} .saldo_butik .Lagerplats_Ruta .descr .Lagerplats {font-size:18px; margin:0 0 0 4px;} .saldo_butik .Lagerplats_Ruta .descr i {float:right; line-height:41px; margin-right:2%;} .saldo_butik .Lagerplats_Ruta .descr div {display:inline-block; line-height:41px;} .saldo_butik .Lagerplats_Ruta .descr .Ikon_Lager_Positiv,.saldo_butik .Lagerplats_Ruta .descr .Ikon_Lager_Negativ {display:none; width:15px; height:12px; margin:0 0 0 5px;} .saldo_butik .Lagerplats_Ruta .descr .Ikon_Lager_Positiv_After,.saldo_butik .Lagerplats_Ruta .descr .Ikon_Lager_Negativ_After {display:inline-block;} .clearfix::after {clear: both;} .clearfix::before, .clearfix::after {content: ""; display: table; line-height: 0;} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] { background-color:#fbfbfb; 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; color:#555; display:inline-block; font-size:14px; height:33px; line-height:33px; padding:6px; transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align:middle; } textarea {min-height:100px;} input:focus, select:focus, textarea:focus {border-color:rgba(82, 168, 236, 0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline:0 none;} .hover-dover {width:100%; height:0; overflow:hidden; -webkit-transition:height 0.5s ease; -moz-transition:height 0.5s ease; transition:height 0.5s ease; background:url(/bilder/butik/hoverdover.jpg) no-repeat center top; background-color:#f15922; text-align:center; position:relative;} .hover-dover.show-it {height:500px;} .hover-dover h1 {color:#fff; font-size:56px; padding-bottom:4%;} .hover-dover-mother {left:50%; margin:0; position:absolute; top:50%; -webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%); max-width:480px;} .hover-dover-mother p {max-width:80%; margin:2% auto 6%; position:relative;} .hover-dover-mother a {display:block;} .hover-dover-mother .hoverknapp {width:47%; float:left; text-align:center; height:50px; line-height:50px; background:#fff; border-bottom:3px solid #d9d9d5;} .hover-dover-mother .hoverknapp:first-of-type {margin-right:6%;} .hover-dover-mother p::before {border-top:5px solid #fff; content: ""; left:41%; position:absolute; top:-25px; width:18%;} .gillert {margin:0 10px 0 0;} .Gillert {background:url(/bilder/butik/gilla.png) no-repeat; padding-left:30px; height:22px; display:inline-block; font-size:20px; text-transform:uppercase; line-height:26px; font-family:bebas_neueregular; font-weight: normal !important; margin:0 0 0 7px;} .Gillert.harGillat {background:url(/bilder/butik/gillat.png) no-repeat;} .AntalGillert, .Gillert2 {display:none;} .Gillert2.harGillat {display:none;} .dimmer {background:#000 none repeat scroll 0 0; height:4440px; opacity:0.5; position:absolute; width:100%; z-index:1000; display:none;} .dimmer.dim-it {display:block;} .dimmer2 {background:#000 none repeat scroll 0 0; opacity:0.5; position:absolute; width:0; top:0; height:0;} .Niva_1 .selected {background-image: none;} .Egenskaper_Tabell .Laggikorgen_Antalsrad {display:none;} .Filt .lblVarde strong {font-size: 10px;} .Filter_Tag_Slider_Range .Filt span {background: none;} /* Filter temporärt - vid uppdatering från v2 till v3 på skarpa - 16nov - 18 MaS */ .Filter_Slider, .Filter_Checkbox {margin-bottom: 10px;} .Filter_Checkbox .checkbox_wrapper > label { display: block; cursor: pointer; } .Filter_Slider .Filter_Titel, .Filter_Checkbox .Filter_Titel { font-size: 30px; color: #222; text-transform: uppercase; font-weight: bold; font-family: bebas_neuebold; font-weight: normal !important; } .Filter_Slider > label {display: block;} .ui-slider-horizontal .ui-slider-range {} /*-------------------------------------------------------------------------------------------------- Konverteringsförändringar inlagda 2017-01-10 --------------------------------------------------------------------------------------------------*/ /* HEADER */ @media screen and (min-width:901px) { #topbar>.toplist, #topbar>.toplist.nav-scroll { width: 100%; height: 45px; margin: 0 auto; position: fixed; top: 25px !important; z-index: 55; } #topbar .sokrutan { margin: 0; margin-left:16%; float: left !important; } #topbar .sokrutan #LSS_Result { top:45px !important; } #LSS_Result .LSS_Artiklar .LSS_Artikel>.LSS_Art_Text, #LSS_Result .LSS_Category>.LSS_Artikelgrupper>li>a { font-family: 'Arimo', Arial, Helvetica, sans-serif !important; } #topbar .sokrutan #sokterm { height: 35px !important; margin-top: 4px; line-height: normal !important; } #topbar .sokrutan #Sokknapp { height: 35px !important; margin-top: 4px; background-position:0 -7px; cursor:pointer; } #topbar>.topbarcontent { margin-top: 70px; } #topbar>.topbarcontent>.header2>.toppyta { display:none; } #topbar>.toplist>.section>.nav-topmenu.nomobile { display:none; } .sg-header-perks { background-color:#333; width: 100%; height:25px; position: fixed; top: 0; z-index: 55; width:100%; } .sg-header-perks>ul { max-width: 1170px; padding:0; margin: 0 auto; margin-top:5px; } .sg-header-perks>ul>li { display:inline-block; margin-right:10px; } .sg-header-perks>ul>li:nth-of-type(1), .sg-header-perks>ul>li:nth-of-type(2) { margin-right:70px; } .sg-header-perks>ul>li:last-child { margin-right:20px; } .sg-header-perks>ul>.sg-service { float:right; } .sg-header-perks>ul>.sg-service>.kundtjanstLank { float:none; } .sg-header-perks>ul>.sg-service>.kundtjanstLank>a{ line-height: normal; font-size: 13px; text-transform: none; font-family: 'Arimo', Arial, Helvetica, sans-serif; } .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst { right:-80px; } .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst p, .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst p>a { font-family: 'bebas_neueregular'; font-weight:400; } .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst strong { font-family: "Arimo",Arial,Helvetica,sans-serif; } .sg-header-perks>ul>.sg-user {float:right;} .sg-header-perks>ul>.sg-user>.nav-topmenu {margin:0; float:none;} .sg-header-perks>ul>.sg-user>.nav-topmenu>ul {float:none;} .sg-header-perks>ul>.sg-user>.nav-topmenu>ul>li {float:none;} .sg-header-perks>ul>.sg-user>.nav-topmenu>ul>li>a:link, .sg-header-perks>ul>.sg-user>.nav-topmenu>ul>li>a:active, .sg-header-perks>ul>.sg-user>.nav-topmenu>ul>li>a:visited{ text-transform: none !important; font-family: 'Arimo', Arial, Helvetica, sans-serif; line-height: normal; font-size: 13px; float:none; font-weight:bold !important; color:white !important; } .sg-header-perks>ul>li>span { color:white; font-weight:bold; } .sg-header-perks>ul>li>i { color:white; margin-right:3px; } } @media screen and (max-width:1155px) { #topbar .sokrutan {margin-left:10%;} } @media screen and (max-width:990px) { #topbar .sokrutan {margin-left:10px; width:94% !important;} #topbar .sokrutan #Sokknapp {background-position: -7px -7px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst {top:66px;} } @supports (-ms-accelerator:true) { .sg-header-perks>ul>.sg-service>.kundtjanstLank>#kundtjanst {top:66px;} } .centerpuff h3 a:hover, .centerpuff h4 a:hover {-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .centerpuff h3 a, .centerpuff h4 a {border:1px solid #fff; padding:0.5% 1%; display:inline-block; font-size:25px; font-weight:300; padding:10px;} .centerpuff h3 a:hover, .centerpuff h4 a:hover {background:rgba(255,255,255); background:rgba(255,255,255,1); color:#000; text-shadow:none;} .centerpuff {padding:0 10%; text-align:center; width:100%; position:absolute; top:50%; 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%);} .leftpuff {position:absolute; left:0; bottom:20px; display:block; width:70%;}