body {
	background:url(/static/images/www/background-body.png) no-repeat top center;
	margin:0px;
	padding:0 0 60px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:21px;
	color:#363636;
	background-color:#efefef;
}
a img {	
	border:0px;
}
a:link, a:visited {	
	color:#038ac7;
	text-decoration:underline;
}
a:hover {	
	text-decoration:none;
}
h1 {	
	color:#038fce;
	font-size:24px;
	display:block;
	margin-bottom:22px;
	line-height:29px;
}
h2 {	
	font-size:14px;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
}
h3 {	
	font-size:14px;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
}
h4 {	
	font-size:12px;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
}
h5 {	
	font-size:12px;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
}
h6 {	
	font-size:12px;
	display:block;
	margin-bottom:20px;
	font-weight:bold;
}
p {	
	margin-bottom:14px;
}
#container {	
	display:block;
	position:relative;
	width:960px;
	padding:0 12px;
	margin:0px auto 0px auto;
	border-top:none;
	border-bottom:none;
	background:url(/static/images/www/background-shadow.png) repeat-y top left;
}
#header {	
	display:block;
	position:relative;
	width:960px;
	height:77px;
}
#header_inner {	
	display:block;
	position:relative;
	width:960px;
	height:77px;
}
#logo {	
	width:215px;
	height:58px;
	background:url(/static/images/www/planiatalo-logo.png) top left no-repeat;
	overflow:hidden;
	position:absolute;
	top:12px;
	left:19px;
}
#logo h1 {
	margin:0;
	padding:0;
}
#logo a {	
	display:block;
	height:58px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	width:215px;
}
#text_size {	
	width:56px;
	height:23px;
	float:left;
	margin:8px 15px 0px 0px;
}
#text_size .decrease {	
	display:block;
	width:28px;
	height:23px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background-image:url(/static/images/www/text_decrease.gif);
	float:left;
}
#text_size .increase {	
	display:block;
	width:28px;
	height:23px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	background-image:url(/static/images/www/text_increase.gif);
	float:left;
}
#topnavi {
	border-right:1px solid #CCCCCC;
	padding:2px 12px;
	position:absolute;
	left:593px;
	top:24px;
	width:89px;
	height:30px;
}
#topnavi a {
	display:block;
	padding:3px 12px 4px;
	text-decoration:none;
	color:#fff;
	background:#0177af url(/static/images/www/background-mallistot-tab.png) top left no-repeat;
	font-size:14px;
	width:65px;
	cursor:pointer;
	text-align:center;
}
#language_se {	
	float:right;
	clear:both;
	width:32px;
	height:25px;
	background-image:url(/static/images/www/language_se.gif);
	background-repeat:no-repeat;
}
#language_se a {	
	display:block;
	width:32px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px}
#flash_content {	
	display:block;
	position:relative;
	background-repeat:no-repeat;
	height:413px;
	padding:0 0 0 24px;
	width:912px;
	top:-8px;
	*top:-4px;
}
#mainnavi_front {	
	display:block;
	position:relative;
	height:56px;
	background-image:url(/static/images/www/background-mainnavi.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:4px;
	margin:0 -11px;
	z-index:99;
}
#mainnavi_inner {	
	display:block;
	position:relative;
	height:56px;
	background-image:url(/static/images/www/background-mainnavi.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:4px;
	margin:0 -11px;
	z-index:99;
}
#mainnavi_front ul {	
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#mainnavi_front li {	
	background-image:url(/static/images/www/mainnavi_viiva.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	height:34px;
	margin:0;
	padding:17px 24px 0;
}
#mainnavi_front a {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}
#mainnavi_inner ul {	
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#mainnavi_inner li {	
	background-image:url(/static/images/www/mainnavi_viiva.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	height:60px;
	margin:0;
	padding:0px 24px 0;
}
#mainnavi_inner li.selected {	
	background-image:url(/static/images/www/mainnavi_selected_bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	height:60px;
	margin:0;
	padding:0px 24px 0;
}
#mainnavi_inner a {	
	color:#FFFFFF;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:51px;
	padding:15px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	/*width:200px;*/}
#mainnavi_front li.selected a,
#mainnavi_inner li.selected a {	
	color:#FFFFFF;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	height:50px;
	padding:15px 0 0;
	text-decoration:none;
	background-image:url(/static/images/www/navi_selected_arrow.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-transform:uppercase;
}
#plania_center {	
	display:block;
	position:relative;
	width:912px;
	height:106px;
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:0 0 0 24px;
	overflow:hidden;
	position:relative;
}
#plania_center img	{	
	border:0px;
	position:absolute;
	top:0;
	left:-47px;
}
#mallistot {	
	display:block;
	position:relative;
	width:912px;
	margin:11px 0 0 24px;
}
#content_housecard #mallistot {
	margin-left:0;
	margin-bottom:24px;
}
#mallistot div {
	display:block;
	width:213px;
	float:left;
	margin-right:12px;
	border:1px solid #cccccc;
	padding:2px 2px 0;
}
#mallistot div.no-margin {
	margin-right:0;
}
#mallistot div img {
	display:block;
	margin-bottom:2px;
}
#mallistot div a.tab {
	display:block;
	padding:3px 12px 4px;
	text-decoration:none;
	color:#fff;
	margin-bottom:2px;
	background:#0177af url(/static/images/www/background-mallistot-tab.png) top left no-repeat;
	font-size:14px;
}
#topics {
	display:block;
	position:relative;
	margin:12px 0 24px 24px;
	width:912px;
}

#topics h2 {
	display:block;
	margin:0;
	background-color:#0177af;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	padding:3px 15px;
}
#topics h2 span {
	position:absolute;
	right:12px;
	top:2px;
	*top:1px;
}
#topics h2 span a {
	cursor:pointer;
	margin-left:24px;
	background:#0177AF url(/static/images/www/background-mallistot-tab.png) no-repeat scroll left top;
	padding:2px 14px;
}
#topics li {
	float:left;
	background:#f2f2f2;
	position:relative;
	overflow:hidden;
	display:block;
	width:420px;
	height:140px;
	background:#f2f2f2 url(/static/images/www/background-topics-block.gif) top left repeat-x;
	cursor:pointer;
	padding:12px 12px 12px 24px;
	overflow:hidden;
}
#topics .block .newsHeading {
	display:block;
	clear:both;
	padding-left:0px;
}
#topics .block .newsHeading a {
	text-decoration:none;
	color:#606060;
	font-size:14px;
	font-weight:bold;
}
#topics .block img {
	margin-right:0px;
	height:103px;
	width:154px;
	border:1px solid #fff;
	display:block;
	float:left;
}
#topics .block p {
	display:none;
	height:0;
	overflow:hidden;
}
#topics .block table {
	color:#434343;
}
#topics .block p.caption {
	display:block;
	height:60px;
	overflow:hidden;
	padding-left:0px;
}
#topics .block a.read-more {
	padding-left:0px;
	color:#434343;
}

#topics .article-text {
	display:block;
	float:right;
	width:230px;
}

#footer {	
	display:block;
	position:relative;
	background:url(/static/images/www/background-footer.png) top left no-repeat;
	width:912px;
	padding:0 36px;
	height:87px;
	left:-13px;
	bottom:-13px;
}
#footer .logos {
	position:absolute;
	right:36px;
	top:12px;
	line-height:22px;
}
#footer .text {
	position:absolute;
	left:36px;
	top:11px;
}
#footer .facebook {
	position:absolute;
	left:529px;
	top:18px;
	width: 150px;
	height:45px;
	overflow:hidden;
}
#footer .facebook a.facebookShare img {
	position:relative;
	bottom:-8px;
	margin-right:7px;
}
#news {	
	display:block;
	position:relative;
	width:960px;
	padding:10px 20px 10px 20px;
	background-image:url(/static/images/www/dotline_pysty.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
#news_left {	
	float:left;
	width:460px;
}
#news_right {	
	float:left;
	width:460px;
	margin:0px 0px 0px 40px;
}
#news hr {	
	background-image:url(/static/images/www/dotline.gif);
	background-repeat:repeat-x;
	border:0 none;
}
#storeNewsFrontpage, .news_date {	
	font-family:Arial, Helvetica, sans-serif;
}
#storeNewsFrontpage h2 {	
}
#storeNewsFrontpage .newsDate, .news_date {	
	clear:both;
	display:block;
	float:left;
}
#storeNewsFrontpage .newsCaption {	
	clear:both;
	float:left;
	font-style:italic;
}
#storeNewsFrontpage .newsBlock {	
	margin:0px 0px 20px 0px;
	float:left;
	clear:both;
}
#storeNewsFrontpage .newsReadMore {	
	/*float:left;
	clear:both;*/}
#storeNewsFrontpage .newsHeading, .news_heading {	
	clear:both;
	float:left;
	font-weight:bold;
}
#column_wide .news_heading {	
	margin:0px 0px 10px 0px;
}
#storeNewsFrontpage .showAll, .showAll {	
	clear:both;
	display:block;
	float:left;
	margin:10px 0px 10px 0px;
}
#content {	
	display:block;
	position:relative;
	width:912px;
	background-repeat:no-repeat;
	margin:21px 0px 0px 24px;
	background-position:right top;
}
#content_wide_left {	
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	margin:21px 0 0;
	width:960px;
}
#content_housecard {	
	display:block;
	position:relative;
	width:960px;
	margin:21px 0px 0px 24px;
}
#subnavi {	
	float:left;
	width:228px;
	margin:0px;
	overflow:hidden;
	line-height:18px;
}
#subnavi ul {	
	list-style-type:none;
	margin:0;
	padding:0;
}
#subnavi ul ul {	
	padding:0 0 0 8px;
}
#subnavi ul li {	
	position:relative;
}
#subnavi ul li a {	
	display:block;
	background-color:#e8e8e8;
	padding:5px 10px 5px 12px;
	margin-bottom:2px;
	*margin-bottom:1px;
	text-decoration:none;
	font-size:14px;
}
#subnavi ul li a.selected {	
	color:#fff;
	background:#038AC7 url(/static/images/www/sub-navi-gradient.png) top left repeat-x;
}
#subnavi ul li a.opened {	
	color:#fff;
		background:#b6b6b6 url(/static/images/www/sub-navi-gradient.png) top left repeat-x;
}
#column_wide {	
	float:right;
	width:660px;
}
#column_wide_left {	
	float:left;
	margin:0 0 0 24px;
	padding:10px 10px 10px 0;
	width:660px;
}
#column_narrow_right {	
	float:right;
	width:228px;
	margin-right:24px;
	overflow:hidden;
}
#column_housecard {	
	display:block;
	float:left;
	margin-left:24px;
	width:460px;
}
#column_housecard .housecard-navigation {
	display:block;
	position:relative;
	clear:both;
	padding:8px 12px;
	background-color:#e8e8e8;
	margin-top:30px;
}
#column_housecard .housecard-navigation a {
	background:#0177AF url(/static/images/www/background-mallistot-tab.png) no-repeat scroll left top;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:14px;
	padding:3px 12px 4px;
	text-align:center;
	text-decoration:none;
	width:140px;
}
#column_housecard .housecard-navigation a.prev {
	float:left;
}
#column_housecard .housecard-navigation a.next {
	float:right;
}
#column_housecard .logo {
	display:none;	
}
#column_housecard .facebook-share {
	display:block;
	position:relative;
	float:left;
	/*clear:both;*/
}
#column_housecard .facebook-share a img {
	position:relative;
	bottom:-8px;
	margin-right:7px;
}
#column_housecard .print-element {
	display:block;
	position:relative;
	float:right;
	padding-top:9px;
}
#column_housecard_frontpage {	
	display:block;
	float:left;
	padding:0 10px;
	width:755px;
	background-image:url(/static/images/www/talokortti_frontpage_bg.gif);
	background-repeat:no-repeat;
	height:380px;
}
#column_housecard_floorplan {	
	display:block;
	float:left;
	width:176px;
	margin-left:24px;
}
#column_housecard_additional_pictures {	
	display:block;
	float:left;
	width:460px;
	clear:both;
	margin:20px 0 0;
}
#column_housecard_additional_pictures h2 {	
	color:#038FCE;
}
#content_housecard h1 {	
	color:#038fce;
	font-size:24px;
	display:block;
	float:none;
}
#content_housecard h1.housecardtitle {	
	color:#038fce;
	font-size:32px;
	display:block;
	clear:both;
	margin:0;
	padding:0;
	position:relative;
	left:-3px;
	margin-bottom:12px;
}
.huoneiston_tiedot {
	background-color:#E8E8E8;	
	clear:both;
	display:block;
	font-size:14px;
	margin:3px 0 0;
	padding:3px 12px;	
	position:relative;
}
.housecard_info {
	display:block;
	clear:both;
	position:relative;
	margin:12px 0 22px 0;
}
.housecard_price {	
	display:block;
	position:relative;
	clear:both;
	margin-bottom:12px;
}
.price_label {	
	display:block;
	clear:both;
}
.price_label .prices {
	display:block;
	clear:both;
	margin-bottom:12px;
}
.price_label .prices .price-label {
	float:left;
	margin-right:8px;
	position:relative;
}
.price_label .prices .price_euro {
	float:left;
	font-size:24px;
}
.price_label .housecard_links {	
	display:block;
	margin:5px 0;
}
.price_label .housecard_links a {
	display:block;
}
.price_label .housecard_price_includes {
	color:#7E7E7E;
	display:block;
	font-weight:normal;
	margin:5px 0 0;
	line-height:15px;
	font-size:12px;
	clear:both;
}
#column_housecard_floorplan h2 {	
	color:#038fce; }
/* Lomakkeen muotoilut alkaa */#feedbackForm {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#feedbackForm label {	
	float:left;
	display:block;
	width:200px;
}
.formField {	
	float:left;
	display:block;
	clear:right;
}
#feedbackForm input, #feedbackForm textarea {	
	width:230px;
	border:1px solid #333333;
}
#feedbackForm input.radio {	
	margin:0 8px 10px 201px;
	width:auto;
}
#feedbackForm input.checkbox {	
	margin:0 8px 10px 201px;
	width:auto;
}
#feedbackForm label.checkbox {	
	float:none;
	width:auto;
	display:inline;
}
#feedbackForm .formError {	
	color:red;
}
.formButtons {}
.formWrapper {	
	display:block;
	float:left;
	margin:0 0 10px;
	width:500px;
}
.formLabel_radioTitle {	
	width:300px;
	float:left;
}
.formLabel_radioLabel label {	
	width:45px;
	display:block;
	float:left;
}
.formLabel_radioLabel {	
	float:left;
	clear:both;
}
.formField_radioInput input {	
	width:auto;
}
.formerror {	
	font-weight:bold;
	color:#CC0000;
}
.newsBack {	
	display:block;
	float:left;
	clear:both}
ul#housePackageIndex {	
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	width:673px;
}
ul#housePackageIndex li {	
	display:block;
	float:left;
	margin:0 12px 12px 0;
	width:156px;
	background-color:#e8e8e8;
}
ul#housePackageIndex li a {	
	text-decoration:none;
	position:relative;
	text-align:center;
}
ul#housePackageIndex li a img {
	margin: 8px 8px 0 8px;
}
ul#housePackageIndex li span {	
	color:#038AC7;
	display:block;
	text-align:center;
	font-size:14px;
	padding:2px 0;
}
/*   kuvagalleria tyylit alkaa   */
#gallery{
	display:block;
	position:relative;
	
	width:926px;	
}
#gallery div.paging{
	display:block;
	position:relative;
	margin:16px 0;
	clear:both;
	padding:6px 0;
	background-color:#efefef;
	text-align:center;
	
	width:912px;
}
#gallery div.paging .link{
	text-decoration:none;
	font-size:14px;
}
#gallery div.paging .link img{
	position:relative;
	top:3px;
}
#gallery div.paging .count{
	text-align:center;
	font-size:14px;
	padding:0 20px;
}
#gallery div.image{
	display:block;
	position:relative;
	height:180px;
	width:219px;
	background:url(/static/images/www/background-gallery-image.png) no-repeat left top;
	margin-bottom:10px;
	margin-right:12px;
	float:left;
}
#gallery div.image a.imagelink{
	margin-top:10px;
	display:block;
	width:100%;
	text-align:center;
}
#gallery div.image a.imagelink img{
	position:relative;
	margin:auto;
}
#gallery div.image a.textlink{
	display:block;
	width:208px;
	height:22px;
	overflow:hidden;
	text-decoration:none;
	font-size:14px;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:10px;
}
#galleryPaging {}
#galleryPaging a {	
	position:relative;
	top:2px;
}
#imageCarousel {	
	width:912px;
	height:405px;
}
.contactInfoBlock {	
	float:left;
	width:200px;
}
.contactPerson {	
	background-color:#F6F6F6;
	border:1px solid #DEDEDE;
	float:left;
	height:165px;
	margin:0 8px 0 0;
	padding:5px;
	width:290px;
}
#mapContainer {	
	float:left;
	margin:0 0 24px;
}
.personPicture {	
	float:left;
}
.contactPerson dl {	
	display:block;
	float:left;
	margin:5px;
}
.contactPerson dl .contactLabelName {	
	font-weight:bold;
}
.singleContactInfo {	
	float:left;
	width:620px;
	background-image:url(/static/images/www/dotline_vaaka.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	padding:0px 0px 20px 0px;
}
#contactsNavi {	
	background-image:url(/static/images/www/subnavi_viiva.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#contactsNavi .city {	
	background-image:url(/static/images/www/subnavi_viiva.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0;
	padding:8px 0 10px 10px;
	width:220px;
}
#contactsNavi .city h4 {	
	margin:0px;
	padding:0px;
	cursor:pointer;
	color:#038AC7;
}
#contactsNavi .city a {	
	text-decoration:none;
	color:#038AC7;
	font-weight:bold;
}
#contactsNavi .unit {	
}
#contactsNavi .unit a {	
	display:block;
	margin:4px 0 0 10px;
}
#loginWidget {	
	height:30px;
	text-align:right;
	width:300px;
	position:absolute;
	right:373px;
	top:20px;	
}
a.threesixty {	
	display:block;
	width:176px;
	height:60px;
	background-image:url(../images/www/360_btn.png);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#flash {	
	display:none;
}
#site-search h1 {
	margin-bottom:12px;
}
#site-search h2 {
	border-bottom:1px solid #0085C0;
}
#site-search .results {
	display:block;
	padding:8px 12px;
	background-color:#e8e8e8;
	margin-bottom:12px;
}
#site-search ul {
	margin-bottom:24px;
}
#site-search .site-toggle,
#site-search .houses-toggle {
	display:none;
}
#site-search li {
	padding:12px;
	border-bottom:1px solid #cccccc;
}
#site-search li:hover {
	background-color:#e8e8e8;
	cursor:pointer;
}
#site-search li span {
	display:block;
}
#site-search li span.name {
	color:#038FCE;
	font-size:14px;
}
#site-search li.toggle {
	border-bottom:0;
	background:none!important;
	cursor:default!important;
}
#site-search li.toggle a {
	display:block;
	padding:3px 12px 4px;
	text-decoration:none;
	color:#fff;
	margin-bottom:2px;
	background:#0177af url(/static/images/www/background-mallistot-tab.png) top left no-repeat;
	font-size:14px;
	width:170px;
	margin-top:12px;
	cursor:pointer;
}

#site-search-box {	
	position:absolute;
	top:24px;
	right:24px;
	border:1px solid #cccccc;
	height:30px;
	width:215px;
	background-color:#fff;
}
#site-search-box input.text {
	position:absolute;
	top:5px;
	left:5px;
	border:1px solid #fff;
	width:160px;
	color:#363636;
}
#site-search-box #siteSearchSiteButton {
	display:block;
	text-indent:-9999px;
	text-transform: capitalize;
	width:42px;
	height:28px;
	background:url(/static/images/www/search-button.png) top left no-repeat;
	border:none;
	position:absolute;
	top:1px;
	right:1px;
	cursor:pointer;
}