body {
			margin:0;
			background-color:#bbd2a4;
			color: #5e0c04; 
				font-family: arial, sans-serif;
			}
	
table.main {
			table-layout: fixed; 
			BORDER-STYLE: none;
			border-collapse:collapse; 
			border-width:0Px;
			}
table.editt {
			
			BORDER-STYLE: none;
			border-collapse:collapse; 
			border-width:0Px;
			}

td.sleft {
			background-image: url('../images/layout/left.jpg'); 
			background-repeat: repeat-y;
			}
			
td.sright {
			background-image: url('../images/layout/right.jpg'); 
			background-repeat: repeat-y;
			}

td.sbleft {
			background-image: url('../images/layout/bottom_left.jpg'); 
			background-repeat: no-repeat;
			}
			
td.bottomw {
			background-image: url('../images/layout/bottom.jpg'); 
			background-repeat: repeat-x;
			}

td.bottomb {
			background-image: url('../images/layout/bottom.jpg'); 
			background-repeat: repeat-x;
			}


td.sbright {
			background-image: url('../images/layout/bottom_right.jpg'); 
			background-repeat: no-repeat;
			}

td.text {
			background-color:#ffffff;
				}

td.textb {
			background-color:#4b6734;
				}

div.menu {
				margin:0px;
				height:29px;
				overflow: hidden;
				}
div.menu_edit {
				margin:0px;
				height:49px;
				overflow: hidden;
				}
div.text {
				margin:0px;
				margin-top:5px;
				margin-left:15px;
				width:675px;
				overflow: hidden;
				}
div.text2 {
				margin:0px;
				margin-top:5px;
				margin-left:10px;
				width:252px;
				overflow: hidden;
				}
div.menu0 {
				margin-left:50px;
					}
div.menu1 {
				margin-left:80px;
					}
div.menu2 {
				margin-left:110px;
					}
div.edit {
				float:left;
				
					}
div.tuoteg {
				border:solid 1px #ebe8e1;
				background-color:#ebe8e1;
				
				}

div.tuotew {
				border:solid 1px #ffffff;
				background-color:#ffffff;
				
				}
div.tuote{
				margin-left:15px;
				margin-top: 5px;
				margin-bottom: 10px;
				width: 380px;
				height:220px;
				overflow: hidden;
				}

div.tuotetiedot{
				margin-left:15px;
				margin-top: 5px;
				margin-bottom: 10px;
				width: 380px;
				
				}

div.option{
				margin-left:30px;
				margin-top: 10px;
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				
				}



table.ostoskori {
			table-layout: fixed; 
			BORDER-STYLE: none;
			border-collapse:collapse; 
			border-width:0Px;
			width: 670px;
			margin-right:10px;
			margin-left:10px;
			}
tr.gr {
			background-color:#ebe8e1;
			}
tr.wh {
			background-color:#ffffff;
			}
td.tuotenro
			{
			width:95px;
			border-right: solid 1px #5e0c04;
			overflow: hidden;
			}
td.tuote
			{
			width:290px;
			border-right: solid 1px #5e0c04;
			overflow: hidden;
			}
td.maara
			{
			width:30px;
			border-right: solid 1px #5e0c04;
			overflow: hidden;
			}
td.hinta
			{
			width:55px;
			border-right: solid 1px #5e0c04;
			overflow: hidden;
			}
td.kokhinta
			{
			border-right: solid 1px #5e0c04;
			width:80px;
			overflow: hidden;
			}

td.muokkaa
			{
			width:60px;
			overflow: hidden;
			}



option {
				font: 14px arial, sans-serif;

				}


p.menu {
				font: bold 14px times new roman, serif;   
				color:#fff; 
				margin:0px;
				margin-bottom:3px;
				margin-left: 10px;
				}

textarea{
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				margin: 0px;
}
input{
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				margin: 0px;
}
select      {
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				margin: 0px;
				}
p       {
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				margin: 0px;
				}

h1 			{
				color: #a23028;  
				font: bold 24px times new roman, serif;
				margin-top: 10px;
				}
h2 			{
				color: #a23028;  
				font: bold 20px times new roman, serif;
				}

li			{
				color: #5e0c04; 
				font: 14px arial, sans-serif;
				}				
hr.white      {
	  border-top:  none;
	  border-bottom:  dotted #fff;
	  border-top-width: 0px;
	  border-bottom-width: 2px;
	  width: 100%;

				}

hr      {
	  border-top:  none;
	  border-bottom:  dotted #a23028;
	  border-top-width: 0px;
	  border-bottom-width: 2px;
	  width: 100%;

				}

A.tuote {font-style:normal; font-weight:normal; text-decoration:none;}
A:visited.tuote {font-style:normal; font-weight:normal; text-decoration:none;}
A:active.tuote {font-style:normal; font-weight:normal; text-decoration:none; } 	
A:hover.tuote {font-style:normal; font-weight:normal; text-decoration:none;}


A {font:  14px arial, serif;  color:#5e0c04; }
A:visited { font:  14px arial, serif; color:#5e0c04; }
A:active { font:  14px arial, serif; color:#5e0c04;} 	
A:hover { font: bold 14px arial, serif; color:#5e0c05;}


A.edit { font:  10px verdana; color: #ff0000;} 
A:visited.edit { font:  10px verdana; color: #ff0000; }
A:active.edit { font:  10px verdana; color: #ff0000; } 	
A:hover.edit { font:  10px verdana; text-decoration:none; color: #ff0000; }


A.galleria {font: bold 14px times new roman, serif; float:left; text-decoration:none; color:#5e0c04; background-/color:#deceb5; padding:0.4em 1.0em; border-right:1px solid #5e0c04;}
A:visited.galleria { font: bold 14px times new roman, serif; background-color:#deceb5; color:#5e0c04;}
A:active.galleria { font: bold 14px times new roman, serif; background-color:#deceb5; color:#5e0c04;} 	
A:hover.galleria { font: bold 14px times new roman, serif; background-color:#b8aa8f; color:#5e0c05;}

A.galleria_valittu {font: bold 14px times new roman, serif;  float:left; text-decoration:none; color:#5e0c04; background-color:#b8aa8f; padding:0.4em 1.0em; border-right:1px solid #5e0c04;}
A:visited.galleria_valittu { font: bold 14px times new roman, serif; background-color:#b8aa8f; color:#5e0c04; }
A:active.galleria_valittu {font: bold 14px times new roman, serif;  background-color:#b8aa8f; color:#5e0c04;} 	
A:hover.galleria_valittu{ font: bold 14px times new roman, serif; background-color:#b8aa8f; color:#5e0c05;}

A.taso0_valittu {font: bold 14px times new roman, serif; float:left; text-decoration:none; color:#aaa; background-color:#4b6734; padding:0.4em 1.0em; border-right:1px solid #ffffff; white-space: nowrap}
A:visited.taso0_valittu { font: bold 14px times new roman, serif; background-color:#4b6734; }
A:active.taso0_valittu {font: bold 14px times new roman, serif;  background-color:#4b6734; } 	
A:hover.taso0_valittu {font: bold 14px times new roman, serif;  background-color:#4b6734; }

A.taso0 {font: bold 14px times new roman, serif;  float:left; text-decoration:none; color:#fff; background-color:#4b6734; padding:0.4em 1.0em; border-right:1px solid #ffffff; white-space: nowrap}
A:visited.taso0 { font: bold 14px times new roman, serif; background-color:#4b6734; color:#fff; }
A:active.taso0 { font: bold 14px times new roman, serif; background-color:#4b6734; color:#fff;} 	
A:hover.taso0{ font: bold 14px times new roman, serif; background-color:#4b6734; color:#aaa;}

A.taso1_valittu {font: bold 14px times new roman, serif;  text-decoration:none; color:#aaa; margin-left:30px;}
A:visited.taso1_valittu { font: bold 14px times new roman, serif;  color:#aaa;}
A:active.taso1_valittu {font: bold 14px times new roman, serif;   color:#aaa; } 	
A:hover.taso1_valittu {font: bold 14px times new roman, serif; color:#aaa; }

A.taso1 {font: bold 14px times new roman, serif;   text-decoration:none; color:#fff;  margin-left:30px;}
A:visited.taso1 { font: bold 14px times new roman, serif;  color:#fff; }
A:active.taso1 { font: bold 14px times new roman, serif;  color:#fff;} 	
A:hover.taso1 { font: bold 14px times new roman, serif;  color:#aaa;}

A.taso2_valittu {font: bold 14px times new roman, serif;  text-decoration:none; color:#aaa; margin-left:60px;}
A:visited.taso2_valittu { font: bold 14px times new roman, serif;  color:#aaa;}
A:active.taso2_valittu {font: bold 14px times new roman, serif;   color:#aaa; } 	
A:hover.taso2_valittu {font: bold 14px times new roman, serif; color:#aaa; }

A.taso2 {font: bold 14px times new roman, serif;   text-decoration:none; color:#fff;  margin-left:60px;}
A:visited.taso2 { font: bold 14px times new roman, serif;  color:#fff; }
A:active.taso2 { font: bold 14px times new roman, serif;  color:#fff;} 	
A:hover.taso2 { font: bold 14px times new roman, serif;  color:#aaa;}





div.popup {
  width: 715px;
  height: 580px;
	display:none;		
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -275px;
  z-index: 99;
	
}



div.popupback{
  position: absolute;
  top:0px;
  left:0px;
  width: 715px;
  height: 580px;
	background-image: url('../images/layout/popupback.png'); 
	behavior: url('includes/iepngfix.htc');
	}
	
div.popupfront{
  position: absolute;
  top:0px;
  left:0px;
  width: 700px;
  height: 560px;
	background-color: #fff; 
	overflow: hidden;
	}