/* DEFAULT CSS FILE INDEX */
pre { font-family:arial; font-size:12px; color:#000000; }
img { border:0px; }
h1 { font-size:14px; font-weight:bold; color:#000000;}
h2 { font-size:12px; }
h3 { font-size:15px; }
.mainos { border:1px solid #2058b9; height:120px; width:160px; margin-bottom:6px; }
.capsit { font-size:9px; text-transform:uppercase; }
.formi { font-family:arial; font-size:12px; border: 1px solid #1D1D1D; height:17px; background:#ffffff; }
.otsikko { height:12px; background:#2058b9; color:#ffffff; text-transform:uppercase; text-indent:10px; font-size:9px; margin-bottom:1px; line-height:9px; position:relative; left:-12px;}
.otsikko2 { height:15px; background:#2058b9; color:#ffffff; vertical-align:middle; text-indent:5px; font-size:12px; margin-bottom:1px; margin-top:1px; line-height:9px; position:relative; left:0px;}
.otsikko3 { font-size:15px; text-transform:uppercase; font-weight:bold; color:#000000;}
.otsikko4 { font-size:15px; text-transform:uppercase; font-weight:bold; color:#00cccc;}
.otsikko5 { font-size:12px; font-weight:bold; color:#000000;}
.formi { font-family:arial; font-size:12px; border: 1px solid #1D1D1D; height:17px; background:#ffffff; }
.formi2 { font-family:arial; font-size:12px; border: 1px solid #1D1D1D; height:50px; background:#ffffff; }
.important { font-size:12px; font-weight:bold; color:#FF0000; background:#000000; margin:3px; margin-left:5px; margin-right:5px; border:1px solid #000000;}
.button { font-family:arial; font-size:10px; border: 1px solid #1D1D1D; height:17px; background:#2058b9; color:#ffffff; }
.button a:hover{ font-family:arial; font-size:10px; border: 1px solid #1D1D1D; height:17px; background:#2058b9; color:#39b54a; }
.kerro { font-family:arial; font-size:8px;color:#ffffff; height:14px;border: 1px solid #1D1D1D;background:#2058b9; width:65px; z-index:300;}
.kerro :link { font-family:arial; font-size:8px; color:#39b54a; border: 1px solid #1D1D1D; height:14px; background:#2058b9;  }
.kerro :hover{ font-family:arial; font-size:8px; color:#39b54a; border: 1px solid #1D1D1D; height:14px; background:#2058b9;  }


.asterisk { color:red; font-weight:bold; font-size:16px; line-height:9px; }
s1 { text-decoration:none; font-size:13px; }
s2 { text-decoration:none; font-size:13px; font-weight:bold; }
.margtop { height:18px; }
.margleft { width:12px; }
.margright {  }
.margbot {  }
.contentwidth { height:1px;width:980px; }
.tdcolor { border:1px solid #e6e6e6; background:#fcfcfc; }
.tfcolor { padding-left:2px; border:0px solid #2058b9; background:#ffffff; }
.tdborder { border-bottom:1px solid #e6e6e6; }
.expand { display:none; }
.tuotekantahaku { border-bottom:1px solid #e6e6e6; }
.icon1 { border:0;position:relative;top:5px;margin-left:15px; }
.trash2 { border:0;position:relative;top:4px;margin-left:10px; }
.rait { text-align:right; }
.expand { Z-index:10;width:400px;position:absolute; }
.tulevatominaisuudet { background:#32bfc6; }
.tuoteruutu { width:82px; }
.error  { border: 1px solid black; background-color: red; color: white; padding: 10px; margin: 15px 15px 15px 15px; }
.success { border: 1px solid black; background-color: green; color: white; padding: 10px; margin: 15px 15px 15px 15px; }
/* DEFAULT CSS FILE MENU LEFT */
body { font-family:arial; font-size:12px; background-color:#ffffff; margin:0; color:#000000; }
td { font-family:arial; font-size:12px; margin:0; color:#000000; }
a { color:#ffffff; text-decoration:none; }
a:hover { text-decoration:underline;color:#39b54a; }
a:active { color:#32bfc6; }
.search { font-family:arial; color:#000000; font-size:9px; border:0; line-height:8px; height:13px; width:140; background:#ffffff; }
.search_cat { font-family:arial; color:#000000; font-size:10px; border:1px solid #000000; width:200; background:#ffffff; }
.search_cat2 { font-family:arial; color:#000000; height:13px; font-size:9px;line-height:8px; border:0px; padding-top:0px; width:200; background:#ffffff; }
.search0 { font-family:arial; color:#000000; font-size:0px; border:0; line-height:0px; height:0px; width:0; background:#ffffff; }
.search_cat0 { font-family:arial; color:#000000; font-size:0px; border:0px solid #000000; width:0; background:#ffffff; }
.login_cat { font-family:arial; color:#000000; height:13px; font-size:9px;line-height:8px; border:0px; padding-top:0px; background:#ffffff; }
/* not needed

li { list-style-image:url(/ayn/img/tree_plusbottom.gif); margin:0px; }
ul { list-style-image:url(/ayn/img/tree_minusbottom.gif) }
#left_menu { position:relative;left:0px;top:0px;height:465px;width:266;overflow:hidden; }
#puu_tuoter { position:relative;left:40px;top:-659px;height:510px;width:227px;overflow:auto;color:#ffffff;z-index:11 }
*/
  .visi1 { visibility:"visible" }
  .visi2 { visibility:"hidden" }
  .disp1 { display:"block" }
  .disp2 { display:"none";visibility:"hidden" }

.SIN { position:absolute;left:0;top:100; }
#left_menu { position:relative;left:0px;top:0px;height:585px;width:266;overflow:hidden; }
#VALK1 { position:relative;left:6;top:-261;z-index:1; }
#ETSI { position:relative;left:39;top:-279;z-index:10 }
#LOGG { position:relative;left:0px;top:-13px; z-index:21;}
#LOGIN1 { position:relative;left:430px;top:6px;z-index:22; }
#LOGINBAR1 { position:relative;left:395px;top:-10px;z-index:23; }
#puu_haku { visibility:hidden;position:relative;left:19px;top:-289px;width:245px;z-index:12;}
#VALK2 { visibility:hidden;position:relative;left:19;top:-289; }
#markosto2 { position:relative;left:20;top:-274; }
#puu_tuoter_head { position:relative;left:19;top:-265; }
#puu_kaupat { visibility:hidden;position:relative;left:19px;top:-280px;height:510px;width:266px; }
#puu_tuoter { position:relative;left:40px;top:-775px;height:510px;width:227px;overflow:auto;color:#ffffff;z-index:11; }
#menu_left_bg { position:relative;top:0px;left:0px;width:266;height:264;z-index:0;overflow:hidden }
#markosto3 { position:relative;left:19;top:0; }
.etsiimage { border:0px;margin-left:13px;position:relative;top:4px; }

.black {color:#000000;}
.white { color:#ffffff; text-decoration:none; }





/* DEFAULT CSS FILE BOTTOM */
/* this stuff is already set up there ^
body { font-family:arial; font-size:12px; background-color:#ffffff; margin:0; color:#000000; }
td { font-family:arial; font-size:12px; margin:0; color:#000000; }
a { color:#ffffff; } */

.signin { font-family:arial; color:#ffffff; font-size:9px; border:0; height:11; width:100; background:#2058b9; }
#LOGGEDIN { position:relative;left:30;bottom:14;width:248;height:0;font-size:9px;text-transform:uppercase;color:#000000;}
#LOGGEDOUT { position:relative;left:30;bottom:14;width:248;height:0}
#CARTCOUNT { position:relative;left:552;bottom:14;font-size:9px;width:66;height:0; }
#CARTCOUNTOUT { position:relative;left:552;bottom:14;font-size:9px;width:66;height:0; }
#NAVIHELP { text-align:right;position:relative;bottom:28;right:10;height:0; }
#NAVIHELPOUT { text-align:right;position:relative;bottom:28;right:10;height:0; }
#divlinkki { position:relative;top:14px;left:468px;width:200px; height:12px; z-index: 200;}
#divsuosittele { border:1px solid #2058b9; visibility:hidden;padding-left:15px;padding-right:15px;padding-top:15px;position:relative;top:30px;left:-465px;width:500px; height:280px;background:#ffffff; }

/* ostoskori, oma tili ja alasivut */
.tervehdys { width:100%;background:#e3e3e3;height:12px;line-height:9px; font-size:10px; background-image:url(h2_grey.jpg); background-repeat:no-repeat; background-position:top right; position:relative; left:-11;}
.viiva {  height:1px; background:#1d1d1d; width:100%; } 
.sarakeotsikko { background:#2058b9;font-size:9px;text-transform:uppercase;color:#ffffff; height:12px; line-height:9px; } 
.tilimenu { font-size:9px; text-transform:uppercase; line-height:9px; background:#e3e3e3; text-align:center; height:12px; width:100px;}
.tilimenuviiva { background:#ffffff; height:1px; }
.tilimenuharm { height:12px; background:#2058b9; font-size:9px; text-align:center; line-height:9px; }
.tilimenuharmaa { background:#2058b9; height:12px; line-height:9px; }

/* rekisteröinti */
.regformlist { font-family:arial; font-size:12px; height:15px; border: 1px solid #2058b9; background:#ffffff; }
#hintbox { position:absolute; top: 0; background-color: #ffffff; width: 150px; padding: 3px; border:1px solid #2058b9; z-index:100; visibility: hidden; }

/* tuoteryhmät */
/* images */
.tuotethumb { border:1px solid #2058b9; height:80; width:80; }
.tuotethumbspace { height:1px; width:25px; border:0; }
.tuote { border:1px solid #2058b9; width:200;  }
.tuotemid { border:1px solid #2058b9;width:80px;height:80px; }
.tuotemini { border:1px solid #2058b9; width:25; }
.tuotethumbit { border:1px solid #2058b9; width:50;  }
.companyimg { border:1px solid #e3e3e3; width:250;  }

/* text */
.breadcrumb { font-size:9px; color:#000000; }
.tuotenro { font-size:10px; }
.passivetuotenro { color:#999999; font-size:10px; }
.extradets { font-size:10px;color:#000000; }
.passive { color:#999999; }
.passiverait {color:#999999; text-align:right; }

.tuotea { font-weight:bold; font-size:12px; color:#000000; }
.tuoteb { font-weight:bold; font-size:14px; color:#000000; }
.tuotec { font-size:12px; color:#000000; }
.tuoted { font-size:9px; color:#777777; }
.tuotee { font-size:9px; color:#000000; }
.tuotef { font-size:12px; color:#000000; }

.footerlinkblue { font-size:12px; color:#33BCC4; }
.footerlinkwhite { font-size:12px; color:#ececec;; font-weight:bold; }
.footerlinkwhitea { font-size:12px; color:#ececec;; font-weight:normal; }
.footerlinkblack { font-size:12px; color:#1d1d1d; font-weight:bold; }

.company { font-weight:bold; font-size:12px; color:#000000; }
.tuotecat { font-weight:normal; font-size:12px; color:#000000; }
.hinta { font-weight:bold;color:#000000; }
.icon { border:0; margin-top:5px; margin-left:15px; }
.peek_ale { border:1px solid #32bfc6; padding:8px; background:#eaf5f5; }
.aleold { color:#808080; text-decoration:line-through; }
.alepris { color:red; font-weight:bold; position:relative; }
.aletxt { color:red; font-weight:bold; line-height:9px; position:relative;top:-20px;left:10px; }

/* kaupat */
.kotisivu { font-size:13px;font-weight:bold; }