BODY
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    SCROLLBAR-FACE-COLOR: #FFFFFF;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #808080;
    SCROLLBAR-3DLIGHT-COLOR: #808080;
    SCROLLBAR-ARROW-COLOR: #808080;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

.invisible
{
width:0px;
display:none;
}

.littleDots
{
background-image: url(/images/LINE_SMALL.gif);
}

.text1 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #4E4E4F;
font-weight: normal
}

.leipis
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #808080;
font-weight: normal
}

.leipis:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #808080;
font-weight: normal
}

.leipis:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #808080;
font-weight: normal
}

.leipis:active
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #808080;
font-weight: normal
}

.leipis_black
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
text-decoration: none;
color: #000000;
font-weight: normal
}

.alue
{
font-size: 11px;
width: 99%;
height: 13px;
}

.alue_focused
{
width: 99%;
height: 12px;
background-color: #ececec;
}

.tuotelista 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #11557C
}

.sivutus 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #404E70;
font-weight: bold
}

.oe 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #11557C; 
background-position: center
}

.naviMenu
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
font-weight: bold
}

.naviMenu:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
text-decoration: bold 
}

.naviMenuSelected
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #CECECE;
text-decoration: none; 
font-weight: bold
}

.naviMenuSelected:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #CECECE; 
text-decoration: bold 
}

.naviSubMenu
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FFFFFF;
text-decoration: none; 
font-weight: normal
}

.naviSubMenu:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
text-decoration: none 
}


.navi1 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #FFFFFF;
text-decoration: none; 
font-weight: normal
}

.navi1:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #FFFFFF; 
text-decoration: none 
}

.navi2
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #808080;
text-decoration: none; 
font-weight: normal
}

.navi2:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #808080; 
text-decoration: none 
}

.navi2_black
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000;
text-decoration: none; 
font-weight: normal
}

.navi2_black:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #000000; 
text-decoration: none 
}

.linkki
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #808080; 
text-decoration: underlined; 
font-weight: normal
}

.linkki:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #808080; 
text-decoration: none
}

.linkki2
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #808080; 
text-decoration: underlined; 
font-weight: normal
}

.linkki2:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #808080; 
text-decoration: none
}

INPUT.haku
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 11px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 195px;
    COLOR: #808080;
    BORDER-BOTTOM: #808080 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFFF
}

INPUT.tuotelista
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 40px;
    COLOR: #808080;
    BORDER-BOTTOM: #808080 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFFF
}

INPUT.palaute
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 11px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 300px;
    COLOR: #808080;
    BORDER-BOTTOM: #808080 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFFF
}

INPUT.tilaus
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 11px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 100%;
    COLOR: #808080;
    BORDER-BOTTOM: #808080 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFFF
}

INPUT.rekisterointi
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 12px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #808080 1px solid;
    WIDTH: 100%;
    COLOR: #808080;
    BORDER-BOTTOM: #808080 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #FFFFFF
}

.SELECT.tilaus
{
    BACKGROUND-COLOR: #FFFFFF
    COLOR: #808080;
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    FONT-SIZE: 10px;
    text-decoration: none; 
    BORDER-LEFT: #808080 1px solid;
    BORDER-BOTTOM: #808080 1px solid;
    WIDTH: 100%;
}

.SELECT.select
{
   BACKGROUND-COLOR: #FFFFFF;
   COLOR: #808080;
   BORDER-RIGHT: #808080 1px solid;
   BORDER-TOP: #808080 1px solid;
   FONT-SIZE: 11px;
   text-decoration: none; 
   BORDER-LEFT: #808080 1px solid;
   BORDER-BOTTOM: #808080 1px solid;
   WIDTH: 195px;
}

.SELECT.shopQuantity
{
   BACKGROUND-COLOR: #FFFFFF;
   COLOR: #808080;
   BORDER-RIGHT: #808080 1px solid;
   BORDER-TOP: #808080 1px solid;
   FONT-SIZE: 11px;
   text-decoration: none; 
   BORDER-LEFT: #808080 1px solid;
   BORDER-BOTTOM: #808080 1px solid;
   WIDTH: 100px;
}

.SELECT.categories
{
   BACKGROUND-COLOR: #FFFFFF;
   COLOR: #808080;
   BORDER-RIGHT: #808080 1px solid;
   BORDER-TOP: #808080 1px solid;
   FONT-SIZE: 10px;
   BORDER-LEFT: #808080 1px solid;
   BORDER-BOTTOM: #808080 1px solid;
   WIDTH: 180px
}

.SELECT.PerPage
{
   BACKGROUND-COLOR: #FFFFFF;
   COLOR: #808080;
   BORDER-RIGHT: #808080 1px solid;
   BORDER-TOP: #808080 1px solid;
   FONT-SIZE: 10px;
   BORDER-LEFT: #808080 1px solid;
   BORDER-BOTTOM: #808080 1px solid;
   WIDTH: 40px;
   HEIGHT: 15px;
}

.alueselect
{
   BACKGROUND-COLOR: #FFFFFC;
   color: #000000;
   BORDER-RIGHT: #808080 1px solid;
   BORDER-TOP: #808080 1px solid;
   font-size: 10px;
   BORDER-LEFT: #808080 1px solid;
   BORDER-BOTTOM: #808080 1px solid;
   WIDTH: 99%;
   HEIGHT: 18px;
}

.kalenteri
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #808080;
text-decoration: none;
font-weight: normal
}

.kalenteri:hover 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #003D3D; 
text-decoration: underlined;
font-weight: bold 
}

.admin_button
{
color:#000000;
background-color:#ffffff;
border-color:#000000;
border-width:1px;
border-style:Solid;
font-family:Verdana;
font-size:0.8em;
}

.menu
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#fffefd;
padding-top:40px;
}

.root_right_pan_title
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	background-color:#ECECEC;
	text-decoration:none;
}

.root_right_pan_border
{
	background-color:Transparent;
}

.root_right_pan_text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.root_right_pan_link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

.root_footer
{
	font-size:9px;
	height: 23px;
	line-height: 23px;
	padding: 0;
	color:#000000;
	text-align: center;
}

.root_menu_link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#fffefd;
	text-decoration:none;
}

.root_menu
{
	background: #52125D url(/images/menubg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#fffefd;
	text-decoration:none;
}

.root_menu_selected
{
	background: #881599 url(/images/menubghover.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#fffefd;
	text-decoration:none;
}

.root_normal_text_title
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	background-color:#ECECEC;
	text-decoration:none;
}

.root_normal_text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.root_normal_text_link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

.SELECT.root_order
{
    BACKGROUND-COLOR: #efefef;
    COLOR: #000000;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 10px;
    text-decoration: none; 
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    WIDTH: 100%;
}

INPUT.root_order
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 11px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 100%;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #efefef;
}

.root_order_text
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #efefef;
	font-size: 11px;
	width: 99%;
	height: 13px;
}

INPUT.root_feedback
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 11px;
    text-decoration: none; 
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 300px;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #efefef;
}

.root_feedback_text
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #efefef;
	font-size: 11px;
	width: 99%;
	height: 13px;
}

.root_button
{
	color:#000000;
	background-color:#FFFFFF;
	border-color:#000000;
	border-width:1px;
	border-style:Solid;
	font-family:Verdana;
	font-size:10pt;
}

