@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background: #242429 url(../layout/bg_x.gif) repeat-x;
}

a:link, a:visited, a:active, a:hover { text-decoration: none; } 

.navi a:link  { margin-right: 35px; font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #fff; text-decoration: none; }
.navi a:visited  { margin-right: 35px; font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #fff; text-decoration: none; }
.navi a:active  { margin-right: 35px; font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #B1004E; text-decoration: none; }
.navi a:hover  { margin-right: 35px; font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #B1004E; text-decoration: none; }

.link_text a:link, .link_text_two  a:link  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; text-decoration: none; color: #B1004E;}
.link_text a:visited, .link_text_two  a:visited{ font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; text-decoration: none; color: #B1004E;}
.link_text a:active, .link_text_two a:active{ font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: text-decoration: none; color: #B1004E; }
.link_text a:hover, .link_text_two a:hover{ font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; text-decoration: none; color: #000;}

#naviblock a:link  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.70em;  color: #000; text-decoration: none; }
#naviblock a:visited  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.70em;  color: #000; text-decoration: none; }
#naviblock a:active  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.70em;  color: #000; text-decoration: none; }
#naviblock a:hover  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 0.70em; color: #B1004E; text-decoration: none; }

#contact a:link  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#contact a:visited  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#contact a:active  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
#contact a:hover  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #B1004E; text-decoration: none; }

.content_text a:link  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
.content_text a:visited  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
.content_text  a:active  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
.content_text a:hover  { font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; color: #B1004E; text-decoration: none; }

H1 {
    font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #F0F0F0;
	text-decoration: none; 
}

.link_text {   
	margin: 10px -10px 0 30px;
	padding: 5px 5px 5px 12px;
	width: 219px;
	height: 29px;
	color: #B1004E;
	font-size: 10pt;
	background: url(../layout/vid_bg.png) no-repeat;
}

.link_text_two {   
	margin: 10px -10px 0 30px;
	padding: 5px 5px 5px 12px;
	width: 219px;
	height: 29px;
	color: #B1004E;
	font-size: 10pt;
	background: url(../layout/web_bg.png) no-repeat;
}

P  {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	line-height: 15px;
}


img {
	border: 0;
}

#content_holder {
 	width: 900px;
	margin: 0 auto 0 auto;
	background: url(../layout/large_bg.jpg) center no-repeat;
	min-height: 806px;
	overflow: hidden;
	padding: 0;
} 

#main_navi {
	width: 900px;
	overflow: hidden;
}

.navi {
	margin: 20px auto -10px 30px;
}

/* palikat*/

#over:hover{ cursor: pointer; text-decoration: none; background: url(../layout/hover.png) center no-repeat;}

#over {
	width: 192px;
	height: 192px;
	display: inline;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}

#blocks_1 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/1_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}

#blocks_2 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/2_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_3 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/3_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_4 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/4_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_5 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/5_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_6 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/6_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_7 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/7_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


#blocks_8 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/8_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}

#blocks_9 {
	float: left;
	margin: 30px auto auto 30px;
	width: 192px;
	height: 192px;
	background: url(../layout/9_ruutu.gif) no-repeat;
	display: inline;
	cursor: pointer;
}


.block_text {
	width: 165px;
	margin: 20px;
}

/* palikat_loppuu*/

/* 2 tason leiska */

#navi_left {
	width: 223px;
	min-height: 350px;
	height: auto;
	margin: 30px 0 0 0;
	background: url(../layout/navi_bg.png) repeat-y;	
	overflow: hidden;
	float: left;
	clear: right;
}

.navipic {
	float: left;
	margin: 0;
}

.bottom {
	float: left;
	z-index: 0;
	position: absolute;
	margin: 0;
}

#navi_bottom {
	float: right;
	width: 223px;
	height: 35px;
	margin: -60px 0 0 30px;
	background: url(../layout/navi_bottom.png) no-repeat;
	overflow: hidden;
}

#naviblock {
	width: 190px;
	height: auto;
	background: url(../layout/plus.png) left top no-repeat;
	margin: 4px 0 4px 15px;
	padding: 0 0 0 5px;
	overflow: hidden;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	border-bottom-width: 1px;
}

#naviblock:hover {
	width: 190px;
	height: auto;
	background: url(../layout/navihover.jpg) left top no-repeat;
	margin: 4px 0 4px 15px;
	padding: 0 0 0 5px;
	overflow: hidden;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	border-bottom-width: 1px;
}

.block {
	margin: 2px 0 0 35px;
	width: 160px;
	float: right;
}

/*IE6 fix---------------------------*/

* html .block {
	width: 160px;
	text-align: left;
	margin: 0;
}  

/*IE6 fix-----------------------------*/

/*---------tooltip----------------------*/

/*div#tipDiv {
	font-size: 0.70em;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
    background: url(../layout/tooltip.png) no-repeat; 
    width: 200px;
	height: 100px; 
	padding: 25px;
}*/

.tip {   
    width: 214px;   
    padding-top: 119px;   
    position: absolute;   
    background: url(layout/tooltip.png) no-repeat;
}   
  


/*-------------------------------*/

#content {
	width: 636px;
	margin: 30px 0 0 0;
	background: #fff url(../layout/2_level_main_top.png) top no-repeat;
	padding: 10px 0 -10px 0;
	float: left;
	height: auto;
}

#content_bottom {
	width: 636px;
	height: 18px;
	background: url(../layout/2_level_main_bottom.png) no-repeat;
	margin: 0 41px 100px 0; 
	float:right;
	overflow: hidden;
}

* html #content_bottom { display:inline; } /*IE6 fix*/

.topic {
	margin: 0 0 0 15px;
	color: #B1004E;
}

#topic_area {
	width: 568px;
	height: 149px;
	background: url(../layout/topic_bg.jpg) top no-repeat; 
	margin: 30px 0 0 30px;
	overflow: hidden;
}

.brand {
	margin: 4px 0 3px 15px;
    color: #FFF;
}

.content_text {
	margin: 10px 0 0 30px;
	width: 568px;
	color: #000;
	font-size: 0.75em;
}

#infobox {
	margin: 20px 0 10px 30px;
	width: 568px;
	background: url(../layout/infobox.gif) no-repeat; 
	height: 140px;	
}

#infobox_high {
	float: left;
	margin: 0 0 0 30px;
	width: 568px;
	background: #F1F1F1 url(../layout/infobox_high.gif) top no-repeat; 
	border-left-color: #363636;
	border-right-color: #363636;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	overflow: hidden;
}

#infobox_top {
	float: left;
	margin: 20px 0 0 30px;
	width: 569px;
	height: 4px;
	background: url(../layout/infobox_top.gif) no-repeat; 

}

#infobox_bottom {
	float: left;
	margin: 0 0 0 30px;
	width: 569px;
	height: 5px;
	background: url(../layout/infobox_bottom.gif) no-repeat; 

}

#infobox_pic {
	margin: 5px 5px 0 5px;
	float: right;
	width: 186px;
	height: 127px;
	background: url(../layout/product_pic_bg.png) no-repeat; 	
}

.infobox_pic_two {
	margin: 5px 5px 0 5px;
	float: right;
	width: 186px;
	height: 127px;
}

.infobox {
	max-width: 152px;
	height: 107px;
	margin: 12px 0 0 20px;
}

.infobox_text {
	width: 300px;
	height: 120px;
	margin: 12px 0 0 12px;
	float: left;
	color: #333;
	font-size: 0.68em;
}

#contact {
	height: 140px;
	width: 170px;
	float: left;
	display: inline;
	margin: 10px 0 0 16px;
}

.infobox_contact {
	color: #000;
	font-size: 0.70em;
	margin: 0;
}

.infobox_wide {
	color: #000;
	margin: 10px 40px 20px 16px;
	font-size: 0.70em;
}

.logo {
	float: left;
	margin: 0 0 0 16px;
}

.mediapic {
	width: 46px;
	height: 46px;
	margin: 16px 0 0 0;
	float: right;
}



/**/
#spacer {
	width: 900px;
	height: 100px;
}

#footer { 
    width: 100%; 
	background: #B1004E;
	height: 56px;
	position: fixed;
    bottom: 0;
	margin: 0;
	z-index: 3;

}

* html #footer { /*ie6hack*/
	width: 100%; 
	background: #B1004E;
	height: 56px;
	margin: 0;

}  

.footer { 
    width: 900px;
	margin: 20px auto 0 auto; 
	padding-left: 40px;
	font-size: 0.7em;
		
}

/*----------------------*/

#tooltip{
	background: url(../layout/tooltip.png) no-repeat;
	position: absolute;
	width: 220px;
	height: 119px;
	visibility: hidden;
	padding: 10px 0 0 20px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #fff;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

td {
	height: 24px;
	padding: 2px;
	
}

.FormTable {
	width: 517px;
	margin: 2px 0 0 12px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #B1004E;
	font-weight: bold;
}

.InputWide {
	width: 331px;
	height: 18px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000;
	background: url(../layout/input_wide.gif) no-repeat;
	border-style: none;
	
}

.InputArt {
	width: 135px;
	height: 18px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000;
	background: url(../layout/input_art.gif) no-repeat;
	border-style: none;
}

.InputSmall {
	width: 53px;
	height: 18px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000;
	background: url(../layout/input_small.gif) no-repeat;
	border-style: none;
}

.InputNorm {
	width: 270px;
	height: 18px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #000;
	background: url(../layout/input_norm.gif) no-repeat;
	border-style: none;
}

textarea {
	width: 372px;
	height: 198px;
	background: url(../layout/textarea.png) no-repeat;
	color: #fff;
	border-style: hidden;
    border-width: 0px; 
	overflow-y:hidden;
	overflow-x:hidden;
}

.ehdot {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #666;
	font-weight: normal;
}

.TextArea {
	width: 476px;
	height: 197px;
	background: url(../layout/textarea.gif) no-repeat;
	color: #000;
	border-style: hidden;
    border-width: 0px; 
	overflow-y:hidden;
	overflow-x:hidden;
}

.send {
	width: 65px;
	height: 23px;
	background: url(../layout/send.jpg) no-repeat;
	border-style: none;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0 50px 0 0;
}

.reset {
	width: 65px;
	height: 23px;
	background: url(../layout/reset.jpg) no-repeat;
	border-style: none;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
}