/****************** main stuff ************************/	
* { margin: 0; }
html, body {
	width: 100%;
	height: 100%;
	font: normal 12px Tahoma;
	color: #000;
	background-image: url(img/bg_main.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #fff;
	background-attachment: fixed;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0px; padding: 0px;
}
table { border-collapse: collapse; border-spacing: 0px; }
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:top;}
sub {vertical-align:bottom;}
strong { font-weight: bold; }
em { font-style: italic;}
.clear {clear: both;}

img#expando { 
	position: absolute; 
	display: none; 
	z-index: 1; 
	-ms-interpolation-mode: bicubic; 
} 

.wide img#expando, 
.tall img#expando { 
	display: block; 
} 

.wide img#expando { 
	width: 100%; 
	height: auto; 
} 

.tall img#expando { 
	width: auto; 
	height: 100%; 
}

.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;
}


#scroller {
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 auto -52px; 
	z-index: 10; 
	position: relative;
}
#footer, #push {
	width: 100%; 
	height: 52px; 
	z-index: 10; 
	position: relative;
}
#footer {	background: #494949 url(img/footer-bg-grad.png) repeat-x; }

/****************** header ************************/	
#logoHolder {
	width: 100%;
	height: 37px;
}
#logoHolder div.logo {
	width: 975px;
	height: 37px;
	margin-left: auto;
	margin-right: auto;
}
#navigation {
	width: 100%;
	height: 43px;
	background: #1c7ebd url(img/navigation-bg-grad.png) repeat-x;
	z-index: 998;	
}
#navigation div.middleNavigation {
	width: 975px;
	height: 43px;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}
* html #navigation div.middleNavigation {
	overflow: hidden;
}
#scroller #logoHolder img.logoImg, #scroller #navigation div.middleNavigation img.logoImg{
	float: left;	
}	
#navigation div.languageSelector {
	position: absolute;
	top: 48px;
	right: 0px;
	display: inline-block;
	font-size: 10px;
	background-color: white;
	padding-left: 8px;
	font-family: Tahoma, Arial, sans-serif;
	width: 55px;
	height: 20px;
	line-height: 20px;
}
#navigation div.languageSelector a {
	color: #616161;
	text-decoration: none;
}
#navigation div.languageSelector a.active {
	color: #ff6600;
	text-decoration: none;
}	
#navigation div.languageSelector a:hover,
#navigation div.languageSelector a:active {
	color: #ff6600;
	text-decoration: none;
}	
#navigation div.languageSelector a,
#navigation div.languageSelector p {
	float: left;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-right: 2px;
}

		
/****************** content area ***********************/
	
#contentWrapper {
	width: 857px;
	margin-left: auto;
	margin-right: auto;
}
* html #contentWrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#contentWrapper #content {
	width: 857px;
	margin-left: auto;
	margin-right: auto;
}	
* html #contentWrapper #content {
	width: 857px;
	margin-left: auto;
	margin-right: auto;
}
#contentWrapper #content div.flashPlugin {
	width: 843px;
	height: 213px;
	background: white url(img/flashPlugin.png) no-repeat;
}	

/****************** menu ************************/	

.navigationOptions {
	float: left;
	padding: 10px 0 0 24px;
}
.navigationOptions li {
	float: left;
	padding: 0 0 0 5px;
}

.navigationOptions a {
	float: left;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	color: #fff;
	text-decoration: none;
}
.navigationOptions a:hover {
	text-decoration: underline;
}

.navigationOptions span {
	padding: 0 5px;
	float: left;
	line-height: 24px;
	height: 25px;
	cursor: pointer;
}

.navigationOptions .current_page_item span,
.navigationOptions .current_page_parent span,
.navigationOptions .current_page_ancestor span {
	background: url(img/menu.gif) no-repeat 0 0;
	padding: 0 0 0 10px;
}
.navigationOptions .current_page_item span span,
.navigationOptions .current_page_parent span span,
.navigationOptions .current_page_ancestor span span {
	background-position: 100% -25px;
	padding: 0 10px 0 0;
}

.navigationOptions .current_page_item a,
.navigationOptions .current_page_parent a,
.navigationOptions .current_page_ancestor a {
	color: #f60;
	background: #fff;
}

/****************** headings ************************/

#contentWrapper #content h1.firstHeader {
	font-family: Times;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	margin-top: 37px;
}



#contentWrapper #content #subContent p.allInfo {
	display: block;
	width: 100%;
	clear: both;
	font-size: 12px;
	font-family: Tahoma, Arial, sans-serif;
	margin-bottom: 0px;
}

#contentWrapper #content #subContent h2.subHeading {
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	clear: both;
}

#contentWrapper #content #subContent div.grayInfo p.leftColumn,
#contentWrapper #content #subContent div.whiteInfo p.leftColumn,
#contentWrapper #content #subContent div.whiteInfoWithBorder p.leftColumn {
	display: block;
	width: 225px;
	float: left;
	text-indent: 12px;
	line-height: 26px;
	margin: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;	
}

#contentWrapper #content #subContent div.grayInfo p.rightColumn,
#contentWrapper #content #subContent div.whiteInfo p.rightColumn,
#contentWrapper #content #subContent div.whiteInfoWithBorder p.rightColumn {
	display: block;
	width: 350px;
	float: left;
	text-indent: 12px;
	line-height: 26px;
	margin: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}

/****************** sub-page specific ************************/

#subMenu {
	float: left;
	width: 186px;
	margin: 0px;
	padding: 5px 0;
	position: relative;
	background: url(img/submenu-bg.png) repeat-y 0 0;
}
	html*#subMenu {
		margin: 40px 0 0 0;
	}
	* html #subMenu {
		margin: 50px 0 0 0;
	}

.subMenu-top,
.subMenu-bottom {
	height: 11px;
	width: 186px;
	position: absolute;
	left: 0;
}
.subMenu-top {
	background: url(img/submenu-top.png) no-repeat 0 0;
	top: -11px;
}
.subMenu-bottom {
	background: url(img/submenu-bottom.png) no-repeat 0 0;
	bottom: -11px;
}


#subMenu div.menuOptions {
	margin: -11px 0;
	padding: 6px;
}

	* html #subMenu div.menuOptions {
		margin: -6px 0;
		padding: 0 6px;
	}
	
	#subMenu div.menuOptions ul li.active {
		height: 24px;
		line-height: 24px;
		display: block;
		width: 100%;
		background-color: #ff6600;
		color: white;
		text-indent: 15px;				
	}
	
	#subMenu div.menuOptions ul li {
		height: 24px;
		display: block;
		width: 100%;
		color: white;
		text-indent: 15px;				
	}
	
	#subMenu div.menuOptions ul li a {
		display: block;
		width: 174px;
		height: 24px;
		color: white;
		text-decoration: none;
		font: 12px/22px Tahoma, Arial, sans-serif;
	}	
	
	#subMenu div.menuOptions ul li a:hover,
	#subMenu div.menuOptions ul li.current_page_item a,
	#subMenu div.menuOptions ul li.current_page_parent a {
		background: #f60;
		position: relative;
		z-index: 2;
	}
	
	#subMenu div.menuOptions ul li.top a:hover {
		display: block;
		height: 100%;
		width: 100%;
		color: white;
		background-color: #ff6600;
		text-decoration: none;
		font-family: Tahoma, Arial, sans-serif;	
		font-size: 12px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;				
	}
	
	#subMenu div.menuOptions ul li.bottom a:hover {
		display: block;
		height: 100%;
		width: 100%;
		color: white;
		background-color: #ff6600;
		text-decoration: none;
		font-family: Tahoma, Arial, sans-serif;	
		font-size: 12px;	
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;			
	}			

	#subMenu div.menuOptions ul li.top {
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;					
	}
	
	#subMenu div.menuOptions ul li.bottom {
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;					
	}	
	
#contentWrapper #content #subContent {
	width: 628px;
	margin: 39px 0 0 206px;
}

	* html #contentWrapper #content #subContent {
			width: 620px;
			margin: 39px 0 0 206px;
		}

#contentWrapper #content #subContent.product {
	top: -11px;
	position: relative;
	width: 586px;
	height: auto;
	background-color: white;
	border: solid 1px #bfbfbf;
	padding: 20px;
}


	#contentWrapper #content #subContent div.lajittele {
		top: -11px;
		width: 100%;
		height: 50px;
		position: relative;
	}

		#contentWrapper #content #subContent div.lajittele div.hinnanMukaan {
			width: 628px;
			height: 27px;
			background: url(img/lajittele_2.jpg) no-repeat 0 0;
			font: bold 12px Tahoma, Arial, sans-serif;
			padding: 3px 0 0 0;
			color: #fff;
		}	
		
			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan p {
				color: white;
				margin: 0px;
				padding: 2px 0 0 12px;
				font-family: Tahoma, Arial, sans-serif;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 12px;
				display: inline-block;
				width: 80px;
				float: left;
			}
			
			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan select {
				border: solid 1px #5f5f5f;
				font-family: Tahoma, Arial, sans-serif;
				width: 115px;
				float: left;
				margin-top: 3px;
			}
			
			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan img {
				position: relative;
				top: 3px;
				border: 0;
			}

			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan a {
				color: #fff;
				font: bold 12px Tahoma, Arial, sans-serif;
				text-decoration: none;
				margin: 0 0 0 6px;
				padding: 0px;
			}
			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan a:hover,
			#contentWrapper #content #subContent div.lajittele div.hinnanMukaan a.active {
				text-decoration: underline;
			}
/****************** Offers Listing ************************/

#contentWrapper #content #subContent div.offerListing {
	width: 586px;
	margin: 0 0 40px 0;
	padding: 0 21px;
	position: relative;
	background: url(img/content-bg.png) repeat-y 0 0;
	font: normal 12px Tahoma;
}

	#contentWrapper #content #subContent div.offerListing	div.houseImage {
		width: 146px;
		height: 103px;
		overflow: hidden;
		padding: 1px;
		background-color: white;
		border: solid 1px #afafaf;
		float: left;
		margin: 1px 20px 0 0;
	}
	
	#contentWrapper #content #subContent div.offerListing	div.houseImage img,
	#contentWrapper #content #subContent div.offerListing img{
		border: 0px;
	}
	
	#contentWrapper #content #subContent div.offerListing	.name,
	#contentWrapper #content .product	h2 {
		float: left;
		font: normal 22px "Times New Roman", Times, serif;
		line-height: 22px;
		margin: 0 20px 0 0;
	}

	#contentWrapper #content #subContent div.offerListing	.price,
	#contentWrapper #content .product	.price {
		font: bold 22px "Times New Roman", Times, serif;
		line-height: 22px;
		color: #ff6600;
	}
	#contentWrapper #content .product	h2,
	#contentWrapper #content .product	.price {
		font: bold 26px "Times New Roman", Times, serif;
		line-height: 26px;
	}

	#contentWrapper #content #subContent div.offerListing .m2,
	#contentWrapper #content .product	.m2 {
		font: bold 12px Tahoma, Arial, sans-serif;
		color: #1375b4;
		margin: 5px 0 0 0;
		padding: 0px;
	}
	
	#contentWrapper #content #subContent div.offerListing img.tutustuKohteeseen {
		margin: 5px 0 0 170px;
		display: block;

	}
		
		#contentWrapper #content #subContent div.bigPictures {
			width: 100%;
			height: 200px;
			margin-top: 13px;
		}	
		
		#contentWrapper #content #subContent div.smallPictures {
			width: 100%;
			height: auto;
			margin-top: 13px;
		}						
		
		#contentWrapper #content #subContent div.smallPictures div.smallImage {
			width: 65px;
			height: 46px;
			padding: 1px;
			margin-right: 17px;
			border: solid 1px #afafaf;
			float: left;
			margin-bottom: 12px;
			overflow: hidden;
		}
		
		#contentWrapper #content #subContent div.smallPictures div.smallImage.lastImage {
			margin-right: 0px;
		}					
		
			#contentWrapper #content #subContent div.bigPictures div.imageFirst {
				width: 277px;
				height: 196px;
				padding: 1px;
				border: solid 1px #afafaf;
				float: left;
				margin-right: 22px;
				overflow: hidden;
			}	
			
			#contentWrapper #content #subContent div.bigPictures div.imageSecond {
				width: 277px;
				height: 196px;
				padding: 1px;
				border: solid 1px #afafaf;
				float: left;
			}				

/****************** Iframe ************************/

#contentWrapper #content #subContent div.iframe {
	width: 696px;
	margin: 0px;
	padding: 0 21px;
	position: relative;
	background: url(img/content-iframe-bg.png) repeat-y 0 0;
}


		
#contentWrapper #content #subContent div.grayInfo {
	width: 100%;
	height: 26px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #f5f5f5;
	float: left;
}

#contentWrapper #content #subContent div.whiteInfo {
	width: 100%;
	height: 28px;
	background-color: white;
	float: left;
}

#contentWrapper #content #subContent div.whiteInfoWithBorder {
	width: 100%;
	height: 28px;
	background-color: white;
	float: left;
	border-bottom: solid 1px #cccccc;	
}

#contentWrapper #content #subContent div.contactFormLeft {
	width: 300px;
	height: 110px;
	margin-top: 20px;
	float: left;
}

	#contentWrapper #content #subContent div.contactFormLeft label {
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		float: left;
		margin-top: 10px;	
	}
	
	#contentWrapper #content #subContent div.contactFormLeft input {
		width: 200px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 12px;
		float: right;
		border: solid 1px #848484;	
		margin-top: 10px;
	}	
	
	#contentWrapper #content #subContent div.contactFormLeft img {
		float: right;
		margin-top: 5px;
	}	

#contentWrapper #content #subContent div.contactFormRight {
	width: 250px;
	height: 110px;
	margin-top: 20px;
	float: left;
	padding-left: 20px;
}

	#contentWrapper #content #subContent div.contactFormRight label {
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		float: left;
		margin-top: 5px;
		width: 220px;	
	}
	
	#contentWrapper #content #subContent div.contactFormRight textarea {
		width: 250px;
		height: 60px;
		font-family: Tahoma, Arial, sans-serif;	
		font-size: 12px;
		float: left;
		border: solid 1px #848484;	
		margin-top: 5px;
	}	

#regularPage {
	background: url(img/content-wide-bg.png) repeat-y 0 0;
	padding: 10px 20px;
	margin: 30px 0 50px;
	position: relative;
	}
	
	* html #regularPage {
		width: 857px;
		}

#frontPage {
	background: url(img/content-wide-bg.png) repeat-y 0 0;
	padding: 0px 7px;
	margin: 30px 0 10px 0;
	position: relative;
}
	* html #frontPage {
		width: 857px;
		}


.regularPage-top,
.offerListing-top,
.iframe-top {
	position: absolute;
	height: 11px;
	top: -10px;
	left: 0;
	width: 100%;
	background: url(img/content-wide-top.png) no-repeat 0 0;
	padding: 0 21px;
}
.regularPage-bottom,
.offerListing-bottom,
.iframe-bottom {
	position: absolute;
	height: 11px;
	bottom: -11px;
	left: 0;
	width: 100%;
	background: url(img/content-wide-bottom.png) no-repeat 0 0;
	padding: 0 21px;
}
	* html .regularPage-bottom {
		bottom: -14px;
	}
.offerListing-top {
	background: url(img/content-top.png) no-repeat 0 0;
}
.offerListing-bottom {
	background: url(img/content-bottom.png) no-repeat 0 0;
}

.iframe-top {
	background: url(img/content-iframe-top.png) no-repeat 0 0;
}
.iframe-bottom {
	background: url(img/content-iframe-bottom.png) no-repeat 0 0;
}

#regularPage h2.pageName {
	margin-top: 0px;
}

#regularPage p {
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	float: left;
}

/* text style */

#content h1, #content h2  {
	font: 28px/30px "Times New Roman", Times, serif;
}

.post p,
#subContent p {
	margin: 10px 0;
}

.post ul,
#subContent ul {
	margin: 10px 40px;
}

.post li,
#subContent li {
	margin: 2px 0;
}

.post ul li,
#subContent ul li {
	list-style-type: disc;
}

.post ol li,
#subContent ol li {
	list-style-type: decimal;
}

/****************** footer ************************/	
#footer div.middleFooter {
	//width: 857px;
        width: 100%;
	height: 52px;
}
#footer div.middleFooter img, #footer div.middleFooter p {
	float: left;			
}
#footer div.middleFooter p.footerContactInfo {
	display: block;
	color: #d4d4d4;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 18px;
	padding: 10px 0 0 30px;
	margin: 0px;
}

#footer div.middleFooter p.footerContactInfo a {
	color: #d4d4d4;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}
#footer div.middleFooter p.footerContactInfo a:hover {
	text-decoration: underline;
}


/****************** frontpage boxes ************************/	
#contentWrapper #content img.olenMyymassa {
	float: left;
	display: block;
	background-color: white;
	padding: 5px;
	border: solid 1px #aab4bb;
	margin-top: 20px;
}	
#contentWrapper #content img.olenOstmassa {
	float: left;
	display: block;
	background-color: white;
	padding: 5px;
	border: solid 1px #aab4bb;
	margin-top: 20px;
	margin-left: 15px;
}

.smallBox {
	float: left;
	width: 175px;
	margin: 20px 15px 0 0;
	padding: 0 0 0 6px;
	position: relative;
	background: url(img/content-frontpage1-bg.png) repeat-y 0 0;
}
	html*#smallBox {
		margin: 40px 0 0 0;
	}
	* html #smallBox {
		margin: 50px 0 0 0;
	}

.smallBox-top,
.smallBox-bottom {
	height: 11px;
	width: 181px;
	position: absolute;
	left: 0;
}
.smallBox-top {
	background: url(img/content-frontpage1-top.png) no-repeat 0 0;
	top: -11px;
}
.smallBox-bottom {
	background: url(img/content-frontpage1-bottom.png) no-repeat 0 0;
	bottom: -11px;
}

.bigBox {
	float: left;
	width: 456px;
	margin: 20px 0 0 0;
	padding: 0 0 0 6px;
	position: relative;
	background: url(img/content-frontpage2-bg.png) repeat-y 0 0;
}
	html*#bigBox {
		margin: 40px 0 0 0;
	}
	* html #bigBox {
		margin: 50px 0 0 0;
	}

.bigBox-top,
.bigBox-bottom {
	height: 11px;
	width: 462px;
	position: absolute;
	left: 0;
}
.bigBox-top {
	background: url(img/content-frontpage2-top.png) no-repeat 0 0;
	top: -11px;
}
.bigBox-bottom {
	background: url(img/content-frontpage2-bottom.png) no-repeat 0 0;
	bottom: -11px;
}

#contentWrapper #content div.tutustu {
	float: right;
	display: block;
	height: 56px;
}	
#contentWrapper #content div.tutustu img {
	margin: 0 0 13px 0;
}	
#contentWrapper #content div.tutustu ul.tutustu {
	padding: 10px 0 0 6px;
	height: 11px;
}
	html * #contentWrapper #content div.tutustu ul.tutustu {
		padding: 0px;
	}
ul.tutustu li {
	float: left;
	font-size: 11px;
	line-height: 11px;
	height: 12px;
	padding: 0 10px;
	border-right: 1px solid #b1a9a9;
}
ul.tutustu li.page-item-18 {
	padding: 0 10px 0 2px;
}
ul.tutustu li.page-item-31 {
	padding-right: 0;
	border: 0;
}
#contentWrapper #content div.tutustu ul.tutustu li a {
	text-decoration: none;
	color: #2e2e2e;	
}
#contentWrapper #content div.tutustu ul.tutustu li a:hover {
	text-decoration: underline;
}
#contentWrapper #content div.tutustu ul.tutustu li.seperator {
	display: block;
	width: 1px;
	height: 11px;
	background-color: #b1a9a9;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 2px;
}	
/*
#contentWrapper #content div.tutustu {
	float: right;
	display: block;
	background-color: white;
	padding: 5px;
	border: solid 1px #aab4bb;
	margin-top: 20px;
	height: 54px;
}	
#contentWrapper #content div.tutustu img {
	float: left;
	clear: right;
	margin: 0 0 10px;
}	
#contentWrapper #content div.tutustu ul.tutustu {
	width: 438px;
	padding: 10px 0 0 6px;
	height: 11px;
}
	html * #contentWrapper #content div.tutustu ul.tutustu {
		padding: 0px;
	}
ul.tutustu li {
	float: left;
	font-size: 11px;
	line-height: 11px;
	height: 12px;
	padding: 0 10px;
	border-right: 1px solid #b1a9a9;
}
ul.tutustu li.page-item-18 {
	padding: 0 10px 0 2px;
}
ul.tutustu li.page-item-34 {
	padding-right: 0;
	border: 0;
}
#contentWrapper #content div.tutustu ul.tutustu li a {
	text-decoration: none;
	color: #2e2e2e;	
}
#contentWrapper #content div.tutustu ul.tutustu li a:hover {
	text-decoration: underline;
}
#contentWrapper #content div.tutustu ul.tutustu li.seperator {
	display: block;
	width: 1px;
	height: 11px;
	background-color: #b1a9a9;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 2px;
}	
*/