*, html { margin: 0; padding: 0; }

body
{
	color: #5a5a5a;

	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;

	back }ound-repeat: repeat-x;
}

div#main { text-align: center; }
div#quicklinks, div#topnavi, div#content, div#footer {}
div.container { width: 888px; text-align: left; margin: 0 auto; }

/* Quicklinks */
div#quicklinks { background: #686868; color: #bbb; height: 28px; }
	div#quicklinks div.content_holder { float: right; }
	
/* Top navi */
div#topnavi { background: #1f1f1f url("/images/customer/legalett/repeat_navi.jpg") repeat-x;  color: #fff; height: 59px; }
	div#menu_flash { margin-left: 6px; }

/* Content */
div#content { background: url("/images/customer/legalett/body-bg.jpg") repeat-x left -93px; }
	div#content table { border-collapse: collapse; }
	
	div#content td.left_col {
		width: 288px;
		vertical-align: top;
		text-align: center;
		height: 400px;
		padding-top: 180px;
		background-image: url("/images/customer/legalett/bg_leftnavi.jpg");
		background-repeat: repeat-x;
		background-color: #fff;
	}
	
	td.left_col .bullet { padding-right: 3px; }
	td.left_col .link { font-size: 11px; }
	
	div#content td.spacer { width: 8px; background: #fff url("/images/customer/legalett/body-bg.jpg") repeat-x left -93px; }
	
	/* Main content */
	div#content td.main_col {
		width: 592px;
		vertical-align: top;
		background: url("/images/customer/legalett/content_white_bg.jpg") no-repeat;
	}
	
	div#content div.top_banner { padding-top: 7px; background: url("/images/customer/legalett/content_holder_bg.jpg") repeat-x -296px top; margin: 0; }
	
	/* Left sidebar */
	div#content td.left_col div.content_holder { width: 241px; margin: 0 17px 0 15px; text-align: left; }
	
	/* div.box_body { position: relative; padding: 5px 0 5px 0; margin: 0 0 5px 0; } */
	
	div.box_container { margin-bottom: 7px; }
	table.box_body { border-collapse: collapse; padding: 0; margin: 0; }
	table.box_body td { vertical-align: top; }
	
/*	table.box_body td.border_top,
	table.box_body td.border_bottom { padding: 0; margin: 0; height: 5px; over border: solid 1px #00f; } */
	td.box_border_top { background: url("/images/customer/legalett/box_top.gif") no-repeat top left; width: 241px; height: 5px; }
	td.box_border_bottom { background: url("/images/customer/legalett/box_bottom.gif") no-repeat bottom left; width: 241px; height: 5px; }
	
	table.box_body td.box_contents { background: #fff url("/images/customer/legalett/left-box-repeat.gif") repeat-y; padding: 0 0 10px 0; height: 80px; }
		div.box_holder { padding: 4px 7px 0 7px; }
	
		table.box_body td { margin: 0; padding: 0;}
		
	div#content div.content_holder { padding: 0 7px 0 7px; }
	div#content div.container { background: url("/images/customer/legalett/content_holder_bg.jpg") no-repeat; }
	
	div#content .alt { display: none; }
	.banner_container { padding-top: 7px; background: url("/images/customer/legalett/content_holder_bg.jpg") repeat-x -296px top; }
	#frontpage_banner { }
	
	td.main_body_holder { background: url("/images/customer/legalett/repeat_textarea.gif") repeat-y; }

/* Footer */
div#footer { background: #303030 url("/images/customer/legalett/footer-bg.jpg") repeat-x; color: #fff; height: 52px; padding: 8px 0 0 0; }
	div#footer td.left_col { width: 180px; padding-left: 28px; }
	div#footer td.right_col { width: 180px; text-align: right; padding-right: 7px; }
	div#footer td.middle_col { width: 590px; text-align: center; }
	
	div#footer a { color: #ffffff; text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }
	
	div#footer a.active { text-decoration: underline; }

/* Search */
div#search_results { border-top: solid 1px #e1e1e1;}
	
/* Other elements */
/* Utilities */
div.clear { clear: both; }

div.alt { display: none; }

/****************************************************************************
                        Sitemap
*****************************/

div#sitemap { padding-bottom: 8px; }
	div#sitemap div.container { background: none; }

div#sitemap ul { list-style: none; }
div#sitemap .container { width: 176px; }
div#sitemap td { vertical-align: top; }

/****************************************************************************
                        Login
*****************************/

div#login_box { 
	float: right;
	width: 225px; 
	background: #e1e1e1;
}
div.login_container {
	padding: 8px; 
}
div#login_box label { display: block; }

/****************************************************************************
                 Registration
*****************************/

span.required_field {
	color: red;
}

p.error {
	border: 3px solid red;
	padding: 5px;
	margin: 15px 0;
	font-weight: bold;
}

div.user_data_form label {
	display: block;
	font-weight: bold;
}

div#registration {}

/****************************************************************************
              Forgot password
*****************************/

div#forgot_password_box {
	margin: 10px 0;
	background: #e1e1e1;
	padding: 10px; 
	float: left;
}
	div#forgot_password_box input.text {
		width: 200px;
	}
	div#forgot_password_box label {
		font-weight: bold;
		display: block;
	}

/****************************************************************************
                         Forms
*****************************/
div.lomake { background: #e1e1e1; border-left: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1; padding: 7px;  }
div.lomake_info { padding: 7px; }

div.lomake_info em { font-style: normal; font-weight: bold; }

table.form { border-collapse: collapse; width: 100%; }
	table.form td.form_caption,
	table.form th { padding-bottom: 3px; }
	table.form td.form_field { padding-bottom: 10px; }
	
	table.form td.right_space,
	table.form th.right_space { padding-right: 20px; }
	
	div.radio_field,
	div.checkbox_field { display: inline; margin-right: 6px; }
	
	a.info_link {}
	td.submit_spacer { padding-top: 8px; }
	td.submit_field { vertical-align: middle; }
	
	td.submit_field input { cursor: pointer; cursor: hand; }
	
	
	.clear_submit { display: none; }
	
	table.checkboxes { width: 80%; }
	table.checkboxes td { vertical-align: top; }
	
	table.form th.halfwidth,
	table.form td.halfwidth { width: 50%; }
	
	table#feedback_form { width: 100%; margin-top: 15px; }
		table#feedback_form th { color: #666; text-align: left; vertical-align: top; font-weight: normal; }
		table#feedback_form td { text-align: left; vertical-align: top; padding-right: 30px; width: 50%; }
		
		table#feedback_form td.submit { text-align: right; padding-top: 5px; }
		table#feedback_form input.text,
		table#feedback_form textarea { width: 100%; }
	
		table#feedback_form td { padding-bottom: 4px; }

span.required_item { color: #f00; }

div.info_container { position: relative; }
span.info_wrapper { position: relative; }

div.info_text { display: none; background: #fff; width: 200px; border: solid 2px #4d4d4d; position: absolute; bottom: -0px; right: -200px; z-index: 500;}
* html div.info_text { display: none; background: #fff; width: 200px; border: solid 2px #4d4d4d; position: absolute; bottom: -0px; right: 0; z-index: 500;}

div.info_text div.info_content { padding: 7px; }
div.info_control { font-family: Verdana; font-size: 12px;float: right; padding: 6px 6px 2px 2px; }
div.info_control a { color: #4d4d4d; font-weight: bold; }

.clearbutton_container { position: relative; }
/*.clearbutton { position: absolute; top: -43px; left: 100px; }*/

/* Google maps */
div#map_holder { width: 360px; float: right; }
div#map_canvas { width: 360px; height: 400px; border: solid 1px #000; float: right; }
div#map_canvas .gmnoprint span { display: block; }

/* Yleiset */
.fullwidth { width: 99% }
.1q { width: 25%; }
.3q { width: 75%; }

.logo_link { position: absolute; width: 250px; height: 78px; top: 60px; left: 18px; }
.logo_link img { width: 250px; height: 78px; }
.relative { position: relative; }