@charset "UTF-8";
/* By Ida Fram */



/* Misc */

.Hidden {
	display: none;	
}

.Clear {
	clear: both;
}

.Right {
	text-align: right;
	float: right;	
}

.Left {
	text-align: left;
	float: left;	
}

.Center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

a img {
	border: 0;
}

/* Typography */

body, input, textarea {
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 17px;
}

input.short, input.text, textarea {
	border: 0;
	padding: 3px;
	background: #fff;
	color: #003b4e;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #fff;
	text-decoration: underline;
}



/* Visualis */

body, html {
	margin: 0;
	padding: 0;
	width: 100%;
}
html {
	background: #fff url(../gfx/mainbgvaalea_repeat.jpg) repeat-x;
}
body {
	background: transparent url(../gfx/mainbgvaalea.jpg) center top no-repeat;
	text-align: center;
}

#Wrapper {
	width: 830px;
	min-height: 800px;
	text-align: left;
	margin: 0 auto;
}

#Header {
	height: 211px;
	width: 100%;
}

#Content_front {
	padding: 0 0 120px 0;
}
#Content {
	padding: 0 0 120px 40px;
}

#map {
	border: 4px solid #fff;
}

h3.title {
	display: block;
	margin: 0;
	padding: 0;
	height: 31px;
	width: 100%;
	background-repeat: no-repeat;
}
	h3.title span {
		display: none;
	}
	
h3 {
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}

h4 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.konsultaatiotable td {
	padding: 0 10px 10px 0;
}
.konsultaatiotable td textarea,
.konsultaatiotable td input.text {
	width: 230px;
}
.konsultaatiotable td input.short {
	width: 38px;
}

#lahjakortti_form input.text {
	width: 157px;
}
#lahjakortti_form textarea {
	width: 340px;
}

.required {
	white-space: nowrap;
}

a.FB_lahjakortti {
	width: 318px;
	height: 29px;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent url(../gfx/fb_lahjakortti.png) no-repeat;
}

button.btnLaheta {
	display: block;
	border: 0;
	padding: 0;
	margin: 10px 0;
	background: transparent url(../gfx/btn_laheta.png) no-repeat;
	width: 71px;
	height: 22px;
	cursor: hand;
}
	button.btnLaheta span {
		display: none;
	}

.Puhelinnumero {
	display: block;
	width: 252px;
	height: 36px;
	background: transparent url(../gfx/title_puhelin.png) no-repeat;
}

.error {
	color: #ffe06c;
	font-weight: bold;
	font-size: 11px;
}

.videoBlock {
	width: 100%;
	padding: 0 0 13px 0;
}
	.videoBlock .videoBorder {
		padding: 5px;
		width: 448px;
		height: 281px;
		background: #fff;
		margin: 0;
		float: left;
	}
	.videoBlock .videoBorder .videoContainer {
		width: 100%;
		height: 100%;
		background: #000;
		color: #fff;
	}
	.videoBlock .videoNavi {
		float: left;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.videoBlock .videoNavi li {
		background: transparent url(../gfx/videonavi.png) no-repeat;
		height: 27px;
		width: 331px;
		margin: 2px 0;
		padding: 16px 0 0 40px;
	}
	.videoBlock .videoNavi li.tekijat {
		background: transparent url(../gfx/videonavi_tekijat.png) no-repeat;
		height: 24px;
		width: 331px;
		margin: 10px 0 2px 0;
		padding: 6px 0 0 40px;
	}
	.videoBlock .videoNavi li.Selected {
		background-position: left bottom;
		color: #0e76bc;
	}
		.videoBlock .videoNavi li.Selected a:link,
		.videoBlock .videoNavi li.Selected a:visited,
		.videoBlock .videoNavi li.Selected a:hover,
		.videoBlock .videoNavi li.Selected a:active {
			color: #0e76bc;
		}
		.videoBlock .videoNavi li a:link,
		.videoBlock .videoNavi li a:visited,
		.videoBlock .videoNavi li a:hover,
		.videoBlock .videoNavi li a:active {
			text-decoration: none;
			font-size: 12px;
			line-height: 12px;
		}
	.videoBlock .facebook {
		width: 19px;
		height: 19px;
		display: block;
		padding: 0;
		margin: 0 13px 0 0;
		float: right;
		text-decoration: none;
		background: transparent url(../gfx/facebook.png) no-repeat;
	}
		
.LeftCol {
	float: left;
	width: 405px;
/*	padding: 0 0 0 40px;*/
}

.RightCol {
	float: right;
	width: 375px;
/*	width: 360px;
	padding: 0 0 0 15px;*/
}

a.exnosto {
	display: block;
	width:  374px;
	height: 126px;
	text-decoration: none;
	margin: 0 0 13px 0;
	background: transparent url(../gfx/anne_kukkojarvi_nosto.png) no-repeat;
}

.BoxNarrow_alpha {
	background: transparent url(../gfx/boxnarrow_alpha.png) no-repeat;
	width: 333px;
	height: 50px;
	padding: 17px 20px 0 20px;
	margin: 0 0 13px 0;
	color: #fff;
}
.BoxSpacer {
height: 43px;
font-size: 1px;
line-height: 1px;
display: block;
}
.BoxWide3 {
	width: 443px;
	padding: 10px 0 0 0;
	margin: 0 0 13px 0;
	color: #fff;
	background: transparent url(../gfx/boxwide3_top.png) no-repeat;
}
	.BoxWide3 .Content {
		width: 403px;
		padding: 10px 20px;
		margin: 0;
		min-height: 100px;
		background: transparent url(../gfx/boxwide3_content.png) no-repeat;
	}
	.BoxWide3 .Bottom {
		width: 443px;
		height: 10px;
		line-height: 1px;
		font-size: 1px;
		background: transparent url(../gfx/boxwide3_bottom.png) no-repeat;
	}

.BoxWide {
	width: 443px;
	padding: 8px 0 0 0;
	margin: 0 0 13px 0;
	color: #fff;
	background: transparent url(../gfx/boxwide_top.png) no-repeat;
}
	.BoxWide .Content {
		width: 403px;
		padding: 10px 20px;
		margin: 0;
		min-height: 100px;
		background: #aacee5 url(../gfx/boxwide_content.gif) repeat-x;
	}
	.BoxWide .Bottom {
		width: 443px;
		height: 8px;
		line-height: 1px;
		font-size: 1px;
		background: transparent url(../gfx/boxwide_bottom.png) no-repeat;
	}

.BoxWide2 {
	width: 404px;
	padding: 9px 0 0 0;
	margin: 0 0 13px 0;
	color: #fff;
	background: transparent url(../gfx/boxwide2_top.png) no-repeat;
}
	.BoxWide2 .Content {
		width: 364px;
		padding: 10px 20px;
		margin: 0;
		background: #3693ce url(../gfx/boxbg.png) repeat;
	}
	.BoxWide2 .Bottom {
		width: 404px;
		height: 11px;
		line-height: 1px;
		font-size: 1px;
		background: transparent url(../gfx/boxwide2_bottom.png) no-repeat;
	}
	
.BoxNarrow2 {
	width: 319px;
	padding: 9px 0 0 0;
	margin: 0 0 13px 0;
	color: #fff;
	background: transparent url(../gfx/boxnarrow2_top.png) no-repeat;
}
	.BoxNarrow2 .Content {
		width: 279px;
		padding: 10px 20px;
		margin: 0;
		background: transparent url(../gfx/boxbg.png) repeat;
	}
	.BoxNarrow2 .Bottom {
		width: 319px;
		height: 11px;
		line-height: 1px;
		font-size: 1px;
		background: transparent url(../gfx/boxnarrow2_bottom.png) no-repeat;
	}
	
.homeLink {
	display: block;
	margin: 0 auto;
	width: 400px;
	height: 190px;
}

.terveystalo {
	display: block;
	height: 40px;
	width: 160px;
	padding: 0;
	margin: 0;
	float: left;
}


#TopNavigation {
/*
	z-index: 1999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	*/
	padding: 0;
	margin: 0;
	width: 100%;
}

#Footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 55px;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 11000;
	background: transparent url(../gfx/footer_bg.gif) left bottom repeat-x;
}
	#TopNavigation #Navigation {
		list-style: none;
		display: block;
		margin: 0 auto;
		padding: 0 0 0 185px;
		width: 780px;
		height: 32px;
		background: transparent url(../gfx/navi_top.png) center top no-repeat;
	}
	#TopNavigation #Navigation li {
		float: left;
		display: block;
		height: 100%;
	}
	#TopNavigation #Navigation li.Selected {
		background: transparent url(../gfx/navi_selected.png) center -3px no-repeat;
	}
	#TopNavigation #Navigation li a span {
		display: none;
	}
	#TopNavigation #Navigation li a:link,
	#TopNavigation #Navigation li a:visited,
	#TopNavigation #Navigation li a:active,
	#TopNavigation #Navigation li a:hover {
		display: block;
		height: 27px;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 10px;
	}
	
	.etusivu { background-image: url(../gfx/navi_etusivu.png); width: 53px; }
	.yritys_ja_laakarit { background-image: url(../gfx/navi_yritys_ja_laakarit.png); width: 113px; }
	.intralasik { background-image: url(../gfx/navi_intralasik.png); width: 100px; }
	.konsultaatio { background-image: url(../gfx/navi_konsultaatio.png); width: 154px; }
	.lahjakortti { background-image: url(../gfx/navi_lahjakortti.png); width: 130px; }
	.hinnasto { background-image: url(../gfx/navi_hinnasto.png); width: 62px; }
	
	.contactFormLink {
		display: block;
		padding: 0;
		margin: 0;
		width: 115px;
		height: 100%;
		float: right;
	}
	
#Footer #ContactInfo {
	height: 44px;
	width: 820px;
	margin: 0 auto;
	background: transparent url(../gfx/footer_contact.gif) center 12px no-repeat;
}

#lasik {
	display:block;
	float:right;
}