/* Tyylit */


html{
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: #fff;
	line-height:160%;
	background:#005397 url(../img/taustaaalto.jpg) top center;
}

input.tiny{
	padding:1px;
	font-weight:bold;
	font-size:9px;
}

.tinylist select, .tinylist option{
	
	font-size:10px;
	}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: arial;
	color: #f1e400;
	text-decoration: none;
}

.taulukko{
	font-size:12px;
	margin:10px 0;
}


#ca table.taulukko thead tr{
	font-size:12px;
	background-color:#074c8d;
	font-weight:bold;}
	
#ca table.taulukko th{
	font-size:11px;
	background-color:#074c8d;
	font-weight:bold;
	text-align:left;
	border-bottom:#305987 1px solid;}	
	
#ca table.taulukko {
	border-right:#305987 1px solid;
	border-left:#305987 1px solid;
	border-top:#305987 1px solid;}	

#ca table.taulukko tr:hover{
	background-color:#145898;}
	
	
#ca table.taulukko tr{
	font-size:12px;
	background-color:#0a4e8d;
}

#ca table.taulukko td{

	border-bottom:#305987 1px solid;}	

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: arial !important;
	color: #f1e400 !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}


a.news, a.news:link, a.news:visited {
	color:red;
	text-decoration: none;
}
td {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.login {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
.text{
	width:100%;
}
h1 {
	font-size: 24px;
	color: #fff;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #d7e7f3;
}
h2 {
	font-size: 22px;
	color: #fff;
	font-weight:normal;
}

#newstitle h2{
	margin:0;
	padding:0;
}
h3 {
	font-size: 18px;
	color: #fff;
	margin-top:20px;
}
h4 {
	color: #fff;
}
h5 {
	color: #b4b4b4;
}
h6 {
	color: #b4b4b4;
}

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}

/*RAKENNE*/



  * {
 margin: 0;
}

.wrapper {
	
	margin: 0 auto 0 auto;
	position:relative;
	z-index:6;

}


#container{
	width:950px;
	margin: 0 auto;
	position:relative;
	z-index:10;
	
}

#container2{
	width:790px;
	margin: 0 auto 30px auto;
	position:relative;
	z-index:10;
	
}

.footer {
	height: 220px;
	 margin-top:16px;
	position:relative;
	z-index:11;
}



.clearfloat{

	position:relative;
	z-index:-20;
	
}

.clearfloat, .clearfloat2{
	clear:both;
}

table.footertaulukko{
	width:960px;
	
}

table.footertaulukko td{
	width:100px;
	font-size:11px;
}

table.footertaulukko td a{
	color:#bdcedd;
}

table.footertaulukko td h4{
	font-weight:normal;
	color:#fff;
	font-size:13px;
	margin:20px 0 10px 0;
}

.footer{
line-height:100%;
	background:transparent url(../img/footer2.png) repeat-x center top;
}

#header{
	height:105px;
	position:relative;
}

#searchpanel, #searchpanel a, #searchpanel a:link{
	color:#9ccaf8;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

#ylakuva, #kuvascrolleri{
	margin:6px 0 6px 0;
	position:relative;
	padding:0 0 0 0;
	
	
}

#kuvascrolleri{
	width:960px;
	height:368px;
	overflow:hidden;
	
}

#ylakuva{
	background-color:#03356c;
}

.varipalkki{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#f1e400;
}

.varipalkki_news{
	position:absolute;
	top:0;
	left:40px;
	width:710px;
	height:14px;
	background-color:#f1e400;
}


.varipalkkimarinas{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#f1e400;
}

.varipalkkivilla{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#ee6402;
}

.varipalkkifloating{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#a9cbe3;
}

.varipalkkinewport{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#00a6c5;
}

.varipalkkiequipment{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#5b3714;
}

.varipalkkiservices{
position:absolute;
	top:26px;
	left:0;
	width:14px;
	height:208px;
	background-color:#9ca906;
}




.ylalaatikko_blue{
position:absolute;
	top:0;
	left:566px;
	width:384px;
	height:260px;
	background-color:#03356c;
	color:#fff;
	text-align:right;
	z-index:300;}
	
.ylalaatikko_blue h3{
font-size:16px;
	border-bottom:#305987 1px solid;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
}

.ylalaatikko_blue h2{
font-size:30px;
margin-bottom:4px;

}	

.ylalaatikko_blue a{
	color:#cde4fb;
}
	
.ylalaatikko_blue .padd{
	padding:20px;
}	

.sataw{
	width:100%;
}

.satah{
	height:100%;
	}

#nav{
	position:absolute;
	top:75px;
	right:0;
}

#searchpanel{
	position:absolute;
	top:24px;
	right:0;
	height:26px;
	width:600px;
	
	text-align:right;
}

#uutistitle{
	position:absolute;
	bottom:6px;
	right:0;

	width:600px;
	
	text-align:right;
}

#logo{
	position:absolute;
	top:27px;
	left:0;
}

.footersis{
	margin:0 auto;
	 width:950px;
	
}

#menu2{
	width:210px;

	float:left;
	background:#032c59;
	line-height:120%;
}

#menu2 ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menu2 ul li{
	padding:0 0 0 14px;
	background:transparent url(../img/valiviiva_bg.gif) bottom center repeat-x;
}

#menu2 ul li a, #menu2 ul li a:link, #menu2 ul li a:active, #menu2 ul li a:visited{
	color:#fff;
	padding:8px 0;
	display:block;
	font-size:12px;
}  

#menu2 ul li a.kt, #menu2 ul li a.kt:link, #menu2 ul li a.kt:active, #menu2 ul li a.kt:visited{
	color:#fff;
	padding:5px 0;
	display:block;
	font-size:11px;
} 

#menu2 ul li a.nt, #menu2 ul li a.nt:link, #menu2 ul li a.nt:active, #menu2 ul li a.nt:visited{
	color:#fff;
	padding:3px 0;
	display:block;
	font-size:10px;
	text-transform:uppercase;
} 

#menu2 ul li.title{
	padding:8px 10px;
	background:#1b497b url(../img/menu_topbg.gif) bottom center repeat-x;
}

#menu2 ul li.kolmastaso, #menu2 ul li.neljastaso{
	background:url();
}

#menu2 h3{
	font-size:14px;
	margin:3px 0;
}

table#list{
	background:#022245 url(../img/news_bg.gif) top center repeat-x;
}

table#list a, table#list a:link, table#list a:active, table#list a:visited{
	color:#fff;
}

input.hakukentta{
	border:0px;
	background-color:#fff;
}

#ca{
	float:left;
	width:733px;
	margin-left:7px;
	clear:right;
	font-size:12px;
	height:auto !important;
	min-height:200px;
	height:200px;
	background:transparent url(../img/ca_bg.png) center top;
}

#ca .padd{
	padding:20px;
}

#ca2{
	float:left;
	width:790px;
	margin-top:10px;
	clear:right;
	font-size:12px;

	background-color:#03356c;
}

#ca2 .padd{
	padding:40px;
}

.leftcol{
	width:500px;
}

.sep{
	width:34px;
	background:transparent url(../img/separator.gif) no-repeat center top;
}

.rightcol{
	width:160px;
}

#bread{
	margin:0 0 30px 0;
	font-size:11px;
}

/*
ul#mainmenu{
	list-style:none;
	margin:0;
	padding:0;
	
}

ul#mainmenu li{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	float:left;
}

ul#mainmenu li a{
	font-size:16px;
	color:#fff;
}*/

#mainmenu{
	margin:0;
	padding:0;
	
}

#mainmenu td{
	padding-left:6px;
}

#mainmenu a, #mainmenu a:link, #mainmenu a:visited, #mainmenu a:active{
	font-size:18px;
	color:#fff;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:130px;
	border:0px solid #c3c3c3;
	background-color:#03356c;
	padding:0;
	margin-top:4px;
	margin-left:8px;
}


#mainmenu a.menusub_a, #mainmenu a.menusub_a:link, #mainmenu a.menusub_a:active, #mainmenu a.menusub_a:visited{
	color:#fff;
	padding:1px 4px;
	font-weight:bold;
	display:block;
	font-size:11px;

}
#mainmenu a.menusub, #mainmenu a.menusub:link, #mainmenu a.menusub:active, #mainmenu a.menusub:visited{
	color:#fff;

	padding:1px 4px;
	font-size:11px;
	display:block;

}

#mainmenu a.menusub:hover{
	color:#ccc;

	padding:1px 4px;
	font-size:11px;
	display:block;

}

.sitenews_revolver_topic{
	display:block;
	position:absolute;
	height:100%;
}

/*TOOL TIP*/

/* trigger button */
#language_selection {


	display:inline;
	height:20px;
	margin-bottom:0px;
	overflow:hidden;


	cursor:pointer;


}

/* mouseover state */
#language_selection:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#language_selection:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	height:194px;

	position:relative;
	width:614px;
	font-size:11px;
	color:#fff;
	z-index:1001;
	background:transparent url(../img/language_bg.png) no-repeat top center;

}

.langs{
padding:0 30px 0 30px;
height:100%;
z-index:10000;
text-align:left;
}

.langs table{
	margin:30px 0;
	width:100%;
	height:140px;
	text-transform:uppercase;
}

.langs table td{
	margin:0;
	padding:0;
	
}

#searchpanel .langs table td a, #searchpanel .langs table td a:link, #searchpanel .langs table td a:visited{
	color:#fff;
	font-weight:normal;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

/*KUVASCROLLERI*/



#slider{
	cursor:pointer;
	
	background:#202834 url(../../../../js/nivo/loading.gif) no-repeat 50% 50%;
}

.thumbs{
	margin:6px 0 3px 0;
	height:103px;
}

/*UUTISSCROLLERI*/

#news{
	width:633px;
	height:283px;
	margin-top:0;
	margin-right:7px;
	overflow:hidden;
	float:left;
	position:relative;
	font-size:11px;
	line-height:120%;
	background:transparent url(../img/news_bg.gif) repeat-x top center;
}

#brochures{
	width:310px;
	height:283px;
	margin-top:0;

	overflow:hidden;
	float:left;
	display:block;
	position:relative;
	font-size:11px;
	line-height:120%;
	background:transparent url(../img/news_bg.gif) repeat-x top center;
}

#newstitle{
	position:absolute;
	top:12px;
	left:10px;
	display:block;
}

#broctitle{
	position:absolute;
	top:12px;
	left:10px;
}

#archivebutton{
	position:absolute;
	top:6px;
	right:6px;
	width:72px;
	height:30px;
	line-height:100%;
	background-color:#012854;
}

.button2{

	padding:6px;
	text-transform:uppercase;
	line-height:100%;
	font-size:11px;
	color:#fff;
	background-color:#012854;
	float:left;
}

.button2 a, .button2 a:link, .button2 a:visited, .button2 h5{
	color:#fff;
}

#brocbutton{
	position:absolute;
	top:6px;
	right:6px;
	width:72px;
	height:30px;
	display:block;
	
	line-height:100%;
	background-color:#012854;
}

.buttonnorm{
	text-transform:uppercase;
	display:block;
	line-height:100%;
	margin:0;
	padding:0;
	text-align:center;
	z-index:99;
	background-color:#012854;
}

#archivebutton a, #brocbutton a{
	color:#fff;
	display:block;
	line-height:120%;

}

#archivebutton h5, #brocbutton h5, .buttonnorm h5{
	color:#fff;
	display:block;
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	padding:11px 0 7px 10px;
	font-weight:bold;
	line-height:100%;
}

.newspic{
	 width:160px;
	height:82px;
	background-color:#012854;
	overflow:hidden;
	margin-bottom:12px;
	clear:both;
}

.newspic2{
	 width:160px;
	height:100px;
	background-color:#012854;
	overflow:hidden;
	margin-bottom:4px;
	clear:both;
}

.pvm{
	font-size:9px;
	text-transform:uppercase;
	display:block;
	clear:both;
	margin-bottom:2px;
	 width:160px;
	
}

.itemtitle{
	font-size:11px;
	font-weight:bold;
	display:block;
	clear:both;
	text-transform:uppercase;
	margin-bottom:6px;
	 width:160px;
}

.itemtitle2{
	font-size:11px;
	font-weight:bold;
	display:block;
	clear:both;
	text-transform:uppercase;
	margin-bottom:6px;
	 width:160px;
	 line-height:100%;
}

.readmore{
	margin-top:4px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	 width:160px;
	
}

.readmore2{
	margin-top:1px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	 width:160px;
	 margin-bottom:14px;
	
}


.item2{
	width:171px;
	height:239px;
	margin:0 6px 0 0;
	font-size:11px;
	background:transparent url(../img/footer2.png) repeat-x center top;
}

#news .item{
	width:558px;
	overflow:hidden;
}

#news .items .item{
	width:188px;
	height:239px;
	margin:0 6px 0 0;
	background:url(../img/spacer.gif) bottom right no-repeat;
}

#news .items .item .padd{
	padding:10px 14px;
}

.padd_news{
	padding:5px;
}

#brochurespadd{
	text-align:center;
	width:100%;
	padding-top:43px;
	line-height:120%;
}

#brochurespadd a, #brochurespadd a:link, #brochurespadd a:visited{
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
}

/*SCROLLABLE*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 570px;
	height:239px;
	margin-top:43px;
	
}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;

}


/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {

	display:block;
	width:30px;
	height:60px;
	float:left;
	margin:100px 0 0 0;
	cursor:pointer;
	font-size:1px;
}

.slid{
	width:302px;
	height:166px;
}

/* right */
a.right 				{ background:url(../img/right_arrow.gif) no-repeat center 0; clear:right; 
					margin-left:0;}


/* left */
a.left				{ background:url(../img/left_arrow.gif) no-repeat center 0; clear:right; margin-right: 0px;
					}
a.disabled{
	background:url() no-repeat; clear:right; margin-right: 0px;
	width:30px;
	height:60px;
}

.right a.disabled{
	
}

.left a.disabled{
	
}

.right{

	
	background:url(../img/spacer.gif) no-repeat left 0;
}

.left{

	background:url(../img/spacer.gif) no-repeat right 0;
}

.right, .left{
	float:left;
	width:30px;
	margin-top:43px;
	height:239px;
}



/*Nivo*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	
	
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}


#slider .nivo-controlNav {
	position:absolute;
	height:115px;
	width:967px;
	top:253px; /* Put the nav below the slider */
	left:0;
	z-index:1000;
	cursor:pointer;
	overflow:hidden;
	background:transparent url(../img/half_bg.gif) no-repeat bottom left;

}

.slider0{
	margin:0;
	padding:0;
	float:left;
	display:none;
}

#slider .nivo-controlNav a {
	
	background-color:transparent;
	float:left;
	line-height:0;
	margin-top:0;
}

#titlet{
	position:absolute;
	top:266px;
	width:960px;
	left:0;
	z-index:100000;
	overflow:hidden;
	text-transform:uppercase;
	color:#fff;
	font-size:9px;
}

.titlet{
	 float:left;
	 width:153px;
	 height:21px;
	 
	 margin-right:7px;
	 text-align:center;
}

.titlet h6{
	margin:0;
	padding:0;
	line-height:120%;
	font-size:10px;
	color:#fff;
	font-weight:bold;
}

.title1 h6, .title3 h6{
	color:#071b36;
}

.title1{
	background-color:#f1e400;
	color:#071b36;
}
.title2{
	background-color:#f56600;
}
.title3{
	background-color:#adcfe6;
	color:#071b36;
}
.title4{
	background-color:#00abc9;
}
.title5{
	background-color:#5e3812;
}
.title6{
	background-color:#9eab05;
	width:150px;
}





#slider .nivo-controlNav a.slider1 {
	background:transparent url(../img/yellow_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.slider2 {
	background:transparent url(../img/orange_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.slider3 {
	background:transparent url(../img/blue_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.slider4 {
	background:transparent url(../img/turq_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.slider5 {
	background:transparent url(../img/brown_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.slider6 {
	background:transparent url(../img/green_arrow.png) no-repeat;
	background-position:0 -20px;
}

#slider .nivo-controlNav a.active {

	float:left;
	background-color:transparent;
	border:0;
	background-position:center 2px;
}





#slider .nivo-controlNav img {
	display:block; /* Unhide the thumbnails */
	position:relative;
	line-height:0;
	margin-right:7px;
	/*opacity:0.6;*/
	float:left;
	/*filter: alpha(opacity = 60);*/
	margin-top:13px;
}

#slider .nivo-controlNav .active img { /* Unhide the thumbnails */
	position:relative;
	float:left;
	margin-right:7px;
	margin-top:13px;
	opacity:1;
	zoom:1;
	filter: alpha(opacity = 100);
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	top:25px;
	left:566px;
	width:384px;
	height:208px;
	background:transparent url(../img/tbox_bg.png) bottom right repeat-x;
	color:#fff;
	line-height:120%;
	z-index:300;
}
.nivo-caption p {
	padding:60px 20px 20px 20px;
	margin:0;
	z-index:400;
	position:relative;

}

.nivo-caption em{
	font-size:28px;
	margin:0 0 6px 0;
	padding:0;
	color:#fff;
	line-height:38px;
	font-style:normal;
	font-weight:normal;
	display:block;
	border-bottom:1px solid #6c8eb2;
}

.nivo-caption b{
	
	line-height:24px;

}











/* navigation */

		#nav6 {
	
	
		height:26px;	
		width:954px;
		margin:0;
		padding:0;
		position:absolute;
		top:254px;
		left:0;
		z-index:9999;
		overflow:hidden;
	}
	
	#nav6 ul {	
		width:960px;
		margin:0;
		padding:0;	
		position:absolute;
		z-index:9999;
	}
	
	#nav6 li {	
	
		float:left;
		padding:0;
		width:153px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		margin-right:7px;
	}
	
	#nav6 li.navi1{
		display:none;
	}
	
	#nav6 a {
		color:#333333;
		display:block;
		
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:26px;
		width:100%;
		text-decoration:none;
	}	
	
	#nav2 li {	
	
		float:left;
		padding:0;
		width:153px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		margin-right:7px;
	}

	#nav2 {
	
	
		height:111px;	
		width:950px;
		margin:0;
		padding:0;
		position:absolute;
		top:254px;
		left:0;
		z-index:9990;
		overflow:hidden;
	}
	
	#nav2 ul {	
		width:960px;
		margin:0;
		padding:0;	
		position:absolute;
		z-index:9991;
	}
	
	#nav2 li {	
	
		float:left;
		padding:0;
		width:153px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		margin-right:7px;
		background:transparent url(../img/half_bg.gif) no-repeat left 30px;
	}
	
	#nav2 li.navi1{
		display:none;
	}
	
	#nav2 a {
		color:#333333;
		display:block;
		
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:102px;
		text-decoration:none;
	}	
	
	#nav3 {
	
	
		height:111px;	
		width:950px;
		margin:0;
		padding:0;
		position:absolute;
		top:264px;
		left:0;
		z-index:9999;
		overflow:hidden;
	}
	
	#nav3 ul {	
		width:960px;
		margin:0;
		padding:0;	
		position:absolute;
		
		z-index:10000;
	}
	
	#nav3 li {	
	
		float:left;
		padding:0;
		width:153px;
		list-style-type:none;
		text-align:center;
		margin-top:0px;
		margin-right:7px;
		
	}
	
	#nav3 li.navi1{
		display:none;
	}
	
	#nav3 a {
		color:#333333;
		display:block;
		width:153px;
	
		position:relative;
		word-spacing:-2px;
		font-size:11px;		
		height:102px;
		text-decoration:none;
	}	
	
	#nav2 a.current {
		
	}
	
	
	
	#nav2 strong {
		display:block;		
		font-size:13px;
	}
	
	
	#nav2 img {
	display:block; /* Unhide the thumbnails */
	position:relative;
	line-height:0;
	margin-right:7px;
	/*opacity:0.6;*/
	float:left;
	/*filter: alpha(opacity = 60);*/
	margin-top:13px;
	border:0;
	z-index:8000;
}

#nav2 .current img { /* Unhide the thumbnails */
	position:relative;
	float:left;
	margin-right:7px;
	margin-top:13px;
	z-index:8000;
	
	border:0;

}

#nav6 a.current {
		
	}
	

#nav6 a.navil2 {
	background:transparent url(../img/yellow_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.navil3 {
	background:transparent url(../img/orange_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.navil4 {
	background:transparent url(../img/blue_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.navil5 {
	background:transparent url(../img/turq_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.navil6 {
	background:transparent url(../img/brown_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.navil7 {
	background:transparent url(../img/green_arrow.png) no-repeat;
	background-position:0 -20px;
}

#nav6 a.current {

	float:left;
	background-color:transparent;
	border:0;
	background-position:center 0px;
}

	


	
	/* panes */
	#panes {
	
		width:950px;	
		height:260px;
		margin-bottom:-20px;
		padding-bottom:20px;
		border:1px;
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
		z-index:8999;
	}
	
	/* crossfading effect needs absolute positioning from the elements */
	#panes div.panes1 {
		width:950px;	
		height:260px;
		display:none;		
		position:absolute;
		top:0;
		left:0;
		display:block;
		z-index:8999;
		font-size:13px;
		color:#444;	 
	}
	
	#panes img {
		float:left;
		margin-right:20px;		
	}
	
	#panes p.more {
		color:#000;
		font-weight:bold;
		font-size:13px;
	}
	
	#panes h3 {
		margin:0 0 -5px 0;
		font-size:22px;
		font-weight:normal;
	}
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}
	
		
	#panes div .caption {
	margin-top:25px;
	margin-left:566px;
	width:384px;
	height:208px;
	display:none;
	background:transparent url(../img/tbox_bg.png) bottom right repeat-x;
	color:#fff;
	font-size:12px;
	line-height:120%;
	
}
#panes div .caption p {
	padding:60px 20px 20px 20px;
	margin:0;

	position:relative;

}

#panes div .caption b{
	
	line-height:24px;

}


.list_tuote{
	overflow:hidden;
	width:167px;
	height:206px;
	position:relative;
	float:left;
	margin:0 4px 4px 0;
	border:1px solid #305987;
	
	line-height:12px;
	font-size:11px;
	background:transparent url(../img/footer2.png) repeat-x center top;
}



.list_tuotekuva{
	overflow:hidden;
	width:150px;
	height:110px;
	float:left;
	display:block;
	margin:8px 0 6px 8px;
}


a.list_tuotelinkki, a.list_tuotelinkki:link, a.list_tuotelinkki:visited, a.list_tuotelinkki:active{

	font-size:11px;
	
	text-transform:uppercase;
	text-decoration: none;
}

select.cartoptio{
	font-size:10px;
	width:150px;
}