div, .sidebox img { behavior: url("iepngfix.htc") }

body {
	background: white url("images/bg_body.jpg") top center repeat-x;
	text-align: center;
	margin: 0 0 0 0;
	vertical-align: middle;
}

h1 {
	font-family: Georgia;
	font-size: 18pt;
	color: #ea841f;
}

h2 {
	font-family: Georgia, Trebuchet MS, Georgia;
	font-size: 12pt;
	color: black;
	text-transform: uppercase;
	border-left: 8px solid #ff9900;
	padding-left: 15px;
	margin-top: 25px;
}

h2.boksiotsikko {
	font-family: Trebuchet MS, Georgia;
	font-size: 11pt;
	background: #969696 url("images/bg_oikeaboksi.jpg") top left repeat-x;
	color: white;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
	padding: 5px;
	border-top: 1px solid #aaa;
}

h2.erotin {
	background: url("images/bg_sep.jpg") top left repeat-x;
	padding-top: 25px;
}


abbr {
	border-bottom: 1px dashed #888;
}

#container {
	/* background: white url("images/bottom.gif") bottom center no-repeat;
	background: url("images/bg_content.jpg") top left no-repeat;*/
  position: relative;
	margin: 0 auto;
	width: 770px;
	z-index: 4;
	text-align: left;
}

#topcontainer {
	background: url("images/bg_top2.jpg") top left no-repeat;
}

#top {
	/* background: white url("images/bottom.gif") bottom center no-repeat;
	background: url("images/bg_content.jpg") top left no-repeat;*/
  position: relative;
	margin: 0 auto;
	width: 770px;
	height: 183px;
	z-index: 4;
	text-align: left;
}

#top {
background: url("") top left repeat-x;
}

#top img {
	border: 0px !important;
}

#top img {
margin-bottom: 8px;
_margin-bottom: 13px; /*IE6 hack*/
margin-top: 20px;
}

#top img.strippi {
	margin-left: 44px;
}

*:first-child+html #top img { /*IE 7 HACK*/
	margin-bottom: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*SAFARI 3 HACK */
	#top img {
	margin-bottom: 10px;
	}
}

/* STYLE DEFINITIONS FOR MAIN MENU */

#navdiv {
	height: 40px;
}

#nav {
  list-style: none;
  margin-bottom: 15px;
  
}

#nav img { /* submenu list-item images */
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#nav, #nav ul {
  font-family: Georgia, Trebuchet MS;
  float: left;
  /*background: #555 url("") top left repeat-x;*/
  font-weight: normal;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  text-align: left;
  list-style: none;
}

#nav ul ul {
  list-style: none;
  /*list-style-image: url("images/sub_listitem.png");
	list-style-position: inside;*/
}

#nav a {
 display: block;
 color: white; /* link text color*/
 border-bottom: 6px solid white;
 /**background: url("images/bg_menu.png") top left repeat-x;*/
 text-decoration: none;
 padding: 6px 20px 6px 20px;
 font-size: 10pt;
 font-weight: normal;
}

#nav a:hover {
  /*color: #ea841f;*/
  color: black;
  background: white;/* mainbar hovercolor*/
  border-bottom: 6px solid #ff9900;
}

#nav li {
 float: left;
 padding: 0;
 position: relative;
}

.blogi {
	float: right !important;
}

#nav li ul {
 background:white url("images/bg_dropdown2.gif") top left repeat;/* dropdown color */
 border: 0;
 display: none; 
 height: auto;
 left: -999em;
 margin: 0;
 position: absolute;
 width: 180px;
 w\idth: 180px;
 font-weight: normal;
}

#nav li> #nav ul {
	top: auto;
	left: auto;
	}

#nav li li {
 padding: 0;
 width: 180px;
 /*border-top:1px solid white; /* border between drop-down rows*/
}

#nav li ul a {
 color: #6a420e;
 /*background: transparent;*/
 width: 160px !important;
 width: 180px;
 width/**/:/**/180px;
 text-transform: uppercase; /* drop-down item text transformation  and size*/
 font-size: 10pt;
 padding: 5px 10px 8px 10px;/* drop-down row height*/
}

#nav li ul ul {
border: 0;
border-left:1px solid #D1D8DB;
margin: -28px 0 0 180px;/* parameters to set drop-down in place */
/*margin: 0 0 0 180px;/* parameters to set drop-down in place */ /*NEW */
}

#nav li:hover ul ul {
 left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
 left: auto;
 display: block; /*new */
}
#nav li:hover {
}

#nav li li:hover {
 background: white url("images/bg_menu_a-hover2.gif") top left repeat-x; /* B3BEC3 drop-down hovercolor*/
}



/*** MAIN NAVIGATION END ***/

.submenu {
	width: 250px;
	float: right;
	clear: left;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-top: 40px;
}


#content {
	margin-top: 35px;
	margin-bottom: 45px;
}

#content p, #content ul, #content ol, .submenu ul {
	font-family: Verdana, Trebuchet MS;
	color: black;
	font-size: 9pt;
}

#content p {
	line-height: 180%;
	margin-bottom: 15px;
	margin-top: 15px;
}

#content ul, .submenu ul {
	list-style-image: url("images/bull.jpg");
}

#content ul, #content ol, .submenu ul {
	line-height: 180%;
}

#content a {
	color: black;
	border-bottom: 2px solid #ff9900;
	text-decoration: none;
}

#content a:hover {
	color: black;
	background: #efefef;
  border-bottom: 2px solid black;
}

.right {
	float: right;
	clear: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.padding {
	padding: 10px;
}

.noborder {
	border: 0px !important;
}

.border {
	border: 1px solid #aaa;
}

#bottom {
	clear: both;
	background: white;
	border-top: 1px dotted #888;
	margin-bottom: 0px;
	margin-top: 25px;
	text-align: center !important;
}

#bottom p {
	color: #888;
	font-family: Verdana;
	font-size: 7pt;
	padding-top: 15px;
	padding-bottom: 25px;
	margin-bottom: 0px;
	line-height: 180%;
}

#bottom a {
	color: #888;
	text-decoration: none;
	border-bottom: 2px solid #bbb;
}

#bottom a:hover {
	color: black;
	border-bottom: 2px solid black;
}

#bottom img {
	position: relative;
	top: 2px;
}

hr {
	color: #eee;
}

.luelisaa, .ylos, .seuraavaosio {
	font-size: 7pt;
	/*font-family: Verdana !important;*/
}

.ylos {
	margin-left: 30px;
	text-transform: none !important;
}

.seuraavaosio, .seuraavaosio {
	display: block;
	text-transform: none !important;
	margin-top: 8px;
}

.oikeaboksi {
	clear: right;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	float: right;
	margin-left: 40px;
	margin-bottom: 25px;
	width: 250px;
}

.oikeaboksi p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tuotteet, .hinnasto {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

.tuotteet th, .hinnasto th {
	font-family: Trebuchet MS, Georgia;
	font-size: 11pt;
	background: #969696 url("images/bg_oikeaboksi.jpg") top left repeat-x;
	color: white;
	text-align: center;
		margin-top: 0px;
	padding: 5px;
	text-transform: uppercase;
	
}

.tuotteet td {
	padding: 5px;
	border-right: 1px solid #aaa;
	vertical-align: top;
	width: 25%;
}

.hinnasto td {
	padding: 5px;
	border-right: 1px solid #aaa;
	vertical-align: top;
	width: 50%;
}

.tuotteet ul, .hinnasto ul {
	position: relative;
	left: -8px;
}

.tuotteet ul li, .hinnasto ul li {
	list-style-position: outside;
	list-style-image: url("images/bull.jpg");
}