*{
	margin: 0;
	padding: 0;
}
/*html,body{	height: 100%;}*/
body{
	font-family: arial, helvetica, sans-serif;
	background: #FFF url("kuvat/ ds.png") repeat-y center;
	padding: 00px 380px 00px 380px;
}
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;

}
#expander {
	background: white;
	margin: 0 -380px 0 -380px;
	position: relative;


}
/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { margin: 0 -760px 0 0;
	float: left;
	left: -380px;
}

/* */
/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#main{
	height: 100%;
	margin: 0 auto;
	background: white url("kuvat/headergradient.gif") repeat-x top;
	
}
#header{
	height: 116px;
	background: url("kuvat/elselogo.jpg") no-repeat;
	background-position: 45px 0px;
}
body#english #header, body#svenska #header{
	background: url("kuvat/elselogonoslogan.jpg") no-repeat;
	background-position: 45px 0px;
}
/*#wrap{background:  url("kuvat/ds.gif") repeat-y;position: absolute;height: 480px;width:900px;top:87px;left:26px;}*/
#content{
	height: 370px;
	margin-top: 12px;
	}
h1{
	color: #000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 15px;
}
h2{
	color: black;
	font-size: 12px;
	margin-top: 15px;
}
h3{
	color: black;
	font-size: 12px;
	margin-top: 15px;
}
p, li{
	font-size: 12px;
	color: black;
	font-weight: normal;

}
li{font-size: 11px;}
p{margin-bottom: 15px;}
ul{margin-left: 25px;}
a{color: #669933;}
a:visited{color: #476b24;}
#kielivalikko{
	list-style-type: none;
}
#kielivalikko{
	float: right;
	margin-right: 24%;
	margin-top: 4px;
	border-left: 1px solid #61602b;
	padding-left: 2px;
}
#kielivalikko li{
	float: left;
	font-size: 11px;
}
#kielivalikko a{color: #ccc;border-right: 1px solid #61602b;padding-right: 10px;}
#kielivalikko a:hover{color: #aaa;}
#nav{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 10px;
 }
#nav li{
	float: left;
	position: relative;
	padding-left: 1.2em;
	padding-right: 1.2em;
	list-style: none;
 }
#nav li ul li{
	width: 7em;
	padding: 0;
	border-bottom: 3px solid #FFF;
	background: #7abe1d;
}
#nav li ul li.alin{
	border: 0;
}
#nav li ul {
	display: none;
	position: absolute; 
	top: 1.15em;
	left: -1em;
	background: #FFF;
  }

#nav li:hover ul { display: block; }
#nav li a:hover, #submenu a:hover{ color: #204600; }
#nav li ul li:hover { background: #5e9015; }
#nav li ul li a:hover { color: #fff; }
#nav li a, #kielivalikko li a, #submenu a{
	color: white;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: lowercase;
}
#nav li ul li a{
	display: block;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#submenu{
	background: url("kuvat/navgradient.gif") repeat-x;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 3px;
	height: 10px;
}	
#submenu ul{
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-left: 14px;
}
#submenu ul#kasvinav li{
	display: inline;
}
#submenu ul#aluenav li{
	display: table-cell;
}
#submenu li a{
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-right: 3px;
}
#leftcontent{
	width: 32%;
	float: left;
	padding-right: 3px;
	
}
#left{
	overflow: auto;
	height: 419px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#right{
	float: left;
	width: 67%;
	background: #fff url("kuvat/sivupalkkigrad.gif") repeat-x;
	height: 429px;
	padding-right: 4px;
}
#right img{
	border-right: 4px solid white;
}
#footer{
	height: 10px;
	background: white url("kuvat/footergradient.gif") repeat-x bottom;
	padding-top: 3px;
	clear: both;
	margin-top: 60px;
}
ul#retailers{
	list-style: none;
}
ul#retailers a{
	display: block;
	width: 200px;
}
.alue p, .alue h3{
	display: none;
}
.select p, .select h3{
	margin-left: 30px;
}
#retailers h2{
	margin: 0;
}
.alue h2 a, .select h2 a{
	background: url("kuvat/plus.gif") no-repeat left;
	padding-left: 15px;
	padding-right: 15px;

}
.select h2 a{
	background: url("kuvat/miinus.gif") no-repeat left;	
}