/* -------------------------------------------------------------------------------------------------- COPYRIGHT (c) ASKÃ…S INTERNET- &REKLAMBYRÃ… AB 1998-2021. 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 {font-family: 'Open Sans', 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 {/*line-height:1.3em;*/ margin:0px; padding:0px; outline:0;} a {text-decoration:none; outline: none;} img {border:0px;max-width:100%; height: auto;} select {-webkit-appearance: none;-moz-appearance: none;padding: 10px 15px;background: url(/bilder/butik/select.png) no-repeat right 15px center #eee;border: none;border-radius: 15px;margin: 0 0 0 5px; padding-right: 35px;} /**/@font-face {font-family: 'bauhaus, Arial, sans-serif';src: url('/includes/fonts/BauhausBoldBT.ttf');} .relative {position: relative;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px;} /* COLUMN SETUP */ .col {display: block; float:left; margin: 1% 0 1% 1.6%; } .left{float:left;} .col:first-child, .span_2_of_2, .span_1_of_1, .no-L-margin {margin-left: 0;} .no-R-margin {margin-right: 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 ----------------------------------------------------------------------------------------- */ #start_grey {background-color: #fff;/*#f3f3f3*/} .slidern, .kampanj, .kundomdomen, .kategorier, .kundsupport, #footer-wrapper {background-color: #FFF; } /* TOTAL PAGE WIDTH */ /*#wrapper,*/ .footer, .topline, #footer-wrapper .section, #topbar .section, .header, .section{max-width:1200px;} #footer-wrapper .section, #topbar .section, #wrapper, .header {position:relative; margin:0 auto;padding:0 10px;} .section {margin: 0 auto;} /* TOPLINE */ #topbar {width:100%; min-height:35px; display:inline-block; position:fixed; z-index:1000;} .topbar.content {float:left; line-height: 35px; padding:0 10px 0 0;margin:0;} .topbar.content > a {padding: 0 10px;} /* left-column height 100% */ #wrapper{overflow:hidden;} .nav.group{/*padding-bottom: 99999px !important;margin-bottom: -99999px;*/} /*div#WebbMeny ul li a {text-transform: uppercase;} div#WebbMeny ul li a {text-transform: uppercase; border-bottom: 0;border-top: 1px solid #eee;}*/ /* HEADER */ .header {padding:45px 0 0 0;} #topbar .col.span_4_of_12{width:33%;} .tagline_header {position: absolute;text-align: center;width: 30%;margin: 0 35%;top: 80px;font-size: 2.5em;font-family: 'bauhaus, Arial, sans-serif';} .close:after{content:"\f00d";font-family:FontAwesome; position: absolute;z-index: 100;right: 10px;top: 8px;} .logo a {display: inline-block;} .logo img {max-width:100%;/*max-height: 70px;width: auto;*/height:auto;padding:3px;} .logo_small.mobile-only {position: absolute;width: 130px;left: 49.5%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);} .logo {margin: 0; padding-top:20px;} .inloggning {float:right; border-right: 1px solid #99cbff; margin-right: 15px;} #LSS_Result .section.group {max-height: 500px; overflow-y: scroll; overflow-x: hidden;} /* moms */ .f-p { color: #fff; position: relative; float: right; cursor:pointer; border-right:1px solid #99cbff; padding-right: 20px; } .f-p:hover ul { display: block; } .f-p ul { display: none; position: absolute; background: #fff; top: 100%; left: 0; width: 160px; box-shadow: inset 1px 1px 8px rgba(0,0,0,0.08); -webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.08); -moz-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.08); border: 1px solid #c7c7c7; } .f-p ul li { display: inline-block; padding: 5px 10px; } .f-p-vald { height: 45px; padding: 15px 0 0; } /* FOOTER */ #footer-wrapper {margin:0 auto;float:left; width:100%; min-height:200px; position:relative;} .askas {float: right; margin: 20px 0; text-align: right; width: 100%;} #footer-wrapper span.alig {font-family: 'bauhaus, Arial, sans-serif';width: 100%;float: left;font-size: 26px !important;height:40px;} #footer-wrapper span {font-size: 16px;} span.mail, span.phone, span.fax {margin-top: 40px;display: inline-block;float: left;} #footer-wrapper span.street-address:before, #footer-wrapper span.mail:before, #footer-wrapper span.phone:before, #footer-wrapper span.fax:before{background: url(/bilder/butik/sprite.png);content: "";width: 16px;height: 20px;display: inline-block;margin-right:5px;} #footer-wrapper span.street-address:before{background-position:0px 20px;} #footer-wrapper span.mail:before {background-position: 58px 20px;} #footer-wrapper span.phone:before{background-position: 36px 20px;} #footer-wrapper span.fax:before{background-position:16px 20px;} #footer-wrapper .right {float: right;text-align: right;} #footer-wrapper h4{text-transform: uppercase; font-size: 16px;} #footer-wrapper #WebbMeny ul, #footer-wrapper .long ul {list-style: none;} /*#footer-wrapper .long li {display: inline; margin-right: 15px; font-size: 16px;} #footer-wrapper .long li i {background-color: #000; border-radius: 28px; color: #fff; height: 28px; line-height: 28px; text-align: center; width: 28px;} #footer-wrapper .long li i.fa-envelope, #footer-wrapper .long li i.fa-file-text-o {font-size: 14px;}*/ #footer-wrapper .grey {background-color: #eee; padding: 25px 0;} #footer-wrapper #WebbMeny ul li a:after { content: ""; display: none; } /* main */ .start h1, .kundsupport h2 {font-weight: 700;} div#main {float: right;} .hl {display: inline-block;float: left;padding:5px 0;width:100%;text-align:center;font-size:1.2em;text-transform:uppercase;} .hl a {display: inline-block;width: 100%;} .hl .visa_mer { position: absolute; border: 1px solid #999; border-radius: 3px; padding: 1px 5px; text-transform: none; display: inline-block; right:12px; margin: 0 5px;font-size: 0.8em;} #left-column .hl {text-align: left;padding-left: 5%;} .mobile-only {display: none;} .startpage { margin:0 0 10px 0;display: inline-block;padding: 25px 0;width: 100%;} .section.start .content {padding-left: 20px;} .section.startpage .content p {font-size: 18px;} .inloggning i.fa.fa-user {font-size: 25px;line-height: 40px;} .start #breadcrumb {display: none;} .section.startpage h1 {font-size: 2.5em;} .puff {padding:10px;float:left;} .puff a{line-height: 30px;height: 30px;padding: 0px 16px;border-radius:3px;float:right;margin:0;margin-top:20px;cursor:pointer;}p .puff h2 {padding-bottom: 5px; font-size: 18px;font-weight: 600;} .puff img {max-width: 100%;height: auto;} .section.start .dark_blue.puff h2 {padding-bottom: 0px;} .puff.dark_blue, .puff.blue, .puff.gray, .puff.gray_border{border:none;} .puff.none{border:none;padding:0;} .section.start .puff.none {height:152px;overflow:hidden;} .section.start .puff.none img{height:100%;width:auto;max-width:none;} .skolor .puff a{margin-top:0;} .usp {float: right;} .usp .puff{min-height:145px;background: #EFEFEF; border-radius: 10px;} .usp .puff h2 {font-size: 1.1em;text-transform: uppercase; font-weight: 600;color:#1A7ADA;} .puff.dark_blue p{max-height: 55px;overflow: hidden;;} .start.product {height: auto;} .start.product .PT_Wrapper { width: 100%;border:none;padding:10px;} .PT_Wrapper, .PT_Wrapper:first-child {margin: 0.5%;} .nyhetsflode { width: 100%; display: inline-block;float: left;height: 300px; border: 1px solid #cecece; overflow: scroll; padding: 10px 10px 0;} .start.product h1, .start.product h2 {color: #ff6600 !important;} .PT_Wrapper .artnr {font-size: 13px;/*font-weight: 700;*/margin-top: 5px;} .kundcitat {margin: 0;max-height:150px;} .kundcitat div#owl-demo {position: relative; top: -150px;} .kundcitat .owl-item p {width: 70%;font-size: 18px;text-shadow: 1px 1px 2px rgba(0,0,0,1.0);font-style:italic;} /* kontaktformulär */ #kontaktformular input[type="submit"] {margin-left:20%} #kontaktformular label {/*display:none;*/float:left;font-weight:bold;height:35px;line-height:35px;width:20%} #kontaktformular input{height:35px;line-height:35px;} #kontaktformular input, #kontaktformular textarea {display:block;clear:right;margin-bottom:1%;width:40%;} #kontaktformular input.invalid{border:1px solid #f00;} #kontaktformular textarea.invalid{border:1px solid #f00;} /* overdiv */ #overDiv table {width: 400px;} #overDiv table[bgcolor="#E9E2B6"] tbody tr td table:first-child tbody tr td b font{font-size: 15px;padding:10px !important;} #overDiv table[bgcolor="#E9E2B6"] tbody tr td table:first-child{padding:10px;} #overDiv table[bgcolor="#eeeeee"], #overDiv table[bgcolor="#444"], #overDiv table tr[bgcolor="#DDDDDD"]{padding:20px;} /* blogg */ .bloggoversikt {border-bottom: 1px solid #c7c7c7; padding:0;margin: 0;} .bloggoversikt a{width:100%; padding: 20px 10px;display:inline-block;} /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* NAV TOPMENU */ .nav-topmenu {float:right;text-align:right; /*height: 113px;*/line-height: 113px;margin: 0;padding: 0;} .nav-topmenu a{/*font-size:1.1em;*/text-transform:uppercase; padding: 6px 0; margin: 0 0 0 25px;font-size:14px;float:left; color: #282828 !important; font-weight: bold;} .nav-topmenu a:hover {color: #282828 !important;} /* TEMPLATE-TOOLKIT MENU LEFT-MENU */ .nav.group {margin-top:0.5em;} .nav, .nav ul, .nav ul li, .nav ul li a{display:inline-block;width:100%;} .nav ul li a { height: 35px;line-height: 35px;padding-left: 10px; border-bottom: 1px solid #eee;font-size:13px;} .nav ul li a i { width: 35px; text-align: center;float: right;height: 35px; line-height: 35px; border-radius: 3px;font-size: 20px; border-left: 1px solid #eee; border-radius: 0;} .nav ul li a i.fa-angle-right {border-left: none;} /**/#WebbMeny ul li a:after { content: "\f105"; width: 35px; height: 35px; display: inline-block; float: right; text-align: center; line-height: 35px; font-size: 19px; font-family: FontAwesome; } .nav-menu li ul {display: none;} .nav-menu li a {text-transform: uppercase;} .hl i.fa-angle-down{font-size: 25px; position: relative;top: 2px;left: 10px;display: none;} .close_nav {display: none;} i.fa.fa-minus-circle:before {content: "-";font-size:23px;} i.fa.fa-plus-circle:before {content: "+";} i.fa.fa-circle:before{content:"";} .nav ul li.active-parent > a > i.fa-plus-circle { display: none; } ul > li.active-parent > a > i.fa-minus-circle { display: inline-block; } /*.nav ul li ul li a{padding-left:25px;} .nav ul li ul li ul li a{padding-left:45px;} */ .nav .varumarken{margin-top: 40px;} .nav .varumarken li a, .nav .varumarken li a i{border:0;} /* NAV */ /* text-decoration */ .nav ul li.active a, .nav ul li ul li.active a, .nav ul li ul li ul li.active a {text-decoration: underline;} .nav ul li.active ul li a, .nav ul li ul li.active ul li a, .nav ul li ul li ul li.active ul li a{text-decoration:none;} /* nav show/hide +/- icons */ .nav ul li ul{display:none;} ul li i.fa-minus-circle{display:none;} ul > li.active > a > i.fa-minus-circle{display:inline-block;} ul > li.active > a > i.fa-plus-circle{display:none} ul > li.active > ul, ul > li.active-parent > ul, ul > li.active-parent > ul > li.active > ul{display:inline-block;padding-left: 10px;} /* -------------------------------------------------------------------------------------------------- STARTSIDAN -------------------------------------------------------------------------------------------------- */ .uspar ul {list-style: none; text-align: center; padding:25px 0; font-size: 18px;} .uspar ul li {display: inline; margin: 0 15px;} .uspar ul li:before {/*content: ' '; font-family: FontAwesome;margin-right: 5px;*/ background-image: url("/bilder/butik/check.svg"); background-repeat: no-repeat; background-size: 24px auto; color: rgba(0, 0, 0, 0); content: "......"; font-size: 17px; height: 24px; width: 24px; } .start .owl-carousel {margin-bottom:25px; } .owl-next, .owl-prev {top:43% !important;} .kampanj {} .poppis {background-color: #f3f3f3;} .kampanj, .poppis {padding:15px;} .kampanj h3, .poppis h3, .kategorier h2 {font-size: 18px; font-weight: bold; color: rgba(40, 40, 40);} .kategorier h2 {margin-top: 45px; margin-bottom: 10px;} .kampanj h3, .poppis h3 {padding: 15px 0;} .kundsupport h2 {font-size: 40px; /*padding-top: 25px;*/ margin-top: -10px; font-weight: 900;} .kundsupport {font-size: 14pt;} .owl-theme .owl-controls .owl-buttons div {display: inline-block; font-size: 12px;margin: 0 5px; opacity: 0.5; padding: 0 10px; text-indent: -9999px;} .owl-prev{position: absolute; top:45%; background:url("/bilder/butik/sprites.png") repeat scroll 0 -30px rgba(0, 0, 0, 0) !important; border-radius:0; height:64px; width:26px;left:-34px; margin:0 !important;} .owl-next{position: absolute; top:45%; border-radius:0; background:url("/bilder/butik/sprites.png") repeat scroll -25px -30px rgba(0, 0, 0, 0) !important; border-radius:0; height:64px; width:28px;right:-34px; margin:0 !important;} .owl-carousel{padding:0 10px 0 10px;} .owl-item .PT_Wrapper {margin: 0; padding: 4% !important; width: 94.5%; background-color: #FFF; line-height: auto;} /*.owl-item*/ .PT_Wrapper .Laggikorgen_Antalsfalt {display: none;} .kategorier {margin-bottom: 30px;} .kundomdomen h3 { text-align: center; font-size: 20px; font-weight: bold; padding-top: 10px;} .tryggehandel {position: absolute; right: 25px; width: 80px; height: auto; z-index: 1; top:20px;} .kundomdomen .bilddiv {width:-moz-calc(45% + 45px); width:-webkit-calc(45% + 20px); width:-o-calc(45% + 20px); width: calc(45% + 20px); padding-left: 10px;} .kundomdomen .textdiv {width:-moz-calc(51% - 0px); width:-webkit-calc(51% - 0px); width:-o-calc(51% - 0px); width: calc(51% - 0px); padding: 10px 20px 0; margin:0;} /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* .energyClass {position: absolute; right: 0px; top: 27px;} */ .PT_Wrapper_All.normal .energyClass {position: absolute; right: 6px; left: inherit; top: 6px;} .energyClass a {color: #fff;} .energyClass a:hover {color: #fff !important;} .energyClass[data-value^="A"], .energyClass[data-value="B"], .energyClass[data-value="C"], .energyClass[data-value="D"], .energyClass[data-value="E"], .energyClass[data-value="F"], .energyClass[data-value="G"] { display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: center; width: 30px; height: 28px; font-size: 18px; font-weight: bold; text-align: center; padding-right: 9px; color: #fff; } .energyClass[data-value^="A"]:before, .energyClass[data-value="B"]:before, .energyClass[data-value="C"]:before, .energyClass[data-value="D"]:before, .energyClass[data-value="E"]:before, .energyClass[data-value="F"]:before, .energyClass[data-value="G"]:before { content: ""; display: block; border-style: solid; border-width: 14px 14px 14px 0; margin-left: -14px; } .energyClass[data-value="G"] {background-color: #ed1b24;} .energyClass[data-value="F"] {background-color: #f37020;} .energyClass[data-value="E"] {background-color: #fdb813;} .energyClass[data-value="D"] {background-color: #fef200;} .energyClass[data-value="C"] {background-color: #bdd630;} .energyClass[data-value="B"] {background-color: #51b747;} .energyClass[data-value="A"] {background-color: #00a652;} /* .energyClass[data-value="A+"] {background-color: #019c48;} .energyClass[data-value="A++"] {background-color:#019c48;} .energyClass[data-value="A+++"] {background-color: #019c48;} */ .energyClass[data-value="G"]:before { border-color: transparent #ed1b24 transparent transparent; } .energyClass[data-value="F"]:before { border-color: transparent #f37020 transparent transparent; } .energyClass[data-value="E"]:before { border-color: transparent #fdb813 transparent transparent; } .energyClass[data-value="D"]:before { border-color: transparent #fef200 transparent transparent; } .energyClass[data-value="C"]:before { border-color: transparent #bdd630 transparent transparent; } .energyClass[data-value="B"]:before { border-color: transparent #51b747 transparent transparent; } .energyClass[data-value="A"]:before { border-color: transparent #00a652 transparent transparent; } /* .energyClass[data-value="A+"]:before { border-color: transparent #019c48 transparent transparent; } .energyClass[data-value="A++"]:before { border-color: transparent #019c48 transparent transparent; } .energyClass[data-value="A+++"]:before { border-color: transparent #019c48 transparent transparent; } */ .epub_artgrp_cell {} .epub_artgrp_cell .fa-book::before { content: "Produktblad"; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 27px; display: inline-block; padding: 0 10px; } .epub_artgrp_cell a {font-size: 18px;} .PT_Wrapper .col {margin: 1% 0 1% 1% !important;} /* ARTGRP GENERAL SETTINGS */ .Egen_Infogad_HTML {margin:0 0 10px 0;} .Artgrp_Sorteringsordning, .Artgrp_Visningsformat {margin:0px 5px 0px 0px} .Artgrp_VisaFler{text-align:right;float:right;font-size:14px;} .Artgrupp_header b {line-height: 33px;} .Artgrp_Visningsformat i {font-size: 34px;margin:10px 0 0 10px;float: right;display:inline-block;border-radius:3px;cursor:pointer;} .Artgrp_Visningsformat{float:right;display:inline-block;height:50px;} .Artgrp_VisaFler a, span.Artgrp_VisaFlerArtiklar_Markerad{border: 1px solid #c7c7c7;padding: 5px 8px; border-radius: 3px;} .Artgrp_VisaFler a:hover, span.Artgrp_VisaFlerArtiklar_Markerad{background:#eee;} /* PT / ENSKILD PRODUKT */ .normal .PT_Wrapper.col.col:first-child {margin-left: 0.5%;} .start .PT_Wrapper.col.span_4_of_12 {margin: 1.6% 0% 0 1.6%} .start .PT_Wrapper.col.span_4_of_12:nth-child(3n+1) {margin-left: 0; /*margin-top: 0.5em;*/} .normal .PT_Wrapper /*, .start .PT_Wrapper*/{padding:1%; margin:0.5%; } .normal .PT_Bildruta a, .start .PT_Bildruta a {width:100%; line-height:120px; display:inline-block;height:140px;} .normal .PT_Bildruta a, .start .PT_Bildruta a {width:100%; line-height:120px; display:inline-block;} .normal .PT_Bildruta img, .start .PT_Bildruta img{vertical-align:middle;} .normal .PT_Faktaruta /*, .start .PT_Faktaruta*/{height:50px; margin:5px 0px 5px 0px} .normal .PT_Beskr /*, .start .PT_Beskr*/{height:30px; margin:0px 0px 5px 0px;} .start .PT_Wrapper{padding:1%; margin:0.5%;} .start .PT_Faktaruta{height:60px; margin:5px 0px 5px 0px} .start .PT_Beskr{height:60px; margin:0px 0px 5px 0px;} .normal .PT_Text_Kort, .start .PT_Text_Kort{height:30px; margin:0px 0px 5px 0px;display:none;} .PT_Wrapper_All .PT_Pris{height:45px; margin:0px;font-size: 1.4em;} .PT_Wrapper_All .PT_Pris .PT_PrisKampanj{font-size:1em;} /* Variantartiklar */ .Variantartikel div#SubmitFalt, .Variantartikel div#FaltRader, .Variantartikel div#OrderFalt, .Variantartikel div#KundBetygRad, .Variantartikel .BildZoomThumbnails, .Variantartikel .Kampanjfalt, .Variantartikel div#VarumarkeFalt, .varianter .PT_Wrapper .PT_Bildruta, .varianter .PT_Text_Kort, .Variantartikel table.ProduktinfoFlik.section, .Varianter #Produktinfofalt, .Variantartikel #Produktinfo {display: none;} .varianter{display:none;} .Variantartikel .varianter{display:inline-block; width: 100%;} .Variantartikel div#Bildkolumn {width: 30%;} .Variantartikel div#Faktakolumn {width: 68%;} .Variantartikel div#PrisFalt {display: none;} .varianter .PT_Wrapper_All.list .PT_Wrapper {height:60px; margin: 4px 0 0 0;} .varianter .list .PT_Faktaruta {width: 65%;padding: 0 10px;height:60px;line-height:60px;overflow:hidden;} .varianter .list .PT_Pris {height: 60px;line-height: 60px;} .varianter .list .PT_Knappar{width:17%;} .varianter .list .PT_Knappar table {margin-top: 0;} .varianter .list .PT_Beskr {margin-top: 15px;max-height: 45px; overflow: hidden;font-size:1em;} .varianter .list .PT_Wrapper .PT_Pris .PT_PrisKampanj {margin-top: 7px;} /* PT ENSKILD PRODUKT SAKNAS */ .Artgrp_Lista{width:100%; display:block;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 */ .list .PT_Wrapper {width: 100%;margin: 5px 0;height:100px; align-items: center; display: flex; justify-content: space-between;} .list .PT_Bildruta { width: 20%;height: 100px;display: inline-block; float: left; padding: 0 10px;} .list .PT_Bildruta a {height:100px;line-height:100px;display:inline-block;} .list .PT_Bildruta a img {max-width: 100%;vertical-align: middle; max-height: 70%; width: auto;} .list .PT_Faktaruta {width: 45%;float: left;display: inline-block;height: 100px;line-height:100px;overflow: hidden;} .list .PT_Beskr {font-size: 1.1em;display:inline-block;} .list .PT_Pris {width: 15%;float: left;display: inline-block;height: 100px;line-height: 100px;text-align:center} .list .PT_Knappar {float: right;width: 8%; float: left;display: inline-block;} .list .PT_Knappar table { width: 100%;display: inline-block; text-align:center;} .list .PT_Knappar table tbody, .list .PT_Knappar tbody tr, .list .PT_Knappar tbody tr td.Knapp_Kop{display: inline-block;} .list .PT_Knappar tbody tr td a{float:right;} .list .PT_Wrapper .PT_Pris .PT_PrisKampanj{margin-top:25px;} .PT_Knappar table td.Laggikorgen_Antalsfalt_Select_Td, .PT_Knappar form table td.Laggikorgen_Antalsfalt_Select_Td {display: inline-block;} .PT_Knappar table td:first-child, .PT_Knappar form table td:first-child {display: inline-block;} /* om artiklar saknas */ .Bilder_Artikelgrupp .PT_Bildruta {height: 180px;line-height: 180px;padding: 10px;} .Bilder_Artikelgrupp img {max-width: 100%;max-height: 100%;vertical-align: middle;} .Bilder_Artikelgrupp .PT_Beskr {height: 40px;text-align: center;margin-top: 20px;display: inline-block; width: 100%;} .PT_Wrapper {position: relative;} .energiikon {position: absolute; right: 0px; top: 27px;} .PT_Wrapper_All.normal .energiikon {position: absolute; right: 6px; left: inherit; top: 6px;} .energiikon a {line-height: inherit !important; height: auto;} .energiikon img {max-width: 66px !important;} /* .PT_Lank {height: 34px !important; width: 100%; display: block; position: absolute;} */ .PT_Beskr a {font-weight: bold;} .artnr a {font-weight: 300;} .nyheter-slider .PT_Wrapper, .kampanj-slider .PT_Wrapper {border:none !important; background-color: rgba(225, 225, 225, 0)!important;} .nyheter-slider .PT_Bildruta a, .kampanj-slider .PT_Bildruta a {border: 1px solid rgb(228, 228, 228); background-color: #fff;} .nyheter-slider .PT_Wrapper .PT_Beskr a, .kampanj-slider .PT_Wrapper .PT_Beskr a {font-weight: bold;} .nyheter-slider .PT_Wrapper .artnr, .nyheter-slider .PT_Wrapper .artnr a, .kampanj-slider .PT_Wrapper .artnr, .kampanj-slider .PT_Wrapper .artnr a{font-weight: 400 !important;} .nyheter-slider .PT_Wrapper .PT_Pris, .kampanj-slider .PT_Wrapper .PT_Pris {font-size: 14px; font-weight: bold;} .nyheter-slider .PT_Wrapper .Knapp_Kop a, .kampanj-slider .PT_Wrapper .Knapp_Kop a, .normal .PT_Wrapper .Knapp_Kop a, .list .PT_Wrapper .Knapp_Kop a {width: 40px !important; height: 30px !important; line-height: 30px !important;} .nyheter-slider .PT_Wrapper .Knapp_Kop a i, .kampanj-slider .PT_Wrapper .Knapp_Kop a i, .normal .PT_Wrapper .Knapp_Kop a i, .list .PT_Wrapper .Knapp_Kop a i {font-size: 23px !important; line-height: 30px !important;} /* -------------------------------------------------------------------------------------------------- PRODUCTVIEW / PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ #Faktablad {position: relative;} /*PRDKT - Bildkolumn */ .ProduktBild {width:100%; 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 a {background:url(/bilder/butik/MediaPlay.png) no-repeat center center; } /*PRDKT - RIGHT COLUMN */ #Avbetalning {padding: 10px;} #FaltRader, #KundBetygRad{ margin:10px 0; padding:10px;} .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} #OrderFalt br {display: none;} #SubmitFalt {margin-top: 10px;} input.Laggikorgen_Antalsfalt { margin-left: 5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .pdf-link a {color: #1A7ADA;} .energiikon_PT {text-align: right;} .energiikon_PT img {max-width: 69px;} /* .energiikon_PT .energyClass {position: absolute; right: 0px; top: 18px;} */ .PT_content {float: left; width: 60%;} .Energydec {float: right; width: 38%; padding-top: 28px;} .Energydec img {width: 170px;} .epublank {padding-top: 5px;} .epublank a {color: #3297ff;} .epublank a:hover {color: #3297ff !important; text-decoration: underline;} /*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;} /* -------------------------------------------------------------------------------------------------- KASSA -------------------------------------------------------------------------------------------------- */ .kassa div#left-column { display: none;} .kassa div#main{width:100%;} .endast_kassa{display:none;} .kassa .endast_kassa{display: inline-block;padding: 5px 10px;border-radius: 5px;font-family: 'Open Sans', sans-serif; margin: 10px 0 0 0;} .kassa .endast_kassa:before{font-family:FontAwesome;content:"\f100";margin-right:10px;} .kassa #breadcrumb{display:none;} select#Land {margin-left: 0;background: url(/bilder/butik/select.png) no-repeat right 15px center rgb(221, 221, 221) !important;} .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst { float: left;width: 100%; min-height: 0;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img{ max-height: 32px;padding: 5px 0;} .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input{height:30px; padding: 0 10px;} #BetalningsmetoderRam span, #FraktmetoderRam span, #BetalningsmetoderRam span a, #FraktmetoderRam span a{min-height:35px;line-height:35px;height:auto;} p#KreditorInfo, .Snabbkassa_Presentkort i { font-size: 11px; font-style: normal;} a#klarna-link-dynamic-se {font-size: 11px;} div#Klarna_InvoiceContainer { position: initial; width: 100%; display: inline-block !important;float: left;margin-top:-10px;padding:0 !important;} p.LankLoggain {padding: 15px 0;} p.LankLoggain label {display: none;} p.LankLoggain a i, div#AdressblockLoggain i {font-style: normal;padding: 5px 10px;border-radius: 5px;display:inline-block;} p.LankLoggain a i:before{content:"\f007";font-family:fontAwesome;margin-right:10px;} .TAGX_Antal i { font-size: 13px;} .Snabbkassa_Varukorg, .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst { float: left; width: 100%; min-height: 0; margin: 0 0 10px 0; display: inline-block; font-family: 'Open Sans', sans-serif;font-weight: 300;padding: 15px;} table.Rubrik_Kunddata, table.Rubrik_Varukorg, table.Rubrik_Snabbkassa_Presentkort, table.Rubrik_Betalning, table.Rubrik_Fraktmetoder, table.Rubrik_Kundtjanst { margin-top: 0 !important; font-family: 'Open Sans', sans-serif;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {width: 100%;margin-bottom: 20px;} .kassa td[bgcolor="#CCCCCC"] { display: none;} input#Kassan_Kommentar {width: 100% !important;height: 80px;} div#InforutaRabattkodPresentkod i { font-size: 12px;border: none; padding: 10px 0;} table#Snabbkassa_Varukorg_Tabell {display: inline-block;} .Kassan h1 {display: none;} .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span {text-transform: none;font-size: 22px;} #BetalningsmetoderRam span, #FraktmetoderRam span { float: left;min-height: 30px;line-height: 30px;width: 100%;position: relative;margin: 0 0 5px 0;padding: 0 10px;border-radius: 5px;} .Kassan input, .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input {border-radius:5px;} .kassa td.Bild a { border-radius: 5px; width: auto; display: inline-block; padding: 0 10px; max-height: 40px; overflow: hidden; width: 50px; padding: 0; } .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1{padding-left:10px;} .Snabbkassa_Presentkort .Presentkortsruta tr {width: 100%;} .GodkannaVillkorochBestallningsknappRam tbody tr td[align="right"] {float: right;display: inline-block;} .GodkannaVillkorochBestallningsknappRam tbody, .GodkannaVillkorochBestallningsknappRam tr{width: 100%;display: inline-block;float: left;} .GodkannaVillkorochBestallningsknappRam tbody tr td {width: 50%;} .Snabbkassa_Presentkort > table.Presentkortsruta > tbody > tr> td {width: 50%;display: inline-block;float: left;} p.Snabbkassa_Kundfalt_Marginal.AdessblockPaminnare {display: inline-block;float: left; height: auto;} #AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal a {float: left;display: inline-block;min-height: 30px; margin-top: 5px;display:inline-block;} #AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal a:first-child{margin-top:15px;} div#AdressblockLoggain input { height: 30px;} .Kundtjanst div[style="padding:10px;"] {padding: 0 !important;} td.Snabbkassa_Flik_Normal { padding: 0;} .Kundtjanst table tbody tr td div div{width:75%;} .RowWrap { max-height: 250px; overflow-y: scroll; } /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ .Flik_Beskr_Markerad a {border-bottom: 0; border-radius: 3px 3px 0 0; margin-left:5px;} .Flik_Beskr_Normal a {border-bottom: 0;border-radius: 3px 3px 0 0; margin-left: 5px;} #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;} .Flik_Beskr_Normal a {border-bottom: 0;} #Produktinfofalt .PT_wrapper.Lista {margin: 0;border-bottom: 1px solid #eee;} /* -------------------------------------------------------------------------------------------------- SEARCH / SÖK -------------------------------------------------------------------------------------------------- */ .sokrutan{float:left; margin: 5px 0 5px 1%;} .sokrutan .close:after{top:18px;right:18px;display:none;} .Sokfalt {float: left; height: 35px;line-height: 30px; padding: 0 10px;width: 100%;border: none; font-size: 13px;} .sokruta-epost {width:100px; height:16px; border:1px solid #ccc} .LSS_Container {position:relative;} .Sokknapp {position: absolute;right: 3px; top: 2px; -webkit-appearance: none; -moz-appearance: none;border: none; border-radius: 0 3px 3px 0; height: 30px;width: 26px;text-indent: -9999px; background: url(/bilder/butik/sokikon.svg) no-repeat center;} /* -------------------------------------------------------------------------------------------------- SIGNIN / LOGGA IN -------------------------------------------------------------------------------------------------- */ .inloggning a {float: left;padding: 0px 10px;margin: 5px 0;font-size: 0.95em;height: 35px;line-height: 37px;border-radius: 3px;} .inloggning a span { padding: 0 10px; position: relative;bottom: 4px;} .inloggningsruta {display: none;position: absolute;top: 45px;padding: 10px 10px 0px 10px;margin: 0;line-height: 25px;} .inloggningsruta.active {display:block;} .inloggningsruta a {padding:0px;} .input_anvandarnnamn input, .input_losenord input { width: 98%;height: 30px;border-radius: 5px;} .Login-password p{float:left;} .Login-password a.forgotpassword {float: right; } .inloggningsruta .Knapp_Generell a.button {width: auto;padding: 0 10px;line-height: 30px;height: 30px;text-transform: none;float:left; margin: 5px 5px 5px 0;} #AdressblockLoggain table {float:left;} .inloggningsruta a.forgotpassword {line-height: 40px !important;height: 40px;display: inline-block;float: right;padding: 0 10px;} /* DIN SIDA */ h1.Dinsida_Topprubrik {font-size: 1.6em;} div#minsidaDrop {width: 100%;display: inline-block;} #minsidaDrop ul {list-style: none;display: inline-block;width: 100%;} #minsidaDrop ul li {width: 100%;float: left;} #minsidaDrop ul li ul li {float: left; text-align: center;width: 32%;margin: 0 1% 1% 0;} #minsidaDrop a { width: 100%; margin: 0;padding: 0; height: 126px; padding: 40px 0 20px;} #minsidaDrop li span a:before{font-family: FontAwesome;font-size: 3em;width: 100%;display: inline-block;margin-bottom:15px;} li#hem span a:before{content: "\f015";} li#andraprofil span a:before{content: "\f007";} li#dinsida_order span a:before{content: "\f09d";} li#dinsida_bevakningar span a:before{content: "\f06e";} li#logout span a:before{content: "\f011";} li#Onskelista span a:before{content:"\f004";} li#dinsida_betyg span a:before{content:"\f123";} li#dinsida_returer span a:before{content:"\f112";} li#dinsida_reklamationer span a:before{content:"\f122";} li#dinsida_presentkort span a:before{content:"\f06b";} li#dinsida_kundprofil_kontaktperson span a:before{content:"\f0c0";} .min_sida table { width: 98%;} .min_sida table td {padding: 10px;text-align: left;} .min_sida table td input { min-height: 30px;} .min_sida td.Knapp_Generell_Vanster {display: none;} .min_sida #Adressblock table {width: auto;} .min_sida #Adressblock table td{padding:0;} /* -------------------------------------------------------------------------------------------------- KNAPPAR / BUTTON / -------------------------------------------------------------------------------------------------- */ /* Buy Buttons */ .PT_Knappar table td, .PT_Knappar form table td {display: none;} .Knapp_Kop_Tabell .Knapp_Kop, .PT_Knappar table td.Knapp_Kop {display: inline-block;} .Knapp_Kop_Tabell_Artikel{width:100%;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a{ float: left; height: 35px; line-height: 35px !important; padding: 0 !important; width: 100%; border-radius: 3px;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right !important;} a.button {margin:10px 10px 10px 0;} .Knapp_Kop a{border: 0px;line-height: 40px;height: 40px;width:65px;float: left;text-transform: uppercase;border-radius: 3px;} .Knapp_Kop a i {font-size: 27px;line-height: 40px;} .Knapp_Generell a{display:inline-block;padding: 5px 10px;border-radius: 5px;font-family: 'Open Sans', sans-serif;} #SubmitFalt .icon-shopping-cart {padding:11px} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} /* -------------------------------------------------------------------------------------------------- VARUKORGEN -------------------------------------------------------------------------------------------------- */ #kundvagn{float:right; margin:0;position:relative; height:35px;} #kundvagn .Varukorg span {text-transform: uppercase;font-size:1em;} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart{line-height:35px} .AIRvarukorg-Text a.Checkout{float:right; height:24px; line-height:24px; margin:5px 0; padding:0 10px} .Checkout{float:right; margin: 0 10px;} .AIRvarukorg-Text i{float:right; font-size:30px; margin:0 0 0 10px;line-height:35px;} .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:25px; line-height:25px; padding:0px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .Varukorg span.AIRvarukorg-Qty{position: absolute; right: 0;top: 5px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 100%; z-index: 10; margin-right: -10px;} .Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text{float:right} #AIRvarukorg-Wrap{position:absolute; right:0px; top:45px; width:470px} #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;line-height:45px; float:left;} #AIRvarukorg-Wrap .TxtWrap{float:right; width:88%} #AIRvarukorg-Wrap .RowWrap .Row {display: inline-block;line-height: 45px;padding: 1%;width: 96%;margin: 4px 2% 0 2%;border-radius: 5px;} #AIRvarukorg-Wrap .Rabatt{float:left; font-size:10px; line-height:normal; margin:-17px 0 0} .SumTxt{margin:0 5px} #AIRvarukorg-Wrap .DescrWrap{width:49%} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price{float:left; margin:0 2px; height: 45px;line-height:45px; overflow: hidden;} #AIRvarukorg-Wrap .DescrWrap .Descr {display: inline-block;font-size: 13px; margin-top: 5px;} #AIRvarukorg-Wrap .TxtWrap .Price{width:21%; text-align:center} #AIRvarukorg-Wrap .TxtWrap input{ 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} #AIRvarukorg-Wrap span.EmptyCart { margin-bottom: 10px; display: inline-block;} .Varukorg .Checkout a{margin:5px 0} .Varukorg i.fa-shopping-cart{ margin: 0 0 0 10px;float: right;} .AIRvarukorg-Text{line-height: 37px;height: 35px;margin: 5px 0;border-radius:3px;} div#AIRvarukorg-Wrap .Footer { width: 100%; padding-top: 10px; border-top: 1px solid #eee; } /* -------------------------------------------------------------------------------------------------- VARIUS -------------------------------------------------------------------------------------------------- */ #Felmeddelande{position:relative; top:-100px} #dialogruta{visibility:hidden; position:absolute; left:0px; z-index:3005; background-position:center center; min-width:100%;top:50%;} #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 {border: 0 none; padding: 2%; position: absolute; right: 0; top: 45px; width: 100%; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #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 {height: 80px; line-height: 80px; margin: 0 0 5%; overflow: hidden; padding: 0 5%; text-align: center; width: 100%;} .LSS_Artiklar .Bild img {max-width:100%; max-height:100%;} #LSS_Result span.headline {font-size: 1.2em;margin-bottom: 10px;display: inline-block;width: 100%;text-transform:uppercase;} /* -------------------------------------------------------------------------------------------------- CSS3 EFFECTS -------------------------------------------------------------------------------------------------- */ *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .col, .group, .section { -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;}