body,td,th {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
	/* font-family: "Segoe UI",tahoma,verdana,Sans-Serif; 
	font-family: "segoe ui","trebuchet ms","century gothic",arial,helvetica,sans-serif; */
	font-size: 13px;
	color: #003c76;
	line-height: 1.455em;
}

body {
	background: #d38fc2 url("../gfx/taustatoisto.gif") 0 0 repeat;
	margin: 0;
	padding:0;
}

*:focus {
	outline: 0;
}

/* ----- FONTTI- JA MUUT PERUSMÄÄRITYKSET ----- */

p {
	margin: 0;
	padding: 0 0 18px 0;
}

#contentcolumn .innertube p {
	margin-right: 40px;
}

ul, ol {
	margin: 0 0 12px 0;
	padding: 0;
}

li {
	margin: 0 0 0 18px;
}

h1 {
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 1.0em;
	font-size: 36px;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	font-style: italic;
}

h2 {
	margin: 0;
	padding: 0.5em 0 1.0em 0;
	line-height: 1.0em;
	font-size: 20px;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
}

h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 1.0em;
	font-size: 17px;
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	color: #63b0d8;
	letter-spacing: -1px;
}

h4 {
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:active {
	color: #444444;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #5fc4e5;
}

hr {
	margin: 0;
	padding: 0;
	color: transparent;
	border: 0;
	border-top: 1px solid #cccccc;
	height: 1px;
	width: 100%;
}

form {
	margin: 0;
}

table td { vertical-align: top; }

.highlight {
	background-color: #D0D0D0;
}

.nopad {
	padding: 0px;
}

.bold {
	font-weight: bold;
}

div.logo {
	float: left;
	padding: 10px 0 0 0;
	font-size: 40px;
	height: 92px;
	width: 175px;
	position: absolute;
	left: -7px;
}

	div.logo img { border: 0px; }

div.sosmed {
position: absolute;
top: 20px;
left: 220px;
height: 32px;
width: 100px;
}
div.sosmed img {
border: 0;
}
div.avainlippu {
	position: absolute;
	left: 870px;
	top: 20px;
	width: 60px;
	height: 60px;
	background: transparent url("../gfx/avainlippu.gif") 0 0 no-repeat;
}

p.link {
	width: 340px;
	background: transparent url("../gfx/bar-g-right.png") 100% 0 no-repeat;
	padding: 0px;
	height: 46px;
	margin: 6px 0 0 0;
}

	p.liftlink a {
		display: block;
		padding: 2px 0 2px 10px;
		margin: 0 10px 0 0;
		background: transparent url("../gfx/bar-g.png") 0 0 no-repeat;
		line-height: 40px;
		height: 46px;
		color: #ffffff;
		font-weight: normal;
		font-size: 12px;
		font-style: italic;
		text-transform: uppercase;
		text-align: center;
		font-family: arial, helvetica, sans-serif;
	}

div.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	background-color: transparent;
}

/* ----- ----- */


#maincontainer{
	width: 950px; /*Width of main container*/
	margin: 0px auto; /*Center container on page*/
	background: #ffffff url("../gfx/kukkatausta.gif") 0 100% no-repeat;
	position: relative;
}

	#topsection{
		background: transparent url("../gfx/line.gif") 0 120px repeat-x;
		height: 123px;
	}

#contentwrapper{
	float: left;
	width: 100%;
	background: transparent url("../gfx/taivastausta.jpg") 0 0 no-repeat;
/*	min-height: 300px;
	_height: 300px; */
}

#contentcolumn{
	margin: 0 0 0 260px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

	#contentcolumn .innertube {
		margin: 30px 15px 45px 0px;
		padding: 0;
		background: transparent;
		min-height: 400px;
		_height: 400px;
		border: 0px solid red;
	}

#leftcolumn{
	float: left;
	width: 260px; /*Width of left column in pixel*/
	margin-left: -950px; /*Set margin to that of -(MainContainerWidth)*/
	background-color: transparent;
}

	#leftcolumn .innertube {
		margin: 32px 10px 10px 10px;
		padding: 15px 25px;
		min-height: 240px;
		background: transparent url("../gfx/vasenpalstatausta.png") 50% 0 no-repeat;
	}

	#leftcolumn .innertube.nobg { background-image: none; }

#rightcolumn{
	float: left;
	width: 180px; /*Width of right column*/
	margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
	background-color: #f1f3cc;
}

	#rightcolumn .innertube {
		margin: 20px 10px;
		padding: 0;
		background: transparent;
	}

/* LIFTS */

#lifts {
	width: 950px;
	margin: 0px auto;
	background: #ffffff url("../gfx/line-g.png") 0 0 repeat-x;
}

	#lifts .innertube {
		padding-left: 10px;
	}
	
		.lift {
			float: left;
			width: 192px;
			padding: 20px 20px 0 20px;
			min-height: 180px;
			_height: 180px;
			background: transparent url("../gfx/alanostotausta.png") 0 0 no-repeat;
			position: relative;
			top: -30px;
		}

		.lift p, .lift li {
			color: #000000;
			font-size: 12px;
			line-height: 1.4em;
		}

		.lift h1, .lift h2, .lift h3 { color: #003c76; font-size: 18px; letter-spacing: 0; font-style: italic; }
		
		.lift a {
			color: #003c76;
			font-weight: bold;
		}

		.lift a:hover {
			text-decoration: underline;
		}

.lift.suunnittelu {
width: 220px;
padding: 0 15px 0 0;
}
.lift.suunnittelu img {
position: absolute;
top: -1px;
left: 0px;
border: 0;
}

		.lift.jopo img {
			position: absolute;
			z-index: 0;
			margin-top: -113px;
			margin-left: 124px;
		}

		.lift.inkoo img {
			position: absolute;
			margin-top: -10px;
			margin-left: 40px;
			z-index: 1;
		}

		.lift.inkoo a { position: relative; z-index: 2; }

		.lift.bio img {
			position: absolute;
			margin-top: -40px;
			margin-left: 110px;
			z-index: 1;
		}

		.lift.bio2 img {
			position: absolute;
			right: 20px;
			top: 95px;
		}

div.productlift2 {
	width: 160px;
	height: 203px;
	background: transparent;
	position: relative;
	float: left;
	overflow: hidden;
	padding: 0;
	text-align: center;
	margin: 0 4px 20px 3px;
}

	div.productlift2 a {
		background: transparent url("../gfx/tuotetausta.png") 0 0 no-repeat;
		display: block;
		height: 203px;
		padding-top: 3px;
	}

	div.productlift2 a:hover {
		background-image: url("../gfx/tuotetausta-valittu.png") !important;
	}

	div.productlift2 img { border: 0px; opacity:0.80; filter:alpha(opacity=80) }
	div.productlift2 a:hover img {
		opacity: 1.0;
		filter:alpha(opacity=100)
	}

	div.productlift2 a:hover {
		color: #000000;
	}

	div.productlift2 p {
		height: 30px;
		line-height: 30px;
		padding: 0 0;
		margin: 5px 0 0 0;
		position: absolute;
		left: 0;
		top: 166px;
		width: 160px;
		background: transparent;
	}

	div.productlift2 span {
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0 0;
		margin: 5px 0 0 0;
		position: absolute;
		left: 0;
		top: 166px;
		width: 160px;
		background: transparent;
	}


div.productsinglelift {
	width: 213px;
	height: 213px;
	background: transparent url("../gfx/kehys219.png") 0 0 no-repeat;
	position: relative;
	float: left;
	overflow: hidden;
	padding: 3px !important;
	text-align: center;
	margin: 0 20px 20px 3px;
}

/*FOOTER */

#footer{
	background: transparent url("../gfx/footerbg.png") 0 0 no-repeat;
	color: #777777;
	width: 950px;
	height: 100px;
	margin: 0px auto;
	position: relative;
	border: 0px solid black;
	top: -20px;
}

	#footer .innertube {
		
	}

	#footer p {
		text-align: left;
		padding: 60px 20px 0 20px;
		margin: 0;
		color: #83a5c5;
		font-size: 11px;
		line-height: 1.25em;
	}

	#footer a {
		color: #83a5c5;
		text-decoration: underline;
	}

/* searchbox */

.searchbox {
	width: 150px;
}

	.searchbox input {
		width: 100%;
	}

/* search */

.searchtable tr {
	border: 1px solid red;
}

.nopadding {
	padding: 0;
	margin: 0;
}

.search_string {
	width: 80px;
	margin: 0;
	padding: 0;
}

.search_submit {
	margin: 0;
	padding: 0;
}

/* login */

form.login label {
	width: 70px;
}

form.login input {
	width: 60px;
	margin: 0;
	padding: 0;
}

form.login .dbutton {
	margin-bottom: 5px;
	padding: 0 40px;
	font-size: 10px;
}

form.login label {
	font-size: 10px;
	display: block;
	float: left;
}


/* navi & subnavi */

#navi {
	margin: 92px 20px 0 0;
	padding: 0;
	display: block;
	height: 28px;
	float: right;
	background-color: transparent;
}

	#navi li {
		margin: 0;
		padding: 0;
		float: left;
		list-style-type: none;
	}

		#navi a {
			color: #9d9d9d; 
			font-size: 16px;
			display: block !important;
			line-height: 28px;
			padding: 0 2px 0 12px;
			margin-right: 10px;
			font-weight: normal;
			font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
		}
		
		#navi li.menu-current, #navi li.menu-parent { 
			background: #ffffff url("../gfx/navibg.gif") 100% 0 no-repeat;
		}

		#navi li.menu-current a, #navi li.menu-parent a { 
			color: #cd84bb;
			background: #ffffff url("../gfx/navibg.gif") 0 0 no-repeat;
		}

#subnavi {
	margin: 0;
	padding: 0;
}

	#subnavi li {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;	
		list-style-type: none;
		background: transparent url("../gfx/bullet.png") 7px 9px no-repeat;
		padding-top: 3px;
		padding-bottom: 3px;
	}
		
		#subnavi li a {
			color: #63b0d8;
			font-size: 14px;
			line-height: 1.0em;
			font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
			font-weight: normal;
		}

		#subnavi ul {
			margin: 0;
			padding: 4px 0 4px 0;
		}

			#subnavi ul li {
				background-image: none;
				padding: 0 0 0 12px;
				font-size: 12px;
				line-height: 1.25em;
			}

				#subnavi ul li a {
					font-size: 12px;
					line-height: 1.0em;
				}

				#subnavi ul li.menu-current a, #subnavi ul li a:hover { color: #ef779f; }

		#subnavi li.menu-current a, #subnavi li.menu-parent a { color: #003C76; }
		#subnavi li.menu-current ul a { text-decoration: none !important; }

		#subnavi a:hover { color: #003C76; }


/* FORMX */

div.field_wrapper {
	overflow:hidden;
	padding:4px 0;
	width:100%;
	border: 0px solid black;
}

div.field_wrapper div.thelabel {
	float:left;
	margin-right:0px;
	width: 200px !important;
	margin-top:0px;
	font-weight: bold;
}

div.field_wrapper div.thefield {
	margin-bottom:0px;
	float: left;
}

.form input.submit {
	border: 1px solid #C0E9FF;
	background-color: #E5F2FF;
	font-family: "Myriad Pro",Arial,Helvetica,Tahoma,sans-serif;
	font-size: 16px;
	padding: 3px;
}

	div.field_wrapper input, div.field_wrapper select, div.field_wrapper textarea { 
		border: 1px solid #cccccc; 
		width: 300px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
	}

.formx_date:hover, .formx_email:hover, .formx_textarea:hover, .formx_text:hover, .formx_radio:hover, .formx_select:hover, .formx_checkbox:hover, .formx_err_date:hover, .formx_err_email:hover, .formx_err_textarea:hover, .formx_err_text:hover, .formx_err_radio:hover, .formx_err_select:hover, .formx_err_checkbox:hover {
	border-color: #F7D1DE;
} 
.formx_date:focus, .formx_email:focus, .formx_textarea:focus, .formx_text:focus, .formx_radio:focus, .formx_select:focus, .formx_checkbox:focus, .formx_err_date:focus, .formx_err_email:focus, .formx_err_textarea:focus, .formx_err_text:focus, .formx_err_radio:focus, .formx_err_select:focus, .formx_err_checkbox:focus {
	border-color: #F7D1DE;
} 
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

.form * { font-size: inherit; font-family: inherit; }

.formx_text {}
.formx_textarea { overflow: auto; }
.formx_select {}
.formx_checkbox, .formx_err_checkbox { width: 20px !important; border: 0px !important; }
.formx_checkbox_label {}
.formx_radio, .formx_err_radio { width: 20px !important; border: 0px !important; }
.formx_radio_label {}
.formx_email {}
.formx_date {}
.formx_date_img {}

.formx_err_text, .formx_err_textarea, .formx_err_select, .formx_err_checkbox, .formx_err_radio {
	border-color: #EF9286 !important;
}

	.calendar { background-color: #ffffff; width: 300px; }
	.calendar table { width: 100%; }
	.calendar td { border: 1px solid #ffffff; }
	.calendar td:hover { background-color: #666666; color: #ffffff; }
	.calendar table tr.time { display: none; }
	.calendar table thead { background: #f1f1f1; }
	.calendar table tr.footrow, .calendar table tr.headrow { background: #dfdfdf; }
	.calendar, .calendar td { border-collapse: collapse !important; }
	.calendar .button.nav { border: 1px solid #cccccc; }
	.calendar .button { text-align: center; font-weight: bold; }

/* FORMX OLD */

div.brandmngr {
	margin: 0px auto;
	width: 930px;
}
	div.brandmngr p { text-align: right; padding: 0; margin: 0; position: relative; top: -8px; }

	div.brandmngr a { display: inline-block; width: 26px; height: 26px; *display: inline; opacity:0.4;filter:alpha(opacity=40); }
	div.brandmngr a:hover {  opacity:1.0 !important; filter:alpha(opacity=100) !important; }
	div.brandmngr img { border: 0px; }

#elena { }