/*
-----------------
|	Y	|
-----------------
|  |		|
|  |	K	|
| v|		|
|  |		|
-----------------
|	A	|
-----------------
Y=Ylinosa
V=Vasenpalkki
K=Keskimmäinen
A=Alaosa */


BODY /* Keskimmäisen tiedot tausta, ylinosa myös */
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: thin;
    BORDER-LEFT: thin;
    BORDER-RIGHT: thin;
    BORDER-TOP: thin;
    COLOR: #003366;
    COLOR: #001343;
    FLOAT: none;
    FONT-FAMILY: Arial, 'Times New Roman', Verdana;
    FONT-SIZE: 9pt;
    POSITION: static;
    TEXT-DECORATION: none
}

BODY.OmatTiedot
{
    BACKGROUND-COLOR: #dddddd;
    COLOR: #000000;
    FONT-FAMILY: Arial, 'Times New Roman', Verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}

BODY.OmatTiedot TD
{
    BACKGROUND-COLOR: #dddddd;
    COLOR: #000000;
    FONT-FAMILY: Arial, 'Times New Roman', Verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}


INPUT /* Kirjautumislaatikoiden tekstilaatikot */
{
/*
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    FONT-FAMILY: Verdana;
   */
    BACKGROUND-COLOR: #ffffff;
    FONT-SIZE: 9pt
}
INPUT.BUTTON /* Kirjautumislaatikoiden nappulat */
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    FONT-WEIGHT: normal;
    TEXT-TRANSFORM: uppercase
}
TD /* Ylinosa otsikko, vasenpalkki, keskimäisessä fonttien koot */
{
    FONT-SIZE: 9pt
}

BODY A /* Vasenpalkki tuoteryhmien linkit */
{
    COLOR: #001343;
    TEXT-DECORATION: none
}
BODY A:hover /* Vasenpalkki tuoteryhmien linkit */
{
    COLOR: #D2DFEA;
    COLOR: #000000;
    TEXT-DECORATION: underline
}
INPUT.LINK /* Kaikkien linkkien tiedot */
{
    BACKGROUND: url(images/paperi.gif) fixed no-repeat left top;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    CURSOR: hand;
    FONT-WEIGHT: bold;
    MARGIN: 10px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    BACKGROUND-: no-repeat
}

SELECT
{
    BACKGROUND-COLOR: #ffffff;
}

SELECT.ostoskori /* Alaosan ostoskorin combolaatikon tiedot */
{
    BACKGROUND-COLOR: #CDEBEE;
    BACKGROUND-COLOR: #8FB6DD;
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: black;
    FONT-FAMILY: 'Arial Narrow', Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    WIDTH: 200pt
}

BODY.Title /* Yläosa */
{
  margin: 0px;
  padding: 0px;
  background: url(images/ylatausta.gif);
}

BODY.basket /* Alaosa */
{
    BORDER-BOTTOM: #003366 thin;
    BORDER-LEFT: #003366 thin;
    BORDER-RIGHT: #003366 thin;
    BORDER-TOP: #003366 thin solid;
    MARGIN: 0px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px
}
BODY.product /* Keskimmäinen osa */
{
/*
    BORDER-BOTTOM: #003366 thin;
    BORDER-LEFT: #003366 thin solid;
    BORDER-RIGHT: #003366 thin;
    BORDER-TOP: #003366 thin;
*/
}
BODY.productgroup /* Vasenpalkki */
{
/*
    BORDER-BOTTOM: #003366 thin;
    BORDER-LEFT: #003366 thin;
    BORDER-RIGHT: #003366 thin solid;
    BORDER-TOP: #003366 thin;
*/
/*
    BACKGROUND-COLOR: #8FB6DD;
*/
    background-color: #F6DC73;
    margin: 0px;
    padding: 3px 0px 0px 0px;
}
BODY.basketmodify
{
}
BODY.basketmodify TD
{
    BORDER-BOTTOM: #003366 1px;
    BORDER-LEFT: #003366;
    BORDER-RIGHT: #003366 1px;
    BORDER-TOP: #003366 1px;
    MARGIN: 0px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 5px
}
SELECT.ostoskorit 
{
    BACKGROUND-COLOR: #003366;
    BACKGROUND-COLOR: #8FB6DD;
    COLOR: white;
    FONT-FAMILY: 'Arial Narrow', Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
BODY.basketmodify .title /* Ostoskorin otsikkorivi */
{
    FONT-SIZE: 16pt;
    FONT-WEIGHT: normal
}
BODY.order .title /* Tilauslomakkeen otsikkorivi */
{
    FONT-SIZE: 16pt;
    FONT-WEIGHT: normal
}
BODY.order TABLE 
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}

BODY.basketmodify TD.tilaus
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}
BODY.order
{
}
INPUT.smalltext
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    WIDTH: 113px
}
HR /* Ostoskorin ja tilauslomakkeen osien jakaja viiva */
{
    COLOR: #003366
}
SPAN.copyright /* Alaosa copyright kohta, ei linkkiä */
{
    COLOR: #003366;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 8pt;

    position: absolute;
    right: 6px;
    bottom: 6px;
}

BODY.productgroup .ExtraNavi /* Hallinta alue vasemmassa palkissa */
{
    BACKGROUND-COLOR: #CDEBEE;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
    LEFT: 0pt;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 3px;
    TOP: 0pt
}
BODY.product .ExtraNavi /* Haun teksti keskimmäisessä osassa */
{
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
}
BODY.productgroup .ProductGroupNavi 
{
    FONT-FAMILY: 'Arial Narrow', Verdana;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 3px;
    PADDING-TOP: 3px
}


BODY.productgroup .ExtraNavi TD /* Vasemman palkin hallinta laatikon tekstit */
{
    COLOR: #000000
}
BODY.product .ExtraNavi TD /* Keskimmäisen osan tesktit etusivu */
{
    COLOR: #003366
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    BORDER-BOTTOM: #ffffff 2px;
    BORDER-LEFT: #ffffff 2px;
    BORDER-RIGHT: #ffffff 2px;
    BORDER-TOP: #ffffff 2px;

}
BODY.productgroup .ExtraNavi A /* Vasemman palkin hallinnan linkit */
{
    CLIP: rect(0pt auto auto 0pt);
    COLOR: #000000;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder;
    LEFT: 0pt;
/*    TEXT-TRANSFORM: uppercase; */
    TOP: 0pt
    FONT-FAMILY: Verdana;

}
BODY.product .ExtraNavi A /* Keskimmäisen osan linkit etusivu */
{
    CLIP: rect(0pt auto auto 0pt);
    COLOR: #003366;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder;
    LEFT: 0pt;
    TEXT-TRANSFORM: uppercase;
    TOP: 0pt
    FONT-FAMILY: Verdana;

}

BODY.productgroup .ExtraNavi INPUT /* Vasemman palkin hallinan tekstilaatikot */
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    BORDER-BOTTOM: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    FONT-SIZE: 8pt
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 130px;
    HEIGHT: 20px;
    FONT-FAMILY: Arial;
}
BODY.productgroup .ExtraNavi INPUT.button /* Vasemman palkin hallinnan nappulat */
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #003366;
    BORDER-BOTTOM: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    FONT-SIZE: 8pt
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 1px;
    WIDTH: 23px;
    HEIGHT: 20px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder;
}

BODY.product .ExtraNavi INPUT /* Keskimmäisen osan tuote haun tekstikentät */
{
    BACKGROUND-COLOR: #CDEBEE;
    COLOR: #000000;
/*
    BORDER-BOTTOM: white 1pt solid;
    BORDER-LEFT: white 1pt solid;
    BORDER-RIGHT: white 1pt solid;
    BORDER-TOP: white 1pt solid;
*/
    FONT-SIZE: 10pt
/*
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
*/
    WIDTH: 130px;
    FONT-FAMILY: Arial;
}
BODY.product .ExtraNavi INPUT.button /* Keskimmäisen osan tuote haun nappulat */
{
    BACKGROUND-COLOR: #CDEBEE;
    COLOR: #000000;
    BORDER-BOTTOM: gray 1pt solid;
    BORDER-LEFT: gray 1pt solid;
    BORDER-RIGHT: gray 1pt solid;
    BORDER-TOP: gray 1pt solid;
    FONT-SIZE: 8pt
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 23px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bolder;
}

BODY.productgroup .ProductGroupNavi TD /* Vasemman palkin tuoteryhmien taulut */
{
    FONT-SIZE: 12px
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial,'Arial Narrow';
}

TABLE.order A /* Tilauslomake keskiosan linkit */
{
    COLOR: #003366;
    FONT-WEIGHT: bolder;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
}
TD.OrderTableTitle /* Tilauslomake keskiosan otsikot */
{
    BACKGROUND-COLOR: #003366;
    COLOR: #ffffff;
    FONT-WEIGHT: bolder;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt;
}
TD.OrderTableTitle A /* Tilauslomake keskiosan otsikoiden linkit */
{
    BACKGROUND-COLOR: #003366;
    COLOR: #EEEEEE;
    FONT-FAMILY: arial;
    FONT-SIZE: 9pt;
}


TABLE.productlist /* Tuotelistan taulu */
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #336699;
    BACKGROUND-COLOR: #8FB6DD;
    background-color: #F6DC73;
    background-color: #C0AB46;
    background-color: #aaa;
    border-collapse: collapse;
}

TABLE.productlist TD.title /* Tuotelistan otsikko rivi */
{
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #001343;
    COLOR: #ffffff;
}

TABLE.productlist TD.bonus /* Tuotelistan bonus rivi */
{
    BACKGROUND-COLOR: #9DB5D1;
    background-color: #E8D97F;
}

TABLE.productlist TD /* Tuotelistan taulu */
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    FONT-SIZE: 9pt;
    BACKGROUND-COLOR: #D2DFEA;
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    background-color: #FCEDA7;
    border: 1px solid #aaa;
}

TABLE.productlist A /* Tuotelistan taulu */
{
    COLOR: #000000;
}
TABLE.productlist A:hover /* Tuotelistan taulu */
{
    COLOR: #444455;
}

/*
TABLE.productlist INPUT /* Tuotelistan taulu * /
*/

TABLE TD.navikaatio_td /* Ylänavikaation tausta */
{
/*
    BACKGROUND-COLOR: #CDEBEE;
    BORDER-BOTTOM: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana;	
    COLOR: #000000;
    */
}

TABLE TD.navikaatio_formtd /* Ylänavikaation tausta */
{
    PADDING: 3px;
    /*
    BACKGROUND-COLOR: #CDEBEE;
    BACKGROUND-COLOR: #8FB6DD;
    BORDER-BOTTOM: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    */
    FONT-FAMILY: Verdana;	
    COLOR: #000000;
}

TABLE.navikaatio
{
  margin-top: 5px;
}
TABLE.navikaatio TD
{
    PADDING: 3px;
    FONT-FAMILY: Verdana;
    /*
    BACKGROUND-COLOR: #CDEBEE;
    BACKGROUND-COLOR: #8FB6DD;
    BORDER-BOTTOM: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    COLOR: #000000;
    */
}

TABLE.navikaatio TD A
{
  FONT-FAMILY: Verdana;	
  COLOR: #000000;
  
  /*
  margin-right: 0px;
  */
}

table.Headline{
  margin-left: 270px;
}

TABLE.navikaatio TD.name
{
    BORDER-BOTTOM: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;	
    COLOR: #000000;
}

td.navikaatio_formtd input.button
{
  height: 20px;
  width: 40px;
  text-transform: none;
}

TABLE.yhteystiedot TD
{
    FONT-FAMILY: Arial;	
    COLOR: #000000;
}

INPUT.ARROWBUTTON /* Ostoskorin nuolinäppäimet */
{
/*
    BACKGROUND-COLOR: #003366;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: normal
    BORDER-BOTTOM: black 1pt solid;
    BORDER-LEFT: black 1pt solid;
    BORDER-RIGHT: black 1pt solid;
    BORDER-TOP: black 1pt solid;
    FONT-SIZE: 7pt
    MARGIN: 0px 0px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
*/
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
}
INPUT.Hinnat /* hintojen esitys inputit tilauksessa kun ollaan jm */
{
    COLOR: #003366;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder;
    WIDTH: 60px;
    BORDER-BOTTOM: thin; 
    BORDER-LEFT-STYLE: none; 
    BORDER-RIGHT: medium none; 
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: Arial;	
    TEXT-ALIGN: Right;
   
}
TD.Tuoteryhmataso1
{
    /*BACKGROUND-COLOR: #8FB6DD;*/
    background-color: #F6DC73;
}
TD.Tuoteryhmataso2
{
    /*BACKGROUND-COLOR: #D2DFEA;*/
    background-color: #FCEDA7;
}
TD.Tuoteryhmataso3
{
    /*BACKGROUND-COLOR: #e3f0fb;*/
    background-color: #F7EAB7;
}
TD.ValittuTuoteryhmataso1
{
    /*BACKGROUND-COLOR: #8FB6DD;*/
    background-color: #F6DC73;
}
TD.ValittuTuoteryhmataso1 A
{
    FONT-WEIGHT: bolder;
}
TD.ValittuTuoteryhmataso2
{
    /*BACKGROUND-COLOR: #D2DFEA;*/
    background-color: #FCEDA7;
}
TD.ValittuTuoteryhmataso2 A
{
    FONT-WEIGHT: bolder;
}
TD.ValittuTuoteryhmataso3
{
    BACKGROUND-COLOR: #e3f0fb;
    background-color: #F7EAB7;
}
TD.ValittuTuoteryhmataso3 A
{
    FONT-WEIGHT: bolder;
}