/* -------------------------------------------------------------------------------------------------- GENERELLA EGENSKAPER / GENERAL PREFERENCES -------------------------------------------------------------------------------------------------- */ html, body, input[type="text"] {font-family: 'Oswald', sans-serif;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size:13px; margin:0px; padding:0px; outline:0;} a {text-decoration:none; outline:none;} img {border:0px;} select {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #333; height: 25px; line-height: 25px;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section {clear:both; padding:0px; margin:0px;} #main {padding-bottom:4em;} html, body {height: 100%;} #bodywrapper {min-height: 100%; position: relative; -webkit-user-select: auto !important;} /* 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;} .no-R-margin {margin-right:0;} .no-padding {padding: 0 0 !important;} img.left {float:left; margin-right:2%;} img.right {float:right; margin-left:2%;} img.img25 {max-width:25%; height:auto;} img.img50 {max-width:50%; height:auto;} img.img75 {max-width:75%; height:auto;} /* 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%} .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 */ .footer, .topline, #footer-wrapper .section, #topbar .section, #wrapper .section, #AIRvarukorg-Wrap .BWrap, #breadcrumb, .Kassan {max-width:1000px;} #footer-wrapper .section, #topbar .section, #wrapper .section, #AIRvarukorg-Wrap .BWrap, #breadcrumb, .Kassan { margin:0 auto;} .full-width {max-width:100% !important;} .group {padding:0.5em 0;} /*.full-width .group > div {max-width:1000px; padding: 2% 0; margin: 0 auto; float: none;}*/ #topbar { width:100%; min-height:70px; display:inline-block; position:fixed; z-index:1000;} .topbar.content {} #wrapper {padding: 75px 0 300px 0; width: 100%;} .header {padding:70px 0 0 0;} .logo {margin: 15px 0 0} .logo a {width:100%; height:100%; float:left;} .AdSpace {display:none;} .close {color: #fff; cursor: pointer; font-weight: bold; height: 20px; line-height: 20px; position: absolute; right: 10px; text-align: center; width: 20px; cursor: pointer;} #breadcrumb {margin: 20px auto} .Flags ul, .Flags ul li {list-style:none; cursor:pointer;} .Flags ul ul {display:none;} .Flags ul {position:relative;} .Flags > ul {z-index:1000;} .Flags ul:hover ul {display:block; position:absolute; width:200px; z-index:999; margin:0; top: 0px; padding-top:49px; left:-10px;} .Flags ul li ul li {margin: 0px; float: left; line-height: 45px; width: 100%; background:#000;} .Flags {margin: 26px 0 0;} .Flags a {display:block; padding:0 10px; border-bottom: 1px solid #222;} .Flags a:hover {background: #333;} .Flag-SV:before, .Flag-EU:before, .Flag-WORLD:before {display:inline-block; content:""; float: left; width: 44px; height: 20px; background-size: 170% auto; position: relative;} .Flags ul ul a:before {margin-top:13px;} .Flag-SV:before {background-image:url("/bilder/butik/flagga_SV.gif"); background-repeat: no-repeat; background-size:36px 20px;} .Flag-EU:before {background-image:url("/bilder/butik/flagga_EU.gif"); background-repeat: no-repeat; background-size:36px 20px;} .Flag-WORLD:before {background-image:url("/bilder/butik/flagga_globe.gif"); background-repeat: no-repeat; background-size:36px 20px;} #footer-wrapper {margin:0 auto; padding:20px 0px; float:left; width:100%; min-height:300px; position:absolute; bottom: 0px;} .askas {float: right; margin: 20px 0; text-align: right; width: 100%;} #footer-wrapper ul li {list-style:none; line-height:25px;} .socialfooter {margin-top:10px;} .socialfooter i {font-size:22px; margin-right:10px;} /* STARTPAGE */ #Bengas-slider {margin:0px;} #Bengas-slider .item > img {height: auto; max-height: 100%; max-width: 100%; min-width: 100%;} .blueWithWaves {padding:4em 0;} .greySection {padding:2em 0;} .seo {min-height:250px;} .seo img {float:left;padding:0 2em 0 0;} .startpage {background:no-repeat center center;padding:1em !important;} .startpage-content .knapp {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:right;text-transform: uppercase;padding:10px 15px;font-size:1.5em;} .startpage-block img {max-width: 100%; height: auto;} /* DIN SIDA */ .password #Losenord, .username #Anvnamn {width: 100%; height: 30px; line-height: 30px; padding: 0 10px;} #Snabbkassa_Artiklar_FyndaIKassan {float:left; width:100%; border:1px solid #eee; padding:0 20px; display:none !important;} /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* TOPMENU */ .nav-topmenu {float:left;} .nav-topmenu .close {display:none} .nav-topmenu-toggle a, .nav-topmenu a {display:block;} .nav-topmenu-toggle a, .nav-topmenu a, #WebbMeny a {line-height: 25px;} /* TEMPLATE-TOOLKIT MENU DROPDOWN */ .nav {margin:20px 0px 20px 30px;} .nav ul {float: left;} .nav > ul > li, .nav ul.nav-menu > li {height:35px; line-height:35px; display:inline-block; float:left; position: relative;} .nav > ul > li > a {display: inline-block; float: left; height:55px; line-height:35px; padding: 0 10px;} .nav ul li ul li a {width:100%; display:inline-block;} .nav ul li ul li a {padding:0 10px; border-bottom:1px solid #222;} .nav ul li ul li a:hover, .nav ul li ul li:hover {background:#333;} .nav ul > li > ul {display:none; position:absolute; width:200px; z-index:999; list-style:none; margin:0; top:55px;} .nav ul li ul li ul {position:absolute; left:200px; top:0px; width:100%; margin:0px;} .nav ul li ul li { margin:0px; float: left; line-height: 45px; width:100%; position: relative;} .nav ul li:hover > ul {display:block;} .nav ul li ul li:hover > ul {display:block;} .nav.active {display:inline-block !important; } /* TEMPLATE-TOOLKIT MENU NAV-BAR */ .nav-bar {width:100%; display:inline-block;} .nav-bar ul {line-height:20px;} .nav-bar ul li {list-style:none; position:relative;} .nav-bar ul li a {display: inline-block; width: 100%} .nav-bar ul li a:hover {background:#f1f1f1;} .nav-bar ul li.active > a, .nav-bar ul li.active-parent > a {font-weight:bold; } .nav-bar ul li ul {display:none; padding:0 0 0 10px;} .nav-bar ul li.active ul, .nav-bar ul li.active-parent ul {display:block;} .nav-bar ul li ul li {width:100%; display:inline-block;} /* KAMPANJMENY, WEBB-SIDOMENY, ARTIKELGRUPP-ENKEL MENY */ #WebbMeny, .kampanjmenu {width:auto} #WebbMeny li {list-style:none;} .nav ul.nav-menu li a > ul {padding:5px;} #WebbMeny ul ul, .kampanjmenu ul ul, .nav-menu ul li a {padding:0px 0px 0px 10px} /* VARIUS MENU */ .kampanjmenu ul li br {display:none;} .mobile-only {display:none; } .R-Toggle.mobile-only, .navToggle {float: left;} /* FACEBOOK MENU */ .facebook-dropdown .FB-dropdown-wrapper { display: none; left: 0; max-width: 100% !important; padding: 2%; position: absolute; right: 0; top: 75px; width: 100%; } .facebook-dropdown ul {max-width: 1000px; text-align: right; margin:0 auto;} .facebook-dropdown .FB-dropdown-wrapper.active {display: block} .facebook-dropdown i {cursor: pointer;} .facebook-dropdown li {list-style:none; margin:5px 0; line-height: 30px;} .facebook-dropdown li a {font-size: 16px; } /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* GENERELLT */ .Egen_Infogad_HTML {margin:0 0 10px 0;} .Artgrp_Sorteringsordning, .Artgrp_Visningsformat {margin:0px 5px 0px 0px} .Artgrp_Sorteringsordning, .StilValjVisning {float:left; margin:0 0 0 20px;} .Artgrp_VisaFler{text-align:right; float: right;} .Artgrp_VisaFler a, .Artgrp_VisaFler span {font-size: 20px;} .Artgrp_VisaFler a, .Artgrp_VisaFler span {display: inline-block; text-align: center; min-width: 20px;} .Artgrp_VisaFlerArtiklar_Markerad{border-bottom:3px solid #47a9bf;} .Artgrupp_header b {font-size: 16px; float: left;} #main input[type="text"] {border:1px #222 solid;font-size: 13px;} /* ENSKILD PRODUKT */ .PT_Wrapper { margin:0.7% !important; width:23.6%;} .PT_Bildruta a {width:100%; line-height:235px; height:235px; display:inline-block;} .PT_Bildruta img {vertical-align:middle; max-width:100%;} .PT_Faktaruta {height:80px; margin:10px 0} .PT_Beskr {height:50px; margin:0px 0px 5px 0px; overflow: hidden;} .PT_Text_Kort {height:40px; margin:0px 0px 5px 0px} .PT_Pris {height:30px; margin:0px;} .PT_Wrapper_All .PT_Pris {margin-left:0px;} .ArtgrpHeadline {margin-bottom: 40px;} .Artgrupp_header div {margin:0 0 40px 0;} .topplista .wrapper {border-bottom:3px solid; margin-bottom:35px !important;} .PT_grupp a {background: #222; color: #fff !important; display:block; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 16px;} .PT_grupp a:hover {background: #333; color: #fff !important;} .category span { max-width:55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* TOPPLISTA */ .topplista .PT_Wrapper { margin:0.7% !important; width:15.26%;} .topplista .PT_Bildruta a {width:100%; line-height:175px; height:175px; display:inline-block;} .topplista .PT_Bildruta img {vertical-align:middle;} .topplista .PT_Faktaruta {height:80px; margin:10px 0} .topplista .PT_Beskr {height:50px; margin:0px 0px 5px 0px; overflow: hidden;} .topplista .PT_Text_Kort {height:40px; margin:0px 0px 5px 0px} .topplista .PT_Pris {height:30px; margin:0px;} /* 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 ul li { float: left; margin: 0.5%; text-align: center; width: 24%;} #ListaOmArtiklarSaknas li a { background: #222 none repeat scroll 0 0 !important; color: #fff; float: left; font-size: 16px; padding: 20px; width: 100%;} #ListaOmArtiklarSaknas li a:after {background: #333} #ListaOmArtiklarSaknas li a:hover {color: #fff!important; background: #333 !important; } /* Lista1 */ .PT_wrapper.Lista {border-bottom: 1px solid #DDDDDD; overflow:hidden; margin: 0 0 5px;} .PT_wrapper.Lista .PT_Bildruta a {height:40px; line-height:40px;} .PT_wrapper.Lista .PT_Knappar {float:right; margin:0px;} .PT_wrapper.Lista .category {float:right; margin:15px 10px 0 0;} .PT_wrapper.Lista .PT_Pris {text-align: center;} .PT_wrapper.Lista .PT_Beskr, .PT_wrapper.Lista .PT_Pris, .PT_wrapper.Lista .PT_Knappar {line-height: 50px;} .brand {margin-left:0px; height:40px; overflow:hidden;} .PT_Topoffer {float: left;margin: 0 0 40px;width: 100%;} .PT_Topoffer .PT_Wrapper {width: 48%;} .PT_Topoffer .PT_Wrapper .PT_Faktaruta {margin-left: 6.86%} @media screen and (max-width : 850px) { .PT_Topoffer .PT_Wrapper {width: 100%;} .PT_Topoffer .PT_Wrapper .PT_Faktaruta {margin-left: 0px; height: auto; padding-right: 20px; } } /* -------------------------------------------------------------------------------------------------- PRODUCTVIEW / PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /* BILDKOLUMN */ .ProduktBild {vertical-align:middle; margin:0 0 10px 0;} .BildZoomThumbnails { width:60px; height:60px; float:left; margin:0 5px 5px 0; } .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnails a, .MediaPlay a {display: table-cell; width:60px; height:60px; border:1px solid #f1f1f1; margin:0px 5px 5px 0; vertical-align: middle;} .BildZoomThumbnails img {display: block; margin: 0 auto;} .MediaPlay {background-position: center center; background-repeat: no-repeat; } .MediaPlay { position: relative;line-height: 60px;text-align: center;} .MediaPlay a:after {content: "\f16a";font-family: FontAwesome;position: absolute;font-size: 30px;display: inline-block;top: 0;left: 0;width: 60px; color:#fff; } .MediaPlay a:before {content: ""; height: 100%; width: 100%; position: absolute; left: 0px; right: 0px; top:0px; background: #000; opacity: 0.4;} .MediaPlay a {} /* PRODUKTKOLUMN */ #ArtikelnamnFalt {margin: 0 0 20px 0;} #Avbetalning {background: none repeat scroll 0 0 #F2F2F2; padding: 10px;} #FaltRader, #KundBetygRad{ margin:10px 0; } #FaltRader .group {padding:0;} .TextKort li {margin:0 10px; } #Produktinfo li {margin:0 15px; } .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {display:none;} .TeknSpec_Tabell{width:100%; border:0; margin: 0; padding:0} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding:3px 0;} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster {padding-right:5px;} #egenskaper {padding-top:2%;} .tracklist {display:none;} .tracklist li {list-style:none;} .MoreFromBrand .headline, .AndraKopteAven .headline {border-bottom: 0px; margin:20px auto;} .social {margin-top: 20px;} #SubmitFalt {margin: 20px 0 !important;} #Faktakolumn, #Bildkolumn {margin-top:0px;} #Faktablad {margin-top: 1% !important} #PrisFalt {margin-bottom: 20px !important; } /* KAMPANJ */ #KampanjFalt {margin: 15px 0 } #KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, #KampanjFalt4_Header, #KampanjFalt5_Header {background:#ff9fb4; padding:10px;} #KampanjFalt div {text-shadow:0 1px 0 #fff;} #KampanjFalt1Text, #KampanjFalt2Text, #KampanjFalt3Text, #KampanjFalt4Text, #KampanjFalt5Text {font-weight:700;} /* VARIANTARTIKLAR */ .Egenskaper_Tabell {width:100%;} .Egenskaper_Tabell select {margin:0px 0px 5px 0px} .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:25px; line-height:25px;} .Laggikorgen_Antalsfalt {border: 1px solid #F1F1F1; text-align: center; width:40px !important;} #Produktinfofalt .headline {width: 100%; float: left; border-bottom:3px solid #000; text-transform: uppercase; text-align: center; margin: 20px 0; padding: 0 0 10px 0;} .wishlist.btn {margin-bottom: 20px; text-align: center;} /* MEDIAFORMAT */ #Mediaformat {height:40px; margin-bottom: 20px !important;} #Mediaformat span {display:block;color:#fff;height:40px;min-width:40px;line-height:40px;text-align:center;font-size:20px;padding:0 10px;float:left;} /* -------------------------------------------------------------------------------------------------- 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;} /* -------------------------------------------------------------------------------------------------- SEARCH / SÖK -------------------------------------------------------------------------------------------------- */ .sokrutan{ margin:20px 30px; min-width: 16%; } .Sokfalt {border: 0px !important; border-radius:0px !important; float: left; height: 30px; line-height: 30px; padding: 0 0 0 40px; width: 100%;} .sokruta-epost {width:100px; height:16px; border:1px solid #ccc} .LSS_Container {position:relative;} .Sokknapp { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; cursor: pointer; height: 30px; left: 0; position: absolute; text-indent: -999px; top: 0; width: 35px;} .LSS_Input:before { font-family: FontAwesome; content: "\f002"; color: #fff; display: inline-block; font-size: 20px; height: 30px; line-height: 28px; position: absolute; left: 0; text-align: center; vertical-align: middle; width: 35px;} /* -------------------------------------------------------------------------------------------------- SIGNIN / LOGGA IN -------------------------------------------------------------------------------------------------- */ .inloggning {float: left; margin: 20px 0 ; height: 30px; line-height: 30px;} .inloggningsruta {left: 0px; display: none; position: absolute; top: 70px; padding:2%; margin:0; line-height:25px; z-index: 9;} .inloggningsruta.active {display:block;} .inloggningsruta a {padding:0px;} .input_anvandarnnamn input, .input_losenord input {width:100%; height:40px; padding: 0 10px; font-size: 16px} .Login-password p{float:left;} .Login-password a.forgotpassword {float:right;} #AdressblockLoggain table {float:left;} a.forgotpassword {margin:5px 0;} .input_anvandarnnamn, .input_losenord {margin-bottom: 20px;} /* -------------------------------------------------------------------------------------------------- KNAPPAR / BUTTON / -------------------------------------------------------------------------------------------------- */ /* KÖPKNAPPAR */ .PT_Knappar tr td {display:none;} .PT_Knappar .Knapp_Kop {display:inline-block;} .Knapp_Kop_Tabell_Artikel{width:100%;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a { float: left; height: 50px; line-height: 50px !important; padding: 0 !important; width: 100%;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right !important;} .Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;} .PT_KnapparKampanj tabell {width:135px} a.button {margin:10px 10px 10px 0;} /* KNAPPAR */ .Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Sok_Produkt {border:0px; line-height:35px; height:35px; padding:0px 30px; float:left; text-transform: uppercase;} .Knapp_Kop a {line-height: 25px; height: 25px; padding: 0 10px;} .category {text-align:center;position:relative;z-index:1;} .category span {border:0px; line-height:25px; height:25px; min-width:25px; float:right; text-align:center; margin:0 5px 0 0; padding:0 5px;} .Presentkortsruta .Knapp_Generell a {height:40px;line-height:40px;} /* 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;} a.btn.big-search { background: #444 none repeat scroll 0 0; color: #fff; float: left; font-size: 24px; line-height: 70px; margin: 20px 0; text-align: center; text-shadow: 0 2px 0 #000; text-transform: uppercase; width: 100%;} a.btn.big-search:hover {background: #000; color: #ddd !important; } .btn.big-search i {font-size: 32px;} .big-search-wrapper div div div div div:last-child {margin:20px 0;} /* -------------------------------------------------------------------------------------------------- VARUKORGEN -------------------------------------------------------------------------------------------------- */ #kundvagn{float:right; margin:0; height:70px} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart{line-height:70px} .AIRvarukorg-Text a.Checkout{float:right; height:24px; line-height:24px; margin:5px 0; padding:0 10px} .Checkout{float:right; margin:10px 0 0} .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, .login i, .R-Toggle.mobile-only i, .facebook-dropdown i {float:left; font-size:26px; margin:0;} .AIRvarukorg-Text p{float:left; margin:0 10px 0 0} .facebook-dropdown {margin:20px;} #AIRvarukorg-Wrap span.EmptyCart, #AIRvarukorg-Wrap i{display:none} a.CartButton, .Checkout a{ float: right; font-size: 20px; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase;} .Varukorg span.AIRvarukorg-Qty, .AIRvarukorg-Sum {float:left; position:relative; margin:0 10px 0 0} .AIRvarukorg-Sum {display: none !important;} .Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text{float:right} #AIRvarukorg-Wrap{position:fixed; right:0px; top:75px; width:100%; height:100% !important; overflow-x:scroll; z-index: 10;} #AIRvarukorg-Wrap .Rem{float:right !important} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; float:left; margin:10px 2px 0 2px; height:20px; line-height:25px; text-align:center; width:5%} #AIRvarukorg-Wrap .Img{width:45px; text-align:center; height:45px; float:left; background:#fff} #AIRvarukorg-Wrap .Img img{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:100%} #AIRvarukorg-Wrap .TxtWrap{float:right; width:88%} #AIRvarukorg-Wrap .RowWrap .Row{ display:inline-block; line-height:45px; padding:1%; width:100%} #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:0 2px; height: 45px; overflow: hidden;} #AIRvarukorg-Wrap .TxtWrap .Price{width:21%; text-align:center; font-size: 16px;} #AIRvarukorg-Wrap .TxtWrap input{ background:#DDD; border:0 none; float:left; height:25px; margin:8px 2px 0; text-align:center; width:30px} #AIRvarukorg-Wrap .Footer .SumWrap{float:left; line-height:35px} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum{float:left} .Varukorg .Checkout a{margin:5px 0} .EmptyCart {float: left; margin: 0 10px 0 0;} .SumTxt, .Sum {line-height: 60px;} #AIRvarukorg-Wrap .BWrap .Footer, .RowWrap {display: inline-block; width: 100%; overflow-x:scroll; max-height: 400px;} #AIRvarukorg-Wrap .BWrap {margin: 40px auto 20px} #AIRvarukorg-Wrap .BWrap span.Close, .close {width: 30px; height: 30px; position: absolute; right: 13px; top:12px; cursor: pointer;} #AIRvarukorg-Wrap .BWrap span.Close:before, .close:before{font-family:FontAwesome; font-size:16px; content: "\f00d"; width:100%; display:inline-block; margin-bottom:10px; font-size: 26px;} .Descr {font-size: 16px;} #BetalningsmetoderRam i {float: left; width: 100%;} /* .KCOflik_privatWrapper {width: 100%; float: left; color: #fff; text-align: center;} .KCOflik_Markerad, .KCOflik_Omarkerad {background: #333; padding: 10px 20px;} .KCOflik_Omarkerad {background: #555;} .KCOflik_Markerad a , .KCOflik_Omarkerad a {color: #fff !important; width: 100%; float: left; } */ .inloggningsruta .close, .facebook-dropdown .close { right: 18px; top: 15px; } #LSS_Result .close { right: 9px; top: -12px;} /* -------------------------------------------------------------------------------------------------- BLANDAT -------------------------------------------------------------------------------------------------- */ #Felmeddelande{position:relative; top:-100px} #dialogruta{visibility:hidden; position:absolute; left:0px; z-index:3005; background-position:center center; min-width:100%} #Produktinfofalt #dialogruta {top:200px;} #dialogruta div{line-height:16px; width:50%; margin:0 auto; border:1px solid #000; padding:15px; background-image:url(/bilder/ibutik-a/bakgrund_dialog_text.gif); background-position:center center; opacity:0.9; position:relative;} .popupfonster-top{width:430px; margin:10px 0px 10px 10px} .popupfonster-content{width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px} #Adressblock img {display:inline;margin-left:3px;width:10px;height:auto} #topplista_cd, #topplista_vinyl {display:none;} #topplista_cd.visible, #topplista_vinyl.visible {display:block;} /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result { border: 0 none; padding:2%; position:fixed; height:100%; right:0; top:70px; 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:39px; overflow: hidden;} ul.LSS_Varumarken, ul.LSS_Artikelgrupper {padding:0 0 0 15px;} .LSS_Varumarken li a {font-size: 16px;} #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:5px 0 0 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%;} /* -------------------------------------------------------------------------------------------------- NYHETSBREV -------------------------------------------------------------------------------------------------- */ #nyhetsbrev_footer input[type="text"], .knapp_nyhetsbrev a {height: 40px;line-height: 40px; padding:6px 10px; width:100%;} #nyhetsbrev_footer input[type="text"] {font-size:14px;} .knapp_nyhetsbrev {float:left;font-size:18px;margin-left:-4px;} /* -------------------------------------------------------------------------------------------------- PRESENTKORT -------------------------------------------------------------------------------------------------- */ .PS_Tabell td {padding-right:2%;} .PS_Tabell td:last-child {padding-right:0;} /* -------------------------------------------------------------------------------------------------- Önskelista -------------------------------------------------------------------------------------------------- */ .Dinsida_Topprubrik {margin-bottom:20px;} .DS_OL_Table_mellanrum, .DS_OL_Table_ToppFlik {display: none;} .DS_OL_Table_Wrap tr td {background: none; } .DS_OL_Table_Wrap tr {background: none ; } .DS_OL_Table_Artiklar, .DS_OL_Table_Artiklar tr, .DS_OL_Table_Artiklar td {vertical-align: middle;} .DS_OL_Table_visa_artikel_knapp {padding: 0 0 0 20px;} .DS_OL_Table_Artiklar {margin-top: 20px;} .DS_OL_Table_Varukorg_mellanrum {display: none} .DS_OL_Table_Varukorg_Wrap tr {background: none;} .DS_OL_Table_Varukorg_Wrap .Knapp_Generell a img {display: none;} .DS_OL_Table_Knappar .Knapp_Generell_Tabell {margin:0 10px;} @media screen and (max-width : 850px) { .DS_OL_Table_Knappar .Knapp_Generell_Tabell {margin: 5px 0;} .DS_OL_Table_Knappar tr td {width: 100%; float: left;} .wishlist {margin-top: 15px !important} .OnskelistaInputFalt {width: 100% !important; padding: 5px;} } /* SOCIALA IKONER */ .social .stButton span {background-image: none !important;} .stButton:before {font-family:FontAwesome;font-size:32px; position:absolute;} .st_facebook_large .stButton:before {content:"\f082";} .st_twitter_large .stButton:before {content:"\f081";} .st_instagram_large .stButton:before {content:"\f16d";} .st_email_large .stButton:before {content:"\f003";} .stButton:hover:before {color:#333;} /* -------------------------------------------------------------------------------------------------- CSS3-EFFEKTER -------------------------------------------------------------------------------------------------- */ .Sokfalt, .btn.big-search {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #AIRvarukorg-Wrap .Img, input[type="text"], input[type="password"], .LSS_Artiklar .Bild img {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;border: 1px #222 solid;} .close {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} .col, .group, .section, .Knapp_Kop a, .btn.big-search { -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; } /*.blanket {display:none; position:absolute; background-color:#000; left:0; top:70px; width:100%; height:135px; z-index:-1; -moz-box-shadow:0 5px 8px -5px #333333; -webkit-box-shadow: 0 5px 8px -5px #333333; box-shadow:0 5px 8px -5px #333333;} .facebook-dropdown:hover ul, .facebook-dropdown:hover .blanket, .facebook-dropdown.active ul, .facebook-dropdown.active .blanket {display:block;}*/ /* TEMPLATE-TOOLKIT MENU DROPDOWN */ /* .nav ul#level1 li a { float: left; line-height: 40px; min-height: 40px; padding-left: 25px; width: 100%; } */ /* @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDZBw1xU1rKptJj_0jans920.woff2) format('woff2'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6ZBw1xU1rKptJj_0jans920.woff2) format('woff2'); } */ /* ----- BORTKOMMENTREAT 6/11 ---- * /** .nav {margin:20px 0px 20px 30px;} .nav ul {float: left;} .nav > ul > li, .nav ul.nav-menu > li > a {height:35px; line-height:35px; display:inline-block; float:left; padding: 0 10px; position: relative;} .nav > ul > li > a {padding:10px 0px;} .nav ul li ul li a {width:100%; display:inline-block; } .nav ul li ul li a, .nav ul li ul li > ul > li {padding:0 10px;} .nav ul > li > ul {display:none; position:fixed; width:100%; left:0; z-index:999; list-style:none; margin:0; padding: 20px 20%;} .nav ul li ul li ul {position: absolute; width:50%; left:30%; height:100%; margin:0; padding:0; display:none; top:0; background:#1b1b1b;} .nav ul li ul li ul li {width:100%; font-size:14px;} .nav ul li ul li ul li ul {width:100%; float:left; display:inline-block; position:relative; padding:0; left:0; margin:0 0 5px 0;} .nav ul li ul li ul li ul li {font-weight:100; line-height:25px;} .nav ul > li:hover > ul {display:block;} .nav ul > li > ul > li:hover {background:#1b1b1b;} .nav ul.nav-menu > li > ul {top:35px;} .nav ul.nav-menu > li > a {padding:0px;} .nav.active {display:inline-block !important; } /* ----- BORTKOMMENTREAT 16/9 ---- * .nav {margin:20px 0px 20px 30px;} .nav ul {float: left;} .nav > ul > li, .nav ul.nav-menu > li > a {height:35px; line-height:35px; display:inline-block; float:left; padding: 0 10px; position: relative;} .nav > ul > li > a {padding:10px 0px;} .nav ul li ul li a {width:100%; display:inline-block; } .nav ul li ul li a, .nav ul li ul li > ul > li {padding:0 10px;} .nav ul > li > ul {display:none; position:fixed; width:100%; left:0; z-index:999; list-style:none; margin:0; padding: 20px 20%;} .nav ul li ul li ul {position:absolute; padding:0 10px; width:80%; left: 20%;} .nav ul li ul li { margin:0px; float: left; line-height: 25px; width:100%;} .nav > ul > li > ul > li > ul > li { width:100%;} .nav ul > li:hover > ul {display:block; } .nav ul.nav-menu > li > ul {top:35px;} .nav ul.nav-menu > li > a {padding:0px;} .nav.active {display:inline-block !important; } /* TEMPLATE-TOOLKIT MENU NAV-BAR * .nav-bar {width:100%; display:inline-block;} .nav-bar ul {line-height:20px; } .nav-bar ul li {list-style:none; position:relative;} .nav-bar ul li a {display: inline-block; width: 100%} .nav-bar ul li a:hover {background:#f1f1f1;} .nav-bar ul li.active > a, .nav-bar ul li.active-parent > a {font-weight:bold; } .nav-bar ul li ul {display:none; padding:0 0 0 10px;} .nav-bar ul li.active ul, .nav-bar ul li.active-parent ul {display:block;} .nav-bar ul li ul li {width:100%; display:inline-block;} */ .future-date-text { color: #cb0000; } #not-released { color: #cb0000; }