
html {
  background-color: #D9E4E6;
}

body {
  background-color: #D9E4E6;
  color: #000;
}

#banner {
  border-top: 28px #D9E4E6 solid;
}

/* Sivuvalikko */

.subnav {
  border-bottom: 5px #dcdcdc solid;
}

.subnav ul li a {
  color: #9d9797;
  background-color: #f5f5f5;
}

.subnav ul li a.open {
  color: #fff;
  background-color: #ccc;
}

.subnav ul li a:hover {
  color: #518CA6;
  background-color: #fff;
}

/* Ala-alavalikko */

.subnav ul li ul {
  background-color: transparent;
}

.subnav ul li ul li a {
  color: #9d9797;
}

.subnav ul li ul li a.open {
  color: #9d9797;
}

.subnav ul li ul li a.open:hover {
  color: #9d9797;
}

.subnav ul li ul li a:hover {
  color: #9d9797;
  background-color: transparent;
}

/* Ala-ala-alavalikko */


.subnav ul li ul li ul li a {
  color: #9d9797;
}

.subnav ul li ul li ul li a.open {
  color: #9d9797;
}

.subnav ul li ul li ul li a.open:hover {
  color: #9d9797;
}

.subnav ul li ul li ul li a:hover {
  color: #9d9797;
}

a {
  color: #518CA6;
  background-color: transparent;
}

a:hover {

}

h1 {
  color: #518CA6;
  background-color: transparent;
}

h2 {
  color: #000;
  background-color: transparent;
}

h3 {
  color: #000;
  background-color: transparent;
}

hr {
  color: #dadadc;
  background-color: #dadadc;
}

p {

}

img {
  border-color: #ccc;
}

table {
  border-color: #ccc;
}

td {
  border-color: #ccc;
}

ol {

}

ol li {

}

ul {

}

ul li {

}

form {

}

.submit {

}

.submit:focus {

}

input, textarea, select {

}


input:focus, textarea:focus {

}

fieldset {

}



html {
	
}

body {
	font: normal .7em Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
}

.subnav ul li a {
	font: normal 1em Verdana, Arial, Tahoma, sans-serif;
}

.subnav ul li ul li a {
	font: normal 1em Verdana, Arial, Tahoma, sans-serif;
}

.subnav ul li ul li ul li a {
	font: normal 1em Verdana, Arial, Tahoma, sans-serif;
}

#copy {
	font-size: .9em;
}

a {
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font: bold 1.25em/1.25em Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	padding: 0;
}

h2 {
	font: bold 1.1em/ 1.1em Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	padding: 0;
}

h3 {
	font: bold 1em/ 1em Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	padding: 0;
}

hr {
	height: 1px;
	border: 0;
}

p {
	padding: 5px 0;
	margin: 0;
}

img {
	
}

table {
	
}

td {
	
}

ol {
	
}

ol li {
	
}

ul {
	
}

ul li {
	
}

form {
	
}

.submit {
	
}

.submit:focus {
	
}

input,textarea,select {
	
}

input:focus,textarea:focus {
	
}

fieldset {
	
}
html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

#shadow {
  margin: 0px auto 0px auto;
  padding: 0;
  width: 770px;
  height: 600px;
  overflow: visible;
}

html>body #shadow {
  height: auto;
  min-height: 600px;
  overflow: hidden;
}

#wrapper {
  margin: 0px auto 0px auto;
  padding: 0;
  text-align: left;
  width: 770px;
  height: 600px;
  overflow: visible;
  position: relative;
  background: url(color_gray/pics/shadow_bg.gif) #fff repeat-y top left;
}

html>body #wrapper {
  height: auto;
  min-height: 600px;
  overflow: hidden;
}

#toolbox {
	width: 200px;
	height: 20px;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 10px;
}

#toolbox DIV {
	display: inline;
	padding-left: 15px;
}

#toolbox a {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

#toolbox a:hover SPAN {
	text-decoration: underline;
}

#toolbox #prImage,
#toolbox #sitemapImage {
	border: 0;
	vertical-align: middle;
	padding: 0 6px 0 0;
}

#lang {
	width: 400px;
	height: 20px;
	text-align: right;
	position: absolute;
	top: 7px;
	right: 250px;
}

#lang img {
	margin: 0px 2px 0px 0px;
}

#lang a {
	color: #000;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
}

#lang a:hover {
	color: #000;
	text-decoration: none;
}

#lang a:hover SPAN {
	text-decoration: underline;
}

#search {
	width: 400px;
	height: 20px;
	text-align: right;
	position: absolute;
	top: 80px;
	right: 50px;
	display: none;
}

#logo {
  display: none;
}

.banner {
  width: 770px;
  overflow: hidden;
  padding-bottom: 1px;
  margin: 0px auto 0px auto;
  text-align: center;
}

#nav {
  display: none;
}

/* Sivuvalikko */


.subnav {
  padding: 0px;
  margin-bottom: 10px;
}

.subnav ul {
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.subnav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

.subnav ul li a {
	width: 156px;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 10px;
  text-decoration: none;
  display: block;
  border-bottom: 1px #dcdcdc solid;
  border-top: 3px #fff solid;
}

.subnav ul li a.open {
  text-decoration: none;
  font-weight: bold;
}

.subnav ul li a:hover {
  text-decoration: none;
}

/* Ala-alavalikko */

.subnav ul li ul {
  margin: 0px;
  padding: 3px 0px 3px 0px;
  border-bottom: 1px #dcdcdc solid;
}

.subnav ul li ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

.subnav ul li ul li a {
	width: 130px;
	margin: 0px 0px 0px 0px;
  padding: 1px 20px 1px 15px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  border: none;
  background: transparent;
}

.subnav ul li ul li a.open {
  font-weight: bold;
  text-decoration: none;
  background: none;
}

.subnav ul li ul li a.open:hover {
  font-weight: bold;
  text-decoration: none;
}

.subnav ul li ul li a:hover {
  font-weight: normal;
  text-decoration: underline;
}

/* Ala-ala-alavalikko */

.subnav ul li ul li ul {
  margin: 0;
  padding: 2px 0 2px 0;
  border: none;
}

.subnav ul li ul li ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: none;
  display: inline;
}

.subnav ul li ul li ul li a {
	width: 100px;
	margin: 1px 0px 1px 0px;
  padding: 0px 20px 0px 25px;
  text-decoration: none;
  display: block;
  background: none;
}

.subnav ul li ul li ul li a.open {
  font-weight: bold;
  text-decoration: none;
  background: none;
}

.subnav ul li ul li ul li a.open:hover {
  font-weight: bold;
  text-decoration: none;
}

.subnav ul li ul li ul li a:hover {
  font-weight: normal;
  text-decoration: underline;
  background: none;
}



/*Tekstit*/

#main {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 580px;
  float: right;
  overflow: hidden;
}

#main .mainText {
  padding: 10px 25px 10px 5px;
}
#main .calendarDayContainer,
#main .productCategoryHeading,
#main .productCategoryDesc,
#main .productResults,
#main .productInfo {
	 padding: 10px 25px 10px 5px;
}

#column1 {
  margin: 0px 0px 0px 0px;
  width: 166px;
  height: 200px;
  float: left;
  overflow: visible;
}


html>body #column1 {
  height: auto;
  min-height: 200px;
  overflow: hidden;
}

#column1 .column1Text {
  padding: 10px 10px 20px 10px;
}
#column1 .calendarContainer {
	padding: 10px 10px 20px 10px;
}

#column2 {
  clear: right;
  float: right;
  width: 580px;
  overflow: hidden;
}

#column2 .column2Text {
  padding: 10px 25px 10px 5px;
}

#footer {
  margin: 0 auto;
  width: 850px;
  display: block;
  padding-top: 5px;
}

#footer .text {
  text-align: center;
  font-size: .89em;
  padding: 5px;
}

#footer .text .siteInfoName {
  display: inline;
  margin: 0px 10px 0px 10px;
}

#footer .text .siteInfoAddress {
  display: inline;
  margin: 0px 5px 0px 10px;
}

#footer .text .siteInfoZip {
  display: inline;
  margin: 0px 0px 0px 0px;
}

#footer .text .siteInfoCity {
  display: inline;
  margin: 0px 10px 0px 2px;
}

#footer .text .siteInfoPhone {
  display: inline;
  margin: 0px 10px 0px 10px;
}

#footer .text .siteInfoEmail {
  display: inline;
  margin: 0px 10px 0px 10px;
}

#footer .text .siteInfoWWW {
  display: inline;
  margin: 0px 10px 0px 10px;
}

#copy {
  clear: both;
  text-align: center;
  padding-bottom: 20px;
}

#copy a {
  text-decoration: underline;
}

#copy a:hover {
  color: #333;
  text-decoration: none;
}

#pageList LI {
	list-style-type: none;
	margin: 7px 0;
}

#pageList UL {
	padding-left: 20px;
}

