/* -------------------------------------------------------------------------------------------------- Detta CSS är en del av AskÃ¥s Internetbutik. COPYRIGHT (c) ASKÃ…S INTERNET- &REKLAMBYRÃ… AB 1998-2010. ALLA RÄTTIGHETER RESERVERADE. INNEHÃ…LLET FÃ…R EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÃ…ND FRÃ…N ASKÃ…S INTERNET- &REKLAMBYRÃ… AB. -------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- GENERELLA EGENSKAPER / GENERAL PREFERENCES -------------------------------------------------------------------------------------------------- */ 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 { font-size:12px; margin:0px; padding:0px; vertical-align: baseline; outline:0;} #main p {margin:10px 0;} a {text-decoration:none; outline: none;} img {border:0px; max-width:100%; height:auto;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px;} /* COLUMN SETUP */ .col {display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child, .span_2_of_2, .span_1_of_1 {margin-left: 0;} /* GROUPING / CLEARFIX */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } /* GRID 1_of_1 - 1_of_12 */ .span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%} .offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%} /* ----------------------------------------------------------------------------------------- ARBETSYTA / GENERAL BLOCKS ----------------------------------------------------------------------------------------- */ /* TOTAL PAGE WIDTH */ #wrapper, .footer, .topline, #footer-wrapper .section, #topbar .section{max-width:990px !important; width:auto;} #footer-wrapper .section, #topbar .section, #wrapper{position:relative; margin:0 auto} #main{padding:1.1% 1.1% 0 1.1%} #wrapper.scroll-down #main {padding:11% 1.1% 0 1.1%} #breadcrumb{padding:1.1%} /* TOPLINE */ #topbar{width:100%; min-height:45px; display:inline-block; position:fixed; z-index:1000} #topbar .logo{width:75px; min-height:50px} .topbar.content{float:left; line-height:45px; padding:0 10px 0 0} .topbar.content a{padding:0 10px} #topbar.nav-scroll .offset_3_of_12{margin:0 0 0 70px} .ValutaValWrapper .close {display:none;} .close {color: #fff; background:#000; cursor: pointer; font-weight: normal; font-size:16px; height: 25px; line-height: 25px; position: absolute; right: 10px; top:10px; text-align: center; width: 25px; cursor: pointer;} /* #kundvagn{border-left:4px double #97c7cc; border-right:4px double #97c7cc} */ .Flags, .Flags a{float:left} .Flags a{ line-height:50px; padding:16px 5px 0 !important} .Flags a img{float:left} /* HEADER */ .header{padding:45px 0 0 0; /*position:relative; z-index:1005; */} .logo{ left:-15px; margin:0 0 0 10px !important; min-height:98px; position:absolute; top:5px; width:222px; z-index:1000} .logo img{max-width:100%; height:auto} .valutavaljare{float:left; margin:7px 0 0 5px} .AdSpace{display:none} /* FOOTER */ #footer-wrapper{margin:0 auto; padding:20px 0 0; position:relative} .social-footer{padding:0 0 0 1%} .social-footer div div{ font-size:40px; text-align:center; text-shadow:0 2px 0 #edd6a3; margin:5px 0 0; float:left; width:30%} .social-footer span{float:right; font-size:12px; padding:9px 0 9px 5px; text-transform:uppercase; width:70%} .footer-col-last{padding:0 1% 0 0; margin-bottom:0px} #footer-wrapper .span_1_of_1{padding:0 1%} #footer-wrapper .VisitStores {background:url("/bilder/butik/bg-2.png") repeat scroll 0 0 #f5dc99; padding:20px 0; margin:0px;} #WebbMeny ul{list-style:none} /* STARTPAGE */ .startpage div{font-size:22px; text-align:right} /* WEBBSIDOR */ .webbsida{ left:3%; margin:0 0 70px; padding:2%; text-shadow:0 1px 0 #cab479; width:90% !important; z-index:1} .webbsida h1{margin:0 0 20px 0} .webbsida input{border:0px; padding:5px 10px; margin:2px 0} .webbsida .Knapp_Generell a{margin:5px 0} /* BRANDS */ .Varum_Grupperad{} .Varum_Grupperad div{float:left; padding:10px 0; width:100%; border-top:3px double #4d767a; color:#4d767a} .Varum_Grupperad div h2{float:left; text-shadow:0 1px 0px #fff; height:60px; width:10%; font-size:60px; padding:0 0 0 30px; text-align:left} .Varum_Grupperad div ul{float:left; width:90%} .Varum_Grupperad div ul li{float:left; line-height:25px; list-style:none outside none; text-transform:uppercase; width:25%} .ShowMore, .VisaFler{text-align:right; padding:0 !important} .section span.headline-extra{text-align:left} .IG-Wrapper .hl{margin:0 0 15px 0; display:inline-block; text-align:left} /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* NAV TOPMENU */ .nav-topmenu{float:left} /* TEMPLATE-TOOLKIT MENU DROPDOWN */ .nav{width:98%; display:inline-block; min-height:35px; margin:0 1%; z-index:999; border:5px solid #b59d6a} .nav #level1{width:100%; float:left; border-bottom:2px solid #97c7cc} .nav >ul >li, .nav ul.nav-menu >li >a{height:40px; line-height:40px; display:inline-block; float:left; padding:0 10px; } .nav >ul >li, .nav-row-2 ul li{border-right:2px solid #97c7cc} .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:absolute; background:#fff; width:200px; z-index:999; list-style:none; margin:0 0 0 -10px} .nav ul li ul li ul{position:relative; padding:0 10px; width:100%} .nav ul li ul li{margin:0px; float:left; line-height:35px; width:100%} .nav ul li:hover ul{display:block} .nav-row-2 ul li{margin:0px !important; height:45px !important; line-height:45px !important; background:#4d767a} .nav-row-2 ul li:last-child{border-right:0px} .nav-row-2 ul li.span_1_of_4{width:25%} .nav-row-2 ul >li >a{text-align:center; width:100%; display:inline-block; padding:0px !important} .nav-row-2 ul >li >a:hover, .nav >ul >li a:hover{color:#fff !important} .nav-row-2 .span_1_of_6 {width: 16.35%} .nav ul.nav-menu >li >ul{top:35px} .nav ul.nav-menu >li >a{padding:0px} .nav.nav-scroll{ display:block; margin:45px 0 0 0px; position:fixed; top:0; width:990px !important} .nav li.Menu98{position:unset} .nav li.Menu98 >ul{width:97%; left:2.5%; padding:1%} .nav li.Menu98 >ul >li{width:24%; float:none; display:inline-block;} .nav li.Menu98 >ul >li ul li a{font-size:16px} .nav li.Menu98 >ul >li ul li, .nav li.Menu98 >ul >li ul li a{line-height:25px} .nav-scroll li.Menu98 >ul{width:100%; left:1%} /* KAMPANJMENY, WEBB-SIDOMENY, ARTIKELGRUPP-ENKEL MENY */ #WebbMeny, .kampanjmenu{width:100%} #WebbMeny li a, .ruta.R-Toogle-area a, .nav-menu a, #footer-wrapper a{display:inline-block; height:20px; line-height:20px; width:100%} .social-footer a {line-height:normal !important; height:auto;} .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{width:100%; height:35px; line-height:35px; margin:0 0 10px 0; padding:0 10px} .NavActive{display:inline-block !important} /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* ARTGRP GENERAL SETTINGS */ .Egen_Infogad_HTML{margin:0 0 10px 0} @-moz-document url-prefix() { .Artgrp_VisaFler{ margin: 0 0 20px 0!important; height: 29px; } } .Artgrp_Sorteringsordning, .Artgrp_Visningsformat{margin:0px 5px 0px 0px} .Artgrp_VisaFler{ float: right; margin: 0 0 13px 0; position: relative; text-align: right; width: auto;} .Artgrp_VisaFlerArtiklar_Markerad, #sidorSpan_Markerad a {background:none repeat scroll 0 0 #fff; border-radius:17px; box-shadow:0 1px 2px #000; padding:1px 10px} #sidorSpan_Markerad a {margin-top: -6px; float: left;} /* PT / ENSKILD PRODUKT */ .PT_Wrapper{padding:1%; position:relative; z-index:1; margin:0.6% !important} .PT_Bildruta a{width:100%; line-height:170px; height:170px; display:inline-block} .PT_Bildruta img{vertical-align:middle} /*.PT_Bildruta a:hover{box-shadow:2px 2px 0 #000} */ .PT_Wrapper:hover{box-shadow:3px 3px 0 #244f55; border:5px solid #cdfaff} .PT_Faktaruta{height:45px; margin:10px 0px 5px 0px} .PT_Beskr{height:22px; margin:0 0 5px; overflow:hidden} .PT_Text_Kort{height:40px; margin:0px 0px 5px 0px; overflow:hidden} .PT_Pris{height:30px; line-height:30px; margin:0px} .PT_Pris .PT_PrisKampanj, .PT_Pris .PT_PrisOrdinarie{line-height:18px} .PT_Wrapper_All .PT_Pris{margin-left:0px} .Bilder_Artikelgrupp .PT_Bildruta a{height:100px; line-height:100px} /* PT ENSKILD PRODUKT SAKNAS */ .Artgrp_Lista{width:100%; display:block; background:#fff; border:1px solid #ccc; padding:4px; margin:1px} #ListaOmArtiklarSaknas ul{list-style:none; margin:0; padding:0} #ListaOmArtiklarSaknas li a{display:block; float:left; width:100%; margin:0 0 5px 0; border:1px solid #f1f1f1; padding:5px} /* ARTGRP Lista-1 */ .PT_wrapper.Lista{border-bottom:1px solid #DDD; overflow:hidden; margin:0 0 5px} .PT_wrapper.Lista .PT_Bildruta a{height:40px; line-height:40px} .PT_wrapper.Lista .PT_Knappar{float:right} /* -------------------------------------------------------------------------------------------------- PRODUCTVIEW / PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /*PRDKT - Bildkolumn */ .ProduktBild{width:100%; vertical-align:middle; margin:0 0 10px 10px; padding:0px 0 0px 0px} .ProduktBild a:first-child{display:block} .ProduktBild img{border:5px solid #b59d6a} .BildZoomThumbnails a{ float:left; margin:1% 2% 2% 0; background:#b59d6a; padding:5px} .ProduktBildtext{width:100%; margin:10px 0px} .BildZoomThumbnails a, .MediaPlay a{display:inline-block; 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} #Produktinfofalt{padding:2%; border:5px solid #b59d6a; float:left; width:100%; text-align:left} .sizeguide, #social{margin:10px 0 0} .sizeguide table{width:100%} #social{position:relative} .addthis_floating_style{position:relative !important; top:0px !important; left:0px !important} /*PRDKT - RIGHT COLUMN */ #Faktakolumn .border{display:inline-block; margin:0 1% 0 3%; padding:10px} #Avbetalning{background:none repeat scroll 0 0 #F2F2F2; padding:10px} .TextKort{display:none} .TextKort li{margin:0 10px} #Produktinfo li{margin:0 15px} .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad{display:none} .TeknSpec_Tabell{width:100%; border:0; margin:10px 0; padding:0} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding:5px} #FaltRader div div{margin:0px} .StaffladePriserRuta{float:left; width:100%; margin:0px} #VarumarkeFalt{text-align:center} #ProduktnamnFalt{text-align:center; padding:8px 0; margin:0 0 25px 0} .stButton .stLarge{width:20px !important; background-size:100% auto; height:20px !important} .stButton .stLarge:hover{background-position:-40px center !important} .VB_Wrap{display:inline-block; width:100%; margin:10px 0 20px 0} .VB_label{display:inline-block; width:100%; margin:0 0 5px 0} .VB_Egenskap{ cursor:pointer; float:left; margin:0 5px 5px 0; padding:1% 2%} .VB_Egenskap img{display:none} .VB_Egenskap span, .VB_Wrap p{padding:5px 10px; float:left} .VB_Wrap p{margin:0} /*KAMPANJ */ #KampanjFalt >div, #KundBetygRad{margin:10px 0 0; padding:5px 10px 2px !important} #KampanjFalt div div:first-child{font-weight:700} #FaltRader{margin:10px 0 0} /*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} .Egenskaper_Tabell select, select.StilValjSortordning{padding:3px 5px; background:#fff; border:0px} .extra_PT .PT_Wrapper{ margin:0.3% !important; width:16%} .extra_PT .headline-extra{margin:20px 0 5px 0} .extra_PT .PT_Knappar { background:none repeat scroll 0 0 #fff; bottom:10px; left:0; position:absolute; display:none; width:95%} .extra_PT .PT_Faktaruta {height:55px;} .extra_PT .PT_Beskr {height:32px;} .extra_PT .PT_Beskr a {font-size:14px;} .extra_PT .PT_Bildruta a{height:130px; line-height:130px} .extra_PT .PT_Bildruta a img{max-height:100%} .extra_PT .brand a {font-size:12px;} .extra_PT .PT_Pris {width:100%;} .Ikon_Lager_Positiv{background:url(/bilder/butik/fast_delivery.png) no-repeat; height:195px; margin:40px auto 10px; width:164px;} .Ikon_Lager_Negativ{background:url(/bilder/butik/soldout.png) no-repeat; height:200px; margin:40px auto 10px; width:200px} #IkonLagerstatusFalt{display: none;} #Faktablad .ourfavorites .PT_Pris , #Faktablad .yourfavorites .PT_Pris {height:18px;} #Faktablad .ourfavorites .PT_Pris .PT_PrisOrdinarie, #Faktablad .yourfavorites .PT_Pris .PT_PrisOrdinarie {display:none;} #Faktablad .yourfavorites .PT_Faktaruta, #Faktablad .ourfavorites .PT_Faktaruta {height:65px !important; } #Faktablad .yourfavorites .PT_Faktaruta .brand a, #Faktablad .ourfavorites .PT_Faktaruta .brand a {line-height:12px} .NewProductsWrapper {position:relative; float:left; width:100%;} .NewProducts .extra_PT .PT_Wrapper{width:48%; margin:1.5% 7px 1.5% 0 !important; position:relative} .NewProducts .extra_PT .PT_Wrapper:nth-child(2n+2){margin-right:0 !important} .NewProducts .extra_PT .PT_Bildruta{height:80px} .NewProducts .extra_PT .PT_Bildruta a{height:75px; line-height:75px} .NewProducts .extra_PT .headline-extra{text-align:center; margin:0 0 5px 0} .NewProducts .extra_PT .PT_Knappar{display:none !important} .NewProducts{margin-left:1.5%; float:right} .NewProducts .NewProductsWrapper .span_1_of_1{padding:5px; float:left} .NewProducts .NewProductsWrapper{margin:0 0 20px 0; float:left} .NewProducts .PT_Wrapper{border:none; padding:5px} .NewProducts .NewProductsWrapper .PT_Wrapper:nth-child(5), .NewProducts .NewProductsWrapper .PT_Wrapper:nth-child(6){display:none} .NewProducts .PT_Wrapper:hover{box-shadow:0; border:none} /*.NewProductsWrapper .PT_Faktaruta{height:20px} */ .NewProductsWrapper .PT_Pris.span_1_of_2{width:100%; height:32px; line-height:18px} /*.NewProductsWrapper span.brand{display:none} */ .hl, .headline-extra{padding:5px 10px; width:100%; text-align:center} h1{padding:5px 10px; width:100%} .MediaPlay{margin:0 1% 0 3%} /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ .ProduktinfoFlik{display:block; height:30px; padding:0 0 0 10px; margin:10px 0 0 0; float:left} .ProduktinfoFlik tbody tr td{float:left} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a{padding:0 20px; float:left; height:25px; line-height:25px; margin:1px 0 0 2px} /* -------------------------------------------------------------------------------------------------- SEARCH / SÖK -------------------------------------------------------------------------------------------------- */ .sokrutan{float:right; margin:30px 20px 34px 0px; position:relative; z-index:5} .LSS_Container{ float:left; padding:2px 0; position:relative; width:100%} .LSS_Container:before, .LSS_Container:after{ content:""; pointer-events:none; position:absolute} .LSS_Container:before, .LSS_Container:after{ background:none repeat scroll 0 0 #FFF; border-radius:10px 10px 0 0; height:120%; left:-5%; top:-8px; transform:rotate(-1deg); transform-origin:0 0 0; -webkit-transform:rotate(-1deg) translate3d( 0,0,0); width:105%; z-index:-1} .LSS_Container:after{ border-radius:0 0 20px 16px; top:0; transform:rotate(2deg); -webkit-transform:rotate(2deg) translate3d( 0,0,0)} .Sokfalt{border:0px; float:left; height:30px; line-height:30px padding:0 10px; width:80%} .Sokknapp{background:url(/bilder/butik/search-btn.png) no-repeat transparent; height:45px; width:45px; z-index:1006; text-indent:-9999px; border:0px; position:absolute; top:-4px; right:15px} .sokruta-epost{width:100px; height:16px; border:1px solid #ccc} /* -------------------------------------------------------------------------------------------------- SIGNIN / LOGGA IN -------------------------------------------------------------------------------------------------- */ .inloggning{float:left} .inloggning a.login{ float:left; height:30px; line-height:30px; margin:8px 10px 6px 0; padding:0 10px; position:relative} .inloggningsruta{display:none; position:absolute; top:45px; padding:0px 10px 0px 10px; margin:0; line-height:25px} .inloggningsruta.active {display:block;} .inloggningsruta p{margin:10px 0} .inloggningsruta a{padding:0px} .inloggningsruta .button.Knapp_Generell, .inloggningsruta .button {float:left; margin:10px 10px 10px 0;} .input_anvandarnnamn input, .input_losenord input{width:98%; height:30px; border:0px; line-height:30px; padding:0 10px} .Login-password p{float:left} .Login-password a.forgotpassword{float:right} #AdressblockLoggain table{float:left} a.forgotpassword{margin:5px 0} a.login i{ font-size:17px; margin:-2px 5px 0 0} /* -------------------------------------------------------------------------------------------------- KNAPPAR / BUTTON / -------------------------------------------------------------------------------------------------- */ /* Buy Buttons */ .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} /* Buttons */ .Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Sok_Produkt, .btn.ShowMore a, .FilterRens a {border:0px; line-height:25px; height:25px; padding:0px 10px; float:left} .PT_Knappar .Knapp_Kop a{margin:0 0 0 3px} /* Search buttons */ .Knapp_Sok{float:right; position:relative; width:10%} .Knapp_Sok_Produkt{background:transparent; height:30px; position:relative; width:100%; z-index:99} /* ICON BUTTONS */ #SubmitFalt .icon-shopping-cart{padding:11px} .sokrutan i.icon-search{position:absolute; font-size:27px; left:0px} a.btn.ShowMore{font-size:26px; height:40px; line-height:40px; margin:1% 0 2%; text-align:center} .Knapp_Info_Vanster, .Knapp_Info_Hoger, .Knapp_Kop_Vanster , .Knapp_Kop_Hoger {display:none;} /* -------------------------------------------------------------------------------------------------- VARUKORGEN -------------------------------------------------------------------------------------------------- */ #kundvagn{float:right; margin:0; padding:0x; position:relative; height:45px} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart{line-height:45px} .AIRvarukorg-Text a.Checkout{float:right; height:24px; line-height:24px; margin:5px 0; padding:0 10px} .Checkout{float:right; margin:5px} .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} #AIRvarukorg-Wrap p.EmptyCart, #AIRvarukorg-Wrap i{display:none} a.CartButton, .Checkout a{float:right; font-weight:bold; height:30px; line-height:30px; padding:0px 10px} .Varukorg span.AIRvarukorg-Qty, .AIRvarukorg-Qty-empty{ float:left; height:30px; line-height:30px; margin:8px 10px 6px 0; padding:0 10px; position:relative} .Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text{float:right} #AIRvarukorg-Wrap{position:absolute; right:0px; top:45px; width:470px; max-height:450px; overflow-y: auto;} #AIRvarukorg-Wrap .Rem{float:right !important} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; float:left; margin:12px 2px 0 2px; height:20px; line-height:25px; text-align:center; width:5%} #AIRvarukorg-Wrap .Img{width:10%; text-align:center; height:45px; float:left; background:#fff} #AIRvarukorg-Wrap .TxtWrap{float:right; width:88%} #AIRvarukorg-Wrap .RowWrap .Row{border-bottom:3px double #2b4e59; 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} #AIRvarukorg-Wrap .TxtWrap .Price{width:21%; text-align:center} #AIRvarukorg-Wrap .TxtWrap input{background:#fff; 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:2px 0} #AIRvarukorg-Wrap .Footer{float:left; margin:10px 0; padding:0 2%; width:100%} /* -------------------------------------------------------------------------------------------------- VARIUS -------------------------------------------------------------------------------------------------- */ #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; /*-moz-opacity:0.9; filter:alpha(opacity=90); -khtml-opacity:0.9; */} .popupfonster-top{width:430px; margin:10px 0px 10px 10px} .popupfonster-content{width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px} /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result{background:none repeat scroll 0 0 #FFF; border:0 none; padding:2%; position:absolute; right:0; top:29px; width:300%} #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:45px} .LSS_Artiklar li .Beskr {font-size:14px !important; line-height:10px;} 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; top:20px;} ul.LSS_Artiklar{width:100%; float:left; margin:0; padding:0} .LSS_Artiklar .pris, #lblTerm{display:none} #LSS_Result{-moz-box-shadow:0 5px 8px -5px #333; -webkit-box-shadow:0 5px 8px -5px #333; box-shadow:0 5px 8px -5px #333} .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%} /* INSTAGRAM */ .Instagram{background:none repeat scroll 0 0 #000; float:left; height:auto; margin:0 0 0 -1.1%; padding:0 1%; width:102.2%} .Instagram:before, .Instagram:after{background:url("/bilder/butik/photo-frame-bg.png") repeat scroll center top rgba(0,0,0,0); content:""; display:inline-block; float:left; height:12px; margin:-11px 0 0 -1%; width:102%} .Instagram:after{margin:0 0 -10px -1%; background-position:center bottom} #instagram-wrapper{margin:2px 0} #IG-slider .item{margin:3px; width:auto !important} #IG-slider .item img{display:block; width:100%; height:auto} .ul-menu-nodots.Extra4-rubrik, .Extra5-rubrik{position:relative} .Extra4-rubrik h4, .Extra5-rubrik h4, .ul-menu-nodots ul li a, .ul-menu-nodots a{opacity:0.8; color:#666 !important} #follow-wrapper div img{position:relative; max-width:99%} .IG-Wrapper{margin:10px 0 20px 0; float:left; width:100.1%} /* -------------------------------------------------------------------------------------------------- CSS3 EFFECTS -------------------------------------------------------------------------------------------------- */ .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta input, .Kassan input, .input_anvandarnnamn input, .input_losenord input, #AIRvarukorg-Wrap .Img, #AIRvarukorg-Wrap .TxtWrap input, .VB_Egenskap{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .Knapp_Kop a, a.CartButton, .Checkout a, .Knapp_Info a, .Knapp_Generell a, .bestallningsknapp, .sokrutan, .Sokfalt, .TextKort, .StaffladePriserRuta, #KampanjFalt >div, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger, #KundBetygRad, .Egenskaper_Tabell select, select.StilValjSortordning, .FilterRens a, .wishlist, .PT_Wrapper, a.btn.ShowMore, .sizeguide table{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} .NewProducts .PT_Wrapper{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px} .Varukorg span.AIRvarukorg-Qty, .AIRvarukorg-Qty-empty, .inloggning a.login, #Produktinfofalt{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a{-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0} .close {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .PT_Wrapper, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, a.CartButton, .btn, .Checkout a, .FilterRens a, .bestallningsknapp, .logo, .logo img, .col, .section, .topbar{-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} .owl-theme .owl-controls .owl-page span{opacity:1 !important; width:20px !important; height:20px !important; background:#4d767a !important; box-shadow:2px 2px 0 #244f55} .owl-theme .owl-controls .owl-page.active span{background:#cdfaff !important; box-shadow:#2px 2px 0 244f55} .owl-carousel.contentslider{border:6px double #b59d6a} .owl-pagination{position:absolute; bottom:-47px; z-index:990; left:0px; right:0px} .owl-theme .owl-controls{margin:0px !important} .owl-carousel {z-index:3; max-width:968px;} .owl-item img {float:left;} .startpage .span_1_of_2 {margin-top:50px !important; } /* KONTAKTFORMULÄR */ ul#kontakformular{list-style:none; max-width:98%} ul#kontakformular li{width:70%; float:left; margin:0 0 20px 0; min-height:35px; line-height:35px} ul#kontakformular li.kontaktText{width:30%; text-align:right; padding:0 4% 0 0} ul#kontakformular li input, ul#kontakformular li textarea, ul#kontakformular select{height:35px; border:1px solid #ddd; padding:0 10px; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} ul#kontakformular li:first-child{width:100%} ul#kontakformular li:last-child{width:20%; float:right} ul#kontakformular li .headline{ float:left; font-size:22px; line-height:25px; padding:15px 10px 5px; width:100%; margin:0px} ul#kontakformular li .btn{border:0px solid; text-shadow 0 0 0; cursor:pointer} ul#kontakformular li textarea{height:auto; line-height:normal; padding:1%} ul#kontakformular select{color:#888; padding:10px} .o-btn.form-btn, .trace-icon, .shop-icon, .terms-icon, .personal-icon{padding:10px 10px 10px 35px} /* FILTER */ .Filter{ padding:0px; position:relative; float:left; width:100%} .Filter ul{list-style:none; margin:10px 10px 0 0 ; } .Filter ul li{display:inline-block; float:left; margin:0 0 1% 1%; padding:0 10px 0 0; } .Filter_Tag_Pris{} .Filter_Tag_Lank.Last-in-line{background:none} .Filter ul li.Last-in-line{margin:0 0 0px 0} .Filter ul li label, .Filter_Tag_Bild .Filt label.Beskr{display:inline-block} .Beskr2 span{display:none} .Filter_Tag_Varum, .Filter_Tag_Artgrp{margin:0 10px 0 0} .Filter_Tag_Pris .Filt #slider_190_Pris{float:right; margin:10px 0 0} .li_br, .br2{clear:left} .UppdateraFilter{display:block; margin:20px 0 0 0} .Filter_CB_DD{} .Filter_CB_DD span.title{display:block; padding:2px; border:1px solid #ccc; line-height:16px; cursor:pointer} .Filter_CB_DD span.title:after{content:" \203A"; float:right; font-size:20px; margin:-2px 0 0; padding:0 5px 0 0} .Filter_CB_DD div{display:none} #Filter_CB_DD_Wrap_Varum{width:390px; position:absolute; background:#fff; padding:10px 0 10px 10px; border:1px solid #ccc; z-index:10} #Filter_CB_DD_Wrap_Artgrp{width:130px; position:absolute; background:#fff; padding:10px 0 10px 10px; border:1px solid #ccc; z-index:10} #Filter_CB_DD_Wrap_Artgrp .cb, #Filter_CB_DD_Wrap_Varum .cb{float:left; margin-right:10px} #Filter_CB_DD_Wrap_Artgrp .cb .lblVarde, #Filter_CB_DD_Wrap_Varum .cb .lblVarde{display:block; float:left; margin:2px 0 0 0} #Filter_CB_DD_Wrap_Artgrp .cb input, #Filter_CB_DD_Wrap_Varum .cb input{width:16px; display:block; float:left} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{width:15px !important; height:15px !important} .ui-slider-horizontal .ui-slider-handle{top:-0.35em !important} .Filter_Tag_Pris label{float:left} .Slider_Range{float:left; width:100%; height:9px; margin:5px 0 0 !important} .ui-widget-header{background-image:none; background:#4766B3} .ui-slider-handle{width:24px !important; height:24px !important} .Beskr{margin:3px 10px 0 0; float:left;} .VisaFler{ clear:left; display:block; float:left; margin:20px 0; text-align:right; width:100%} .PT_Filter{display:none} .filter_loader{opacity:0.8; position:absolute; width:650px; z-index:100; background:#fff} .filter_loader img{display:block; margin:50px auto 0 auto; width:32px} .FilterRens a{ top:23px; position:absolute; right:10px; text-transform:uppercase} .FilterRens span{float:left; padding:2px 10px; width:100%} .Filter br, .li_br{display:none !important} .Filt .FilterFrm:hover, .FilterFrm:hover{background:#999; color:#fff; text-shadow:none} .Filt a.selected, .Filt .FilterFrm.selected{background:#555; border:#555 1px solid; color:#fff} .inactive{color:#999; background:#eee; border:1px solid #ddd !important} .FilterFrm, .FilterFrm, #VAllaIngen{padding:3px 5px; cursor:pointer; margin:0 5px 5px 0; float:left; border:1px solid #fff} .CB_DD_Alla, .cb{width:100%; float:left} .cb input, .CB_DD_Alla .VAllaIngen{float:right !important} .FilterFrm{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .FilterRens{-webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px} .ArtgrpContentBlock {margin-left:0px;} .ArtgrpContentBlock td, .ArtgrpContentBlock tr {background:#fff;} .ArtgrpContentBlock .Knapp_Info_Tabell { position: absolute; right: 155px;} .Filter .Artgrupp_header, .Filter .Artgrupp_header > div {width:auto;} .KassanMinstaBestPris {margin:15px 0 0; float:left; width:100%;} /* REMOVE LATER */ .arrow, .nav ul > li > ul .close {display:none !important;} .Kundkonto {float:right; width:49%;} .Kundkonto table.Rubrik_Kundkonto tbody tr:last-child td{display:none} /* Blogg */ .bloggHeader, #Blogg_Kategorier, #Knapp_Feed, .blogg-headline .headline { background: #b59d6a none repeat scroll 0 0; color: #f7e1a4; font-family: "Crimson Text",serif; margin-bottom: 10px; padding: 8px 0; text-align: center; text-transform: uppercase; } .blogginlagg_rubrik_generell h2, .blogg h2 {font-family: 'Oswald', sans-serif;} .blogg-headline .headline a { color: #f7e1a4;} .bloggHeader span, .blogg-headline .headline {font-size: 1.9em !important;} #Blogg_Kategorier, #Knapp_Feed {font-size: 1.6em !important; padding: 0px; margin-bottom: 20px; } .blogg_generell_wrapper {margin-left: 0px;} #Blogg_Kategorier, #Knapp_Feed {width:100%; float: left; text-align: left;} #Knapp_Feed {margin-top:20px; margin-bottom: 5px; } /* #bloggHeader_kategorier_meny {display: none; position: absolute; right: 11px; margin-top: 7px;} */ #bloggHeader_kategorier_meny ul {list-style-type: none;} #bloggHeader_kategorier_meny li { font-size: 16px; margin: 7px 0; width: 100%;} #bloggHeader_kategorier_meny li a{color: #fff;} .bloggHeader_topp {background: #b59d6a none repeat scroll 0 0; float: right; padding: 2%; position: relative; z-index: 1; margin-right: 35px; margin-top: 20px;} .blogginlagg_innehall_wrapper {margin: 10px 0; line-height: 23px;} .blogginlagg_datum_generell { color: #666; font-size: 12px; font-style: italic; letter-spacing: 2px; margin: 0 0 2px;} .blogginlagg_innehall_short_generell {text-align: justify; font-size: 14px;} .blogginlagg_rubrik_generell {text-transform: uppercase; margin:10px 0;} #visaAllaAvdelareSpan {display: none;} .blogginlagg_generell, .blogg {margin: 0 0 20px 0; border: 3px solid #b59d6a; padding: 10px;} .blogginlagg_bottom_generell {margin-top: 10px;} .blogginlagg_bottom_generell a {text-transform: uppercase; font-size: 12px; letter-spacing: 2px;} .blogginlagg_huvudlank_generell {margin-left: 10px;} .bloggkommentarsfalt div, .bloggkommentarsfalt table {margin: 2px 0; float: left; width:100%; } #ValPagineringInt span {float: left;margin: 5px 3px;} .Artgrp_VisaFlerBott {margin-top: 20px;} #ValPagineringInt {margin-left: 20px; float: right;} #antalArtiklarSpan {float: left; line-height: 45px;} #Lagerid_1, #Lagerid_2, #Lagerid_3, #Lagerid_4, #Lagerid_5, #Lagerid_6, #Lagerid_7, #Lagerid_8, #Lagerid_9, #Lagerid_10 {display: none;} #AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal a {margin-top: 10px;} #AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal {width: auto !important; display: block !important;} #AdressblockLoggain .Snabbkassa_Kunduppgift_Etiketter, #AdressblockLoggain td { vertical-align: middle;} #LevtidFalt b {float: left; width: 100%; margin:10px 0 0 ;} #LevtidFalt br {display: none;} .username input, .password input {width: 100%; } .wishlist { background: #30674d none repeat scroll 0 0; color: #fff !important; font-family: "Crimson Text",serif; font-size: 14px; height: 35px; line-height: 35px; margin: 15px 0 0; text-align: center; text-transform: uppercase;} a.wishlist:hover {color:#fff !important; background: #000;} .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;} @media screen and (max-width : 800px) { .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;} }