html { font-size : 12px; font-family : Arial; }
table,tr,td { font-size : 12px; }

/** Yrityksen nimi valikkorivin alla */
.comppanel {  color : #000000; margin-left : 10px; padding-left : 10px; font-family : Helvetica; font-size : 14px; font-weight : bolder ; vertical-align: middle; text-align:left;}
/** Yrityksen nimen linkki **/
a.hinimi {  font-family : Verdana, Arial, Serif ; font-size : 14px; text-decoration : none; color : #000000; font-weight : bolder; }
a.hinimi:link {  }
a.hinimi:visited { }
a.hinimi:hover {  }
.loginstate {background : #000000;}

/** Tuotteiden tulostuksen containeri **/
#data {font-family : Verdana; font-size : 10px; background : #ffffff; border : solid #000000; border-width : 0px; padding : 2px; margin : 2px;  text-align:left; color : #000000; width: 620px}
#copyright p,#copyright a { color : #ffffff; font-size : 10px; margin-left : 10px; }
.datapanel {   color : #000000; padding : 2px 4px 0px 0px; margin : 0px; }
.tilaustable th { background-color : CBDDEB; }

.errorMessage {font-family : Arial,Serif ; font-size : 14px;  color : #000000;   }
.hakuItem {padding : 0px;  margin : 0px; font-family : Verdana,Arial ; font-size : 10px;  }
.hakuluelisaa { font-size : 9px ; font-family : Verdana, Arial; }
.lisaakoriin {padding-top: 5px; font-family : Arial,Serif ; font-size : 10px;  color : #7f7f7f;   }

/** Päätablen tausta **/
.outertable {  border: solid #000000; border-width : 1px; background-color : #ffffff; } 
.navipanel {  }
.etsipanel {  color : #000000; margin-left : 10px; padding-left : 10px; font-family : Helvetica; font-size : 12px; vertical-align: middle; text-align:right; padding-right : 2px;   }


/** Ylävalikon tyylit **/
.logo { background : #999391; border-collapse:collapse; empty-cells: show;}

/* Tausta */
.ylavalikko { border : solid 0px;  background : #000000; padding-bottom : 2px; padding-top : 2px;}

/* Valikon tekstit */
a.logomenu { padding-left : 10px; font-family : Arial, Serif ; font-size : 12px; text-decoration : none; color : #ffffff;  font-weight : bolder; vertical-align : middle; }
a.logomenu:link {   }
a.logomenu:visited { }
a.logomenu:hover {   }
/** Yläosan valikon tyylit loppuvat */



/* Tää on perusväritys ostoskoriin johtavalle linkille*/
a.ostoskoriin:link { color : #000000; font-size: 12px; font-weight : bolder; }
a.ostoskoriin:visited { color : #000000; font-size: 12px; font-weight : bolder; }
a.ostoskoriin:hover { color : #ff0000; font-size: 12px; font-weight : bolder; }

/* Tää on perusväritys valikoille */
a.valikko:link { color : #000000; font-size: 10px; }
a.valikko:visited { color : #000000; font-size: 10px; }
a.valikko:hover { color : #ff0000; font-size: 10px;}

/* Vasemman laidan tuotehierarkien  linkkien väritys */
a.showMenu:link { color : #ff0000; font-size: 10px; }
a.showMenu:visited { color : #ff0000; font-size: 10px; }
a.showMenu:hover { color : #000000; font-size: 10px;}

a.path:link { color : #000000; font-size: 10px; }
a.path:visited { color : #000000; font-size: 10px; }
a.path:hover { color : #ff0000; font-size: 10px;}

a.mode2link:link { color : #000000; font-size: 10px; }
a.mode2link:visited { color : #000000; font-size: 10px; }
a.mode2link:hover { color : #ff0000; font-size: 10px;}

a.mode2linklist:link { color : #000000; font-size: 10px; font-family : Verdana,Arial; }
a.mode2linklist:visited { color : #000000; font-size: 10px; font-family : Verdana,Arial;}
a.mode2linklist:hover { color : #ff0000; font-size: 10px; font-family : Verdana,Arial;}

.mode2item {text-align : center; }
a.mode2otsikko {font-family : Arial,Serif ; font-size : 12px; font-weight : bolder; text-decoration : none; color : #000000; }
a.mode2otsikko:hover { text-decoration : underline; }
.mode2selectedotsikko { text-align : center; font-family : Verdana,Arial,Serif ; font-size : 16px; font-weight : bolder; color : #000000;   }
.mode2selectedpanel { align : center; margin-right: auto; margin-left: auto; text-align : center; border-collapse:collapse; empty-cells: show; margin-top : 5px; boder-style : solid black; border-width : 1px 1px 0px 1px;}

.mode2td { font-family : Arial; border-collapse : collapse; empty-cells: show; padding-top : 2px; padding-bottom : 2px;  background : #D9D9D9; font-size : 14px; }

.mode2alaosa { vertical-align: center ; text-align : left; font-size : 9pt; font-family : Arial; font-weight : bold; border-collapse : collapse; empty-cells: show; border : 1px solid black; padding : 3px;  background : #999391;}
.mode2alaosaright { vertical-align: center ; text-align : right; font-size : 9pt; font-family : Arial; font-weight : bold; border-collapse : collapse; empty-cells: show; border : 1px solid black; padding : 3px;  background : #999391; }
.mode2selectedtext { padding: 3px; font-family : Arial,Serif ; font-size : 12px;  color : #000000;   }

.mode1alaosaright { vertical-align: center ; text-align : right; font-size : 9pt; font-family : Arial; font-weight : bold; border-collapse : collapse; empty-cells: show; border-style : 1px solid black; border-width : 0px 1px 1px 1px; padding : 3px;  background : #CBDDED; }
.mode1keskiosaright { vertical-align: center ; text-align : right; font-size : 9pt; font-family : Arial; font-weight : bold; border-collapse : collapse; empty-cells: show; border-style : 1px solid black; border-width : 1px 1px 0px 1px; padding : 3px;  background : #CBDDED; }

.mode2selectedimage {  }
.mode2selectedtext {  }
.mode3table { font-size : 10pt; font-family : Verdana,Arial,Serif; border-collapse : collapse; empty-cells: show; border : 0px ; padding-top : 2px; padding-bottom : 2px;  background : #ffffff; }
.mode3tablehidden { font-size : 10pt; font-family : Verdana,Arial,Serif; border-collapse : collapse; empty-cells: show; border : 0px ; padding-top : 2px; padding-bottom : 2px;  background : #bbc0c0; }
.mode3td { font-size : 10pt; font-family : Verdana,Arial,Serif;}
.mode3item {text-align : center; }
.mode3otsikko {font-family : Arial,Serif ; font-size : 12px; font-weight : bolder; text-decoration : none; color : #000000; }
.mode3selectedotsikko { text-align : center; font-family : Verdana,Arial,Serif ; font-size : 16px; font-weight : bolder; color : #000000;   }
.mode3_pic { padding : 8px 2px 4px 4px; }
.mode3_text {  padding : 8px 2px 6px 4px; }
.mode3selectedpanel { align : center; margin-right: auto; margin-left: auto; text-align : center; border-collapse:collapse; empty-cells: show; border : 1px solid black;}
.mode3alaosa { vertical-align: top ; text-align : left; font-size : 10px; font-family : Verdana,Arial,Serif; border-collapse : collapse; empty-cells: show; border : 1px solid black; padding : 3px;  background : #D9D9D9; }
.mode3selectedtext { padding: 3px; font-family : Arial,Serif ; font-size : 10px;  color : #000040;   }
a.mode3navi:link { color : #000000; font-size: 10px; font-family : Verdana,Arial; }
a.mode3navi:visited { color : #000000; font-size: 10px; font-family : Verdana,Arial;}
a.mode3navi:hover { color : #ff0000; font-size: 10px; font-family : Verdana,Arial;}

table,tr,td,h2,body { font-family : Verdana,Arial; }

a.naviItemRoot {  font-family : Verdana,Arial; font-size : 11px; color : #000000;  }
a.naviItemRoot:link {   }
a.naviItemRoot:visited { }
a.naviItemRoot:hover {  }
a.naviItemRoot:active { }

a.naviItem { font-family : Verdana,Arial; font-size : 11px; color : #000000; }
a.naviItem:link {  }
a.naviItem:visited {  }
a.naviItem:hover {}
a.naviItem:active { }

a.naviItemSelected {  font-family : Verdana,Arial; font-size : 11px; color : #aa0000; }
a.naviItemSelected:link {  }
a.naviItemSelected:visited {  }
a.naviItemSelected:hover {}
a.naviItemSelected:active {}


.navi { font-family : Verdana; font-size : 12px; background : #EDEDED; border : solid #000000; border-width : 1px; padding : 5px; margin : 2px;  text-align:left; color : #000000; margin-bottom : 8px; }
.newresellerlink { font-family : Arial,Serif ; font-size : 10px; font-color : #000099; }
.ostoskori {font-family : Arial,Serif ; font-size : 12px;  color : #000000;  }
.ostoskoriheader {font-family : Arial,Serif ; font-size : 12px;  color : #000000; font-weight : bold;  }
.otsikko { font-weight: bold; border : solid #666666; border-width : 1px; padding-left : 5px; padding-right : 5px;  background : #c0c0c0; font-weight : bold; font-size : 11px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px;color : #000000; }

.okori_kpl { margin : 0px; border : 1px solid black; padding : 0px; height : 19px; margin-right : 2px;}
.mode2_lisaakoriin { margin : 0px; padding : 0px; height : 20px; vertical-align : center;  }

.pathContainer { background-color : #ffffff; border : solid #c0c0c0; border-width : 0px;  margin : 2px; padding-bottom : 4px; text-align:left; color : #000000; }
.pathItem { font-family : Verdana; font-size : 10px; font-weight : bold; }
.pathSeparator { font-family : Arial,Serif ; font-size : 11px; font-weight : bold; }
.pathLastItem {font-family : Arial,Serif ; font-size : 14px; font-weight : bold; text-decoration : none; color : #000000; position : relative ; left : 80px;  }

.searchItem { border : solid #666666; border-width : 1px; padding : 0px ; padding-top : 5px; padding-bottom : 5px ;  margin : 0px; font-family : Verdana,Arial ; font-size : 14px;  }
.singleElem_marave { background : #ffffff; font-size: 10px; padding : 2px; color : #000000;  border : 0px solid #CCCCCC; margin : 2px 2px 3px 2px;}
.tarjousItem {font-size : 10px; padding : 0px;  margin : 0px; font-family : Verdana,Arial ; background : #ffffff;  }
.tarjousotsikko {font-size : 10px; padding : 0px;  margin : 0px; font-family : Verdana,Arial ; background : #ffffff;  text-decoration : underline; }
.uusijmrekheader {  background : #ffffff; font-weight : bold; font-size : 16px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px; }
.uusijmrektable {font-family : Arial,Serif ; font-size : 12px;  color : #000099;   }

/*
a {font-size : 12px ; font-family : Verdana,Arial,Helvetica; }
*/

.varoitus { color : #ff0000; }
.outline { border : solid #000000; border-width : 1px; margin : 2px; }

#login { border : 1px solid black; color : #000000; padding : 0px; margin : 4px; border-collapse : collapse; display : block; background-color : #E0ECE2; width : 180px;}
#login h1 { font-weight: bold; border-bottom : solid #666666; border-width : 1px; padding-left : 5px; padding-right : 5px; background : #000000; font-weight : bold; font-size : 12px ; font-family : Helvetica, Arial; color : black;margin-bottom : 5px;color : #000000; text-align : left; }
#login form { margin : 0px; display : inline; }
#login input { font-size : 12px;  }

#tuoteryhmat { border : 1px solid black; color : #000000; padding-color :#E0ECE2; padding : 2px; margin : 4px; border-collapse : collapse; display : block; background-color : #FFFFE5; width : 180px; font-size : 11px;}
#tuoteryhmat h1 {  background-color : #000000; color : #ffffff; font-weight : bold; font-size : 12px; display : block; margin : 0px; padding : 2px; text-align : left; border : 1px solid #666666; }
#tuoteryhmat h2 { font-size : 14px; margin : 0px; }

.tuoteryhmat { border : 1px solid black; color : #000000; padding-color: #CBDDEB; padding : 2px; margin : 4px; border-collapse : collapse; display : block; background-color : #FFFFE5; width : 180px; font-size : 11px;}
.tuoteryhmat h1 {  background-color : #000000; color : #ffffff; font-weight : bold; font-size : 12px; display : block; margin : 0px; padding : 2px; text-align : left; border : 1px solid #666666; }
.tuoteryhmat h2 { font-size : 14px; margin : 0px; }

.okori_seuraava { font-size : 12px; font-weight : bolder; padding : 2px; background-color : #CBDDEB; border : 1px solid black;  }
*input.okori_seuraava {overflow: visible; width:1px;}