/* $Header: /Webshop/utveckling/Server/asp/StyleSheetDefault.css 41    06-01-27 7:55 Peterli $ */
BODY
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    border-spacing: 0px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px
    
}
HTML
{   
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    RIGHT: 0px;
    LEFT: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 100%;
    COLOR: black;
    BOTTOM: 0px;
    MARGIN-RIGHT: 0px;
    FONT-FAMILY: sans-serif;
    TOP: 0px;
    BACKGROUND-COLOR: white	
}


@media screen
{
DIV.huvudram
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    RIGHT: 0px;
    LEFT: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 100%;
    COLOR: black;
    BOTTOM: 0px;
    MARGIN-RIGHT: 0px
}
}

@media print
{
  DIV.huvudram
  {
  }
}

@media screen {
  DIV.meny
  {
    BACKGROUND-IMAGE: url(Bilder/bg-meny.jpg);
    background-color: white;
    background-repeat: repeat-x;
    LEFT: 0px;
    WIDTH: 10em;   /* menybredden */
    POSITION: absolute;
    TOP: 90px;   /* topphöjden */
    padding-bottom: 20em;
  }
}

@media print {
  DIV.meny {
    display: none;
  }
}

DIV.meny DIV.menyVillkor
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 1em;
    COLOR: #4c677f
}
DIV.meny DIV.menyVillkor A:link
{
    COLOR: #4c677f
}
DIV.meny DIV.menyVillkor A:visited
{
    COLOR: #4c677f
}
DIV.meny DIV.menySök
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    COLOR: #4c677f;
    PADDING-TOP: 1em
}
DIV.meny DIV.menySök INPUT
{
    FONT-SIZE: smaller;
    WIDTH: 45px
}
DIV.meny DIV.menySök INPUT.sokKnapp
{
    FONT-SIZE: smaller;
    WIDTH: 35px
}
DIV.meny DIV.menyVarugrupper
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #4c677f
}
DIV.meny DIV.menyVarugrupper A:link
{
    text-decoration:none;
    COLOR: #4c677f
}
DIV.meny DIV.menyVarugrupper A:visited
{
    text-decoration:none;
    COLOR: #4c677f
}
DIV.meny DIV.menyVarugrupper DIV.level1
{
    PADDING-LEFT: 0em;
    FONT-WEIGHT: normal;
    PADDING-TOP: 0.5em
}
DIV.meny DIV.menyVarugrupper DIV.level2
{
    PADDING-LEFT: 1em;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    PADDING-TOP: 0.2em
}
DIV.meny DIV.menyVarugrupper DIV.level3
{
    PADDING-LEFT: 2em;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    PADDING-TOP: 0.2em
}
DIV.meny DIV.menyVarugrupper DIV.level4
{
    PADDING-LEFT: 3em;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    PADDING-TOP: 0.2em
}
DIV.meny DIV.menyVarugrupper DIV.level5
{
    PADDING-LEFT: 4em;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    PADDING-TOP: 0.2em
}
DIV.meny DIV.menyVarugrupper SPAN.aktuellmeny
{
    FONT-WEIGHT: bolder
}
DIV.meny DIV.menyCookie
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 2em;
    COLOR: #4c677f
}
DIV.meny DIV.menyCookie A:link
{
    COLOR: #4c677f
}
DIV.meny DIV.menyCookie A:visited
{
    COLOR: #4c677f
}

@media screen {
DIV.dynamisk
{
    MARGIN: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    PADDING-RIGHT: 10em; /* Varukorgsbredden */
    PADDING-LEFT: 10em;  /* Menybredden */
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 90px;   /* topphöjden */
    BACKGROUND-IMAGE: url(Bilder/bg.gif);
    BACKGROUND-REPEAT: repeat-y repeat-x
  }
}

@media print {
  DIV.dynamisk
  {
    POSITION: absolute;
  }
}

DIV.dynamisk DIV.erbjudande
{
}
DIV.dynamisk DIV.erbjudande DIV.tips
{
    BORDER-BOTTOM: silver 1px dotted
}
DIV.dynamisk DIV.erbjudande DIV.tipsingress
{
    FONT-WEIGHT: bolder;
}


DIV.dynamisk DIV.erbjudande DIV.erbjudandeingress
{
    FONT-WEIGHT: bolder;
}


DIV.dynamisk DIV.erbjudande TABLE.erbjudandetabell
{
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: silver 1px solid;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 1px;
    BORDER-LEFT: silver 1px solid;
    WIDTH: 97%;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: silver 1px solid;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0px
}
DIV.dynamisk DIV.erbjudande TABLE.erbjudandetabell TD
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid
}
DIV.dynamisk DIV.artiklar
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0px
}


TABLE.artikeltabell
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 97%;
    PADDING-TOP: 0px;
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: center;
    border-spacing: 0px;
    border-right: 0px;
    border-bottom: 0px;
}
TABLE.artikeltabell TD
{
}
TABLE.artikeltabell HR
{
    WIDTH: 97%;
    COLOR: #626262;
    HEIGHT: 1px
}
TABLE.artikeltabell A:link
{
    COLOR: #4c677f
}
TABLE.artikeltabell A:visited
{
    COLOR: #4c677f
}
TABLE.artikeltabell IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
TABLE.artikeltabell TD.grafikv
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/vänster.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: repeat-y;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.grafikh
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/höger.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: repeat-y;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.grafikhörnöv
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/toppvä.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 21px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.grafikhörnöh
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/topphö.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 21px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.grafikhörnnv
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/bottenvä.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.grafikhörnnh
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(Bilder/bottenhö.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    WIDTH: 16px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 16px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.huvudgrupp
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12pt;
    BACKGROUND-IMAGE: url(Bilder/topp.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    COLOR: #626262;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-STYLE: normal;
    TEXT-ALIGN: left;
    border-spacing: 0px;
}
TABLE.artikeltabell TD.huvudgrupp SPAN
{
    /*background-color: #e7e4df;*/
    background-image: url(Bilder/huvudrubrik-bg.jpg);
}

TABLE.artikeltabell TD.underrubrik
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    COLOR: #626262;
    BORDER-BOTTOM: 0px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.underrubrik SPAN
{
    background-color: White;
}

TABLE.artikeltabell TD.botten
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-IMAGE: url(Bilder/botten.jpg);
    VERTICAL-ALIGN: top;
    BORDER-LEFT: 0px;
    COLOR: #c4cdd4;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-STYLE: normal;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktnamn
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    COLOR: #626262;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktnamn A:link
{
    COLOR: #4c677f
}
TABLE.artikeltabell TD.produktnamn A:visited
{
    COLOR: #4c677f
}
TABLE.artikeltabell TD.produktdata
{
    PADDING-RIGHT: 0.3em;
    PADDING-LEFT: 0px;
    FONT-SIZE: smaller;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktpris
{
    PADDING-RIGHT: 0.3em;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktpris#varukorg
{
    border-bottom: 1px dotted black
}
TABLE.artikeltabell TD.produktbeställ
{
    PADDING-RIGHT: 0.3em;
    PADDING-LEFT: 0px;
    FONT-SIZE: smaller;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: right;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktejbeställ
{
    PADDING-RIGHT: 0.3em;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    COLOR: red;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.produktejbeställ:before
{
    content: "För beställning: "
}
TABLE.artikeltabell TD.produktbildliten
{
    PADDING-RIGHT: 0.9em;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    WIDTH: 50px;
    HEIGHT: 50px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.ProduktDataOvrigt
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    WIDTH: 100px;
    TEXT-ALIGN: left;
    border-spacing: 0px
}
TABLE.artikeltabell TD.ProduktDataOvrigt A:link
{
    COLOR: #4c677f
}
TABLE.artikeltabell TD.ProduktDataOvrigt A:visited
{
    COLOR: #4c677f
}

A.tipsaKompis
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
INPUT.sokKnapp
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller
}
INPUT.bestallKnapp
{
    BACKGROUND-POSITION: center center;
    FONT-SIZE: smaller;
    WIDTH: 50px;
    HEIGHT: 20px
}
SPAN.artikelnr
{
    PADDING-LEFT: 1em;
    FONT-SIZE: 8pt
}
SPAN.erbjudandeblankare
{
    COLOR: red;
}

DIV.Fel
{
    FONT-SIZE: small;
    font-weight: bolder;
    COLOR: red
}
SPAN.urval
{
    DISPLAY: inline
}
SPAN.urvalledtext
{
    DISPLAY: inline;
    FONT-SIZE: smaller
}
SELECT.urval
{
    FONT-WEIGHT: bold;
    FONT-SIZE: smaller;
    COLOR: #4c677f;
    BACKGROUND-COLOR: #f7f3ef
}


@media screen {
DIV.topp
{
    MARGIN: 0px;
    PADDING: 0px;
    BACKGROUND-IMAGE: url(Bilder/bg-logo.jpg);
    BACKGROUND-REPEAT: repeat-y;
    background-color: #fbfcc7
    POSITION: absolute;
    LEFT: 0px;    
    TOP: 0px;
    WIDTH: 100%;
    HEIGHT: 90px   /* topphöjden */
}
}

@media print {
  DIV.topp
  {
    display: none;
  }
}


DIV.topp DIV.logotyp
{
    LEFT: 0px;
    WIDTH: 610px;
    POSITION: absolute;
    TOP: 0px;
    TEXT-ALIGN: left;
}
DIV.topp DIV.logo2
{
    display: none;
/*    LEFT: 160px;
    POSITION: absolute;
    TOP: 5px;
    TEXT-ALIGN: left;
    padding-top: 10px;*/
}
DIV.topp DIV.logo3
{
    display: none;
/*    LEFT: 340px;
    POSITION: absolute;
    TOP: 5px;
    TEXT-ALIGN: left;
    padding-top: 45px;*/
}
DIV.topp DIV.logo A IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
DIV.topp DIV.logotypText
{
/*
    text-shadow: 3px 3px red;
    FONT-SIZE: 32pt;
    LEFT: 150px;
    WIDTH: 610px;
    COLOR: gray;
    POSITION: absolute;
    TOP: 15px;
    TEXT-ALIGN: center
*/
}
DIV.dynamisk DIV.artiklar A.tipsaKompis A:link
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.artiklar A.tipsaKompis A:visited
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.login
{
    PADDING-LEFT: 2em
}
DIV.dynamisk DIV.login FORM
{
    width: 25em;
}

DIV.rad
{
    clear: both;
    DISPLAY: block;
    VERTICAL-ALIGN: top
}
DIV.rad4
{
    clear: both;
    DISPLAY: block;
    VERTICAL-ALIGN: top;
    padding-bottom: 4.5em;
}
DIV.ledtext
{
  float: left;
  display: inline;
}
DIV.text
{
    float: right;
}
DIV.knappRad
{
    clear: both;
    PADDING-BOTTOM: 1em;
    PADDING-TOP: 1em
}
DIV.dynamisk DIV.login INPUT
{
    WIDTH: 15em
}
DIV.dynamisk DIV.login DIV.loginglomt
{
    padding-bottom: 2em;
}
DIV.dynamisk DIV.login DIV.loginsubmit
{
    clear: both;
    PADDING-TOP: 1em;
    PADDING-BOTTOM: 1em
}
DIV.dynamisk DIV.login DIV.loginsubmit INPUT.Knapp
{
    FONT-SIZE: smaller;
    WIDTH: 70px
}
DIV.dynamisk DIV.login DIV.loginreg
{
}
DIV.dynamisk DIV.login DIV.loginerror
{
    padding-bottom: 1em;
}

DIV.dynamisk DIV.registrering
{
    PADDING-LEFT: 2em
}

DIV.dynamisk DIV.registrering FORM
{
    width: 25em;
}
DIV.dynamisk DIV.registrering DIV.knappRad INPUT.okKnapp
{
    FONT-SIZE: smaller;
    WIDTH: 70px
}
DIV.dynamisk DIV.registrering DIV.knappRad INPUT.tomKnapp
{
    FONT-SIZE: smaller;
    WIDTH: 70px
}
DIV.dynamisk DIV.registrering DIV.felBeskrivning
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small
}
DIV.dynamisk DIV.registrering DIV.tillbaka
{
    FONT-SIZE: smaller
}
DIV.dynamisk DIV.registrering DIV.tillbaka INPUT.tillbakaKnapp
{
    WIDTH: 70px;
}
DIV.dynamisk DIV.login A
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.login A A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.login A A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.artikeldetalj
{
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px
}
DIV.dynamisk DIV.artikeldetalj INPUT.bestallKnapp
{
    BACKGROUND-POSITION: center center;
    FONT-SIZE: smaller;
    WIDTH: 60px;
    HEIGHT: 20px
}
DIV.dynamisk DIV.artikeldetalj TABLE.artikeldetaljtabell
{
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: silver 1px solid;
    MARGIN-TOP: 1px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 1px;
    BORDER-LEFT: silver 1px solid;
    WIDTH: 97%;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: silver 1px solid;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0px
}
DIV.dynamisk DIV.artikeldetalj TABLE.artikeldetaljtabell TD
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljbenamning
{
    PADDING-RIGHT: 0.5em;
    FONT-WEIGHT: bolder;
    FONT-SIZE: large;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljartikelnr
{
    FONT-SIZE: small;
    VERTICAL-ALIGN: bottom;
    COLOR: gray;
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljledtext
{
    vertical-align: Top;
    PADDING-RIGHT: 0.5em;
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljpris
{
    FONT-SIZE: small;
    COLOR: black;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljstaffling
{
    FONT-SIZE: small;
    PADDING-RIGHT: 0.5em;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljenhet
{
    FONT-SIZE: small
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljlager
{
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljovrigt
{
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljdokument
{
    BACKGROUND-COLOR: #e6e6e6
}
TD.artikeldetaljbild
{
    TEXT-ALIGN: center;
    vertical-align: middle;
}
TD.artikeldetaljbild IMG
{
    BORDER: 0px;
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljbild
{
    BACKGROUND-COLOR: #ebebeb;
}

DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljbestall
{
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljejbestall
{
    COLOR: red;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljejbestall:before
{
    content: "För beställning: "
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljledtextpris
{
    vertical-align: Top;
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljledtextartnr
{
    vertical-align: Top;
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljledtextlager
{
    vertical-align: Top;
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}

DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljtillbaka
{
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljtillbaka A:link
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljtillbaka A:visited
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljledtextDok
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljdokument A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljovrigt A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljovrigt A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.artikeldetalj TD.artikeldetaljdokument A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.artikeldetalj DIV.artikeldetaljFel
{
    FONT-SIZE: smaller
}
DIV.dynamisk DIV.artikeldetalj DIV.Fel
{
    FONT-SIZE: small;
    COLOR: red
}
DIV.dynamisk DIV.artikeldetalj TD.tipsaEnKompis
{
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.artikeldetalj TD.tipsaEnKompis A
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.artikeldetalj TD.tipsaEnKompis A.link
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.artikeldetalj TD.tipsaEnKompis A:visited
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}

@media screen {
DIV.varukorg
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    position: absolute; 
    top: 90px;   /* topphöjden */
    right: 0px;
    WIDTH: 10em;  /* Varukorgsbredden */
    PADDING-LEFT: 3px;
    BACKGROUND-IMAGE: url(Bilder/bg_varukorg.gif);
    COLOR: #4c677f;
    BACKGROUND-COLOR: silver
}
}

@media print {
  DIV.varukorg
  {
    display: none;
  }
}

DIV.varukorg DIV.footer
{
    FONT-SIZE: smaller;
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerLogin
{
}
DIV.varukorg DIV.footer DIV.footerLogin A:link
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerLogin A:visited
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerSumma
{
    LEFT: 0px;
    TEXT-ALIGN: left
}
DIV.varukorg DIV.footer DIV.footerSumma TABLE.footersum
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0px
}
DIV.varukorg DIV.footer DIV.footerSumma TABLE.footersum TD.footersumtext
{
    font-size: small;
}
DIV.varukorg DIV.footer DIV.footerSumma TABLE.footersum TD.footersumvalue
{
    font-size: small;
    TEXT-ALIGN: right
}
DIV.varukorg DIV.footer DIV.footerSumma A:link
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerSumma A:visited
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerVarukorg
{
    LEFT: 0px;
    overflow: auto;
}
DIV.varukorg DIV.footer DIV.footerVarukorg SELECT
{
}
DIV.varukorg DIV.footer DIV.footerVarukorg A:link
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerVarukorg A:visited
{
    COLOR: #4c677f
}
DIV.varukorg DIV.footer DIV.footerVarukorg SPAN.varukorginfo
{
    font-size: smaller;
    font-weight: bolder;
    display: block;
}

DIV.dynamisk DIV.kassaVarukorg
{
    PADDING-LEFT: 1em
}
DIV.dynamisk DIV.kassaVarukorg A:link
{
    FONT-SIZE: small;
    COLOR: #4c677f
}
DIV.dynamisk DIV.kassaVarukorg A:visited
{
    FONT-SIZE: small;
    COLOR: #4c677f
}
DIV.dynamisk DIV.kassaVarukorg DIV.VarukorgFel
{
    FONT-SIZE: small;
    COLOR: red
}

DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg THEAD TD
{
    FONT-WEIGHT: bold
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg THEAD TD#antal
{
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg THEAD TD#pris
{
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.artikelbeskrivning
{
    FONT-SIZE: small
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.antal
{
    FONT-SIZE: small;
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.belopp
{
    FONT-SIZE: small;
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.summamellanrum
{
    FONT-SIZE: 0.1em;
    BORDER-BOTTOM: black 1px dotted;
    HEIGHT: 0.1em
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.summabeskrivning
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg TD.summa
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.kassaVarukorg TABLE.varukorg A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.kassaVarukorg DIV.Fel
{
    FONT-SIZE: small;
    COLOR: red
}
DIV.dynamisk DIV.kassaVarukorg INPUT.uppdateraKnapp
{
    BACKGROUND-POSITION: center center;
    WIDTH: 90px
}

@media screen {
DIV.dynamiskKassa
{
    MARGIN: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    PADDING-RIGHT: 10em; /* varukorgsbredd */
    PADDING-LEFT: 10em;  /* menybredd */
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 90px;   /* topphöjd */
    BACKGROUND-IMAGE: url(Bilder/bg.gif);
    BACKGROUND-REPEAT: repeat-y repeat-x
}
}

@media print {
  DIV.dynamiskKassa
  {
    POSITION: absolute;
  }
}

DIV.dynamiskKassa DIV.kassa
{
    PADDING-LEFT: 1em
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg THEAD TD
{
    FONT-WEIGHT: bolder
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg THEAD TD#antal
{
    TEXT-ALIGN: right
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg THEAD TD#pris
{
    TEXT-ALIGN: right
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.artikelbeskrivning
{
    FONT-SIZE: smaller
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.antal
{
    FONT-SIZE: smaller;
    TEXT-ALIGN: right
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.belopp
{
    FONT-SIZE: smaller;
    TEXT-ALIGN: right
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.summamellanrum
{
    FONT-SIZE: 0.1em;
    BORDER-BOTTOM: black 1px dotted;
    HEIGHT: 0.1em
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.summabeskrivning
{
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: left
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg TD.summa
{
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: right
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg A:link
{
    COLOR: #4c677f
}
DIV.dynamiskKassa DIV.kassa TABLE.varukorg A:visited
{
    COLOR: #4c677f
}

H2.kassaRubrik2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    PADDING-TOP: 0em;
    padding-bottom: 0em;
    margin-bottom: 0em;
}
DIV.dynamiskKassa DIV.kassa DIV.ordernrrubrik
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium
}
DIV.dynamiskKassa DIV.kassa INPUT.kassaKundNr
{
    WIDTH: 150px
}
DIV.dynamiskKassa DIV.kassa P.kassaVillkor
{
    FONT-SIZE: medium
}
DIV.dynamiskKassa DIV.kassa P.kassaVillkor A:link
{
    COLOR: #4c677f
}
DIV.dynamiskKassa DIV.kassa P.kassaVillkor A:visited
{
    COLOR: #4c677f
}
DIV.dynamiskKassa DIV.kassa INPUT.godkannKnapp
{
    BACKGROUND-POSITION: center center;
    WIDTH: 100px
}
DIV.dynamiskKassa DIV.kassa INPUT.avbrytKnapp
{
    BACKGROUND-POSITION: center center;
    WIDTH: 120px
}
DIV.dynamiskKassa DIV.kassa DIV.fakturaText
{
}
DIV.dynamiskKassa DIV.kassa DIV.godsText
{
}

DIV.kassaproblem
{
  background-color: white;
  border: 2px solid red;
}


DIV.dynamisk DIV.villkor
{
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 1em
}
H1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: medium;
    PADDING-BOTTOM: 1em;
    PADDING-TOP: 1em
}
DIV.dynamisk DIV.villkor DIV.villkorText
{
}
DIV.dynamisk DIV.kontakt
{
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 1em
}

DIV.dynamisk DIV.kontakt DIV.kontaktText
{
}
DIV.dynamisk DIV.cookies
{
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 1em
}

DIV.dynamisk DIV.cookies H2
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    PADDING-BOTTOM: 0.3em
}
DIV.dynamisk DIV.cookies DIV.cookiesText
{
}
DIV.dynamisk DIV.loggaUt
{
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 1em
}

DIV.dynamisk DIV.loggaUt DIV.loggaUtText
{
}
DIV.dynamisk DIV.tipsaenkompis
{
}
DIV.dynamisk DIV.tipsaenkompis TABLE.artikeldetaljtabell
{
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: silver 1px solid;
    MARGIN-TOP: 1px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 1px;
    BORDER-LEFT: silver 1px solid;
    WIDTH: 97%;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: silver 1px solid;
    BORDER-COLLAPSE: collapse;
    border-spacing: 0px
}
DIV.dynamisk DIV.tipsaenkompis TABLE.artikeldetaljtabell TD
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BORDER-LEFT: white 1px solid;
    BORDER-BOTTOM: white 1px solid
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljbenamning
{
    PADDING-RIGHT: 0.5em;
    FONT-WEIGHT: bolder;
    FONT-SIZE: large;
    VERTICAL-ALIGN: bottom;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljartikelnr
{
    FONT-SIZE: small;
    VERTICAL-ALIGN: bottom;
    COLOR: gray;
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljledtext
{
    PADDING-RIGHT: 0.5em;
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljpris
{
    FONT-SIZE: small;
    COLOR: black;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljstaffling
{
    PADDING-RIGHT: 0.5em;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: right
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljenhet
{
    FONT-SIZE: small
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljlager
{
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljovrigt
{
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljdokument
{
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljbild
{
    BACKGROUND-COLOR: #ebebeb;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljbestall
{
    BACKGROUND-COLOR: #e6e6e6;
    TEXT-ALIGN: center
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljejbestall
{
    COLOR: red;
    TEXT-ALIGN: left
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljejbestall:before
{
    content: "För beställning: "
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljbestall INPUT
{
    FONT-SIZE: x-small;
    WIDTH: 5em
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljledtextpris
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #ebebeb
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljledtextartnr
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljledtextlager
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljledtextDok
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljdokument A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljovrigt A:link
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljovrigt A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.tipsaenkompis TD.artikeldetaljdokument A:visited
{
    COLOR: #4c677f
}
DIV.dynamisk DIV.tipsaenkompis TD.tipsakompis
{
    FONT-SIZE: small;
    BACKGROUND-COLOR: #e6e6e6
}
DIV.dynamisk DIV.tipsaenkompis TD.tipsakompis A:link
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.tipsaenkompis TD.tipsakompis A:visited
{
    FONT-SIZE: small;
    COLOR: #4c677f;
    TEXT-DECORATION: none
}
DIV.dynamisk DIV.tipsaenkompis INPUT.namn
{
    WIDTH: 220px
}
DIV.dynamisk DIV.tipsaenkompis INPUT.mail
{
    WIDTH: 220px
}
DIV.dynamisk DIV.tipsaenkompis INPUT.mailknapp
{
    BACKGROUND-POSITION: center center;
    WIDTH: 70px
}

DIV.guide
{
    background-color: #d4d0c8;
    /* BACKGROUND-IMAGE: url(Bilder/bg_varukorg.gif); */
    /* background-image: url("Bilder/bg_guide.jpg"); */
    color: black;
    font-size: small;
    border-top: solid 1px black;
    border-bottom: solid 1px silver;
    padding-left: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
}
DIV.guide A
{
    color: black;
}
DIV.guide A#visited
{
    color: black;
}

DIV.guidesteg
{
    display: inline;
}
DIV.guidesteg#aktivt
{
    font-weight: bolder;
    color: black;
}
DIV.guidepilar
{
    display: inline;
}

DIV#krypto
{
    font-style: italic;
}
H2.kassaRubrik2
{
    background-color: #d5e2ec;
}    
DIV.fakturaText
{
    background-color: #d5e2ec;
    border-bottom: solid 1px silver;
    /*border-left:  solid 1px #4c677f;*/
}
DIV.godsText
{
    background-color: #d5e2ec;
    border-bottom: solid 1px silver;
    /*border-left:  solid 1px #4c677f;*/
    margin-bottom: 0.5em;
}
DIV.dynamiskKassa, DIV.dynamisk
{
    background-color: white
}
DIV.erbjudande, DIV.artiklar, DIV.tips, DIV.main, DIV.login, DIV.loggaut, DIV.registrering, DIV.villkor, DIV.kontakt, DIV.cookies, DIV.kassaVarukorg, DIV.kassa
{
    background: url("bilder/bg-sigma.gif") repeat;
    margin-right: 1em;
}
DIV.nastaguidesteg
{
    font-weight: bolder;
    padding-bottom: 2em;
}
DIV.nastaguidesteg A
{
    display: block;
}
DIV.kassa FORM#Godsmottagare
{
    width: 25em;
    margin-top: 0.5em;
}

/* EOF */;
    margin-top: 0.5em;
}

/* EOF */