html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: 100%;
}

body {
	background-color: #a5a5a5;
	background-repeat: no-repeat;
	text-align: center;
}

form {
	margin: 0px;
	padding: 0px;
	border: none;
}

table {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	margin: 0px;
}

table td {
	padding: 0px;
	margin: 0px;
	border: none;
}

div.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
}

p {
	margin-top: 0px;
	margin-bottom: 6px;
}

a {
	text-decoration: none;
}
a:link { color: #f1732e; }
a:active { color: #f1732e; }
a:visited { color: #f1732e; }
a:hover { text-decoration: underline; color: #f1732e; }

a img { border: none; }

/* sIFR tyylit */
span.otsikko1 {
	color: #F1732E;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

span.otsikko2 {
	color: #878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

span.otsikko3 {
	color: #777777;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/**/

.boksi {
	height: 700px;
	width: 900px;
	background: url(../images/tausta.jpg) no-repeat left top;
	margin: 0px auto;
}

.sisa_boksi {
	height: 621px;
	width: 860px;
	padding: 20px 20px 59px 20px;
	position: relative;
}

#language {
	position: absolute;
	right: 20px;
	top: 0px;
}

#language a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#language a:link { color: #fff; }
#language a:visited { color: #fff; }
#language a:active { color: #fff; }
#language a:hover { color: #fff; }
#language a.selected { font-weight: bold; }

.kayntikortti_boksi {
	height: 202px;
	width: 365px;
	background: url(../images/kayntikortti.gif) no-repeat left top;
	display: block;
	float: left;
	color: #4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	position: relative;
}

.kayntikortti_boksi_teksti_yla {
	text-align: left;
	padding-left: 15px;
	padding-top: 8px;
	padding-right: 15px;
}

.kayntikortti_boksi_teksti {
	text-align: left;
	padding-top: 0px;
}

.kayntikortti_boksi_linkki {
	text-align: left;
	padding-top: 5px;
}

.arrow {
	width: 5px;
	height: 7px;
	text-align: left;
	padding-top: 7px;
}

.kayntikortti_boksi_logo {
	position: absolute;
	left: 15px;
	bottom: 21px;
}

.nunnauuni_logo {
	position: absolute;
	left: 291px;
	top: 113px;
}

div.hr {
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #f0f0f0;
	margin-top: 8px;
	margin-bottom: 8px;
}

.nunnauuni_yla {
	height: 202px;
	width: 485px;
	background: url(../images/nunnauuni_yla.jpg) no-repeat left top;
	float: left;
	margin-left: 10px;
	position: relative;
	z-index: 300;
}

.nunnauuni_yla_otsikko {
	padding-left: 16px;
	padding-top: 11px;
	text-align:left;
}

.nunnauuni_yla_teksti {
	padding-left: 16px;
	padding-top: 5px;
	padding-right: 15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4c4c4c;
	line-height: 15px;
}

.nunnauuni_yla_teksti img {
	text-align: left;
	float: left;
	margin-right: 12px;
	margin-top: 3px;
	padding-bottom: 10px;
}

.nunnauuni_yla_teksti ul {
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	border: none;
}

.nunnauuni_yla_teksti ul li {
	margin-left: 18px;
}

.nunnauuni_yla_nappi {
	padding-left: 16px;
	text-align:left;
	position: absolute;
	bottom: 3px;
	left: 0px;
}

.nunnauuni {
	height: 370px;
	width: 365px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-bottom: 10px;
	position: relative;
}

.nunnauuni_kuva {
	height: 126px;
	width: 365px;
}

.nunnauuni_teksti {
	height: 244px;
	width: 365px;
	background-image: url(../images/nunnauuni_teksti.jpg);
}

.nunnauuni_teksti_otsikko {
	padding-left: 16px;
	padding-top: 11px;
	text-align:left;
}

.nunnauuni_teksti_teksti {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4c4c4c;
	text-align: left;
	padding-left: 16px;
	padding-right: 11px;
	padding-top: 5px;
	line-height: 13px;
}

.nunnauuni_teksti_nappi {
	padding-left: 16px;
	text-align:left;
	position: absolute;
	bottom: 3px;
	left: 0px;
}

.content {
	height: 370px;
	width: 485px;
	float: left;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 10px;
	position: relative;
}

.buttonit {
	height: 31px;
	width: 485px;
}

.button_tyyppi {
	height: 31px;
	width: 102px;
	background: url(../images/button_tyyppi.gif) no-repeat left top;
	display: block;
	float:left;
}

.button_nimi {
	height: 31px;
	width: 104px;
	background-image: url(../images/button_nimi.gif);
	display:block;
	float:left;
}

.button_luokka {
	height: 31px;
	width: 112px;
	background-image: url(../images/button_luokka.gif);
	display:block;
	float:left;
}

.button_hae {
	height: 31px;
	width: 137px;	/* 167 - 30 */
	padding-left: 30px;
	background-image: url(../images/button_hae.gif);
	display:block;
	float:left;
}

.content_teksti_main {
	background-color: #f6f6f6;
	height: 339px;
	width: 485px;
	position: relative;
}

.content_teksti_main #tekstinosto {
	background: url(../images/tekstinosto_bg.gif) no-repeat left top;
	position: absolute;
	left: 15px;
	top: 303px;
	width: 455px;
	height: 20px;
}

.content_teksti_main .tekstinosto a {
	color: #6e6e6e;
}

.searchresults {
	width: 485px;
	height: 339px;
	background: #f6f6f6 url(../images/bg_searchresults.gif) no-repeat left bottom;
	position: absolute;
	left: 0px;
	top: 31px;
	z-index: 100;
	visibility: hidden;
}

#product {
	z-index: 110;
}

.searchheader {
	width: 485px;
	height: 44px;
	background: url(../images/bg_searchheader.gif) repeat-x left top;
}

.searchheader .left {
	float: left;
	padding-top: 8px;
	padding-left: 15px;
}

.searchheader .left .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: capitalize;
}

.searchheader .right {
	float: right;
	text-align: right;
	padding-top: 8px;
	padding-right: 9px;
}

.searchheader .right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	line-height: 13px;
}

.searchheader .right a {
	text-decoration: underline;
	color: #fff;
}

.searchcontent {
	overflow: auto;
	width: 485px;
	height: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.searchcontent .inner {
	padding: 6px 15px 0px 15px;
	width: 438px;
}

.searchcontent p {
	color: #999;
}

.searchcontent .result {
	border: 1px solid #e9e9e9;
	overflow: hidden;
	background: #fff url(../images/search_arrow.gif) no-repeat right center;
}

.searchcontent .result_over {
	border: 1px solid #ffe4c1;
	background: #fff url(../images/search_arrow-hover.gif) no-repeat right center;
	overflow: hidden;
	cursor: pointer;
}

.searchcontent .result_left {
	float: left;
	width: 192px;
}

.searchcontent .result_right {
	float: right;
	padding: 7px 10px 7px 0px;
	width: 234px;
}

.searchcontent .result_right .innerbox {
	border-left: 1px solid #e9e9e9;
	padding: 6px 15px 0px 15px;
}

.searchcontent .result_right p {
	color: #4c4c4c;
	line-height: 15px;
}

.searchcontent .resultfooter {
	clear: both;
	height: 4px;
	border-top: 1px solid #d8d8d8;
}

.searchcontent .namebox {
	float: left;
	width: 90px;
	height: 18px;
	padding: 10px;
	background: url(../images/bg_namebox.gif) no-repeat left top;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
}

.searchcontent .result_image_container {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	margin: 0px;
	float: right;
}

.searchcontent .result_image_container td {
	width: 70px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
}

.searchcontent .result_image {
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
}
*>.searchcontent .result_image {
	width: auto;
	height: auto;
}

.searchcontent .result_link {
	float: left;
	text-align: center;
	padding: 10px 0px;
	width: 110px;
}

.searchcontent .result_link a {
	color: #999;
	text-decoration: underline;
}

.searchcontent .product {
	width: 485px;
	height: 293px;
	overflow: hidden;
}

.searchcontent .product_left {
	float: left;
	width: 202px;
	height: 293px;
	background-color: #fff;
}

.searchcontent .product_left .product_image_container {
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
}

.searchcontent .product_left .product_image_container td {
	width: 202px;
	height: 256px;
	vertical-align: middle;
	text-align: center;
}

.searchcontent .product_left .product_image_container td div {
	position: relative;
	left: 0px;
	top: 0px;
	width: 202px;
	height: 256px;
}

.searchcontent .product_left .product_image {
	position: absolute;
	left: 0px;
	top: 0px;
}

/*.searchcontent .product_left .product_image {
	width: 202px;
	height: 256px;
	max-width: 202px;
	max-height: 256px;
}
*>.searchcontent .product_left .product_image {
	width: auto;
	height: auto;
}*/

.searchcontent .product_left .links {
	padding: 6px 18px;
}

.searchcontent .product_left .links a {
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}
.searchcontent .product_left .links a.linkleft { float: left; }
.searchcontent .product_left .links a.linkright { float: right; }

.searchcontent .product_right {
	float: left;
	width: 282px;
	height: 293px;
	border-left: 1px solid #f0f0f0;
	background-color: #f6f6f6;
	color: #4c4c4c;
}

.searchcontent .product_right .innerbox {
	padding: 5px 12px 5px 11px;
}

.searchcontent .product_right p {
	color: #4c4c4c;
	line-height: 14px;
}

.searchcontent .product_right .hr {
	background-color: #e9e9e9;
}

.searchcontent .product_right .title {
	font-weight: bold;
	color: #475a84;
	text-transform: capitalize;
}

.searchcontent .product_right .title2 {
	font-weight: bold;
	color: #475a84;
}

.searchcontent .product_right table {
	width: 100%;
}

.searchcontent .product_right .icon {
	margin-top: 10px;
}

.searchcontent .product_right .pricebox {
	float: left;
	background: url(../images/bg_pricebox.gif) repeat-x left top;
	height: 20px;
	color: #475a84;
	margin-top: 10px;
}

.searchcontent .product_right .pricebox div {
	padding: 2px 5px 8px 5px;
}

.searchcontent .product_right .infobox {
	float: right;
	margin-top: 10px;
	width: 108px;
	height: 20px;
	background: url(../images/bg_infobox.gif) no-repeat left top;
}

.searchcontent .product_right .infobox div {
	padding: 2px 5px 8px 5px;
}

.searchcontent .product_right .infobox a {
	color: #475a84;
	text-decoration: none;
	font-weight: bold;
}

#ajaxloader {
	position: absolute;
	width: 220px;
	height: 19px;
	top: 190px;
	left: 132px;
	visibility: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	z-index: 150;
}

.content_teksti_list {
	background-image: url(../images/content_result_tausta.gif);
	background-color: #f6f6f6;
	height: 339px;
	text-align:left;
	width: 485px;
}

.content_teksti_list_yla {
	background-image: url(../images/result_ylapalkki.gif);
	background-color: #f6f6f6;
	height: 44px;
	width: 485px;
}

.content_teksti_list_sisa {
	padding-left: 16px;
	padding-top: 5px;
	text-align:left;
	height: auto;
	width: 437px;
}

.content_teksti_list_tuoteboksi {
	background-color:#FFFFFF;
	margin-bottom: 5px;
	height: 70px;
	width: 437px;
	border:1px solid #e9e9e9;
	border-bottom:1px solid #d8d8d8;
}

.list_tuoteboksi_vasen {
	height: 70px;
	width: 110px;
	text-align: left;
	display:block;
	float: left;
}

.list_tuoteboksi_vasen_ala {
	height: 32px;
	width: 110px;
}

.list_tuoteboksi_vasen_ala_sisa {
	text-align: center;
	padding-top: 10px;
}

.list_tuoteboksi_vasen_yla {
	background-image:url(../images/result_nimiboksi.gif);
	height: 38px;
	width: 110px;	
}

.list_tuoteboksi_vasen_yla_sisa {
	text-align: center;
	padding-top: 12px;
}

.list_tuoteboksi_keski {
	height: 70px;
	width: 100px;
	text-align: left;
	float: left;
	display: block;
}

.list_tuoteboksi_viiva {
	height: 56px;
	width: 1px;
	background-color: #e9e9e9;
	margin-top: 7px;
	float: left;
	display:block;
}

.list_tuoteboksi_tiedot {
	height: 70px;
	width: 199px;
	float: left;
	display:block;
}

.list_tuoteboksi_tiedot_sisa {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	padding-left: 7px;
	padding-top: 17px;
}

.list_tuoteboksi_nuoli {
	background-image:url(../images/result_nuoli.gif);
	height: 70px;
	width: 20px;
	float:left;
	display: block;
}

.list_yla_otsikko {
	height: 44px;
	width: 380px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 15px;
	padding-top: 7px;
}

.footer {
	background-image: url(../images/footer.gif);
	height: 31px;
	width: 860px;
	display:block;
	float:left;
	text-align:left;
}

.footer_osoite {
	padding-left: 16px;
	padding-top: 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	text-align: left;
	display: block;
	float: left;
}

.footer_linkki {
	padding-top: 7px;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F1732E;
	text-align: left;
	text-decoration:none;
	float: left;
}

.nunnauuni_linkki {
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	text-align: right;
	text-decoration:none;
}

.nunnauuni_linkki a { color: #4c4c4c; }

input.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	background-color: #f6f5f5;
	border: none;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	padding: 2px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	border: 1px solid #999;
	background-color: #f6f5f5;
	padding-bottom: 1px;
	margin: 1px 4px;
}

.button_hae input.textfield {
	width: 106px;
	margin-top: 5px;
}

.button_hae input.submit {
	width: 10px;
	height: 10px;
}

#yhteyslomake input.textfield {
	border: 1px solid #999;
	padding-top: 1px;
	margin: 1px 4px;
}

#yhteyslomake textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	background-color: #f6f5f5;
	border: 1px solid #999;
	padding: 2px;
	overflow: auto;
	width: 329px;
}

#yhteyslomake input.send {
	background-color: #f6f5f5;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

#yhteyslomake {
	width: 365px;
	height: 580px;
	background: url(../images/bg_contactform.gif) no-repeat left top;
	z-index: 500;
	position: absolute;
	color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	visibility: visible;
	left: 20px;
	top: -600px;
}

.yhteyslomake_boksi_logo {
	text-align: left;
	position: absolute;
	bottom: 21px;
	left: 15px;
}

#yhteyslomake a {
	text-decoration: underline;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {z-index:200; display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:31px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0;} /* move the link text off screen */

/* mouseoverit */
.menu li.p1 {width:101px; background:url(../images/button_tyyppi_over.gif) no-repeat;}
.menu li a#tyyppi {width:101px; background:url(../images/button_tyyppi.gif) no-repeat;}

.menu li.p2 {width:104px; background:url(../images/button_nimi_over.gif) no-repeat;}
.menu li a#nimi {width:104px; background:url(../images/button_nimi.gif) no-repeat;}

.menu li.p3 {width:112px; background:url(../images/button_luokka_over.gif) no-repeat;}
.menu li a#luokka {width:112px; background:url(../images/button_luokka.gif) no-repeat;}

.menu li.p_palvelut {width:143px; background:url(../images/lue_lisaa.gif) no-repeat;}
.menu li a#palvelut {width:143px; background:url(../images/lue_lisaa.gif) no-repeat;}

.menu li.p_nunnauuni {width:65px; background:url(../images/lue_lisaa2.gif) no-repeat;}
.menu li a#nunnauuni {width:65px; background:url(../images/lue_lisaa2.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#tyyppi:hover, .menu li:hover a#tyyppi {background:transparent;}
.menu li a#nimi:hover, .menu li:hover a#nimi {background:transparent;}
.menu li a#luokka:hover, .menu li:hover a#luokka {background:transparent;}
.menu li a#palvelut:hover, .menu li:hover a#palvelut {background:transparent;}
.menu li a#nunnauuni:hover, .menu li:hover a#nunnauuni {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub-tyyppi {left:0; top:31px; background:#fff; white-space:nowrap; width:101px; height:auto; text-align:left;}
.menu :hover ul.sub-tyyppi li {background:url(../images/tyyppi_button_slide.gif) repeat-x; display:block; height:20px; position:relative; float:left; width:101px;}
.menu :hover ul.sub-tyyppi li a {display:block; font-size:11px; height:20px; width:101px; text-indent: 5px; line-height:20px; color:#4c4c4c; text-decoration:none;}
.menu :hover ul.sub-tyyppi li a:hover {background:url(../images/tyyppi_button_slide_mo.gif) repeat-x; color:#4c4c4c;}

/*.menu :hover ul.sub-nimi {left:0; top:31px; background:#fff; white-space:nowrap; width:120px; height:120px; overflow-x:hidden; overflow-y: scroll; text-align:left;}*/
.menu :hover ul.sub-nimi {left:0; top:31px; background:#fff; white-space:nowrap; width:121px; height:120px; overflow:auto; overflow-x:hidden; text-align:left;}

.menu :hover ul.sub-nimi li {background:url(../images/tyyppi_button_slide.gif) repeat-x; display:block; height:20px; position:relative; float:left; width:104px;}
.menu :hover ul.sub-nimi li a {display:block; font-size:11px; height:20px; width:104px; text-indent: 5px; line-height:20px; color:#4c4c4c; text-decoration:none; text-transform: capitalize;}
.menu :hover ul.sub-nimi li a:hover {background:url(../images/tyyppi_button_slide_mo.gif) repeat-x; color:#4c4c4c;}

.menu :hover ul.sub-luokka {left:0; top:31px; background:#fff; white-space:nowrap; width:112px; height:auto; text-align:left;}
.menu :hover ul.sub-luokka li {background:url(../images/tyyppi_button_slide.gif) repeat-x; display:block; height:20px; position:relative; float:left; width:112px;}
.menu :hover ul.sub-luokka li a {display:block; font-size:11px; height:20px; width:112px; text-indent: 5px; line-height:20px; color:#4c4c4c; text-decoration:none;}
.menu :hover ul.sub-luokka li a:hover {background:url(../images/tyyppi_button_slide_mo.gif) repeat-x; color:#4c4c4c;}

.menu :hover ul.sub-palvelut {left:0; top:20px; background:#fff; white-space:nowrap; width:143px; height:auto; text-align:left;}
.menu :hover ul.sub-palvelut li {background:url(../images/tyyppi_button_slide.gif) repeat-x; display:block; height:20px; position:relative; float:left; width:143px;}
.menu :hover ul.sub-palvelut li a {display:block; font-size:11px; height:20px; width:143px; text-indent: 5px; line-height:20px; color:#4c4c4c; text-decoration:none;}
.menu :hover ul.sub-palvelut li a:hover {background:url(../images/tyyppi_button_slide_mo.gif) repeat-x; color:#4c4c4c;}

.menu :hover ul.sub-nunnauuni {left:0; top:20px; background:#fff; white-space:nowrap; width:143px; height:auto; text-align:left;}
.menu :hover ul.sub-nunnauuni li {background:url(../images/tyyppi_button_slide.gif) repeat-x; display:block; height:20px; position:relative; float:left; width:143px;}
.menu :hover ul.sub-nunnauuni li a {display:block; font-size:11px; height:20px; width:143px; text-indent: 5px; line-height:20px; color:#4c4c4c; text-decoration:none;}
.menu :hover ul.sub-nunnauuni li a:hover {background:url(../images/tyyppi_button_slide_mo.gif) repeat-x; color:#4c4c4c;}