/*--------------------------------------------------------------------------------------------------
  Site: 
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
  GENERELLA EGENSKAPER
----------------------------------------------------------------------------------*/
html,body {margin:0; padding:0; height:100%;}
html {-ms-overflow-x:hidden;}
img {max-width:100%; height:auto; border:0;}
ul {padding:0; margin:0;}
header,footer,nav,main,aside,article,figure,figcaption,section {display:block;}
figure {margin:0;}

/*----------------------------------------------------------------------------------
  GRID
----------------------------------------------------------------------------------*/
/* SEKTIONER */
.section {clear:both; margin:0;}

/* KOLUMNER */
.col {display:block; float:left; margin:1% 0 1% 1.6%;}
.col:first-child, .span_2_of_2, .span_1_of_1, .no-L-margin {margin-left:0;}
.no-R-margin {margin-right:0;}

/* GRUPPERING */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* GRID 1_of_1 - 1_of_12 */
.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}
.offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%}

/*----------------------------------------------------------------------------------
  ARBETSYTA
----------------------------------------------------------------------------------*/
/* BREDDER */ 
.section {max-width:1200px;}
.section, .wrapper {margin:0 auto;}

/* HEADER */
.header > .section {position:relative; padding:20px 0;}
.header > .section:before {content:''; width:100%; height:100%;
    background:url(/bilder/butik/ducksbg3.png) no-repeat 110px -35px; 
    display:block; position:absolute; top:0; z-index:0; opacity:0.3; left:0;}
.header-wrapper {width:100%; z-index:4; position:fixed !important;}
.headroom--unpinned {transform:translateY(-120%);}
.headroom{transition:transform .4s ease-in-out;will-change:transform}
.headroom--pinned {transform:translateY(0)}
.toplist {position:relative;}

.logo {padding:0 0 0 10px; position:relative; z-index:1;}
.close {color:#ccc; font-size:13px; position:absolute; right:10px; cursor:pointer;}
.close:before {font-family:"SS BlackTie-Regular";  content:"\2421";}
.mobilenav-icon, .soktoggle {display:none;}

/* WRAPPER */
#bodywrapper {min-height:100%; position:relative;}
.wrapper {width:100%; padding-top:208px;}
.wrapper-section {padding:0 20px; margin:20px auto; position:relative; z-index:1;}
.breadcrumb {margin:10px auto 10px;}
.section #main {padding:20px 0;}
.dimmer.active, .dimmer2.active, .dimmeractive .dimmer, .dimmeractive .header-wrapper:after  {content:''; width:100%; background:rgba(100, 100, 100, 0.6); display:block; height:100%; position:fixed; top:0; left:0; z-index:3;}
.dimmer2.active {z-index:4;}
.logoheadline {position:absolute; bottom:15px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.logoheadline h3 {font-size:11px; font-family:Georgia, serif; text-transform:uppercase; letter-spacing:2px; font-weight:bold; color:#655f57;}

/* FOOTER */
.footer {padding:40px 0; width:100%; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end; position:relative; z-index:1;}
.footer p {line-height:1.5; margin:0;}
#footer-startpage {padding-bottom:25px;}
#footer-startpage, #footer-startpage p, #footer-startpage h1 {color:#888480;}
#footer-startpage, #footer-startpage p, #footer-startpage span {font-size:12px!important;}
#footer-startpage h1 {font-size:18px!important; margin-bottom:15px;}
.askas {margin:20px 0; width:100%;}
.copyright {font-size:14px; color:#96918c;}
.copyright br {display:none;}

/*----------------------------------------------------------------------------------
  ARTIKELGRUPPSMALLAR
----------------------------------------------------------------------------------*/
.Egen_Infogad_HTML {margin:0 0 10px;}
.Artgrp_VisaFler {text-align:right;}
.Artgrp_VisaFlerArtiklar_Markerad {display:inline-block; border:1px solid #ddd; padding:5px; background:#eee;}
.Artgrp_VisaFler a {display:inline-block; border:1px solid #eee; padding:5px;}
.Artgrp_VisaFler a:hover {background:#eee;}
.Artgrp_VisaFler a:last-child, .Artgrp_VisaFler span:last-child {margin-left:5px;}
.Artgrp_VisaFler .piper_at_the_gates_of_dawn {display:none;}
.Artgrp_VisaFler .AVFAM {margin:0 5px 0 0;}
.Artgrupp_header .fa-sort {float:left; font-size:16px; line-height:30px; margin:0 8px 0 0;}

/* ENSKILD PRODUKT */
.PT_Lank {display:block; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2}
.PT_Wrapper_All {width:101.2%; margin:0 0 0 -0.6%;}
.PT_Wrapper {float:left; background:#fff; position:relative; margin:0.6%; width:23.8%; border:1px solid transparent; height: 415px;}
.PT_Wrapper:hover {border:1px solid #bdbdbd;}
.PT_Bildruta {min-height:210px; line-height:210px; position:relative;}
.PT_Bildruta a {width:100%; display:inline-block;}
.PT_Bildruta img {vertical-align:middle; max-height:210px;}
.PT_Faktaruta {margin:10px 0 5px;}
.PT_Beskr {height:40px; margin:0 0 5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.PT_Text_Kort {height:70px; margin:0 0 5px;}
.PT_Pris {margin:0px; height:60px; font-size:20px;}
.PT_Pris span {display:block;}
.PT_Status {margin:-5px 0 0;}
.PT_Knappar {position:relative; z-index:2;}
.PT_Wrapper_All .PT_Pris {margin-left:0;}

/* 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; background:#eee; padding:5px;}
#ListaOmArtiklarSaknas li a:hover {background:#f5f5f5;}

/* LISTA 1 */ 
.PT_WrapperLista {float:left; border:1px solid #eee; background:#fff; position:relative; margin:0.6%; width:48.8%; -webkit-align-items: center; -ms-flex-align:center; align-items:center;}
.PT_WrapperLista .PT_Bildruta {min-height:inherit; line-height:inherit; -webkit-order:1; -ms-flex-order:1; order:1;}
.PT_WrapperLista .PT_Bildruta a {height:60px; line-height:60px;}
.PT_WrapperLista .PT_Beskr {height:inherit; margin:0; -webkit-order:1; -ms-flex-order:1; order:1;}
.PT_WrapperLista .PT_Pris {height:20px; -webkit-order:1; -ms-flex-order:1; order:1; font-size:15px;}
.PT_WrapperLista .PT_Pris span {font-size:15px;}
.PT_WrapperLista .PT_Knappar {-webkit-order:1; -ms-flex-order:1; order:1;}

/*----------------------------------------------------------------------------------
  PRODUKTBESKRIVNING
----------------------------------------------------------------------------------*/
/* BILDKOLUMN */
.ProduktBild {width:100%; vertical-align:middle; margin:0 0 10px 0; position:relative;}
.ProduktBild a {position:relative; display:inline-block;}
.BildZoomThumbnails {width:120px; height:120px; float:left; margin:0 5px 5px 0;}
.ProduktBildtext {width:100%; margin:10px 0;}
.BildZoomThumbnails a {display:table-cell; width:120px; height:120px; border:1px solid #f1f1f1; margin:0 5px 5px 0; vertical-align:middle;}
.BildZoomThumbnails img {display:block; margin:0 auto;}

/* PRODUKTKOLUMN */
#VarumarkeFalt {margin:0 0 5px;}
#KundBetyg a {pointer-events:none;}
#Avbetalning {background:#F2F2F2; padding:10px; margin-left:0;}
#FaltRader, #KundBetygRad {margin:10px 0;}
.TextKort {padding:10px 0; margin:10px 0;}
.TextKort li {margin:0 10px;}
#Produktinfo li {margin:0 15px;}
.ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;}
.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;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger {background:#f1f1f1;}
.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background:#fff;}
#OrderFalt {margin:10px 0 0; padding:10px 0 0;}
.wishlist {margin-top:5px;}
#KampanjFalt {border:1px solid #eee; padding:20px;}
#Produktinfo iframe {max-width:100%; height:auto;}
#Produktinfo table {max-width:100%;}

/* VARIANTARTIKLAR */
.Egenskaper_Tabell {width:100%;}
.Egenskaper_Tabell td {line-height:40px;}
.Egenskaper_Tabell select {margin:0 0 5px; width:100%;}
.ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px;}
.Laggikorgen_Antalsfalt {text-align:center; width:50px !important;}
.Set_Falt_Wrap select {width:100%;}

/*----------------------------------------------------------------------------------
  INLOGGNING
----------------------------------------------------------------------------------*/
.inloggning {display:inline-block; line-height:30px; height:35px; cursor:pointer; font-size:13px; padding:0 10px;}
.inloggning:hover {background:#eee;}
.inloggning::before {font-family:"SS BlackTie-Regular"; content:"\1F464"; font-size:15px; padding:0 5px 0 0;}
.inloggningsruta {width:300px; display:none; position:fixed; padding:30px 20px; margin:0; z-index:5; top:40%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff;}
.inloggningsruta.active {display:block;}
.inloggningsruta .close {top:10px;}
.inloggningwrapper .button:first-child {margin-right:5px;}
#AdressblockLoggain table {float:left;}

/*----------------------------------------------------------------------------------
  KNAPPAR
----------------------------------------------------------------------------------*/
.Knapp_Kop_Tabell tr td, .PT_Knappar .Knapp_Info {display:none;}
.Knapp_Kop_Tabell .Knapp_Kop {display:block;}
.Knapp_Kop_Tabell_Artikel {width:100%;}
.Knapp_Kop_Tabell, .PT_Knappar table {float:right;}
.Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;}
.PT_KnapparKampanj tabell {width:135px;}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a, #SubmitFalt .buy-button {float:left; height:50px; line-height:50px; padding:0; width:100%; text-transform:uppercase; font-size:19px;}

/*----------------------------------------------------------------------------------
  NYHETSBREVSANMÄLAN
----------------------------------------------------------------------------------*/
.nyhetsbrev input {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-right:-3px;}
.nyhetsbrev input:focus {border-color:#fff!important;}
.nyhetsbrev p {margin-bottom:15px;}
.nyhetsbrev a.epost-skicka {border:1px solid #fff; color:#fff; width:auto; padding:0 10px; text-align:center; height:35px; line-height:32px; margin:0 0 0 -1px; display:inline-block; text-transform:uppercase; font-size:11px; border-radius:3px;}
.nyhetsbrev a.epost-skicka:hover {background:rgba(0,0,0,0.2);}
.nyhetsbrev h3 {font-size:18px;}
.newsletterstartpage .nyhetsbrev input, .newsletterstartpage .nyhetsbrev input:focus {border:2px solid #c7bfbb; color:#000;}
.newsletterstartpage .nyhetsbrev a.epost-skicka {border:0px; color:#fff; background:#008043; margin:0; height:34px;}
.newsletterstartpage .nyhetsbrev a.epost-skicka:hover {background:#00512a;}
.newsletterstartpage {border:2px solid #c7bfbb; border-radius:5px;}

/* FACEBOOK */
a.facebook {font-weight:700; margin-bottom:15px; display:block; font-size:18px;}
a.facebook:before {font-family:FontAwesome; content:"\f230"; font-size:22px; margin-right:10px;}

/* BLOGG */
.blogg-content-wrapper {border-bottom:1px solid #eee; display:inline-block; margin:0 0 4px 0; width:100%;}

/*----------------------------------------------------------------------------------
  SITESPECIFIKT
----------------------------------------------------------------------------------*/
.close {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.PT_Wrapper, .Artgrp_VisaFler a {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

select {float:left; width:auto; background:url('/bilder/butik/pil.svg') no-repeat #fff; background-size:13px; background-position:95% center; border:1px solid #eee; color:#000; -webkit-appearance: none; -moz-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; height:35px; font-size:13px; line-height:35px; padding:0 0 0 5px;} 
select::-ms-expand {display:none;}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] {
    background-color:#fff; border:1px solid #eee; color:#555; display:inline-block; font-size:13px; height:35px; line-height:35px; padding:6px;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align:middle; -webkit-appearance:none; border-radius: 3px;
}
textarea {min-height:100px; line-height:normal; width:100%;}
input:focus, select:focus, textarea:focus {border-color:#524e49; outline:0 none;}

.dimmer.active, .dimmer2.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .inloggningsruta.active, .mobilenav.active, .Artgrp_VisaFler a:hover, .nyhetsbrev a {
	-moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;
}

.centerpuff h3 a:hover, .centerpuff h4 a:hover {-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.centerpuff h3 a, .centerpuff h4 a {border:1px solid #000; padding:0.5% 1%; display:inline-block; font-size:18px; font-weight:300; padding:10px;}
.centerpuff h3 a:hover, .centerpuff h4 a:hover  {background:#fff; background:rgba(255,255,255,0.9); color:#000;}
.centerpuff {text-shadow: 1px 1px 0px rgba(255,255,255,0.6); padding:0 10%; text-align:center; width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.leftpuff {position:absolute; left:0; bottom:20px; display:block; width:70%;}

/*----------------------------------------------------------------------------------
  TYPOGRAFI OCH FÄRGER
----------------------------------------------------------------------------------*/
body, textarea, input
{font-family:'Lato', Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:300;}

b, strong, #PrisFalt span, .PT_Pris, .PT_Pris div, .PT_Antalsfalt, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, .KampanjFalt-Text, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, .bloggkommentar_rubrik, .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, .reviewname, #footer-wrapper h4, #KampanjFalt div div:first-of-type
{font-weight:700;}

/* TEXTSTORLEKAR */
h1 {font-weight:400; margin:0 0 5px 0; line-height:normal; font-size:2.2em}
h2 {font-weight:400; margin:0 0 5px 0; line-height:normal; font-size:1.8em}
h3 {font-weight:400; margin:0 0 5px 0; line-height:normal; font-size:1.5em}
h4 {font-weight:400; margin:0 0 5px 0; line-height:normal; font-size:1.2em}

.eight {font-size:8vw}
.seven {font-size:7vw}
.six {font-size:6vw}
.five {font-size:5vw}
.four {font-size:4vw}
.three {font-size:3vw}
.two {font-size:2vw}
.one {font-size:1vw}

#PrisFalt span 
{font-size:30px;}

.headline, .Topoffer_Artikelnamn, .Topoffer_Pris, .Ingress, .fa-sort, .BloggHeadline, .BloggHeadline h2
{font-size:18px}

.PrisREA, .PrisORD, .VGPrisStor, .rubrikPris, .rubriker i, .headline, .nyhetsbrevsanmalan input, .PT_Beskr a, #footer-wrapper h4
{font-size:16px}

.PT_PrisOrdinarie, .Lista .PT_Pris, .Lista .PT_PrisKampanj, .Artikellista_PrisStafflade, .Lista .PT_Beskr a
{font-size:14px;}

.nav-topmenu ul li a, .PT_Text_Kort, .PT_Status div:before, .PT_Status div:after, .breadcrumb a, .breadcrumb
{font-size:12px}

.PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .Artgrupp_header, .Artgrp_VisaFler a, .Artgrp_VisaFler span, .PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p
{font-size:10px}

/* TEXTEGENSKAPER */
a {text-decoration:none; outline:none;}

.navigation_typ_ul_li_kategoriersaknas, .date, .bloggkommentar_tid
{font-style:italic}

.PT_Antalsfalt, .rubrik-kundvagn, .PT_Bildruta, .Antal input, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, .headline
{text-align:center}

.Artikellista_PrisKampanj, .Artikellista_Pris, .comment
{text-align:right}

.kampanjmenu li > a, .inloggningsruta p, .nav ul.niva1 > li > a, .nav-menu.varumarken, .wishlist a
{text-transform:uppercase}

.kampanjmenu li ul li a
{text-transform:none}

.bestallningsknapp, .Knapp_Sok_Produkt
{cursor:pointer}

a.forgotpassword 
{line-height:normal}

#main p, .Ingress
{margin:0 0 10px; line-height:19px;}

/* TEXTFÄRGER */
body, a, .fa-shopping-cart, .mobilenav-icon, .fa-search
{color:#111}

.Knapp_Kop a, .buy-button, .buy-button:hover, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .submitKnapp input, .askas, .askas a, .whitetext a
{color:#fff}

.breadcrumb a, .breadcrumb
{color:#999}

.PT_PrisOrdinarie, .PT_Pris_Text, .PrisORD
{color:#777; font-weight:400;}

.PT_PrisOrd, .PT_PrisKampanj, .PrisPROCENT, .PrisREA, #PrisFaltStafflade, .Artikellista_PrisKampanj, .LSS_Kampanjpris
{color:#cb0000}

/* KNAPPAR */
.primbutton a {background:#008043; border-bottom:2px solid #003f21; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;}
.primbutton a:hover {background:#00512a;}

.secbutton a {background:#999; border-bottom:2px solid #777; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;}
.secbutton a:hover {background:#777;}

.Knapp_Generell a, .Knapp_Info a, #Felmeddelande a, #vu_sok {background-color:#999; border-bottom:2px solid #777; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;}
.Knapp_Generell a:hover, .Knapp_Info a:hover, #Adressblock .LankLoggain a:hover, #Felmeddelande a:hover, a#vu_sok:hover {background:#777;}

.Knapp_Kop a, .buy-button {background:#008043; border-bottom:2px solid #003f21; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;}
.Knapp_Kop a:hover, .buy-button:hover, .bestallningsknapp:hover {background:#00512a;}
.info-link, .feedback{display: none;}
.buy-button{text-align: center; cursor: pointer;}


/*----------------------------------------------------------------------------------
  EGENSKAPER
----------------------------------------------------------------------------------*/
.white {background:#fff}
.whiter {background:rgb(255,255,255); background:rgba(255,255,255,1);}
.black {background:#000;}
.lightgrey {background:#eee}
.light {background:#E8E6E4}
.darkgrey {background:#524e49}
.black {background:#000}
.primcolor {background:#90a0b0}
.seccolor {background:#444}
.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 #eee}
.borderT {border-top:1px solid #66625e}
.borderB {border-bottom:1px solid #eee}
.borderTB {border-top:1px solid #eee; border-bottom:1px solid #eee}
.navlist {border:1px solid #A9A6A3; border-top:1px solid #cdcbc9; border-radius:5px;}
.shadow {-moz-box-shadow:1px -2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:1px -2px 10px #444; box-shadow:1px -2px 10px rgba(0,0,0,0.5);}
/*.navlist {-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2); box-shadow:0px 3px 3px rgba(0,0,0,0.2);}*/
.toplist {-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1);}
.footer {-moz-box-shadow:1px -1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:1px -1px 5px rgba(0,0,0,0.2); box-shadow:1px -1px 5px rgba(0,0,0,0.2);}
.wrapper-section {-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.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;}
.sand {background:rgb(101,93,82);
background: -moz-linear-gradient(top, rgba(101,93,82,1) 0%, rgba(188,183,176,1) 100%);
background: -webkit-linear-gradient(top, rgba(101,93,82,1) 0%,rgba(188,183,176,1) 100%);
background: linear-gradient(to bottom, rgba(101,93,82,1) 0%,rgba(188,183,176,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655d52', endColorstr='#bcb7b0',GradientType=0 );}
.lightsand {background:rgb(232,230,228);
background: -moz-linear-gradient(top, rgba(232,230,228,1) 0%, rgba(183,175,166,1) 100%); 
background: -webkit-linear-gradient(top, rgba(232,230,228,1) 0%,rgba(183,175,166,1) 100%);
background: linear-gradient(to bottom, rgba(232,230,228,1) 0%,rgba(183,175,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e4', endColorstr='#b7afa6',GradientType=0 );}