.clear:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.clear {
display:inline-block;
}

html[xmlns] .clear {
display:block;
}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #FFFFFF;
	margin: auto auto;
}
h1 {
	font: normal normal bold 14pt arial,helvetica,sans-serif;
}
h2 {
	font: normal normal bold 12pt arial,helvetica,sans-serif;
}
h3 {
	font: normal normal bold 10pt arial,helvetica,sans-serif;
}
hr {
display: none;
float: none;
clear: left;
}
/* */
input.nappi { display: none; }
input.normal { display: none; }
#sivu {	margin: auto auto; }
#yleishaku { display: none; }
/*
#logo {
	width: 100%;
	border-bottom: 2px solid #333;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}*/
#logo img {
	padding: 0px 0px 0px 10px;
}

#logo h1 {
display: none;
}
#palkki { display: none; }
#alapalkki {display: none; }
#nav { display: none; }
#haku { display: none; }

#footer { }
#footer #linkit { display: none; }
#footer #habita {
	font: normal normal bold 10pt arial,Helvetica,sans-serif;
	float: right;
	margin: 0px 10px 10px 20px;
	padding: 0px;
	clear: both;
}



/* */
#kohdenimi {
	font: normal normal bold 12pt arial,helvetica,sans-serif;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	color: #333;
float: left;
}
#main3, #main4 {
	color: #333;
	margin: 0% 0% 0.5% 0%;
	width: 100%;
	float: left;
}
#main3 #kohdenumero label,
#main3 #sijainti label,
#main3 #huone-erittely label,
#main3 #pinta-ala label,
#main4 #kohdenumero label,
#main4 #sijainti label,
#main4 #huone-erittely label,
#main4 #pinta-ala label {
	font: normal normal bold 100% arial,helvetica,sans-serif;
	padding: 0%;
	width: 100%;
	display: block;
}
#main4b #kohdenumero label,
#main4b #sijainti label,
#main4b #pinta-ala label,
#main4b #myyntihinta label {
	font: normal normal bold 100% arial,helvetica,sans-serif;
	padding: 0% 0% 0.5% 0%;
	width: 20%;
	float: left;
	display: block;
}
#main4b #kohdenumero span,
#main4b #sijainti span,
#main4b #pinta-ala span,
#main4b #myyntihinta span,
#main4c #kohdenumero span,
#main4c #sijainti span,
#main4c #pinta-ala span,
#main4c #myyntihinta span  {
	font: normal normal bold 100% arial,helvetica,sans-serif;
	padding: 0% 0% 0.5% 0%;
	width: 40%;
	float: left;
	display: block;
}
#main4b #kohdenumero, #main4c #kohdenumero,
#main4b #sijainti, #main4c #sijainti,
#main4b #pinta-ala, #main4c #pinta-ala,
#main4b #myyntihinta, #main4c #myyntihinta {
	font: normal normal bold 100% arial,helvetica,sans-serif;
	padding: 0% 0% 0.5% 0%;
	width: 50%;
	float: left;
	display: block;
}
#main4b #huone-erittely label {
	font: normal normal bold 100% arial,helvetica,sans-serif;
	padding: 0% 0% 0% 0%;
	width: 100%;
	display: block;
}
#main3 #kohdenumero span,
#main3 #sijainti span,
#main3 #huone-erittely span,
#main3 #pinta-ala span,
#main4 #kohdenumero span,
#main4 #sijainti span,
#main4 #huone-erittely span,
#main4 #pinta-ala span {
font: normal normal normal 100% arial,helvetica,sans-serif;
}
#main3 #pinta-ala sup,
#main4 #pinta-ala sup,
#main4b #pinta-ala sup {
font: normal normal normal 6pt arial,helvetica,sans-serif;
}
#thumbnails {
display: none;
}
#tarkemmattiedot {
width: 100%;
margin: 0%;
padding: 0% 0% 1% 0%;

}
#tarkemmattiedot #otsikko {
font: normal normal bold 12pt arial,helvetica,sans-serif;
padding: 1% 0% 0.5% 0%;
border-bottom: 2px solid #999;
width: 100%;
float: left;
}
#tarkemmattiedot #otsikko span {
padding: 0% 0% 0% 0%;
}
#tarkemmattiedot ul {
list-type-style: none;
margin: 1% 0% 0% 0%;
padding 0px;
width: 100%;
}
#tarkemmattiedot ul li {
display: block;
float: left;
width: 95%;
margin: 0.5% 0% 0% 0%;
padding: 0% 1% 0.5% 5%;
border-bottom: 1px solid #aaa;
}
#tarkemmattiedot #tiedot1 ul li.rowa,
#tarkemmattiedot #tiedot1 ul li.rowb,
#tarkemmattiedot #tiedot2 ul li.rowa,
#tarkemmattiedot #tiedot2 ul li.rowb {
float: left;
display: inline;
text-align: left;
padding: 0% 1% 0.5% 0%;
}
#tarkemmattiedot #tiedot1,
#tarkemmattiedot #tiedot2 {
width: 50%;
padding: 0%;
margin: 0%;
float: left;
}
#tarkemmattiedot #tiedot1 strong,
#tarkemmattiedot #tiedot2 strong {
width: 30%;
font-size: 10pt;
float: none;
padding: 0% 0% 0% 1%;
margin: 0% 0% 0% 0%;
}
#tarkemmattiedot #tiedot1 span,
#tarkemmattiedot #tiedot2 span {
width: 70%;
float: none;
display: block;
padding: 0% 0% 0% 1%;
border-bottom: 1% solid transparent;
}
#tarkemmattiedot #tiedot2 ul li.rowc {
border: 1px solid #ccc;
margin: 5% 0% 1% 0%;
padding: 0% 0% 1% 0%;
}
#tarkemmattiedot #tiedot2 ul li.rowb li.kuva {
display: none;
}
#tarkemmattiedot #tiedot2 ul li.rowc ul.yhteys li {
border-bottom: 0px none;
}
#tarkemmattiedot #tiedot2 ul li.rowc a {
color: black;
}
#tarkemmattiedot #tiedot2 ul li.rowc a:after {
   content: " (" attr(href) ") ";
}
#tarkemmattiedot #tiedot2 ul li.rowc a[href^="/"]:after {
  content: " (http://www.habita.fi" attr(href) ") ";
 }
 
#additionalinformation {
	float: right;
	width: 50%
	
}
 
/* */ 
#esite {
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#esite ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#esite #main4c {
	width: 100%;
	float: left;
}
#esite #main4c #main4 #lisatietoja {
	width: 100%;
	margin: 0px 0px 20px 0px;
}
#kohdenumero, #sijainti,
#huone-erittely, #pinta-ala,
#kohdenumero, #sijainti,
#huone-erittely, #pinta-ala  {
	font: normal normal bold 10pt arial,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	width: 50%;
	float: left;
}

#kohdenumero {
	margin-top: 20px;
}
#huoneistontiedot {
	width: 100%;
	margin: 0% 0% 1% 0%;
}
#kiinteistontiedot {
	width: 100%;
	margin: 0% 0% 1% 0%;
	padding: 0;
}
#yhtiontiedot, #hintavastiketiedot {
	width: 100%;
	margin: 0% 0% 1% 0%;
	padding: 0;
}
#yhtiontiedot #otsikko,
#kiinteistontiedot #otsikko,
#hintavastiketiedot #otsikko {
float: left;
width: 100%;
	margin: 0px;
	font: normal normal bold 12pt arial,helvetica,sans-serif;
	padding: 4px 0px 10px 0px;
	border-bottom: 2px solid #333;
}
#huoneistontiedot ul,
#yhtiontiedot ul,
#kiinteistontiedot ul,
#hintavastiketiedot ul {
	margin: 0px 0px 0px 0px;
	width: 100%;
float: left;
}
#huoneistontiedot #otsikko {
	margin: 0;
	display: block;
	font: normal normal bold 12pt arial,helvetica,sans-serif;
	padding: 4px 0px 10px 0px;
	border-bottom: 2px solid #333;
	float: left;
	width: 100%;
}
#huoneistontiedot ul li {
	padding: 0.5% 0% 0% 0%;
	width: 100%;
	float: left;
}
#yhtiontiedot ul li,
#kiinteistontiedot ul li,
#hintavastiketiedot ul li {
	padding: 0.5% 0% 0.5% 0%;
	width: 100%;
float: left;
}
#huoneistontiedot strong,
#yhtiontiedot strong,
#kiinteistontiedot strong,
#hintavastiketiedot strong {
	width: 40%;
	display: block;
float: left;
}
#huoneistontiedot span,
#yhtiontiedot span,
#kiinteistontiedot span,
#hintavastiketiedot span {
	display: block;
	width: 60%;
	float: left;
}
#valittajantiedot {
	margin: 10px 0px 0px 0px;
	width: 100%;
}

#valittajantiedot a {
	display: none;
}
#valittajantiedot #otsikko {
	color: black;
	width: 100%;
	float: left;
	border-bottom: 2px solid #333;
	font: normal normal bold 12pt arial,helvetica,sans-serif;
}
#valittajantiedot ul.yhteys {
	color: black;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#valittajantiedot li.myyja,
#valittajantiedot li.gsm,
#valittajantiedot li.email {
color: black;
float: right;
width: 60%;
margin: 0.5% 0% 0% 0%;
}
#valittajantiedot ul.yhteys strong {
	width: 30%;
	display: block;
	float: left;
}

/* */




#main2 { background-color: #FFF; width: 100%; }
#main2 #contentleft { }
#main2 h2 {
	font: normal normal bold 12pt arial,helvetica,sans-serif;
	color: #1D567C;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 8px 5px;
	background: #fff url("/img/dots.gif") repeat-x bottom left;
}
#main2 p {
	margin: 0px;
	padding: 10px 10px 0px 5px;
	font: normal normal normal 13px arial,helvetica,sans-serif;
}
#main2 #contentleft #kohdetyyppi {
	float: left;
	width: 250px;
	margin: 0px 20px 0px 0px;
}
#main2 #contentleft #kohdetyyppi input {
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
#main2 #contentleft #kohdetyyppi label {
	font: normal normal bold 10.5pt arial,helvetica,sans-serif;
	color: #1D567C;
}
#main2 #contentleft #kohdetyyppi label.small {
	font: normal normal bold 9pt Arial,helvetica,sans-serif;
	margin: 20px 0px 0px 0px;
	color: #1D567C;
}
#main2 #contentleft #kohdetyyppi li.small {
	padding: 0px;
	float: none;
	margin: 20px 0px 5px 0px;
}
#main2 #contentleft #kohdetyyppi ul {
	float: left;
	list-style-type:none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#main2 #contentleft #kohdetyyppi li {
	padding: 0px;
	float: none;
	margin: 0px 0px 5px 0px;
}
#main2 #contentleft #kohdealueet {
	width: 300px;
	float: left;
}
#contentleft #kohdealueet ul.col1 {
	float: left;
	margin: 10px 0px 0px 5px;
	padding:0px;
	list-style-type:none;
	width:140px;
}
#main2 .apartments_by_province {

}
#contentleft #kohdealueet ul.col2 {
	float: none;
	margin: 10px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	width:140px;
}
/* Toimitilat > */
#toimitilaalueet ul,
#vuokraaalueet ul {
	float: left;
	margin: 10px 0px 20px 5px;
	padding:0px;
	list-style-type:none;
	float: left;
}
#toimitilaalueet ul li,
#vuokraaalueet ul li {
	float: left;
	width: 150px;
	margin: 0px 10px 5px 0px;
}
#toimitilaalueet a,
#toimitilaalueet a:visited,
#vuokraaalueet a,
#vuokraaalueet a:visited {
	font: normal normal bold 10.5pt arial,helvetica,sans-serif;
	text-decoration:none;
	background: #fff url("/img/dots.gif") repeat-x bottom left;
	color: #1D567C;
}
#toimitilaalueet a.itilat,
#toimitilaalueet a.tilat:visited,
#vuokraaalueet a.tilat,
#vuokraaalueet a.tilat:visited {
	margin: 0px 0px 0px 5px;
	padding: 11px 100px 16px 40px;
	width: 380px;
	text-decoration: none;
	color: #fff;
	background: #fff url("/img/bg_toimitilat_off.jpg") no-repeat top left;
}
#toimitilaalueet a.tilat:hover,
#toimitilaalueet a.tilat:active,
#vuokraaalueet a.tilat:hover,
#vuokraaalueet a.tilat:active {
	text-decoration: underline;
	background: #fff url("/img/bg_toimitilat_over.jpg") no-repeat top left;
}
/* > Toimitilat */

#contentleft #kohdealueet ul.col1 li,
#contentleft #kohdealueet ul.col2 li { 
	margin: 0px 0px 5px 0px;
}
#main2 #contentleft #kohdealueet a,
#main2 #contentleft #kohdealueet a:visited {
	font: normal normal bold 10.5pt arial,helvetica,sans-serif;
	text-decoration:none;
	background: #fff url("/img/dots.gif") repeat-x bottom left;
	color: #1D567C;
}
#main2 #contentleft #kohdealueet a:hover, #main2 #contentleft #kohdealueet a:active {
	background: none;
	color: #062839;
}
#main2 #contentright {
	float: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear: none;
}
/* etusivu > */
intro {
	float: left;
	margin: 0px;
	padding: 0px;
}
#intro #introteksti {
	margin: 0px 20px 0px 15px;
	padding: 0px;
	float: left;
	width: 450px;
}
#intro #introteksti h1 {
	font: normal normal normal 14.5pt arial,helvetica,sans-serif;
	color: #1D567C;
	margin: 0px 0px 0px 0px;
	background: #fff url("../img/dots.gif") repeat-x bottom left;
}
#intro #introteksti p {
	padding: 0px;
	margin: 10px 0px 0px 6px;
}
#habitaimg {
	display: none;
}
#introkuva {
	display: none;
}
#osiot {
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
#osiot ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#osiot {
	font: normal normal normal 100% arial,helvetica,sans-serif;
	color: #134D6B;
}
#osiot ul li {
	margin: 5% 0% 0% 0%;
	padding: 0% 0% 5% 0%;
	border-bottom: 2px solid #BECFDC;
	width:100%;
}
#osiot a,
#osiot a:hover,
#osiot a:active,
#osiot a:visited {
	display: block;
	content: " (" attr(href) ") ";
	font: normal normal bold 120% arial,helvetica,sans-serif;
	color: #134D6B;
	text-decoration:none;
}
#osiot a[href^="/"]:after {
	text-decoration: underline;
	font: normal normal normal 90% arial,helvetica,sans-serif;
	content: "(http://www.habita.fi" attr(href) ") ";
   }
/* > etusivu */
/* kohdehaku > */
#dhtmltooltip{
	position: absolute;
	left: 200px;
	padding: 3px 5px 3px 5px;
	background-color: #1D567C;
	visibility: hidden;
	z-index: 100;
	font: normal normal bold 10.5pt arial,helvetica,sans-serif;
	color: #FFF;
	-moz-border-radius: 5px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* > kohdehaku */


/* BEGIN snippet nav */
#snippet_navi {
	display: none;
}

/* END snippet nav */
/* Ota yhteytta & Olen myymassa> */
#yhteydenotto {
}
#yhteydenotto h1,
#olenmyymassa h1 {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font: normal normal normal 14.5pt arial,helvetica,sans-serif;
	background: #fff url("/img/dots.gif") repeat-x bottom left;
}

#yhteydenotto h1,
#olenmyymassa h3, 
#rekry h1,
#palaute h1,
#toimistot h3  {
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 8px 5px;
	background: #fff url("/img/dots.gif") repeat-x bottom left;
	font: normal normal bold 12pt arial,helvetica,sans-serif;
}
#yhteydenotto p,
#olenmyymassa p,
#rekry p,
#palaute p {
	width: 500px;
}
#yhteydenotto ul,
#olenmyymassa ul,
#rekry ul,
#palaute ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#yhteydenotto #aikomus ul li,
#olenmyymassa ul li,
#rekry ul li,
#palaute ul li {
	float: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#yhteydenotto #yhteystiedot ul li {
	margin: 0px 0px 2px 0px;
}
#yhteydenotto #lisatietoja ul li {
	margin: 0px 0px 2px 0px;
}
#yhteydenotto #aikomus label {
	float: none;
	display: inline;
	margin: 0px 0px 0px 0px;
}
#palaute label {
	display: block;
	width: 120px; 
}

#palaute #tiedot ul li {
margin: 0px 0px 10px 0px;
}
#palaute #tiedot input {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
}
#palaute #tiedot label {
margin: 0px 0px 0px 20px;
	float: none;
	display: block;
	width: 390px;
}
#palaute #muuttiedot textarea {
margin: 0px 0px 0px 10px;
}
#yhteydenotto #aikomus input {
	float: left;
	margin: 0px 10px 0px 10px;
	padding:0px;
}
#yhteydenotto label,
#olenmyymassa label,
#rekry label {
	display: block;
	width: 120px; 
	float: left;
}
#rekry #muuttiedot h3 {
	width: 100%;
	float: left;
}
#rekry #liite li, #rekry #liite ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#rekry #liite {
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
}
#rekry #liite label {
	float: left;
	margin: 10px 0px 0px 0px;
	width: 90px;
}
#rekry #yhteystiedot {
	width: 420px;
	float: left;
}
#nappi {
	margin: 10px 10px 10px 10px;
}
/* > Otayhteytta & olenmyymassa */
/* Toimistot > */
#toimistot {
	display: block;
	padding: 0px 0px 10px 0px;
}
#toimistot a, #toimistot a:visited {
	font: normal normal bold 9pt Arial,helvetica,sans-serif;
	text-decoration:none;
	background: #F1F5F8; url("/img/dots.gif") repeat-x bottom left;
	color: #1D567C;
	display: block;
	background-color: #F1F5F8;
	border: 1px solid #F1F5F8;
	padding: 4px;
	-moz-border-radius: 5px;
	text-align: center;
}
#toimistot a:hover, #toimistot a:active {
	background: #fff none;
	border: 1px solid #F1F5F8;
	padding: 4px;
}

#toimistot div.toimistot_row_odd {
	display: block;
	width: 260px;
	margin: 5px 0px 0px 10px;
	float: left;
	-moz-border-radius: 5px;
}
#toimistot div.toimistot_row_even {
	display: block;
	float: left;
	width: 260px;
	margin: 5px 0px 0px 10px;
	-moz-border-radius: 5px;
}
#toimistot div.info_row {
	padding: 10px;
	font: normal normal normal 10.5pt arial,helvetica,verdana;
	margin: 0px 0px 10px 0px;
	background-color: #F1F5F8;
}
#toimistot div.tiedot_row_odd {
	display: block;
	width: 275px;
	margin: 0px 10px 5px 0px;
	padding: 5px;
	float: left;
	background-color: #EFF3F6;
}
#toimistot div.tiedot_row_even {
	display: block;
	width: 275px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	float: left;
	background-color: #EFF3F6;
}
#toimistot div.tiedot_row_even ul,
#toimistot div.tiedot_row_odd ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#toimistot div.tiedot_row_even ul li.kuva,
#toimistot div.tiedot_row_odd ul li.kuva {
	width: 100px;
	margin: 0px 10px 10px 0px;
	float: left;
	height: 150px;
	display: block;
}
#toimistot a.takasin, #toimistot a.takasin:visited {
	width: 100px;
	display: block;
	background-color: #fff;
	text-decoration: underline;
	margin: 5px 0px 0px 0px;
}

#toimistot a.takasin:hover, #toimistot a.takasin:active {
	text-aling: left;
	text-decoration: none;
	margin: 5px 0px 0px 0px;
}

/* > Toimistot */
div.habitalkvnav {
	float: none;
	width: 100%;
	display: block;
	margin: 10px 0px 40px 0px;
}
div.habitalkvnav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div.habitalkvnav ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
div.habitalkvnav a, div.habitalkvnav a:visited {
	color: #1D567C;
	text-decoration: none;
	font: normal normal bold 10.5pt arial,helvetica,verdana;
}

/* Subnavi > */
#subcontent {
	margin: 0px 0px 10px 590px;
	display: block;
	float: left;
	width: 280px;
}
#subnav {
display: none;
}
/
* > Subnavi */

/* frontpage snippet & moofx sets */
#container {
    text-align: left;
    margin: 0 auto;
}
.stretch {
    background: none !important;
    background: #FFFFFF;
    margin: 0 auto;
}

.snippet_content {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
}
.snippet_spacer {
    height: 27px;
    margin: 0;
    padding: 0;    
}

a.snippet_header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}
a.snippet_header:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: underline;
}
/* NEWS */

#news {
float: left;
}
#news #container {
margin: 0px 0px 0px 0px;
width: 290px;
}
#news #container #content {
padding: 1px 0px 0px 0px;
width: 290px;
}
#news #container #content h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10.5pt;
    text-transform: uppercase;
    color: #eee;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    float: left;
    background: #1D567C url("/img/bg_button.jpg") repeat-x top right;
    width: 290px;
    padding: 5px;
    border: 1px solid #1D567C;
}

#news #container #content h3.s1 {
    color: #eee;
}

#news #container #content h3.s2 {
}

#news #container #content h3.s3 {
}
#news #container #content h3 span.date {
color: #eee;
    font: normal normal normal 8pt arial,helvetica,sans-serif;
    float: right;
    margin: -12px 5px 0px 0px;
}
#news #container #content div.sc1 {
    color: #1D567C;
    width: 280px;
    background-color: #EFF3F5;
    border-bottom: 1px solid #DBE3E8;
    padding: 10px 6px 8px 6px;
}

#news #container #content div.sc2 {
    display: block;
    color: #1D567C;
    width: 280px;
    background-color: #EFF3F5;
    border-bottom: 1px solid #DBE3E8;
    padding: 10px 6px 8px 6px;
}

#news #container #content div.sc3 {
    display: block;
    color: #1D567C;
    width: 280px;
    background-color: #EFF3F5;
    border-bottom: 1px solid #DBE3E8;
    padding: 10px 6px 8px 6px;
}

div.ruler {
display: block;
    margin: 0;
    border: 0;
    padding: 0;
    
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CACACA;
}

div.ruler_dark {
    margin: 0;
    border: 0;
    padding: 0;
    
    height: 1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
}

/* kohdetulokset > */
ul.row-id {
	list-style-type:none;
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	width:100%;
	border-bottom: 1px solid #D2DEE6; 
	}
	ul.row-id li.sijainti { float: left; padding: 0px; margin: 0px 0px 0px 10%; width:60%; display: block;}
	ul.row-id li.pintaala { display:block; float: left; margin: 0px; width:10%; }
	ul.row-id li.tyyppi { display:block; float: left; margin: 0px; width:10%; }
	ul.row-id li.hinta { display:block; float: left; margin: 0px; width:10%; }
	ul.row-id a, ul.row-id a:visited { font: normal normal bold 9pt arial,Helvetica,sans-serif; text-decoration:none; color: #0B445F; text-transform:capitalize;}
	ul.row-id a:hover, ul.row-id a:active { font: normal normal bold 9pt arial,Helvetica,sans-serif;	text-decoration:underline; }

ul.row-1 { 
	list-style-type:none;
	float: left;
	font: normal normal normal 8pt arial,Helvetica,sans-serif;
	background: #F1F5F8 url("/img/bg2.jpg") repeat-x top right;
	padding: 0px;
	margin: 0px;
	width:100%;
	border-bottom: 1px solid #D2DEE6; 
}
	ul.row-1 li { color: #666666; margin:0px; padding: 4px 0px 4px 0px; }
	ul.row-1 li.kohdekuva { width: 10%; float: left; padding: 15px 0px; display: block; }
	ul.row-1 li.kohdekuva img { border: 0px none; }
	ul.row-1 li.sijainti { color: #0B445F; font: normal normal bold 8pt arial,Helvetica,sans-serif; width:15%; float: left; padding: 15px 0px 0px 0px; display: block; }
	ul.row-1 li.osoite a, ul.row-1 li.osoite a:visited { text-decoration: underline; font: normal normal bold 13px Arial,Helvetica,sans-serif; color: #0B445F;}
	ul.row-1 li.osoite a:hover, ul.row-1 li.osoite a:active { text-decoration: none; color:#147EB1;}
	ul.row-1 li.osoite { width: 45%; float: left;  padding: 10px 0px; display: block }
	ul.row-1 li.pintaala { color: #0B445F; width: 10%; float: left; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block }
	ul.row-1 li.tyyppi { color: #0B445F; width: 10%; float: left; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block }
	ul.row-1 li.hinta { color: #0B445F; width: 10%; float: none; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block }

ul.row-2 {
	color: #666666;
	list-style-type:none;
	float: left;
	font: normal normal normal 9pt arial,Helvetica,sans-serif;
	background: #FFF none;
	padding: 0px;
	margin: 0px;
	width:100%;
	border-bottom: 1px solid #D2DEE6; 
	}
	ul.row-2 li { margin:0px; padding: 4px 0px 4px 0px; }
	ul.row-2 li.kohdekuva { width: 10%; float: left; padding: 15px 0px; display: block;}
	ul.row-2 li.kohdekuva img { border: 0px none;}
	ul.row-2 li.sijainti { font: normal normal bold 8pt arial,Helvetica,sans-serif; color: #0B445F; font-weight: bold; width:15%; float: left; padding: 15px 0px 0px 0px; display: block; }
	ul.row-2 li.osoite a, ul.row-1 li.osoite a:visited { text-decoration: underline; font: normal normal bold 13px Arial,Helvetica,sans-serif; color: #0B445F; display: block; }
	ul.row-2 li.osoite a:hover, ul.row-1 li.osoite a:active { text-decoration: none; color: #147EB1;}
	ul.row-2 li.osoite { width: 45%; float: left;  padding: 10px 0px; display: block; }
	ul.row-2 li.pintaala { color: #0B445F; width: 10%; float: left; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block; }
	ul.row-2 li.tyyppi { color: #0B445F; width: 10%; float: left; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block; }
	ul.row-2 li.hinta { color: #0B445F; width: 10%; float: none; padding: 15px 0px 10px 0px; font: normal normal normal 8pt arial,Helvetica,sans-serif; display: block; }

div.apartments_target_row span.display {
display: block;
float: left;
color: #0B447E;
margin: 5px 0px 0px 0px;
}


div.apartments_by_province a.haku {
	display: none;
}

#pagination {
	display: none;
}

ul.yhteys li.kuva {
	/*margin: 10px 0px 10px 0px;*/
	margin: 0.5% 0% 0% 0%;
	display: block;
	height: 150px;
	width: 40%;
	float: left;
	clear: right;
}

/* Google Maps printable page begins */

#logger {
	display:none !important;
}

#mapPage #jqmContent {
	width: 690px;
	height: 100%;
	border: 0 none;
}

#printableMap {
	padding:20px;
}

#printableMap #printIcon {
	display:none;
}

#printableMap #habitaLogo {
	margin-bottom:45px;
}

#printableMap h1 {
	margin-bottom:9px;
}

#printableMap #targetInfo {
	display:block;
	margin-bottom:20px;
}

#printableMap #image {
	float:left;
	margin-right:40px;
}

#printableMap #image img {
	width:167px;
	margin-top:7px;
}

#printableMap #textualInfo {
	float:left;
	display:block;
}

#printableMap #roomTypes {
	font-size:16px;
	margin-bottom:26px;
}

#printableMap #targetDetails {
	width:250px;
	font-size:14px;
	margin-bottom:20px;
}

#printableMap #targetDetails td {
	border-bottom:1px solid #dddddd;
	padding-top:3px;
	padding-bottom:3px;
}

#printableMap #targetDetails .itemHeader {
	font-weight:bold;
	padding-right:45px;
}

#GMapsPrintable {
	width:640px;
	height:300px;
}

#printableMap #directions {
	width:640px;
	margin:0;
	margin-top:20px;
	display:block;
}



/* Google Maps printable page ends */