table,tr,td { font-size : 12px; }
.admintable {font-family : Verdana,Arial; font-size : 12px; }
.admintable12 {font-family : Verdana,Arial; font-size : 12px; }
.comppanel { background : #A6D3F2; color : #000000; margin-left : 10px; padding-left : 10px; font-family : Helvetica; font-size : 14px; font-weight : bolder ; vertical-align: middle; text-align:left;   }
.data {font-family : Verdana; font-size : 10px; background : #ffffff; border : solid #000000; border-width : 1px; padding : 5px; margin : 2px;  text-align:left; color : #000000;}
#data {font-family : Verdana; font-size : 10px; background : #ffffff; border : solid #000000; border-width : 1px; padding : 5px; margin : 2px;  text-align:left; color : #000000;}
#copyright p,#copyright a { color : #ffffff; font-size : 10px; margin-left : 10px; }
.datapanel { background : #A6D3F2;  color : #000000; padding : 0px; margin : 0px; }

.defaultheader2 {  background : #ffffff; font-weight : bold; font-size : 16px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px; }
.deftable{  background : #ffffff;  font-size : 12px ; font-family : Arial,Helvetica; color : black;  }
.errorMessage {font-family : Arial,Serif ; font-size : 14px;  color : #000000;   }
.etsipanel { background : #A6D3F2; color : #000000; margin-left : 10px; padding-left : 10px; font-family : Helvetica; font-size : 12px; vertical-align: middle; text-align:right; padding-right : 5px;   }
.explodeItem { text-decoration : underlined; color : 0000c0; font-size : 10px; font-family : Verdana, Arial;}
.hakuItem {padding : 0px;  margin : 0px; font-family : Verdana,Arial ; font-size : 10px;  }
.hakuluelisaa { font-size : 9px ; font-family : Verdana, Arial; }
.itemDesc { font-family : Verdana,Arial ; font-size : 10px;  }
.loginstate { padding-right : 10px; background-color : #74A7CA;}
.ylavalikko { border : solid 0px;  background : #74A7CA; padding-bottom : 2px; padding-top : 2px;}
.logo { background : #999391; border-collapse:collapse; empty-cells: show;}

.leipis{   font-size : 12px ; font-family : Arial,Helvetica; color : black; display : inline;}
.lisaakoriin {padding-top: 5px; font-family : Arial,Serif ; font-size : 10px;  color : #7f7f7f;   }
.loginText { font-size : 9px ; font-family : Verdana, Arial; }

.master { background : #ffffff; vertical-align : middle; text-align : center ;color : #000000; }


a.hinimi {  font-family : Verdana, Arial, Serif ; font-size : 14px; text-decoration : none; color : #000000; font-weight : bolder; }
a.hinimi:link {  font-family : Verdana, Arial, Serif ; font-size : 14px; text-decoration : none; color : #000000; font-weight : bolder; }
a.hinimi:visited {  font-family : Verdana, Arial, Serif ; font-size : 14px; text-decoration : none; color : #000000; font-weight : bolder; }
a.hinimi:hover {  font-family : Verdana, Arial, Serif ; font-size : 14px; text-decoration : none; color : #000000; font-weight : bolder; }

b.logcheck { padding-left : 10px; font-family : Verdana, Arial, Serif ; font-size : 10px; text-decoration : none; color : #000000; font-weight : bolder; vertical-align : middle; }
a.logcheck:link {  padding-left : 10px;  font-family : Verdana, Arial, Serif ; font-size : 10px; text-decoration : none; color : #000000; font-weight : bolder; vertical-align : middle; }
a.logcheck:visited {  padding-left : 10px;   font-family : Verdana, Arial, Serif ; font-size : 10px; text-decoration : none ; color : #000000; font-weight : bolder; vertical-align : middle; }
a.logcheck:hover {    padding-left : 10px;  font-family : Verdana, Arial, Serif ; font-size : 10px; text-decoration : none ; color : #000000; font-weight : bolder; color : #000000; vertical-align : middle; }

a.logomenu { padding-left : 10px; font-family : Verdana, Arial, Serif ; font-size : 12px; text-decoration : none; color : #ffffff; font-weight : bolder; vertical-align : middle; }
a.logomenu:link {  padding-left : 10px;  font-family : Verdana, Arial, Serif ; font-size : 12px; text-decoration : none; color : #ffffff; font-weight : bolder; vertical-align : middle; }
a.logomenu:visited {  padding-left : 10px;   font-family : Verdana, Arial, Serif ; font-size : 12px; text-decoration : none ; color : #ffffff; font-weight : bolder; vertical-align : middle; }
a.logomenu:hover {    padding-left : 10px;  font-family : Verdana, Arial, Serif ; font-size : 12px; text-decoration : none ; color : #ffffff; font-weight : bolder; color : #000000; vertical-align : middle; }

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

/* showMenu funktion tulostmien 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; }
.mode2otsikko {font-family : Arial,Serif ; font-size : 12px; font-weight : bolder; text-decoration : none; color : #000000; }
.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;  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; width : 150px; }
.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 : 10px;  color : #000040;   }

.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 {}


.sivutus { font-family : Verdana; font-size : 10px; background : #999391; border : solid #999391; border-width : 1px;  margin : 2px; padding-bottom : 4px; text-align:left; color : #000000; }}
a.sivutus:link { color : #000000; font-size: 10px; font-family : Verdana,Arial; }
a.sivutus:visited { color : #000000; font-size: 10px; font-family : Verdana,Arial;}
a.sivutus:hover { color : #ff0000; font-size: 10px; font-family : Verdana,Arial;}

.navi { font-family : Verdana; font-size : 12px; background : #999391; border : solid #000000; border-width : 1px; padding : 5px; margin : 2px;  text-align:left; color : #000000; margin-bottom : 8px; }
.naviOtsikko {  background : #ffffff; font-weight : bold; font-size : 12px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px; }
.naviTuote { padding : 0px;  margin : 0px; font-family : Verdana,Arial ; font-size : 10px; line-height: 3px ;  }
.navipanel { background : #A6D3F2;  color : #000000;   }
.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 : #999391; font-weight : bold; font-size : 11px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px;color : #000000; }
.outertable {  border: solid #000000; border-width : 1px;  } 

.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 : #999391; border : solid #999391; border-width : 1px;  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 { margin : 2px 0px 4px 0px; background : #ffffff; font-size: 10px; border : 1px dotted grey; padding : 2px; color : #000000;  }
.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; }
.tervetuloa {font-family : Verdana; font-size : 14px; padding : 5px; margin : 2px;  text-align:left;  font-weight : bold;}
.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;   }
.varastosaldo {font-family : Arial,Serif ; font-size : 10px;  color : #000000;  }
.highlight { color : #ff0000; }
.varastosaldo_highlight {font-family : Arial,Serif ; font-size : 10px;  color : #ff0000;  }
a {font-size : 12px ; font-family : Verdana,Arial,Helvetica; }
.borderon { border : 1px solid red; border-collapse:collapse; empty-cells: show }

.tervetuloaheader {  background : #ffffff; font-weight : bold; font-size : 16px ; font-family : Helvetica, Arial; color : black; margin-bottom : 5px; }
.tervetuloaleipis{  background : #ffffff;  font-size : 12px ; font-family : Arial,Helvetica; color : black;  }
.varoitus { color : #ff0000; }

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

.admin { font-family : Verdana; font-size : 12px; }

#login { border : 1px solid black; color : #000000; padding : 0px; margin : 4px; border-collapse : collapse; display : block; background-color : #999391; width : 180px;}
#login h1 { font-weight: bold; border-bottom : solid #666666; border-width : 1px; padding-left : 5px; padding-right : 5px;  background : #999391; 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 :#999391; padding : 2px; margin : 4px; border-collapse : collapse; display : block; background-color : #74A7CA;width : 180px; }
#tuoteryhmat h1 {  background-color : #74A7CA; color : #000000; 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; }

/*{  background-color : #d0d0d0; color : #ffffff; font-weight : bold; font-size : 12px; display : block; margin : 0px; padding : 2px; text-align : left; }*/

.okori_seuraava { font-size : 12px; font-weight : bolder; padding : 2px; background-color : #A6D3F2; border : 1px solid black;  }


.mode_vkauppa1_item_left { padding : 2px; margin : 3px 0px 3px 0px; border-style : dotted; border-width : 1px 0px 0px 1px; }
.mode_vkauppa1_item_right {padding : 2px; margin : 3px 0px 3px 0px; border-style : dotted; border-width : 1px 1px 0px 0px; width : 100%; }
.mode_vkauppa1_item_down { padding : 2px;margin : 3px 0px 3px 0px; border-style : dotted; border-width : 0px 1px 1px 1px; }