/* Global-tyylit */

body {
	background-color: #F0F5F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 20px 0;
	margin: 0 auto 0 auto;
	font-size: 12px;
}

table {
	border: 0;
}

td {
	vertical-align: top;
	border: 0;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #0C4E80;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #0C4E80;
	text-decoration: none;
	margin: 0;
	padding: 0;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #616161;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/*
	Print-related
*/
.noScreen {
	display:none;
}


/* Navigointipalkin tyylit */

table.navigointi {
	display: inline;
	font-size: 0px;
}

table.navigointi td {
	background-color: #EAD09D;
}

table.navigointi a {
	font-size: 11px;
	font-weight: normal;
	color: #544A12;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	padding: 38px 15px 5px 15px;
	background-image: url(img/navtausta.jpg);
	background-repeat: repeat-x;
	border-left: 1px solid #EED6A6;
	border-right: 1px solid #F4E2BE;
	margin: 0;
}

table.navigointi a:hover {
	background-image: url(img/navhover.jpg);
	text-decoration: none;

}


/*Yläviivan tyyli*/
td.ylaviiva {
	background-image: url(img/ylaviiva.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
	margin: 0;
	padding: 0;
	height: 3px;
	font-size: 0px;
	line-height: 3px;

}

/*Sivun otsikon tyylit*/
td.sivunotsikko {
	background-image: url(img/taivaskuva.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	vertical-align: bottom;
	background-color: #D4E1EA;
	padding: 0;
	margin: 0;

}

td.sivunotsikko h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 28px;
		font-weight: normal;
		margin: 0 0 20px 30px;
		color: #071E2F;
		text-decoration: none;
}


/*Sisällön tyylit*/
div.sisalto {
	font-size: 11px;
	font-weight: normal;
	color: #616161;
	text-decoration: none;
	margin: 0 0 20px 150px;
	padding: 15px 20px 20px 15px;
}

div.sisalto img.img_,
div.sisalto img.img_left,
div.sisalto img.img_right {
	padding: 2px;
	border: 1px solid #ABC2D4;
}

div.sisalto img.img_left {
	margin-right: 5px;
}

div.sisalto img.img_right {
	margin-left: 5px;
}

img.left {
	display: inline;
	margin: 5px 10px 2px 0;
	border: 1px solid #6D9CBF;
}


div.sisalto a {
	text-decoration: none;
	color: #0C4E80;
}

div.note {
	/* huomioboxi */
	font-family: Georgia, "Times New Roman";
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	margin: 0 0 10px 0;
	padding: 20px 10px 10px 10px;
	background: #FFFFFF url('img/note_bg.jpg') no-repeat scroll top right;
	}

	div.note a,
	div.note {
		color: #0C4E80;
	}

	div.note a b,
	div.note b {
		color: #EFBA46 !important;
	}


.hinta {
	font-size: 15px;
	font-weight: bold;
	color: #EFBA46;
}

/*Flash-palkin tyylit */
div#offerbanner {
	border-left: 5px solid #DBEDFB;
	height: 50px;
	background: #F2EEC1 url('img/flashpalkki.jpg') no-repeat scroll 4px top;
}

	div#offerbanner h1 {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 14px;
		font-weight: normal;
		color: #004F8A;
		padding: 3px 0 0 29px;
		margin: 0;
	}

	div#offerbanner h2 {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 18px;
		font-weight: normal;
		color: #A3832E;
		float: left;
		width: 270px;
		padding: 0 0 0 64px;
		margin: 0;
	}

	div#offerbanner h3 {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 18px;
		font-weight: normal;
		color: #004F8A;
		float: right;
		text-align: right;
		width:190px;
		padding: 0 19px 0 0;
		margin: 0;
	}

/*Kielivalinnan tyylit*/
td.kielivalinta {
	width: 190px;
	background-image: url('img/kielivalintatausta.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
	padding: 0;
	margin: 0;
}

td.kielivalinta a {
	font-size: 9px;
	font-weight: normal;
	color: #61829A;
	text-decoration: none;
	
}

	td.kielivalinta img {
		margin: 2px 10px 0 0;
	}

td.kielivalinta a:hover {
	color: #071E2F;
	text-decoration: none;
}

td.kielivalinta a.active {
	color: #071E2F;
}

/*
	Content frame
*/


td#content-frame {
	border-left: 1px solid #A5BFD2;
	background-image: url(img/harmaareuna.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}





/*Vasemmanpuoleisten nostojen tyylit*/
div.vasenreuna {
	padding-top: 50px;
	width: 163px;
	float: left;
	font-size: 9px;
}

div.vasenreuna h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 10px 35px 5px 30px;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
}

	div.vasenreuna h1.subnav {
		background-image: url(img/boxiharmaa.jpg);
		color: #4F4F4F;
		padding-top: 10px;
	}

	div.vasenreuna h1.pricebox {
		background-image: url(img/boxioranssi.jpg);
		color: #4F2519;
	}

	div.vasenreuna h1.bonusbox {
		background-image: url('img/boxisininen.jpg');
		color: #191C4F;
	}

div.vas_alas {
	height: 5px;
	margin: 0 19px 15px 19px;
	background-repeat:repeat-x;
	background-position: center top;
}

/* Subnav (Ensimmäinen nosto) */
div.vas_nosto {
	margin: 0 19px 0 19px;
	padding: 5px 0 5px 10px;
	text-align: left;
	background-image: url(img/boxiharmaatausta.jpg);
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.vas_nosto a {
	font: normal normal normal 11px/14px Georgia, "Times New Roman";
	display: block;

	color: #4F4F4F;
	text-decoration: none;
	background-image: url(img/nelio.jpg);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 10px;
}

	div.vas_nosto a:hover {
		text-decoration: underline;
	}

	div.vas_nosto a.current {
		color: #1a1a1a;
		text-decoration: underline;
	}

	/* third level marked with blockquote */
	div.vas_nosto blockquote {
		padding: 0;
		margin: 2px 0 1em 10px;
	}

	div.vas_nosto blockquote a {
		background-image: none;

	}


/*Toinen nosto*/
a div.vas_nosto2 {
	text-decoration: none;
}

div.vas_nosto2 {
	color: #4F2519;
	margin: 0 19px 0 19px;
	padding: 5px 0 5px 0;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(img/boxioranssitausta.jpg);
	background-color: #FCF0B4;
}

div.vas_nosto2 a {
	font-weight: normal;
	color: #4F2519;
	text-decoration: none;
}


/*Kolmas nosto*/
div.vas_nosto3 {
	margin: 0 19px 0 19px;
	padding: 5px 3px 5px 8px;
	text-align: left;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: normal;
	font-size: 10px;
	color: #191C4F;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('img/boxisininentausta.jpg');
	color: #191C4F;
	/*background-color: #EDF4FB;*/
	background-color: #E6F0FA;
	}

	/*
		Regular links
	*/
	div.vas_nosto3 a {
		font: normal normal normal 11px/14px Georgia, "Times New Roman", serif;
		display: block;
		color: #191C4F;
		text-decoration: none;
		margin: 0;
		}

	div.vas_nosto3 a:hover {
		text-decoration: underline;
	}

	/* links in list format */
	div.vas_nosto3 span.list a {
		background-image: url(img/nelio2.jpg);
		background-repeat: no-repeat;
		background-position: 1px center;
		padding: 0 0 0 10px;
		}



/*Oikeanpuoleisten nostojen tyylit */

td.oikeanosto {
	background-image: url(img/nostotausta.jpg);
	background-position: top left;
	border-right: 1px solid #A5BFD2;
	border-left: 1px solid #E5E5E5;
	padding: 0;
	margin: 0;

}

div.oikeakehys {
	width: 180px;
	height: 60px;
	}


/*Ensimmäinen nosto*/
td.oikeanosto h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: bottom;
	background-repeat: repeat-x;
	background-position: right top;
	padding: 25px 0 4px 10px;
	margin: 0;
	text-align: left;
}

td.oikeanosto h1 a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

}

td.oikeanosto h1 a:hover{
	text-decoration: none;

}

	td.oikeanosto h1.bokarum {
		background-color: #794434;
		background-image: url(img/ruskeatausta.jpg);
	}

	td.oikeanosto h1.paketresor {
		background-color: #7F894C;
		background-image: url(img/vihreatausta.jpg);
	}



div.oik_nosto1 {
	padding: 10px 1px 5px 4px;
	font-size: 9px;
	font-weight: normal;
	color: #616161;
	text-decoration: none;
	margin: 0;
	text-align: left;
	}

div.oik_nosto1 a {
	font-size: 11px;
	font-weight: normal;
	color: #7E2907;
	text-decoration: underline;
	line-height: 15px;
	}

img.left2 {
	margin: 0 5px 2px 1px;
	padding: 0;
	float: left;
	border: 1px solid #7A4535;
	}


/*Toinen nosto*/

.vihreareuna {
	border: 1px solid #6B7342;
	}

div.oik_nosto2 {
	padding: 10px;
	margin: 0 0 0 0;
	font-size: 9px;
	text-decoration: none;
	text-align: left;

	}

div.oik_nosto2 img {
	border: 1px solid #6B7342;
}

div.oik_nosto2 a {
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #6B7342;
	text-decoration: none;
	background-image: url(img/pallo.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0 0 0 15px;
	text-align: left;
	}

div.oik_nosto2 a:hover {
	text-decoration: underline;
	}



/*Alapalkin tyylit*/

td.alapalkki {
	background-image: url(img/alapalkki.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 10px;
	font-weight: normal;
	color: #567388;
	text-decoration: none;
}

/*
	Forms
*/

form table {
	margin-top: 1em;
	border-top: 1px solid #68A1CE;
}

form table th {
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	padding: 4px;
}

form table td {
	vertical-align: top;
	text-align: left;
	padding: 4px;
}

input,
textarea,
select {
	font-family: Verdana, Arial;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #999;
	width: 95%;
}

	input:focus,
	textarea:focus,
	select:hover {
		background-color: #F0F5FA;
		border: 1px solid #68A1CE;
	}

	tr.required th {
		color: red;
/*		background-color: #F7FADC;*/
	}

input.button,
input.checkbox,
input.radio {
	width: auto;
}

input.checkbox,
input.radio {
	border: 0;
}

input.button {
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #68A1CE;
	border: 1px solid #68A1CE;
}