/*KAUPAN VALIKKO*/

#kauppaMenu { list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0; width:200px; }
#kauppaMenu li {display:block; margin:0px 0px 0px 0px;}
#kauppaMenu li a { display:block; width:200px; height:27px; text-decoration:none; background:url(../img/verticalMenu/verticalMenuStates.jpg) left top; font-size:11px; text-decoration:none; color:#333333; font-family:verdana; line-height:24px; text-indent:35px; font-variant: normal; }
#kauppaMenu li a:hover {background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color:#050;}
#kauppaMenu li a.selected, #kauppaMenu li a.selected:hover { background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color: #000000; cursor:default;  }

#kauppaMenu li.loppupala{background:url(../img/verticalMenu/loppupala.jpg);height: 26px; width: 200px; }
#kauppaMenu li.otsikko{ font-size:11px; text-decoration:none; color:#000000; font-family:verdana; line-height:24px; text-indent:25px; background:url(../img/verticalMenu/sisRavitsemus.jpg); height: 27px; width: 200px; font-variant: small-caps; }



/*----------- TUOTETAULUKKO ----------------*/

input.btn { background: #FFFFFF; padding:3px; border: 1px green; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: #333333; }
#tuotelista { padding-top:10px; float: right; width: 550px; margin: 0px ; }
.kuvaus { float:right; width:300px; margin: 0px 0px 0px 0px; padding-bottom: 20px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; }
.kuvaus #teksti { width: 175px }
.tuotetiedot { margin: 10px 0px 0px 0px; padding: 0px 0px 20px 0px; width: 220px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
#nimi { padding-top:10px; padding-bottom:10px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: capitalize; color: #009900; font-weight: bold; text-align: left; }
#hinta { padding-top: 10px;  font-weight: bold; text-align: left; }
/*PERUSLOMAKE*/

fieldset.toimitus { padding: 10px 10px 10px 10px; border-top: 1px solid #CCEDBC; border-right: 1px solid #CCEDBC; border-bottom: 1px solid #CCEDBC; border-left: 1px solid #CCEDBC; margin-right: 10px; margin-left: 10px; color: #333333; }
legend.toimitusOtsikko { padding: 0px 20px 10px 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #036087; }
input.fieldNormal { background-color: #F8F9CA; font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #EBEE66; }
label.labelNormal { float: left; width: 110px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; }
label.labelErr { float: left; width: 140px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; color: red; }
.kauppaDropdown { background: #CCEDBC; border: 1px green; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.jakoviiva { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DEFBDD; height: 0px; font-size: 1px; line-height: 0px; }
.alertBoxKassa { margin:10px auto;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: #FF0000; padding: 5px; width: 150px; border: 1px solid #FF0000; }

/*TUOTELISTAT*/
#ostoskoriTuotetaulu { margin: 20px 0px 0px 0px; border-collapse:collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#ostoskoriTuotetaulu th { color: #FFFFFF; background-color: #bbd63e; padding: 5px; }
#ostoskoriTuotetaulu td { padding: 5px; }
#kassaTuotetaulu { width: 100%;margin: 20px 0px 0px 0px; border-collapse:collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#kassaTuotetaulu th { color: #000000; background-color: #FFFFFF; padding: 5px; }
#kassaTuotetaulu td { padding: 5px; color: #666666; }
#kassaForm{width: 550px;}

.twoColLayout #kauppaNavigaattori { float: left; width: 200px; padding: 0px; margin-top: 20px; }
.twoColLayout #kauppaMainContent { width: 650px; margin: 20px 0px 0px 130px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 0px; }
.twoColLayout #ostoskoriMainContent { float: right; width: 530px; margin: 20px 30px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 0px; }
.twoColLayout #kassaMainContent { float: left; width: 550px; margin: 15px 10px 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 0px; }
.kassaRightSidebar {margin: 15px 0px 0px 0px;float: right; width: 220px;}
.kassaRightSidebar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: #333333; }
.kassaRightSidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px;color: #333333;}

#painikkeetRinnakkain { list-style:none; height:26px; width: 350px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0;}
#painikkeetRinnakkain li {display:inline; margin:0px 0px 0px 0px;}

label.labelNormal{
	float: left;
	width: 140px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
}
label.labelErr{
	float: left;
	width: 140px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	color: red;
}