/* -------------------------------------------------------------------------------------------------- Butik: Proparts.se Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2015. 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 -------------------------------------------------------------------------------------------------- */ html, body {font-family:open_sansregular, Arial, Helvetica, Verdana, sans-serif; background-color:#d3e1e3;} html, body {} 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:13px; margin:0px; padding:0px; outline:0;} #main p {} #main ul {padding:0 0 0 14px;} a {text-decoration:none; outline: none;} img {border:0px;} @font-face { font-family: 'open_sansregular'; src: url('/includes/fonts/OpenSans-Regular-webfont.eot'); src: url('/includes/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/includes/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/includes/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('/includes/fonts/OpenSans-Bold-webfont.eot'); src: url('/includes/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('/includes/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/includes/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('/includes/fonts/OpenSans-ExtraBold-webfont.eot'); src: url('/includes/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/includes/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/includes/fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } b, strong, .Topoffer_Pris {font-family:open_sansbold; font-weight:normal;} /* ----------------------------------------------------------------------------------------- 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; } .cf { *zoom: 1; } .cf:before, .cf:after { display: table; line-height: 0; content: ""; } .cf: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 ----------------------------------------------------------------------------------------- */ /* TOTAL PAGE WIDTH */ #wrapper, .footer, .topline, #footer-wrapper .section, #topbar .section {width:1000px;} #wrapper {height:auto !important; min-height:100%; padding:0; box-shadow:0 0 40px #888; background-color:#fff;} #footer-wrapper .section, #topbar .section, #wrapper {position:relative; margin:0 auto;} /* TOPLINE */ #topbar {background:#333; width:100%; min-height:45px; display:inline-block; position:fixed; z-index:1000;} .topbar.content {float:left; line-height:46px; padding:0 10px 0 0;} .topbar.content a {padding: 0 10px; color:#fff; font-size:100%;display:inline-block;} .topbar.content a:hover {color:#ccc;} #main {padding:10px; width:60%; margin:0; float:left;} #mainStart {padding:10px; width:100%; margin:-4px 0 0 0; float:left; background-color:#fff;} #left {padding:0; width:20%; float:left;} #right {padding:0; width:20%; float:right;} .ruta {font-size:11px !Important;} #kataloger p, #kataloger a {font-size:11px;} #kataloger img {margin:0 5px 0 0;} /* HEADER */ .header {margin:45px 0 0 0; background:url(/bilder/butik/header.png) no-repeat; position:relative; z-index:10;} .logo {margin:4% 2% 6% 1% !important; width:auto;} .logo a {width:100%; height:100%; float:left;} .AdSpace {width:auto; margin:30px 20px 0 0; float:right; text-align:right;} .AdSpace h3 {color:#fff; font-size:20px; text-shadow:1px 1px 2px #777;} .symboler {position:absolute; top:10px; right:-150px;} /* FOOTER */ #footer-wrapper {padding:20px 0px; float:left; width:100%; position:relative; background-color:#333 !Important;} #footer-wrapper h3 {font-size:18px; color:#fff; margin:0 0 10px 0; font-family:open_sansbold;} #footer-wrapper a, #footer-wrapper p, .WebbMenyMarkerad {font-size:14px; color:#fff; line-height:180%;} #F1 {color:#fff; font-size:14px; padding:0 0 0 20px;} #F1 td {color:#fff;} .askas {float:left; margin:20px 0; width:100%; font-size:15px;} #WebbMeny ul {list-style:none;} /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* NAV TOPMENU */ .nav-topmenu {float:left;} /* TEMPLATE-TOOLKIT MENU DROPDOWN */ .nav {width:100%; display:inline-block; min-height:50px; z-index:999; background-color:#3b52b2 !Important; display:none;} .navLeft {width:16px; height:64px; background:url(/bilder/butik/navLeft.png) no-repeat; position:absolute; left:-16px;} .navRight {width:16px; height:64px; background:url(/bilder/butik/navRight.png) no-repeat; position:absolute; right:-16px;} .nav > ul > li, .nav ul.nav-menu > li > a {height:50px; line-height:50px; display:inline-block; float:left; padding:0 10px; position: relative;} .nav > ul > li > a {padding:10px 0px; color:#fff; text-shadow:none; font-size:105%; font-family:open_sansbold;} .nav ul li ul li a {width:100%; display:inline-block;} .nav ul li ul li a {padding:0 10px;} .nav ul li ul li > ul > li {padding:0 10px 5px 10px; font-size:90%;} .nav ul > li > ul {display:none; position:absolute; background:#fff; width:200px; z-index:999; list-style:none; margin:0 0 0 -10px; padding:10px 0 0 0;} .nav ul li ul li ul {position:relative; padding:0 10px; width:100%;} .nav ul li ul li {margin:0px; float: left; line-height:20px; width:100%; padding:0 0 10px 0;} .nav ul li:hover ul {display:block; } .nav ul.nav-menu > li > ul {top:35px;} .nav ul.nav-menu > li > a {padding:0px;} .nav > ul > li.active, .nav > ul > li:hover, .nav > ul > li.active-parent {background:#27386b}; /* 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:100%} #WebbMeny li a, .ruta.R-Toogle-area a, .nav-menu a {display: inline-block; line-height:25px; width:100%;} .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:40px; line-height:40px; margin:0; padding:0 10px;} .NavActive {display:inline-block !important; } /* SIDOMENY */ .leftnav {width:100%; position:relative;} .leftWrapper {margin:0 0 15px 0;} .leftnavTop {background: url(/bilder/butik/leftnav.png) no-repeat; height:50px; line-height:38px; width:216px; margin:0 0 0 -16px; text-transform:uppercase; color:#fff; text-align: center;} .rightnavTop {background: url(/bilder/butik/rightnav.png) no-repeat; height:50px; line-height:38px; width:216px; margin:0; text-transform:uppercase; color:#fff; text-align: center;} .leftWrapper .dropdown_varumarken {background-color:#fff !Important; border:1px solid #ddd; height:30px; border-radius:2px; margin:0 0 0 10px;} .leftWrapper iframe .reviews h3 {color:#000 !Important;} #navigation_typ_ul_li {padding:0 0 0 10px;} #navigation_typ_ul_li a {display:block;} #navigation_typ_ul_li ul li {margin:0 0 7px 0; list-style:none; padding:0 0 3px; background-image: #f5f5f5; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -moz-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -ms-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -o-linear-gradient(top, #f5f5f5, #f3f3f3); } #navigation_typ_ul_li ul li ul li {background:none; padding:1px;} #navigation_typ_ul_li ul li ul li {list-style:none !important; margin:5px 0 0 0;} #navigation_typ_ul_li ul li ul {margin:5px 0 0 10px;} #navigation_typ_ul_li ul li ul li a span {font-size:95%;} .MARKERAD, .MARKERAD a {font-weight:normal; color:#29638f; display:block; border-left:2px solid #2f6487; background:#e9e9e9; padding:2px 5px;} .ListaHori a { display:block; margin:0 0 7px 10px; list-style:none; padding:3px 3px 3px 5px; background-image: #f5f5f5; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -moz-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -ms-linear-gradient(top, #f5f5f5, #f3f3f3); background-image: -o-linear-gradient(top, #f5f5f5, #f3f3f3); } /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* ARTGRP GENERAL SETTINGS */ .Egen_Infogad_HTML {margin:0 0 10px 0;} .Artgrp_Sorteringsordning, .Artgrp_Visningsformat {margin:0px 5px 0px 3px} .Artgrp_Sort {margin:10px 0;} .Artgrp_VisaFler{margin:10px 0;} .Artgrp_VisaFlerBott{border-top:2px solid #eee; padding:10px 0 0 0;} .Artgrupp_header {border-bottom:2px solid #eee;} .PT_Topoffer {float:left; width:100%; background-color:#e6ebff; border-radius:7px; padding:10px;} .PT_Topoffer .Topoffer_Tabellbakgrund td {vertical-align:top;} .PT_Topoffer .Topoffer_Artikelnamn a {font-family: open_sansextrabold; font-size:140%; font-weight: normal !important; line-height:28px; color:#535547 !important;} .PT_Topoffer .Knapp_Kop a {padding:20px; line-height:0; font-size:28px; margin:-40px 0 0 0;} /* PT / ENSKILD PRODUKT */ .PT_Wrapper{padding:1%;} .PT_Wrapper.col.span_1_of_4:nth-child(4n+1) {margin-left: 0;} .PT_Bildruta {min-height:122px; position:relative;} .PT_Bildruta a {width:100%; line-height:120px; display:inline-block;} .PT_Bildruta img{vertical-align:middle; max-width:128px; max-height:120px;} .PT_Bildruta a:hover {opacity:0.8;} .PT_Faktaruta{margin:5px 0px 5px 0px} .PT_Beskr{height:80px; margin:0px 0px 5px 0px} .PT_Beskr a {color:#000 !Important; font-size:100%; font-family:open_sansextrabold; font-weight:normal !Important; line-height:18px;} .PT_Text_Kort{height:40px; margin:15px 0px 5px 0px; font-size:11px;} .PT_Egenskap {margin:7px 0px 10px 0px} .PT_Egenskap img {max-height:25px;} .PT_Pris {height:30px; margin:0px; color:#535547; font-size:140% !Important; width:100%; float:left; text-align:right;} .PT_PrisKampanj {width:100%; float:left; text-align:right;} .PT_Wrapper_All .PT_Pris {margin-left:0px;} /* 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 */ .Artgrp_PDF {float:left; width:100%; margin:10px 0 0 0;} .Artgrp_PDF a {color:#29638f !Important; display:inline-block; background:url(/bilder/butik/pdf.png) no-repeat; padding:5px 0 8px 35px;} .PT_wrapper.Lista {border-bottom: 1px solid #DDDDDD; overflow:hidden; margin: 0 0 5px;} .PT_wrapper.Lista .PT_Bildruta {min-height:50px; margin:0;} .PT_wrapper.Lista .PT_Bildruta a {height:40px; line-height:40px;} .PT_wrapper.Lista .PT_Beskr {height:auto;} .PT_wrapper.Lista .PT_Knappar {float:right;} /* ListaTopp */ .Toppsaljare {background-color:#e6ebff; border-radius:7px; padding:10px;} .Toppsaljare .PT_Bildruta img {vertical-align:middle; max-width:60px;} .Toppsaljare .PT_Bildruta {min-height:110px;} .Toppsaljare .PT_Beskr {height:60px;} .Toppsaljare .PT_Beskr a {font-family:open_sansextrabold; font-weight:normal; line-height:18px;} .Toppsaljare .PT_Faktaruta {height:auto;} .Topoffer_Pris {font-size:25px !Important; color: #535547;} .ArtikelgruppReg {margin:0 0 20px 0; font-size:23px;} .ArtikelgruppReg span {font-size:23px; display:block; color:#29638f;} /* ArtikelgruppSpecialegenskap */ .ArtikelGruppSpecialEgenskaper {width:100%;} .PT_Tabell {padding:0 0 5px 87px;} .ArtikelGruppSpecialEgenskap_Namn {font-family:open_sansbold; font-weight:normal; padding:3px 5px; font-size:11px; width:20%;} .ArtikelGruppSpecialEgenskap_Varde {padding:3px 5px; font-size:11px; width:80%;} .ArtikelGruppSpecialEgenskaper tr:nth-of-type(odd) {background-color:#f1f1f1 !important;} .ArtikelGruppSpecialEgenskaper tr:nth-of-type(even) {background-color:#f9f9f9 !important;} /* -------------------------------------------------------------------------------------------------- PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /*PRDKT - Bildkolumn */ .BreadCrumbArticle {font-size:10px !Important;} #ArtikelnamnFalt {font-size:240%; line-height:130%;} #Bildkolumn {width:53%;} #Faktakolumn {width:45%;} .ProduktBild {width:100%; vertical-align:middle; margin:0 0 10px 0; position:relative;} .ProduktBild img {} .Extrabilder {} .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; } #Produktinfofalt{padding:1.1%; border-top:1px solid #ddd; float:left; width:100%; } #VarumarkeFalt a {color:#3b52b2; font-size: 120%; font-family:open_sansbold;} /*PRDKT - RIGHT COLUMN */ #Avbetalning {background: none repeat scroll 0 0 #F2F2F2; padding: 10px;} #FaltRader {margin:10px 0; padding:10px;} #KundBetygRad{ margin:0 0 10px 0; padding:10px;} .TextKort li {margin:0 10px;} .TextKort iframe {max-width:344px;} #Produktinfo li {margin:0 15px; } .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {float: left;} input.Laggikorgen_Antalsfalt {border: 1px solid #000; border-radius: 4px;} .ProduktbeskrAntalvalRad .ProduktbeskrAntalvalText, .ProduktbeskrAntalvalFalt input.Laggikorgen_Antalsfalt {height:35px; line-height:35px;} .TeknSpec_Tabell{width:100%; border:0; margin:10px 0; padding:0} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding:2px} #FaltRader div div {margin:0px;} #ArtnrFalt {font-size:150%;} #SaldoRad {display:none;} .Laggikorgen_Antalsfalt {border: 1px solid #F1F1F1; text-align: center; width:25px;} .ProduktbeskrAntalvalFalt .Laggikorgen_Antalsfalt {width:35px !important;} /*KAMPANJ */ #KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, #KampanjFalt4_Header, #KampanjFalt5_Header {background:#f9f9f9; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; padding:10px;} #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;} .ShareThis {width:100%; float: left; margin:10px 0;} .Egenskap {width:100%; float: left; margin:5px 0;} .radgivning {background-color:#e4e5df; width:100%; padding:20px; float:left;} #PassarTill ul {margin:0 0 10px 0;} /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ .ProduktinfoFlik {display: block; height: 35px; } .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:30px; line-height:30px; border-right:1px solid #fff;} /* -------------------------------------------------------------------------------------------------- SEARCH / SÖK -------------------------------------------------------------------------------------------------- */ .sokrutan{float:left; margin:18px 20px 0 10px; height:114px; padding:10px; background-color:#cbe4ed; opacity:0.95; font-size:90%;} .Sokfalt {border:1px solid #000; float: left; height:39px; line-height:39px; font-size:14px; padding:3px 3px 3px 10px; width:99%; background-color:#fff; border-radius:7px;} .nyhetsbrevsfalt {float:left; width:58%; margin:5px 10px 0 0;} .nyhetsbrevsfaltknapp {float:left; margin:5px 0 0 0;} .sokruta-epost {width:100%; height:35px; line-height:35px; padding:0 0 0 5px; border:1px solid #000; border-radius:4px;} .LSS_Input {float:left; width:81%;} .Sokknapp {background-color: #333; border:none; color: #fff; font-size:8px; height:39px; width:40px; float:right;} .sokrutan_regnr {width:214px; height:114px; background-color:#29638f; padding:10px; float:left; margin:18px 0 0 178px; opacity: 0.95; font-size:90%; color:#000;} .sokrutan_regnr p {color:#fff; display:block; font-size:95%; margin:0 0 5px;} .Bilmodell_Valjare {width:214px; height:114px; background-color:#29638f; padding:10px; float:left; margin:18px 0 0 178px; opacity: 0.95; font-size:90%; color:#000; display:none;} .Bilmodell_Valjare select {width:74%;} .Bilmodell_Valjare p {color:#fff; display:block; font-size:95%; margin:0 0 5px;} .sokRutaAlternativ {color:#fff!important; display:block; font-size:85%!important; margin-top:5px!important;cursor:pointer;} .sokrutan p {display:block; font-size:95%; margin:0 0 5px;} .regnrinput {width:151px; height:39px; font-size:23px; padding:0 0 0 33px; border:1px solid #000; border-radius:7px; color:#000; background:url(/bilder/butik/skylt.png) left center no-repeat; background-color: #fff;} /* -------------------------------------------------------------------------------------------------- SIGNIN / LOGGA IN -------------------------------------------------------------------------------------------------- */ .inloggning {float:left;} .inloggning a.login {padding:0 10px; color:#fff;} .inloggningsruta { display: none; position: absolute; top:46px; padding:10px 10px 0px 10px; margin:0; line-height:25px;} .inloggningsruta a {padding:0px;} .input_anvandarnnamn input, .input_losenord input {width:98%; height:25px;} .Login-password p{float:left;} .Login-password a.forgotpassword {float: right; } #AdressblockLoggain table {float:left;} a.forgotpassword {margin:5px 0;} /* -------------------------------------------------------------------------------------------------- KNAPPAR -------------------------------------------------------------------------------------------------- */ /* Buy Buttons */ .Knapp_Kop_Tabell_Artikel{width:100%;} #SubmitFalt {float: right; margin: 0;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {float:left; height:35px; line-height:35px !important; padding:0 !important; width:100%; font-size:120%;} .Knapp_Kop_Tabell, .PT_Knappar table {width:103%; 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;} .OnskelistaKnapp {float:left; width:100%; text-align:center;} .OnskelistaKnapp a {border-radius:5px; float:left; font-size: 110%; height: 30px; line-height: 30px !important; padding: 0 !important; width: 100%;} /* Buttons */ .Lista .Knapp_Info a {width:100% !important;} .Knapp_Info a {border:0px; line-height:25px; height:25px; padding:0px 10px; float:left; font-size: 110%; width:110%; display:block;} .Knapp_Kop, .buy-button {display:none;} .Knapp_Kop a {border:0px; line-height:25px; height:25px; padding:0px 10px; float:left; font-size: 110%; width:100%; display:block;} .Knapp_Info a, .Knapp_Generell a {border:0px; line-height:25px; height:25px; padding:0px 10px; float:left; font-size:12px;} /* Search buttons */ .Knapp_Sok {float: right; position: relative; width: 10%;} .Knapp_Sok_Produkt {background-color:#333; float:right; border:none; height:39px; width:40px; z-index:99; color: #fff; font-size:8px;} /* ICON BUTTONS */ #SubmitFalt .icon-shopping-cart {padding:11px} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} /* -------------------------------------------------------------------------------------------------- VARUKORG -------------------------------------------------------------------------------------------------- */ /* #kundvagn{width:25%; float:right; margin:0; padding:0 5px 0 10px; height:46px; background-color:#29638f !Important; line-height: 45px; color: #fff; font-size:11px;} #kundvagn .vkr {color:#fff; font-size:90%; text-transform:uppercase; display:block; margin:8px 0 0 0;} .Varukorg {} .Varukorg .AIRvarukorg-Text {} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart{line-height:45px; color:#fff;} .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-shopping-cart{float:left; font-size:25px; margin:0 10px 0 0; color:#fff;} .AIRvarukorg-Text i.fa-caret-down {display:none;} .AIRvarukorg-Text p{float:left; margin:0 10px 0 0; color:#fff;} #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} .Varukorg span.AIRvarukorg-Qty{float:left; position:relative; margin:0 4px 0 0} .Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text{float:right} #AIRvarukorg-Wrap{position:absolute; right:0px; top:46px; width:470px; padding:10px; background-color:#fff !important;} #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:1px solid #eee; 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:#DDD; border:0 none; float:left; height:25px; margin:8px 2px 0; text-align:center; width:30px} #AIRvarukorg-Wrap .Footer .SumWrap{width:75%; float:left; line-height:35px} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum{float:left} .Varukorg .Checkout a{margin:5px 0} */ .Snabbkassa_Presentkort {display:none;} .Snabbkassa_Varukorg {margin:0 0 20px 0;} /* -------------------------------------------------------------------------------------------------- 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} .startpage-rubrik {width:100%; height:35px; line-height:35px; background-color:#cbe4ed; padding:0 0 0 20px;} #startpage-rubrik2 {background-color:#d0deba;} .startpage-rubrik h2 {color:#000; text-transform:uppercase; text-shadow:1px 1px 1px #fff; font-size:120%;} .starpage-botten {width:100%;} .starpage-botten-left {width:49%; min-height:253px; float:left; margin:0 2% 0 0; background-color:#e6ebff; border-radius:8px; padding:20px;} .starpage-botten-right {width:49%; float:right;} .starpage-botten-left h2 {margin:0 0 10px 0;} .icon-chevron-left {background:url(/bilder/butik/pil-vanster.png) no-repeat; width: 32px; height: 32px; display:block;} .icon-chevron-right {background:url(/bilder/butik/pil-hoger.png) no-repeat; width: 32px; height: 32px; display:block;} .owl-theme .owl-controls .owl-buttons div { background:none !Important;} /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; padding: 2%; position: absolute; right: 0; top:147px; width: 100%; opacity:0.98;} #LSS_Result, #LSS_Result div, #LSS_Result ul, #LSS_Result ul li{z-index:900} .LSS_Art_Text {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;} .LSS_Artiklar .pris, #lblTerm {display:none} #LSS_Result {-moz-box-shadow:0 5px 8px -5px #333333; -webkit-box-shadow: 0 5px 8px -5px #333333; box-shadow:0 5px 8px -5px #333333;} .LSS_Artiklar { width:100% !Important; margin:0 !important; } .LSS_Artiklar li { margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; border-bottom:1px solid #eee; } #LSS_Result div.column.big { width:65%; float:left; margin: 0 2% 0 0; } #LSS_Result div.column.small { width:32%; float:left; margin:0 1% 0 0; } .LSS_Art_Bild { float:left; width:40px; min-height:1px; text-align:center; } .LSS_Art_Bild img { max-width:40px; max-height:40px; border:0; } .LSS_Art_Text { float:left; padding:0px 0 0 15px; width:570px; } .LSS_Art_Text span { display:block; } .LSS_Art_Text .produktnamn { color:#000; } .LSS_Art_Text .produktnamn:hover { text-decoration:underline; } /* -------------------------------------------------------------------------------------------------- CSS3 EFFECTS -------------------------------------------------------------------------------------------------- */ .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta input, .Kassan input {-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 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* -------------------------------------------------------------------------------------------------- IKONER -------------------------------------------------------------------------------------------------- */ .IkonKampanjArtgruppFalt { left:0; position:absolute; top:22px; width:100%; z-index:10; } .IkonNyhetArtgruppFalt { left:0; position:absolute; top:22px; width:122px; z-index:10; display:none; } .PT_UtskriftIkonKampanj { width:46px; height:17px; background:url(/bilder/butik/rea.png) no-repeat; background-size:100% 100%; } .PT_UtskriftIkonNyhet { width:46px; height:17px; background:url(/bilder/butik/nyhet.png) no-repeat; background-size:100% 100%; } #Ikonerfalt { width:100%; margin-bottom:10px; margin-top:10px; } #IkonKampanjFalt { position:absolute; left:0; top:25px; } #IkonNyhetFalt { position:absolute; left:0; top:25px; display:none; } .Ikon_Kampanj { width:106px; height:39px; background:url(/bilder/butik/rea.png) no-repeat; } .Ikon_Nyhet { width:106px; height:39px; background:url(/bilder/butik/nyhet.png) no-repeat; } #AIR_Fordonsinfo { float:left; margin:0; padding:0 5px 0 10px; height:46px;line-height: 20px; color: #000; font-size:12px; width:655px; background:#fee031; } #AIR_Fordonsinfo a:link { color: #000; text-decoration:underline; } #AIR_Fordonsinfo a:visited { color: #000; text-decoration:underline; } #AIR_Fordonsinfo a:hover { color: #000; text-decoration:underline; } #AIR_Fordonsinfo a:active { color: #000; } #AIR_Fordonsinfo_Innehall { width:500px; display:inline; float:left; } #AIR_Fordonsinfo_Knappar { float:right; } #AIR_Fordonsinfo_Knappar br { } #AIR_Fordonsinfo_Knappar a { margin:0 5px 0 0; } #AIR_Fordonsinfo_Innehall a:link { text-decoration:underline; } .vehicleInfoProperty { display:inline-block; width:150px; } .vehicleInfoValue { display:inline-block; } .Prod_Rubrik { margin-top: 10px; color: #2c6494; } .ProdSpec_Tabell{width:100%; border:0; margin:0 0 10px 0; padding:0} .ProdSpec_Rad1_Vanster, .ProdSpec_Rad1_Hoger, .ProdSpec_Rad2_Vanster, .ProdSpec_Rad2_Hoger{padding:2px} .Passande_Fordon{color: #2c6494;} .Passande_Fordon b{text-transform: uppercase;} .PT_Bilmarke {color: #2c6494;} .Fordonsinfo{color: #2c6494;} .Fordonsinfo-block { background-color: #f5f5f5; } .OrderReg_Table tr td, .OrderReg_Table tr th {padding:1%} /*---------------------------------------------------------------------------------- PROPERTIES ----------------------------------------------------------------------------------*/ .white {background:#fff} .whiter {background:rgb(255,255,255); background:rgba(255,255,255,0.97);} .lightgrey {background:#eee} .darkgrey {background:#222} .black {background:#000} .primcolor {background:#1fce6d} .seccolor {background:#423250} .whitetext, .whitetext a {color:#fff;} .blacktext, .blacktext a {color:#000;} .left {float:left;} .right {float:right;} .center {text-align:center;} .relative {position:relative;} .ten {padding:10px} .twenty {padding:20px} .margTB {margin:10px 0} .margT {margin:10px 0 0} .margB {margin:0 0 10px} .margB10 {margin:0 0 10px} .marg0 {margin:0} .paddTB {padding:10px 0} .paddT {padding:10px 0 0} .paddB {padding:0 0 10px} .border {border:1px solid #ddd} .borderT {border-top:1px solid #ddd} .borderB {border-bottom:1px solid #ddd} .borderTB {border-top:1px solid #ddd; border-bottom:1px solid #ddd} .shadow {-moz-box-shadow:1px -2px 10px #444; -webkit-box-shadow:1px -2px 10px #444; box-shadow:1px -2px 10px #444;} .radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .desktop {display:block;} .mobile {display:none;} .flexW {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .flex {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}