@charset "UTF-8";

body {
margin-left: 8px;
margin-top: 0px;
//margin-right: 0px;
//margin-bottom: 0px;
text-align: center;
background-image: url(images/backgr2.jpg); background-repeat: repeat-y;
background-position: top center;
background-color: #fff;
}

#container {
  margin: 0 auto;
  width: 900px;
  text-align: left;
} 

a { outline: none; }

a:link { color: #000; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
a:active { color: #000; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
a:visited { color: #000; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
a:hover { color: #000; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: underline; }

.submenu { font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; letter-spacing: 2px }
.submenu a:link { color: #626262; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.submenu a:active { color: #626262; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.submenu a:visited { color: #626262; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.submenu a:hover { color: #626262; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: underline; }

.smalllink { font-size: 8pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; letter-spacing: 1px }
.smalllink a:link { color: #626262; font-size: 8pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.smalllink a:active { color: #626262; font-size: 8pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.smalllink a:visited { color: #626262; font-size: 8pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.smalllink a:hover { color: #626262; font-size: 8pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: underline; }

.slidelink a:link { color: #626262; font-size: 12pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.slidelink a:active { color: #626262; font-size: 12pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.slidelink a:visited { color: #626262; font-size: 12pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.slidelink a:hover { color: #626262; font-size: 12pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: underline; }

.whitelink a:link { color: #fff; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.whitelink a:active { color: #fff; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.whitelink a:visited { color: #fff; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: none; }
.whitelink a:hover { color: #fff; font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; text-decoration: underline; }

.normaltext { font-size: 11pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; }
.normalgreytext { font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #555; }
.smalltext { font-size: 9pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; text-align:justify; }
.smallgreytext { font-size: 9pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #555; text-align:justify; }
.hinta { font-size: 9pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #626262; }
.hinta2 { font-size: 10pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; }
.menutext { font-size: 11pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #505050; }

.copytext { font-size: 9pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #888888; }

.biggertext { font-size: 12.5pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; }
.bigtext { font-size: 14pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; }
.bigtextkana { font-size: 14pt; font-family: "Arial", "Helvetica", "lucida console", sans-serif; color: #000; }

.menufade { background-image: url(images/page-menufade.png); }

hr { border: 0; width: 500px; color: #888888; background-color: #888888; height: 1px; }
.widehr { border: 0; width: 800px; color: #888888; background-color: #888888; height: 1px; }
.bighr { border: 0; width: 800px; color: #6e1e56; background-color: #6e1e56; height: 8px; }

/* Kuva */
img.floatLeft {
    float: left;
    margin: 5px;
    margin-top: 1px;
}
img.floatRight {
    float: right;
    margin: 0px 0px 6px 14px;
}
img.floatRight2 {
    float: right;
    margin: 0px 0px 6px 6px;
}
/* Kuva loppu */

.imgshadow {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
}

.collectionfooter { background-image: url(images/collection_footer.jpg); }
.backgrcollection { background-image: url(images/collection_backgr.jpg); }

.columnleft {
	float:left;
	width:300px;
	background:#fff;
}

.columnright {
	float:right;
	width:300px;
	background:#fff;
}


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:360px;
		height:188px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* Easy Slider */