.infostyle {
 background-color : #666699; font-size : 12px; font-weight : bold; color : #ffffff; margin : 4px 2px 4px 2px; padding : 2px; 
}
.tilaustable th { background-color : d0d0d0; }
html { font-size : 12px; font-family : Arial; }
table,tr,td { font-size : 12px; }
.admintable {font-family : Verdana,Arial; font-size : 12px; }
.admintable12 {font-family : Verdana,Arial; font-size : 12px; }
.comppanel {  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; width : 540px;}
#copyright p,#copyright a { color : #ffffff; font-size : 10px; margin-left : 10px; }
.datapanel {   color : #000000; padding : 2px 4px 0px 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;   }
.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; }

.leipis{   font-size : 12px ; font-family : Arial,serif; 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; }

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


/** Ylävalikon tyylit **/
.logo { background : #001952; border-collapse:collapse; empty-cells: show;}
/* Tausta */
.ylavalikko { border : solid 0px;  background : transparent; padding-bottom : 2px; padding-top : 18px; padding-left: 200px; }
/* Valikon tekstit */
a.logomenu { padding-left : 10px; font-family : Arial, Serif ; font-size : 12px; text-decoration : none; color : #018ED5;  font-weight : bold; vertical-align : middle; }
a.logomenu:link {   }
a.logomenu:visited { }
a.logomenu:hover {   }
/** Yläosan valikon tyylit loppuvat */


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

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


/* 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 : #E6F6EE; }
.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 : #E6F6EE; }
.mode2selectedtext { padding: 3px; font-family : verdana, Arial, Helvetica, sans-serif; font-size : 12px;  color : #000040;   }

.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 : #E6F6EE; }
.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 : #E6F6EE; }

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

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

.sivutus { font-family : Verdana; font-size : 10px; background : #EDEDED; border : solid #c0c0c0; 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 : #EDEDED; 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 ;  }
.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 : #B1C1D1; border : solid #c0c0c0; 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_marave { background : #ffffff; font-size: 10px; padding : 2px; color : #000000;  border : 1px dotted #147740; 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; }
.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 : #EDEDED; width : 180px;}
#login h1 { font-weight: bold; border-bottom : solid #666666; border-width : 1px; padding-left : 5px; padding-right : 5px;  background : #c0c0c0; 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 :#C7E5FF; padding : 2px; margin : 4px; border-collapse : collapse; display : block; background-color : #C7E5FF;width : 180px; font-size : 11px;}
#tuoteryhmat h1 {  background-color : #018ED5; 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 :#C7E5FF; padding : 2px; margin : 4px; border-collapse : collapse; display : block; background-color : #C7E5FF;width : 180px; font-size : 11px;}
.tuoteryhmat h1 {  background-color : #018ED5; 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 : #339966; border : 1px solid black;  }

#okoriselect select { width : 180px; }


#okoriselect a:link { color : #000000; font-size: 12px; font-weight : bolder; }
#okoriselect a:visited { color : #000000; font-size: 12px; font-weight : bolder; }
#okoriselect a:hover { color : #ff0000; font-size: 12px; font-weight : bolder; }