/* ÄRENDE 122113 */
.askas {display:none !important;}

/*
--------------------------------------------------------------------------------------------------
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- &REKLAMBYRÅ AB 1998-2010. ALLA RÄTTIGHETER RESERVERADE.
  INNEHÅLLET FÅR EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÅND 
  FRÅN ASKÅS INTERNET- &REKLAMBYRÅ AB.
--------------------------------------------------------------------------------------------------
*/
/*
--------------------------------------------------------------------------------------------------
GENERELLA EGENSKAPER / GENERAL PREFERENCES
--------------------------------------------------------------------------------------------------
*/

html, body {height: 100%;}

body {background:#ddd;}

html body, td, ul, select, input, textarea  
{font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; line-height:normal; margin:0px; padding:0px;}


/* FONT-SIZE */
h1, h2, h3, h4 {font-weight:bold;}
h1{font-size:1.8em}
h2{font-size:1.5em}
h3{font-size:1.2em}
h4{font-size:1.0em}

#PrisFalt, h1#ArtikelnamnFalt
{font-size:1.8em;}

.PrisREA, .PrisORD, .VGPrisStor, .Topoffer_Artikelnamn, 
.Topoffer_Artikelnamn a, .PrisBOLD, .Topoffer_Pris, 
.rubrikPris, .rubriker i, .SumTxt, .Sum, .sokrutan i
{font-size:1.2em;}

.PrisBOLD, .Artikellista_PrisKampanj, .PT_Pris, .PT_PrisKampanj, .Artikellista_Pris, 
.Artikellista_PrisStafflade, .bestallningsknapp, 
.Snabbkassa_Flik_Normal, .PT_wrapper.Lista .PT_Beskr a
{font-size:1.1em;}

.PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .Artgrupp_header, .Artgrp_VisaFlerArtiklar a, 
.Artgrp_VisaFlerArtiklar span,.PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p,
 #breadcrumb, .PT_Text_Kort, .PT_Beskr a, .PT_wrapper.Lista .PT_Text p 
{font-size:0.9em}

/* FONT-COLOR */
#Felmeddelande H1, .Knapp_Kop a, .Knapp_Kop a:hover,
.Knapp_Kop_Tabell_Artikel .Knapp_Kop, .Knapp_Kop_Tabell_Artikel a, .Knapp_Info a, .Knapp_Info a:hover,
.Knapp_Generell a, .Knapp_Sok_Produkt, .varukorg, .varukorg a, 
#dialogruta div, #dialogruta div a, .Knapp_Generell a:hover, .bestallningsknapp, .nav a, .wishlist a
{color:#fff !important;}

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

a:hover, .PT_PrisOrdinarie, .PT_Pris_Text, .PrisORD
{color:#666 !important;}

a, a:link, a:visited, a:active, p, td, ul, #body1, #body2, select, input, textarea
{color:#333}

.PT_wrapper.Lista a, .Artgrp_Sorteringsordning a, .Egen_Infogad_HTML a, #Produktinfo a, #main a, .Right-Column a
{color:#0099cc}

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

/* FONT-PROPERTIES*/
a:link, a:visited, a:active, a:hover
{outline:none !important; text-decoration: none !important;}

.PT_Pris_Text, .ruta .PrisBOLD, .PrisBOLD, .PrisREA, .PT_PrisNu, .RubrikPRODUKTStor, 
.Artikellista_PrisKampanj, .Flik_Beskr_Markerad a, 
.Snabbkassa_OKmeddelande, .Snabbkassa_Varningsmeddelande, .rubriker, .PT_Beskr a, 
.PT_Pris, .PT_PrisKampanj, .PT_Antalsfalt, .artikel-topplista-text p, .Artikellista_Beskr a, 
#FraktFaltText, #LevtidFaltText, #SaldoText, #ArtnrFaltText, #KundBetygText, #AvbetFaltText,
.KampanjFalt-Text, .Knapp_Sok_Produkt, .MARKERAD, .MARKERAD a, 
.WebbMenyMarkerad, .Snabbkassa_Flik_Normal, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, 
.nav li.active > a, .nav li.active-parent > a, a.Webbsida_Toppmeny_Markerad
{font-weight:700}
 
.PrisORD, .overstruken, .artikel-topplista-pris p,
.RUBRIKstartsida a:active, .RUBRIKstartsida a:hover, .PT_PrisOrdinarie
 {text-decoration:line-through}
 
.PT_PrisNu, h1.Artikelgrupp 
{font-style:normal}

.VGPrisJmf, .artikel-topplista-pris, .artikel-topplista-pris p, 
.navigation_typ_ul_li_kategoriersaknas, .Login-password a.forgotpassword
{font-style:italic;}

.PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .PT_Bildruta a, .Antal input, 
 .PT_Bildruta img, .Artikellista_PrisStafflade, .BildZoomThumbnails a, .BildZoomThumbnails img
{text-align:center;}

.Artikellista_PrisKampanj, .Artikellista_Pris, .Snabbkassa_Kunduppgift_Etiketter
{text-align:right;}

 .bestallningsknapp, .Snabbkassa_Flik_Normal, 
.Snabbkassa_Flik_Saknas, .inloggningsruta p, #SubmitFalt a, .rubriker
{text-transform: uppercase;}

.bestallningsknapp, .Knapp_Sok_Produkt
{cursor: pointer;}

a.forgotpassword {line-height:normal !important;}


/*
-----------------------------------------------------------------------------------------
ARBETSYTA / GENERAL BLOCKS
-----------------------------------------------------------------------------------------
*/

/* TOTAL PAGE WIDTH */ 
#wrapper, .footer, .topline, .header, .nav {max-width:990px;}
#main-wrapper, .header-wrapper {display:inline-block;}

#main-wrapper, .footer, #breadcrumb, .Kassan, .header-wrapper, .nav-wrapper {width:100%;}
#wrapper, .header {position:relative; margin:0 auto; background:#fff; height:auto !important; z-index:990; }
.header-wrapper {  background: none repeat scroll 0 0 #FFFFFF;
    height: 85px;
    position: fixed;
    top: 0;
    z-index: 999;}

#wrapper {margin:140px auto 0 auto; }
.nav-wrapper { background: none repeat scroll 0 0 #2291D1;
    display: inline-block;
    float: left;
    min-height: 45px;}

.startpage {
    /*background: #f3f9fc;*/
    padding: 10px;
    width: 98%;
}
.startpage img{margin:5px;}

/* HEADER */
.header {}
.logo{float: left; margin: 10px 0;}
.logo a {width:100%; height:100%; float:left;}
.banneryta-topp {width:350px; float:left; height:105px; display:none;} 
.quick-links {  float: right;
    height: 20px;
    margin: 10px 0 0;
    text-align: right;
    width: 80%; }
.quick-links a {    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #DDDDDD;
    margin: 0 5px 0 0;
    padding: 3px 7px; }
.quick-links .currency {    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 290px;
    text-align: left;
    width: 155px;}
.quick-links .currency table, .quick-links .currency span {float:left;}
/* MAIN */
#breadcrumb {  border-bottom: 1px dotted #DDDDDD;
    margin: 5px 0 10px;
    padding: 5px 0;}
#main{ float: left;
    margin: 0 0.5% 1.5% 1.5%;
    width: 79%;}
#main ul {padding:3px 0 3px 20px ;}
.Left-Column  {width:18%; float:left;  margin: 0 0 20px; padding: 0.5%;     background: url("/bilder/butik/bg-left-menu.png") repeat-x scroll 0 0 transparent;}
.Right-Column { width: 220px; position: absolute; right: -260px; padding:15px; background:#fff;}
.rubriker{width:100%; height:35px; line-height:35px; margin:0 0 5px 0;  border-bottom: 3px solid #2291D1; float:left;}
.rubriker i {line-height: 35px; padding: 0 10px;}
.ruta select, .ruta table, .kampanjer {width:100%;}
.ruta {padding:0 0; width:100%; float:left;}
.ruta.info {padding:0px;}
.ruta.info a {float:left; width:100%; padding:0 0 0 5px; }
.ruta.info a:hover {background:#fff;}
.ruta a {min-height:30px; line-height:30px; border-bottom:1px dotted #ddd; border-top:1px dotted #fff;}
.varumarken-dropdownstruktur {width:100%; margin:10px 0px 5px 0px}

/* FOOTER */
#footer-wrapper {  float: left;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}
.footer {margin:0 auto;}
.footer-content {  display: inline-block; width: 100%; }
.FC-1, .FC-2, .FC-3, .FC-4 {}
.FC-4 {margin:0px; border:0px; }
.askas { float: right; margin:20px 0; text-align: right; width: 15%; clear:both;}

/*
--------------------------------------------------------------------------------------------------
NAV / MENY
--------------------------------------------------------------------------------------------------
*/

.mobile-only {display:none; float:left; width:100%;}

/* NAV TOPMENU */
.nav-topmenu-toggle {}
.nav-topmenu {float:left;}

/* TEMPLATE-TOOLKIT MENU DROPDOWN */
.nav {width:100%; background:#2291D1; margin:0 auto; min-height:45px; }
.nav > ul#level1, .nav > ul.kampanjmenu {float:left; width:auto;}
.nav ul li, .nav a { font-size:11px; text-transform:uppercase; border-left: 1px solid #5AACDC; border-right: 1px solid #5AACDC; float: left;  margin:0 -1px 0 0; line-height: 45px; min-height: 45px; padding: 0 10px;   text-shadow: 1px 1px 0 #1571A2; }
.nav a:hover {color:#fff !important; background:#1e87c2}
.nav ul li {display:inline-block; margin: 0 0 0 10px; position:relative;}

.nav ul li a {padding:10px 0px;  }
.nav ul li ul li a {padding: 0px; width:100%; display:inline-block; float:left;}
.nav ul li ul {display:none; position:absolute; background:#fff; padding:10px; width:200px; z-index:999;}
.nav ul li ul li ul {position:relative; padding:0 10px; width:100%;}
.nav ul li ul li { margin:0px; float: left; line-height: 25px; min-height: 10px; width:100%;}
.nav ul li:hover ul {display:block; }
.nav ul.kampanjmenu li a {padding:0px;}

/* TEMPLATE-TOOLKIT MENU NAV-BAR */
.nav-bar {display: inline-block;
    float: left;
    width: 100%;}
.nav-bar ul {line-height:20px; }
.nav-bar ul li {list-style:none; position:relative; border-bottom:1px dotted #ddd;  }
.nav-bar ul li a {display: inline-block; width: 100%; border:0px; padding:0 5px; }
.nav-bar ul li ul li a {font-size:12px;}
.nav-bar ul li:hover  {background:#D0E6EF;}
.nav-bar ul li ul li:hover, .nav-bar ul li ul li ul li {background:#8BC9E8; }
.nav-bar ul li ul li:hover a, .nav-bar ul li ul li:hover a i {color:#000 !important; text-shadow:1px 1px 1px #fff }

.nav-bar ul li ul li ul li:hover, .nav-bar ul li ul li ul li ul li  {background:#0099CC !important;}

.nav-bar ul li.active > a, .nav-bar ul li.active-parent > a {font-weight:bold; }

.nav-bar ul li ul li {width:100%; display:inline-block;}

.nav-bar ul.child-ul {display:block; position:absolute; left:178px; background:#D0E6EF;  width:195px; top:0px;}
.nav-bar ul.child-ul li > ul {display:block; position:absolute; left:195px; background:#D0E6EF;  width:195px; top:0px;  }

.nav-bar ul.child-ul li {border:0px; }

.nav-bar a i.icon-chevron-right {  color: #0099CC;float: right; font-size: 14px; line-height:inherit; height:30px;}
.nav-bar a:hover {color:#333 !important; }
.nav-bar a:hover i.icon-chevron-right {color:#2291D1; text-shadow:1px 1px 1px #fff; }


.nav-bar ul#level1 li ul.child-ul {display:none;}
.nav-bar ul#level1 li:hover > ul.child-ul {display:block;}

.newsletter {} 
.newsletter a {width:100%; float:left; }

/* KAMPANJMENY, WEBB-SIDOMENY, ARTIKELGRUPP-ENKEL MENY */
#WebbMeny, .kampanjmenu {width:100%}
#WebbMeny li, .kampanjmenu li {display:inline; font-weight: normal;}
#WebbMeny li.active {
    font-weight: bold;
}
#WebbMeny li a {padding:0 5px}
#WebbMeny li a, .kampanjmenu li a {display: inline-block; width:100%;}
#WebbMeny li a:hover, .kampanjmenu li a:hover, .nav li a:hover {background:#fff;}
#WebbMeny ul ul, .kampanjmenu ul ul {padding:0px 0px 0px 10px}
.kampanjmenu ul li br {display:none;}

/*
--------------------------------------------------------------------------------------------------
ARTIKELGRUPP_STD Lista1 artikelgrupp
--------------------------------------------------------------------------------------------------
*/
/* ARTGRP GENERAL SETTINGS */
.Infogad_HTML, .Egen_Infogad_HTML {width:100%; float:left;}
.Egen_Infogad_HTML {margin:0 0 10px 0; padding:10px; background:#f1f1f1;}
.Artgrupp_header{ width:100%; margin:10px 0px 10px 0px; }
.Artgrp_Sorteringsordning, .Artgrp_Visningsformat {margin:0px 5px 0px 0px}
.Artgrp_VisaFler{float:right;}
.Artgrp_VisaFlerArtiklar {width:100%; float:left; text-align:right; margin:10px 0px;}

/* PT / ENSKILD PRODUKT */ 
.PT_Wrapper{border: 1px solid #F1F1F1; float: left; margin: 0 1.1% 1.1% 0; padding: 1%; width: 21.9%; background: url("/bilder/butik/bg-left-menu.png") repeat-x scroll 0 0 transparent;}
.PT_Bildruta{width:100%; height:120px; vertical-align:middle; line-height:50px; margin:0px 0px 0px 0px; }
.PT_Bildruta a{width:168px; height:120px; display:table-cell; vertical-align:middle}
.PT_Bildruta img{ margin:0 auto; display:block}
.PT_Bildruta a:hover {opacity:0.8;}
.PT_Faktaruta{width:100%; height:80px; margin:5px 0px 5px 0px}
.PT_Beskr{width:100%; height:40px; margin:0px 0px 5px 0px}
.PT_Text_Kort{    float: left;
    height: 45px;
    margin: 5px 0;
    width: 100%;}
.PT_Pris, .PT_PrisKampanj  {width:50%; float:left; height:15px;}
.PT_PrisStafflade, .PT_PrisRek {}

/* PT ENSKILD PRODUKT SAKNAS */ 
.Artgrp_Lista{width:100%; display:block; background:#fff; border:1px solid #ccc; padding:4px; margin:1px}
#ListaOmArtiklarSaknas{width:100%; float:left;}
#ListaOmArtiklarSaknas ul{list-style:none; border:none; margin:0; padding:0}
#ListaOmArtiklarSaknas li a{
 background: url("/bilder/butik/bg-left-menu.png") repeat-x scroll 0 -125px transparent;
    border: 1px solid #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 48.7%;}
#ListaOmArtiklarSaknas li a:hover {background:#fff; }

/* ARTGRP Lista-1 */ 
.PT_wrapper.Lista {   background: url("/bilder/butik/bg-left-menu.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px dotted #DDDDDD;
    float: left;
    margin: 0 0 5px;
    padding: 5px;
    width: 100%;}
    .PT_wrapper.Lista:hover {background:#fff;}
.PT_wrapper.Lista .PT_Bildruta {width:15%; height:40px; float:left; } 
.PT_wrapper.Lista .PT_Bildruta a {height:40px; width:inherit;}
.PT_wrapper.Lista .PT_Beskr {float:left; height: auto; margin: 0 0 ; width: 80%;}
.PT_wrapper.Lista .PT_Text {float:left; margin: 10px 0; width: 100%;}
.PT_wrapper.Lista .PT_Pris {width:20%;  height: auto; float:left;  text-align:right;}
.PT_wrapper.Lista .PT_Knappar {float: left; margin: 5px 0 0; width: 25%; display:none;}

/*
--------------------------------------------------------------------------------------------------
PRODUCTVIEW / PRODUKTBESKRIVNING
--------------------------------------------------------------------------------------------------
*/

#ArtikelnamnFalt{width:100%; margin:0px 0px 15px 0px}
#Faktablad{width:100%; margin:0px 0px 10px 0px; float:left; background:#f5f5f5; padding:10px; }
#Faktakolumn {float: right; width: 35%;}


/*PRDKT - Bildkolumn */
#Bildkolumn {width:63%; float:left;}
.ProduktBild {width:100%; vertical-align:middle; margin:0 0 10px 0;}
.BildZoomThumbnails {width:60px; height:60px; float:left; border:1px solid #f1f1f1; margin:0px 0px 5px 2px; display:block}
.ProduktBildtext {width:100%; margin:10px 0px;}
.BildZoomThumbnails a {display: table-cell; height: 60px; vertical-align: middle; width: 60px;}
.BildZoomThumbnails img{border:0px; display: block; margin: 0 auto;}
.social {margin:10px 0px; }
.Extra, #AvbetFaltText {width:100%; float:left}
#Produktinfofalt{float:left; background:#fff; padding:10px; width:100%; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; overflow:hidden; }
.Set_Falt_Wrap select {width:100%; }

/*PRDKT - RIGHT COLUMN */
#Avbetalning {background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px dashed #DDDDDD; border-top: 1px dashed #DDDDDD; float: left; margin: 10px 0 0; padding: 10px; width:100%;}
#FaltRader, #KundBetygRad{background:#f9f9f9; border:1px solid #fff;     float: left; margin:10px 0; padding:5px; width:100%;}
#KundBetygRad {background:#f9f9f9 !important; margin:10px 0 0 0; }
#VarumarkeFalt {margin:0px;}
.ProduktbeskrAntalvalTabell {margin:0 0 10px 0;}

#SaldoRad, #FraktFaltRad, #LevtidFaltRad, #ArtnrFaltRad {width:100%; float:left; margin:5px 0px 0px 0px;}
#SaldoRad, #LevtidFaltRad {display:none; }
#FraktFaltText, #LevtidFaltText, #SaldoText, #ArtnrFaltText, #KundBetygText, #AvbetFalt, 
#KampanjFalt1Text, #KampanjFalt2Text, #KampanjFalt3Text, #KampanjFalt4Text, #KampanjFalt5Text
{width:40%; float:left; margin:0}
#FraktFalt, #SaldoFalt, #LevtidFalt, #ArtnrFalt, #KundBetyg, 
#KampanjFalt1, #KampanjFalt2, #KampanjFalt3, #KampanjFalt4, #KampanjFalt5
{width:60%; float:right; }

#OrderFalt{width:100%; float:left}
#SubmitFalt, #VarumarkeFalt {width:100%; float:left; margin: 0px 0px 0px}
#PrisFalt {width:100%; margin:0px 0px 10px 0px; float:left;}

.table-headline { background: url("/bilder/butik/bg-left-menu.png") repeat-x scroll 0 -100px transparent;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0 10px;
    text-transform: uppercase;
    width: 100%;}
.table-left-column {width:20%;  text-align: right; font-weight:bold;}
.table-right-column {width:79.5%;}
.table-center-column {background:#ccff99; width:0.5%; }


/*KAMPANJ */
#KampanjFalt {float: left; width: 100%;}
#KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, #KampanjFalt4_Header, #KampanjFalt5_Header
{background:#f9f9f9; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; float: left; margin:10px 0; padding:10px; width:100%;}
#KampanjFalt1Text, #KampanjFalt2Text, #KampanjFalt3Text, #KampanjFalt4Text, #KampanjFalt5Text
{font-weight:bold;}

/*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;}

/*
--------------------------------------------------------------------------------------------------
FLIKAR
--------------------------------------------------------------------------------------------------
*/

.ProduktinfoFlik {width:100%;}
.ProduktinfoFlik tbody tr td {float:left;}

.Flik_Beskr_Normal a, .Flik_Beskr_Saknas, 
.Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a
{background: #F5F5F5; padding:0 10px; float:left; height:25px; line-height:25px;} 

.Flik_Beskr_Normal a:hover, .Flik_Beskr_Markerad a:hover, .Webbsida_Toppmeny_Flik_Normal a:hover, 
.Webbsida_Toppmeny_Flik_Markerad a:hover, .Flik_Normal a:hover, .Flik_Markerad a:hover, .Flik_Beskr_Markerad a
{background:#ddd}

.Flik_Beskr_Markerad_Vanster, .Flik_Beskr_Markerad_Hoger, .Flik_Beskr_Vanster, .Flik_Beskr_Hoger, 
.Flik_Beskr_Saknas_Vanster, .Flik_Beskr_Saknas_Hoger, .Flik_Vanster, .Flik_Hoger, .Flik_Markerad_Hoger,
.Flik_Markerad_Vanster, .Flik_Beskr_Streck, .Flik_Beskr_Markerad_Streck, .Flik_Streck
{display:none;}

.Snabbkassa_Varukorg_Tabell_Rad td.varukorg_text_kort
{   border-bottom: 1px solid #DDDDDD;
    float: left;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}

/*
--------------------------------------------------------------------------------------------------
SEARCH / SÖK
--------------------------------------------------------------------------------------------------
*/
.Sokknapp {   background: none repeat scroll 0 0 #2291D1;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 50px;}
#sokrutan{     background: none repeat scroll 0 0 #8BC9E8; float: right;  padding: 8px; width: 25%;}
.Sokfalt {background: #FFFFFF; border: 1px solid #fff; float: left; height: 25px; line-height: 25px; padding: 3px 0 0 2px; width: 78%;}
.sokruta-epost {width:100px; height:16px; border:1px solid #ccc}

/*
--------------------------------------------------------------------------------------------------
SIGNIN / LOGGA IN 
--------------------------------------------------------------------------------------------------
*/

.inloggning {float:left; border-right: 1px solid #DDDDDD;}
.inloggning a.login {float:left;  padding:0 10px;}
.inloggningsruta {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: none; position: absolute; top: 46px; padding:10px 10px 0px 10px; width: 250px; margin:0 0 0 -1px}
.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; }
.Dinsida_Topprubrik {display:none;}
#AdressblockLoggain table {float:left;}

/*
--------------------------------------------------------------------------------------------------
INDEX / STARTPAGE / STARTSIDAN
--------------------------------------------------------------------------------------------------
*/

.startsidan-wrapper, .startsidan-webbsidor {width:100%; float:left;}
.startsidan-webbsidor{margin:0px 0px 10px 0px}

/*
--------------------------------------------------------------------------------------------------
Bilder_Artikelgrupper.html
--------------------------------------------------------------------------------------------------
*/

.bildcell-artgruppbilder {z-index:20; width:165px; height:135px; margin:0px 0px 5px 0px; text-align:center; vertical-align:middle}
.namncell-artgruppbilder {z-index:10; width:165px; height:40px;}

/*
--------------------------------------------------------------------------------------------------
KNAPPAR / BUTTON /
--------------------------------------------------------------------------------------------------
*/

 /* Buy Buttons */
.Knapp_Kop {height:22px; margin:0px; padding:0px}
.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%;}
.Knapp_Kop_Tabell, .PT_Knappar table {float:right !important;} 
.Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;}
.PT_KnapparKampanj tabell {width:135px}
a.button {margin:0 0;}

.wishlist a  { background: none repeat scroll 0 0 #2291D1; color: #FFFFFF; float: left; margin: 10px 0 0; padding: 5px 0; text-align: center; width: 100%;}
.wishlist a:hover {background: #1E87C2; color:#fff !important;}
 /* Buttons */
.Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Kundvagn_Checkout a, 
.Knapp_Kundvagn_Andra a, .Knapp_Kundvagn_Checkout_I_Sida a, .Knapp_Kundvagn_TillbakaURL a, 
.Knapp_Kundvagn_Artikelovervakning a, .Knapp_Snabbfragan a, .Knapp_Nyhetspopup a, 
.Knapp_Nyhetspopup a, .Knapp_HanteraAb a, .Knapp_Sok_Produkt
{border:0px; line-height:25px; height:25px; padding:0px 10px; background:#999; float:left;}
.PT_Knappar {width:50%; float:left; }

 /* Search buttons */
.Knapp_Sok {float: right; position: relative; width: 10%;}
.Knapp_Sok_Produkt {background:transparent; height: 30px; position: relative; width: 100%; z-index: 99;}

/* Hover buttons */
.Knapp_Info a:hover, .Knapp_Generell a:hover, .Knapp_Kundvagn_Checkout a:hover, 
.Knapp_Kundvagn_Andra a:hover, .Knapp_Kundvagn_Checkout_I_Sida a:hover, 
.Knapp_Kundvagn_TillbakaURL a:hover, .Knapp_Kundvagn_Artikelovervakning a:hover, 
.Knapp_Snabbfragan a:hover, .Knapp_Nyhetspopup a:hover, 
.Knapp_Nyhetspopup a:hover, .Knapp_HanteraAb a:hover { background:#666}

.Knapp_Kop a:hover, a.CartButton:hover, .Checkout a:hover, .bestallningsknapp:hover {background:#51822b !important;}

/* ICON BUTTONS */ 
#SubmitFalt .icon-shopping-cart {padding:11px}
.sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;}

/*
--------------------------------------------------------------------------------------------------
VARUKORGEN
--------------------------------------------------------------------------------------------------
*/

#kundvagn {float: right; padding: 8px; min-width: 350px; position:relative; }
.AIRvarukorg-Text i.icon-shopping-cart {font-size: 25px; position: absolute; right: 0; top: -7px;}
.Varukorg{float:left; line-height:30px; width:100%;}
a.CartButton, .Checkout a{ color:#FFF !important; float:right; font-weight:bold; height:20px; line-height:20px; margin:5px 0 0; padding:2px 10px}
.Varukorg span{display:block; float:left; margin:0 5px 0 0;  position:relative; line-height:normal; min-width:32%;}
.AIRvarukorg-Text {padding: 0 35px 0 0; min-width:22% !important; }

.Varukorg .AIRvarukorg-Arrow, .Varukorg .AIRvarukorg-Text {float:right; text-align:right;}
.Varukorg .AIRvarukorg-Text{margin:8px 0 0 0;}
.Varukorg .AIRvarukorg-Qty, .Varukorg  .AIRvarukorg-Sum {margin:7px 0 0 0 }
#AIRvarukorg-Wrap .Rabatt { color: #CD3928; float: left; font-size: 10px; line-height: normal; margin: -17px 0 0;}
#AIRvarukorg-Wrap {
  background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    position: absolute;
    right: -1px;
    top: 35px;
    width: 400px;
}
#AIRvarukorg-Wrap .BWrap .RowWrap{width:100%}
#AIRvarukorg-Wrap .BWrap .RowWrap .RowTopp{}/* För gåva */
#AIRvarukorg-Wrap .BWrap .RowWrap .Row{ display:inline-block; border-bottom:1px solid #f1f1f1; margin:0 0 5px; min-height:50px; padding:0 0 0 5px; line-height:45px; width:100%; }
#AIRvarukorg-Wrap .BWrap .RowWrap .Row .Img{ float:left; margin:12px 0 0; width:10%; overflow:hidden; display:none;}
.SumTxt{margin:0 5px 0 0;}

#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap{float:right; width:100%}
#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap{width:45%;}
#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap, #AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .Price{float:left; margin:0 2px}
#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .Price{width:25%; text-align:center;}
#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap input{float:left; font-size:12px; margin:12px 2px 0 2px; width:30px}
#AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; margin:14px 2px 0 2px; float:left; width:16px}
#AIRvarukorg-Wrap .BWrap .RowWrap .Row div img{display:block}
#AIRvarukorg-Wrap .BWrap .Footer{margin:0 10px 0}
#AIRvarukorg-Wrap .BWrap .Footer .SumWrap {width:70%; float:left} 
#AIRvarukorg-Wrap .BWrap .Footer .Checkout {width:30%; margin:5px 0 0 0; float:right}
#AIRvarukorg-Wrap .BWrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum {float:left;}

/*
--------------------------------------------------------------------------------------------------
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}

/*
--------------------------------------------------------------------------------------------------
CONTENTSLIDER
--------------------------------------------------------------------------------------------------
*/

.nivoSlider{position:relative; width:100%; height:auto; overflow:hidden}
.nivoSlider img{position:absolute; top:0px; left:0px; max-width:none}
.nivo-main-image{display:block !important; position:relative !important; width:100% !important}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0}
.nivo-slice{display:block; position:absolute; z-index:5; height:100%; top:0}
.nivo-box{display:block; position:absolute; z-index:5; overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding:5px 10px; opacity:0.8; overflow:hidden; display:none; -moz-opacity:0.8; filter:alpha(opacity=8); -webkit-box-sizing:border-box; /* Safari/Chrome,other WebKit */-moz-box-sizing:border-box;  /* Firefox,other Gecko */box-sizing:border-box;  /* Opera/IE 8+*/}
.nivo-caption p{padding:5px; margin:0}
.nivo-caption a{display:inline !important}
.nivo-html-caption{ display:none}
.nivo-directionNav a{position:absolute; top:45%; z-index:9; cursor:pointer}
.nivo-prevNav{left:0px}
.nivo-nextNav{right:0px}
.nivo-controlNav{text-align:center; padding:5px 0 !important;}
.nivo-controlNav a{cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
html .theme-default .nivo-directionNav a {opacity: 1;}
.slider-wrapper.theme-default {float:left;}

/*
--------------------------------------------------------------------------------------------------
LSS
--------------------------------------------------------------------------------------------------
*/

/* LSS-content-block */
#LSS_Result
{  background: none repeat scroll 0 0 #8BC9E8;
    border: 0 none;
    padding: 15px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 96.8%;
    display:none !important;
}
#LSS_Result, #LSS_Result div, #LSS_Result ul, #LSS_Result ul li{z-index:1055}
 #LSS_Varumarken {display:none;}

/* LSS-VARIUS */
a.LSS_Artikel li{display:inline-block}
#LSS_Close {    background: none repeat scroll 0 0 #2291D1;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 10px;}
ul.LSS_Artikelgrupper{margin:0px padding:0px}
#LSS_Result .big{width:70%; float:left;}
#LSS_Result .small{float:left; min-height:45px; width:30%; margin:25px 0 0 0}
#LSS_Result .column ul.LSS_Artiklar li{float:left; width:140px; margin:0px 15px 15px 0px; display:inline}
#LSS_Result .column ul.LSS_Artikelgrupper, #LSS_Result .column ul.LSS_Artikelgrupper li, 
#LSS_Result .column ul.LSS_Varumarken, #LSS_Result .column ul.LSS_Varumarken li
{display:inline-block; float:left; margin:0 0 10px; padding:0 0 0 5px; width:100%}
ul.LSS_Artiklar{width:100%; float:left; margin:0; padding:0}
a.SokMer{ bottom:0; float:left; margin:10px 10px 20px; padding:5px 20px}
#LSS_Result div.column h3{ margin:0 0 5px; padding:0 0 5px}
.LSS_Artiklar .Beskr, .LSS_Artiklar .pris{height:60px; margin:10px 0 0; float:left; overflow:hidden; width:140px}
.LSS_Artiklar .pris{display:none}
#LSS_Result .LSS_Loader img{display:block; width:32px; margin:10px auto 0 auto}
.ArtHover {
 background-color: #FFFFFF;
    border: 1px solid #fff;
    left: auto !important;
    padding: 10px;
    position: absolute;
    right: 10px !important;
    top: 10px !important;
    width: 280px;
}
.ArtHover ul {display:inline-block; padding:10px; }
.ArtHover ul li {display:inline-block; }
/* LSS-IMG */
.LSS_Artiklar .Bild{height:80px; width:80px; overflow:hidden; text-align:center; padding:5px; margin:0 10px; background:#fff; display:none;}
.LSS_Artiklar .Bild img { max-width:100%; max-height:100%;}

/*
--------------------------------------------------------------------------------------------------
CSS3
--------------------------------------------------------------------------------------------------
*/

.KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta input, .Kassan input, 
.PT_Wrapper, #LSS_Close 
{-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,
 .wishlist a, .quick-links a, .Egen_Infogad_HTML, #Faktablad, #FaltRader, #KundBetygRad, #ListaOmArtiklarSaknas li a, .table-headline
{-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }

.startpage img
{-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }

.Left-Column
{-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

#wrapper, .startpage, .Right-Column  {-webkit-border-radius: 20px 20px; -moz-border-radius: 20px 20px; border-radius: 20px 20px; }

.Snabbkassa_Flik_Normal, .Snabbkassa_Flik_Saknas , .rubriker, 
.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, #WebbMeny li a, 
.kampanjmenu li a, .quick-links a, #ListaOmArtiklarSaknas li a
{text-shadow: 1px 1px 0 #FFFFFF;}

#wrapper, #FaltRader, #KundBetygRad, .Right-Column 
 {
  -moz-box-shadow:    0 0 15px -10px #333;
  -webkit-box-shadow: 0 0 15px -10px #333;
  box-shadow:         0 0 15px -10px #333;
 }
 

.Left-Column, .startpage img
 {
  -moz-box-shadow:    10px 10px 20px -20px #333333;
  -webkit-box-shadow: 10px 10px 20px -20px #333333;
  box-shadow:         10px 10px 20px -15px #333333;
 }




.inloggningsruta, .kundtjanstruta, .PT_Wrapper:hover, #AIRvarukorg-Wrap, .nav > ul > li > ul,
 #ListaOmArtiklarSaknas li a, #LSS_Result, .nav-wrapper
 {
  -moz-box-shadow:    0 5px 8px -5px #333333;
  -webkit-box-shadow: 0 5px 8px -5px #333333;
  box-shadow:         0 5px 8px -5px #333333;
 }

#toplineWrapper
 {
  -moz-box-shadow:    0px 5px 10px -10px #333333; 
  -webkit-box-shadow: 0px 5px 10px -10px #333333; 
  box-shadow:         0px 5px 10px -10px #333333; 
 }
 
.Knapp_Generell a, .Knapp_Info a {
   background-color: #666; 
   /* FALLBACK */
   background-image: #666; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666));
   background-image: -webkit-linear-gradient(top, #999, #666); 
   background-image:    -moz-linear-gradient(top, #999, #666);
   background-image:     -ms-linear-gradient(top, #999, #666);
   background-image:      -o-linear-gradient(top, #999, #666);
}

.Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp {
   background-color: #78b848; 
   /* FALLBACK */
   background-image: #78b848; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#78b848), to(#578833));
   background-image: -webkit-linear-gradient(top, #78b848, #578833); 
   background-image:    -moz-linear-gradient(top, #78b848, #578833);
   background-image:     -ms-linear-gradient(top, #78b848, #578833);
   background-image:      -o-linear-gradient(top, #78b848, #578833);
}

 
#FaltRader, #KampanjFalt, #KundBetygRad, #Produktinfofalt, .footer-content, .ruta,
#ListaOmArtiklarSaknas li a,  .sokrutan, .nav, .toplineContent2, .toplineContent1, #AIRvarukorg-Wrap, 
#AIRvarukorg-Wrap .BWrap .RowWrap .Row, #dialogruta div, .inloggningsruta, #kundvagn, .nav-topmenu, .nav ul, 
.TeknSpec_Tabell, .TeknSpec_Rad2_Hoger, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, 
p#KreditorInfo, .Snabbkassa_Presentkort i, #KampanjFalt1_Header, #KampanjFalt2_Header, #KampanjFalt3_Header, 
#KampanjFalt4_Header, #KampanjFalt5_Header, #breadcrumb, .PT_wrapper.Lista, .Egen_Infogad_HTML, #Faktablad,
.nav-bar ul li a, #ListaOmArtiklarSaknas li a, .table-headline, #WebbMeny li a
{
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;    
box-sizing: border-box;
}

.abcpage:nth-child(10) {display:none;}

.TextKort {margin:10px 0;}

#ProduktinfoOvrigt .Row-2.Col-1{margin-bottom:10px;}

/* FORMULÄR */ 
.col {float: left;    margin: 1% 0 1% 1%;}
.span_6_of_12  {width: 49%;}
.span_4_of_12  {width: 29%;}
.span_8_of_12  {width: 69%;}
.span_12_of_12, .grey-bg #Meddelande {width: 100%}

.form-wrapper  {margin-left:0px; display: none; }
.form-btn a {background: #2291d1; color: #fff !important; padding: 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.grey-bg { display: none; padding: 20px; background: #f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.grey-bg.active {display: block;}
.grey-bg input, .grey-bg #Meddelande {border: 1px solid #ccc; min-height: 30px; line-height: 30px; padding: 0 2%; }
.grey-bg .Knapp_Generell a, .grey-bg .Knapp_Generell {margin-left: 0px; width: 100%; padding: 0px;}
.grey-bg div, .grey-bg, .grey-bg input, #Meddelande
{box-sizing: border-box; }

.testStaffladePriserPris span {
    display: none;
}