/* ELEMENTIT */

* {margin: 0px; padding: 0px; border: 0px; outline: none; font-family: Arial, Helvetica, sans-serif;}

/*body {background: #c9ced2 url(../images/bg.png) repeat-x top; text-align: center;}*/

body {background: #c9ced2; background: -webkit-linear-gradient(#ffffff, #c9ced2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#ffffff,#c9ced2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#ffffff,#c9ced2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#ffffff,#c9ced2); /* Standard syntax (must be last) */; text-align: center;}


ul {list-style: none; margin-bottom: 8px;}

/*------------- TYPOGRAFIA ----------------------*/

a {text-decoration: none;}

h1, #indexMenu h3, #footer li, a#copy {
	color: #fff;
	font-weight: normal;
}

h1 {
	font-size: 42px;
	width: 906px;
	height: 122px;
	padding: 55px 0 0 34px;
	clear: both;
	}
	
	#header1 {background: url(../images/header1.jpg) no-repeat;}
	#header2 {background: url(../images/header2.jpg) no-repeat;}
	#header3 {background: url(../images/header3.jpg) no-repeat;}
	#header4 {background: url(../images/header4.jpg) no-repeat;}
	#header5 {background: url(../images/header5.jpg) no-repeat;}
	#header6 {background: url(../images/header6.jpg) no-repeat;}
	#header7 {background: url(../images/header7.jpg) no-repeat;}
	#header8 {background: url(../images/header8.jpg) no-repeat;}

h2, h3, #menu a, #menuLang a, #menuSub a, #menuSub2 a, #news p, #news2 p, #contentSub a  {
	color: #003763;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h3 {
	margin-bottom: 0.5em;
	}
	
h4 {
	font-size: 1em;
	font-weight: bold;
	color: #003763;
}

p {
	color: #222;
	font-size: 1em;
	line-height: 1.3;
	margin-bottom: 0.75em;
}

#h_index {
	line-height: 1;
	font-size: 64px;
	position: absolute;
	width: 500px;
	padding: 0;
	background: none;
	top: 220px; left: 70px;	
	z-index: 20;
}

#banner p {
	color: #003763; 
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
}



/* ID:t */

#wrapper {text-align: left; width: 960px; margin: 0 auto;}

#header, #content, #content_index, #footer {width: 940px; margin: 0 10px; clear: both; position: relative;}

#content {background: #fff url(../images/bg_content.png) no-repeat top;}
#content_index {background: #fff url(../images/bg_content_index.png) no-repeat top;}

#footer {
	background: url(../images/bg_footer.png) no-repeat top;
	height: 120px;
}

#menu li, #menuZoom li, #menuLang li, #header img,
.three_column, #index_content, #banner, #news, #news2, 
#contentMain, #contentSub, #menuSub, #menuSub2, #contentContact {float: left;}

/*------------- VALIKOT ----------------------*/ 

#menuZoom, #menuLang {
	float: right;
	padding: 20px 7px 20px 300px;	
}

#menu {
	float: right;
	padding: 10px 7px 10px 40px;
}

#menu a:link, #menu a:visited {
	font-size: 1.25em;
	padding: 4px 25px;
	border: #8cacc0 solid 1px;
	margin-right: 2px;	
	}
	
#menuLang a:link, #menuLang a:visited {
	font-size: 0.9em;
	padding: 2px 17px;
	border: #8cacc0 solid 1px;
	margin-right: 2px;
}

#menu a:hover, #menu a:active, 
#menuLang a:hover, #menuLang a:active 
	{background-color: #eeef96;}
#menu .active a:link, #menu .active a:visited {color: #fff; background-color: #003763;}

#menuLang .active a:link, #menuLang .active a:visited {color: #fff; background-color: #003763;}  
/*#menuLang .active a:link, #menuLang .active a:visited {display: none;}*/
	

#menuZoom li {
	padding: 2px 10px;
}

/*----------- ALAVALIKOT ------------*/

#menuSub, #menuSub2 {
	margin: 0px 10px 30px 22px;
	width: 208px;
	padding-top: 30px;
}

#menuSub a:link, #menuSub a:visited, #menuSub2 a:link, #menuSub2 a:visited {
	font-size: 1.25em;
	padding: 6px 10px;
	width: 196px;
	/*height: 24px;*/
	display: block;
	background-color: #eeef96;
	margin-bottom: 4px; 
}

#menuSub li ul {
	display: none;
	margin: 4px 0;
}

#menuSub2 li ul {
	margin: 4px 0;
}

#menuSub li:hover ul, #menuSub li.active ul {display: block;}

#menuSub li ul a:link, #menuSub li ul a:visited, #menuSub2 li ul a:link, #menuSub2 li ul a:visited {
	font-size: 1em;
	/*height: 18px;*/
	width: 185px;
	background: #fff url(../images/arrow2.png) no-repeat 8px 6px;
	padding: 5px 0 5px 30px;
}

#menuSub li ul a:hover, #menuSub li ul a:active, #menuSub li ul .active a:link, #menuSub li ul .active a:visited,
#menuSub2 li ul a:hover, #menuSub2 li ul a:active, #menuSub2 li ul .active a:link, #menuSub2 li ul .active a:visited  {
	background-color: #cedbe4;
}



/*------------- ETUSIVU ----------------------*/

#indexMenu, #slideshow {
	width: 940px;
	position: relative;
	clear: both;
}

#slideshow {height: 303px;}
	#slideshow li {position:absolute; top:0px; left:0px; z-index:8; background-color: #fff; height:311px; width: 940px;}
	#slideshow li.active {z-index:10;}
	#slideshow li.last-active {z-index:9;}

.three_column {
	width: 270px;
	padding: 5px 0 0 34px;
}

#indexMenu {
	padding: 4px 0;
	height: 107px;
	background: url(../images/bg_index_menu.jpg) no-repeat top;
}

#indexMenu h3 {
	font-size: 1.5em;
	margin-bottom: 5px;
	line-height: 20px;
}

#indexMenu li {line-height: 18px;}
	#indexMenu a:link, #indexMenu a:visited {
		background: url(../images/arrow.png) no-repeat 0px 2px;
		padding-left: 20px;
		color: #f9e53e;
	}
	
	#indexMenu a:hover, #indexMenu a:active {color: #fff;}

#index_content {
	margin: 30px 9px 30px 34px;
	width: 345px;
}

#banner {
	width: 217px;
	min-height: 240px;
	padding: 0 12px;
	margin: 30px 0 30px 0;
	background: url(../images/bg_banner.png) repeat-y;
	}
	
	
/*-----------PERUSSIVUT--------------------*/

#contentMain, #contentContact {
	background: url(../images/bg_content_main.png) repeat-y;
	width: 422px;
	padding: 0 20px;
	margin: 30px 10px;
}

#contentMain p.published {
        font-size: 0.7em;
}

#contentSub {
	width: 207px;
	margin: 30px 0;	
	}
	
#contentSub h4, #news h3 {
	font-weight: bold;
	border-bottom: #ccdbe4 solid 4px;	
	padding-bottom: 5px;
	margin-bottom: 6px;
}

#contentSub a:link, #contentSub a:visited {
	font-size: 1em;
	width: 177px;
	display: block;
	background: #fff url(../images/arrow2.png) no-repeat 8px 6px;
	padding: 5px 0 5px 30px;
}

#contentSub a:hover, #contentSub a:active {
	background-color: #cedbe4;
}

#contentSub ul li a:link, #contentSub ul li a:visited {
	float: left;
	background-image: none;
	background-color: none;
	width: 96px;
	height: 81px;
	padding: 0;
	margin: 0 4px 4px 0;
	border: #8cacc0 solid 1px;
	display: block;
	overflow: hidden;
}

#contentSub ul li a:hover, #contentSub ul li a:active {
	background-color: #fff;
}

#thumbs {
	margin: 8px 0 15px 0;
	clear: both;
}

#thumbs li {
	float: left;
	display: inline;
}

#productimage {
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-right: 421px;
}

#productimage img {
        border: #8cacc0 solid 1px;
}

.breadcrumbs {
	position: absolute;
	top: 274px;
	left: 35px;
	color: #fff;
	font-size: 0.9em;
}
.breadcrumbs a:link, .breadcrumbs a:visited {color: #f9e53e;}
.breadcrumbs a:hover, .breadcrumbs a:active {color: #f9e53e;}

/*-------------YHTEYS----------------------*/

#contentContact ul {
margin: 0px 10px 20px 0px;
}

	
	
/*------------- NEWS ----------------------*/
	
#news {
	margin: 30px 9px 30px 17px;
	width: 257px;
}

#news2 {
	margin: 0px 10px 30px 22px;
	width: 208px;
	padding-top: 30px;
}

#news2 h3 {
	font-size: 1.25em;
	padding: 6px 10px;
	/*height: 24px;*/
	display: block;
	background-color: #eeef96;
	margin-bottom: 4px; 
}

#news p, #news a, #news2 p, #news3 a {
	font-size: 1em;
	line-height: 1.2;
}

#news p, #news2 p {margin-bottom: 0.2em; }
	
#news h3 {font-size: 1.1em;}

#news a:link, #news a:visited, #news2 a:link, #news2 a:visited {
	font-size: 1em;
	display: block;
        background: #fff url(../images/arrow2.png) no-repeat 8px 6px;
        padding: 5px 0 5px 30px;
}

#news a:hover, #news a:active, #news2 a:hover, #news2 a:active, a#copy:hover, a#copy:active {
	background-color: #cedbe4;
}

#news .item p, #news2 .item p {
        font-size: 0.7em;
        padding-left: 30px;
}

.item {
	background: url(../images/h_rule.png) no-repeat bottom;
	padding-bottom: 10px;
	margin-bottom: 6px;
}

/*------------- FOOTER ----------------------*/

#footer ul {
	margin: 25px 0px 10px 34px;
	float: left;
	font-size: 0.9em;	
}

#copy {
	font-size: 0.75em;
	float: right;
	margin: 25px 35px 0px 0px;
	}


.clear {clear: both;}	

.empty {display: none;}

/*------------- LOMAKE ----------------------*/

label {	
margin: 0px 0px 8px 0px;
float:left;
padding-right: 6px;
width: 200px;
margin-bottom: 2px;
/*display: block;*/
}

input {
font-size: 0.9em;
float:left; 
width: 200px;
margin-right: 400px;
margin-bottom: 15px;
padding: 2px;
border: #aaa solid 1px;
}

textarea { 
float:left; 
width: 350px;
height:100px;
margin-bottom:20px;
margin-right: 300px;
border: #aaa solid 1px;
}
			
.lomake_tieto { 
color:#CC0000;
}

input#SubscribeSuomi + label, input#SubscribeRuotsi + label {
	float: left;
	display: inline;
	margin-top: 0px;
	padding-top: 0px;
}

.TXNewsletters_form_list {

}

/*-------------- TXNewsletters-lomake -------------*/	


.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:180px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:20px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
float: left;
}


INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}

submit {margin-top: 20px;}