@charset "utf-8";

body
{
	background: #f1f3f4 url(../images/body_bg.gif) repeat-x left top;
	margin: 0;
	padding: 13px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
	text-align: center;
}

a img
{
	border: none;
}

a,
a:link,
a:visited
{
	color: #003382;
	text-decoration: underline;
}

a:hover,
a:active
{
	text-decoration: none;
}


#wrapper
{
	width: 964px;
	padding: 47px 20px 25px 16px;
	background-color: #fff;
	border: 1px solid #dfe3e7;
	margin: 0 auto;
	text-align: left;
}

#head
{
	padding: 6px 0 9px;
	height: 152px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#head h1
{
	float: left;
	width: 152px;
	height: 152px;
	margin: 0 9px 0 0;
	padding: 0;
	background: transparent url(../images/masthead.gif) no-repeat left top;
}

#head h1 a,
#head h1 a:link,
#head h1 a:visited,
#head h1 a:hover,
#head h1 a:active
{
	display: block;
	cursor: pointer;
	width: 152px;
	height: 152px;
	margin: 0;
	padding: 0;
}

#head #top_banner
{
	width: 803px;
	height: 152px;
	overflow: hidden;
	float: left;
}




#body
{
	margin: 0;
	padding: 0;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}

#subnavi
{
	width: 152px;
	margin: 0 9px 0 0;
	float: left;
	overflow: hidden;
}

#subnavi ul
{
	margin: 0;
	padding: 6px 0 12px;
	list-style: none;
	border-bottom: 1px solid #ccc;
}

#subnavi li
{
	display: inline;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited
{
	padding: 1px 0 2px;
	display: block;
	cursor: pointer;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#subnavi li a.active,
#subnavi li a.active:link,
#subnavi li a.active:visited,
#subnavi li a:hover,
#subnavi li a:active
{
	color: #003382;
}


#subnavi h2
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 8px 0 7px;
	color: #333;
}

#subnavi form
{
	margin: 0 0 6px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#subnavi form input.textinput
{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width: 122px;
}

#subnavi #printlink a,
#subnavi #printlink a:link,
#subnavi #printlink a:visited
{
	color: #666;
	text-decoration: none;
}

#subnavi #printlink a:hover,
#subnavi #printlink a:active
{
	color: #003382;
}

#subnavi #printlink a img
{
	margin-right: 5px;
}




#content
{
	width: 803px;
	float: left;
}

#content_head,
#content_head_landing
{
	margin: 15px 0;
	padding: 7px 11px;
	background-color: #003382;
	border-left: 7px solid #ffd401;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#content_body
{
	/*padding: 0 25px 0 0;*/
	padding: 0;
}

#footer
{
	width: 803px;
	clear: both;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
}





#standard_2cols #content
{
	background: #fff url(../images/sidebar_bg.gif) repeat-y right top;
}

#standard_2cols #top_blank
{
	width: 803px;
	height: 15px;
	background-color: #fff;
}

#standard_2cols #content_main
{
	width: 550px;
	float: left;
}

#standard_2cols #content_head
{
	margin: 0;
}
#standard_2cols #content_body
{
	width: 543px;
	padding-right: 0;
	float: left;
	padding-top: 15px;
}

#standard_2cols p.backlink
{
	clear: left;
	float: left;
}

#standard_2cols #sidebar
{
	width: 235px;
	float: right;
	overflow: hidden;
}

#standard_2cols #footer
{
	margin-top: 0;
	padding-top: 25px;
	background: #fff url(../images/sidebar_bottom.gif) no-repeat right top;
}

#standard_2cols #side_image
{
	background-color: #fff;
	border-bottom: 1px solid #d2e9f3;
	padding: 16px 0 8px;
}

#standard_2cols #side_image img
{
	border: 1px solid #dde1eb;
}

#standard_2cols #side_content
{
	padding: 9px;
}

#standard_2cols #side_content h2
{
	color: #3f89c3;
	font-size: 16px;
	margin: 0;
	padding: 0 7px 3px 7px;
}

#standard_2cols #side_content h2 a,
#standard_2cols #side_content h2 a:link,
#standard_2cols #side_content h2 a:visited
{
	color: #3f89c3;
	text-decoration: none;
}

#standard_2cols #side_content h2 a:hover,
#standard_2cols #side_content h2 a:active
{
	text-decoration: underline;
}


#standard_2cols #side_content ul
{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 10px 0;
	background-color: #fff;
	border-top: 4px solid #a9cde4;
}

#standard_2cols #side_content ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#standard_2cols #side_content ul li a,
#standard_2cols #side_content ul li a:link,
#standard_2cols #side_content ul li a:visited
{
	display: block;
	cursor: pointer;
	padding: 0 10px 1px 23px;
	background: transparent url(../images/blt_arrow_right_small.gif) no-repeat 10px 5px;
	color: #4c4c4c;
	text-decoration: none;
}

#standard_2cols #side_content ul li a:hover,
#standard_2cols #side_content ul li a:active
{
	background: transparent url(../images/blt_arrow_right_small.gif) no-repeat 12px 5px;
	color: #4c4c4c;
	text-decoration: none;
}

#standard_2cols #side_content ul li a.active,
#standard_2cols #side_content ul li a.active:link,
#standard_2cols #side_content ul li a.active:visited,
#standard_2cols #side_content ul li a.active:hover,
#standard_2cols #side_content ul li a.active:active
{
	color: #3f89c3;
}







/* Page type: benefits landing */

#content_head_landing
{
	margin-bottom: 0;
}

table.landing_body
{
	margin: 15px 0 0 0;
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #ccc;
}

table.landing_body td
{
	vertical-align: top;
	padding: 0;
}

table.landing_body td.col_a_image,
table.landing_body td.col_c_image
{
	text-align: left;
	width: 264px;
}

table.landing_body td.col_c_image
{
	text-align: right;
}

table.landing_body td.col_b_image
{
	text-align: center;
}

table.landing_body td.col_b_image,
table.landing_body td.col_b_head,
table.landing_body td.col_b_body
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.landing_body td.col_a_image,
table.landing_body td.col_b_image,
table.landing_body td.col_c_image
{
	padding-top: 10px;
}

table.landing_body td.col_a_image img,
table.landing_body td.col_b_image img,
table.landing_body td.col_c_image img
{
	border: 1px solid #d0d0d0;
}

table.landing_body td.col_a_head h2,
table.landing_body td.col_b_head h2,
table.landing_body td.col_c_head h2
{
	padding: 10px 7px;
	margin: 0;
	color: #19478e;
	font-size: 12px;
}

table.landing_body td.col_a_head h2 a,
table.landing_body td.col_a_head h2 a:link,
table.landing_body td.col_a_head h2 a:visited,
table.landing_body td.col_b_head h2 a,
table.landing_body td.col_b_head h2 a:link,
table.landing_body td.col_b_head h2 a:visited,
table.landing_body td.col_c_head h2 a,
table.landing_body td.col_c_head h2 a:link,
table.landing_body td.col_c_head h2 a:visited
{
	text-decoration: none;
	color: #19478e;
}

table.landing_body td.col_a_head h2 a:hover,
table.landing_body td.col_a_head h2 a:active,
table.landing_body td.col_b_head h2 a:hover,
table.landing_body td.col_b_head h2 a:active,
table.landing_body td.col_c_head h2 a:hover,
table.landing_body td.col_c_head h2 a:active
{
	text-decoration: underline;
}

table.landing_body td.col_b_head h2,
table.landing_body td.col_c_head h2
{
	margin-left: 10px;
}

table.landing_body td.col_a_body,
table.landing_body td.col_b_body,
table.landing_body td.col_c_body
{
	border-bottom: 1px solid #ccc;
}

table.landing_body td.col_a_body div,
table.landing_body td.col_b_body div,
table.landing_body td.col_c_body div
{
	margin: 0 10px 10px 0;
	padding: 10px 14px;
	border-top: 1px solid #ccc;
	background-color: #f5f6f6;
	height: auto !important;
	min-height: 155px;
	height: 155px;
	width: 222px;
}

table.landing_body td.col_b_body div
{
	margin: 0 10px 10px 10px;
	width: 222px;
}

table.landing_body td.col_c_body div
{
	margin: 0 0 10px 10px;
	width: 222px;
}

#top_text
{
	padding: 0;
	margin: 0;
	height:15px;
	text-align: right;
	color:#003184;
	width:963px;
	font-size:10px;
	margin:3px;
	
}

#top_text a,
#top_text a:link,
#top_text a:visited
{
	color:#003184;
	text-decoration:none;
		font-size:10px;
}

#top_text a:hover,
#top_text a:active
{

	color:#003184;
	text-decoration:underline;
		font-size:10px;
}


/* Layout: home */

#home #home_side
{
	width: 152px;
	display: inline;
	float: left;
	padding: 0;
	overflow: hidden;
}

#home #home_side #head
{
	width: 152px;
	margin-right: 0;
	padding-right: 0;
}

#home #home_side #head h1
{
	width: 152px;
	margin: 0;
	padding: 0;
	border: none;
}

#home #body
{
	width: 803px;
	padding: 6px 0 0 9px;
	margin-left: 0;
	float: left;
	border-top: 1px solid #ccc;
}

#home #top_wrapper
{
	width: 803px;
	border-collapse: collapse;
}

#home #top_banners
{
	width: 608px;
	height: 350px;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	padding: 0;
}

#home #top_banners #top_wide
{
	width: 608px;
	margin-bottom: 9px;
}

#home #top_banners #top_left
{
	width: 447px;
	float: left;
}

#home #top_banners #top_right
{
	width: 155px;
	float: left;
}

#home #hm_booker
{
	background: #ececec url(../images/hotellimaailma_bg.jpg) no-repeat left top;
	padding: 137px 0 0;
	vertical-align: top;
	text-align: left;
}

#home #hm_booker h2
{
	width: 195px;
	height: 26px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/title_varaa_huone.gif) no-repeat left top; 
}

#home #hm_booker form
{
	padding: 10px 0 0 10px;
	margin: 0;
}

#home #hm_booker form .form_row
{
	padding-bottom: 10px;
}


#home #content
{
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#home #offers
{
	width: 803px;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}

#home #offers td,
#home #offers th
{
	vertical-align: top;
	text-align: left;
}

#home #offers thead th,
#home #offers thead td
{
	border-bottom: 1px solid #fff;
	background-color: #ccc;
}

#home #offers thead th
{
	background-color: #003382;
	color: #fff;
	font-weight: bold;
	width: 239px;
	padding: 5px 13px;
	border-right: 1px solid #003382;
}

#home #offers td#offers_a
{
	padding: 12px 9px 7px 0;
}

#home #offers td#offers_b
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 257px;
	padding: 12px 9px 7px;
}

#home #offers td#offers_c
{
	padding: 12px 0 7px 9px;
}

#home #offers div.offer_head
{
	margin: 0;
	padding: 0 10px;
}

#home #offers div.offer_head h3
{
	font-size: 13px;
	font-weight: bold;
	color: #19478e;
	margin: 0 0 4px;
	padding: 0;
	width: 170px;
	float: left;
}

#home #offers div.offer_head span
{
	width: 60px;
	float: right;
	font-size: 11px;
	color: #19478e;
	padding-top: 2px;
}

#home #offers div.offer_head span a,
#home #offers div.offer_head span a:link,
#home #offers div.offer_head span a:visited
{
	font-size: 11px;
	color: #19478e;
	text-decoration: none;
}

#home #offers div.offer_head span a:hover,
#home #offers div.offer_head span a:active
{
	font-size: 11px;
	color: #19478e;
	text-decoration: underline;
}

#home #offers div.offer_body
{
	clear: both;
	background-color: #f1f3f4;
	border-top: 1px solid #ccc;
	padding: 5px 10px 10px;
	height: auto !important;
	min-height: 110px;
	height: 110px;
	font-size: 11px;
}

#home #offers td#offers_c form
{
	margin: 13px 0 0 0;
	padding: 0;
}

#home #offers td#offers_c form input.textinput
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	width: 185px;
	padding: 1px 4px;
}





/* List: bulleted list */

ul.bulleted_list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.bulleted_list li
{
	margin: 0;
	padding: 1px 0 1px 10px;
	background: transparent url(../images/raquo.gif) no-repeat left 6px;
}

ul.bulleted_list li a,
ul.bulleted_list li a:link,
ul.bulleted_list li a:visited
{
	color: #4c4c4c;
	text-decoration: none;
}

ul.bulleted_list li a:hover,
ul.bulleted_list li a:active
{
	color: #4c4c4c;
	text-decoration: underline;
}













/* Navigo specific styles */

/* NAVIGO DEFAULT TABLE */

.u4-table-default
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-default-header
{
	background-color: #3568b7;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #fff;
	padding: 5px 8px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.u4-table-default-header2,
.u4-table-default-even,
.u4-table-default-odd
{
	background-color: #f4f8ff;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
	color: #556475;
}

.u4-table-default-odd
{
	background-color: #d9e7ff;
}





/* Table w/o header row */

.u4-table-noheader
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.u4-table-noheader-header
{
	background-color: #d9e7ff;
	vertical-align: top;
	text-align: left;
	padding: 2px 5px;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #556475;
}

.u4-table-noheader-header2,
.u4-table-noheader-even,
.u4-table-noheader-odd
{
	background-color: #f4f8ff;
	vertical-align: top;
	text-align: left;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 5px;
	color: #556475;
}

.u4-table-noheader-odd
{
	background-color: #d9e7ff;
}




/* UNSTYLED TABLE */

.u4-table-unstyled-header,
.u4-table-unstyled-header2,
.u4-table-unstyled-even,
.u4-table-unstyled-odd
{
	vertical-align: top;
	text-align: left;
}

/* TABLE CELL STYLES */

.u4-table-default-left
{
	text-align: left;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
}

.u4-table-unstyled-left
{
	text-align: left;
}

.u4-table-default-right
{
	text-align: right;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
}

.u4-table-unstyled-right
{
	text-align: right;
}

/*  bullet-listakohtien valeista ylimaaraiset marginaalit pois */

ul p.MsoNormal { margin-top:2px; margin-bottom: 2px; }
ul p { margin-top:2px; margin-bottom: 2px; }

.textInputTd, .selectInputTd, .senderInputTd{
    width : 183px;
}











.ir,
.ir:hover,
.ir:active
{
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

.clearer
{
	clear: both;
}










/* Date picker */
input.calendar,
select.calendar
{
	width: auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

button.calendar {
	background: transparent url(../images/icn_calendar.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
	width: 19px;
	height: 19px;
	padding: 0;
	vertical-align: top;
}

/*
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}
*/

div.calendar {
	color: #444;
	background: transparent url(../images/calendar_bg.gif) no-repeat left top;
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendar * {
	margin: 0;
	padding: 0;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #017fb6;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}

div.calendar caption a.prev {
	background: transparent url(../images/btn_cal_prev.gif) no-repeat left top;
	left: 0;
}
div.calendar caption a.next {
	background: transparent url(../images/btn_cal_next.gif) no-repeat left top;
	right: 0;
}
/*
div.calendar caption a:hover {
	background-color: #8bdbf5;
}
*/

div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}

div.calendar caption span.month {
	padding-right: 8px;
}

div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 1px solid #017fb6;
	color: #c0c0c0;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	/*background: url(calendar-td.gif);
	color: #FFF;*/
	font-size: 11px;
}

div.calendar th
{
	display: none;
}

div.calendar td.invalid,
div.calendar td.inactive {
	color: #c0c0c0;
}

div.calendar td.valid {
	color: #0070a2;
	cursor: pointer;
}

div.calendar td.hilite {
	color: #0070a2;
	background-color: #97e1fd;
}
/*
div.calendar td.inactive {
	background: url(calendar-td.gif) 0 100%;
	color: #FFF;
}
*/
div.calendar td.active,
div.calendar td.hover {
	/*background: url(calendar-valid.gif) 0 100%;*/
	color: #0070a2;
	background-color: #97e1fd;
	cursor: pointer;
}






/* Reklanet form */

#reklanet_form th,
#reklanet_form td
{
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
	border-bottom: 1px solid #e4eff3;
}

#reklanet_form th.bold
{
	color: #003382;
	font-weight: bold;
	padding: 10px 5px;
	font-size: 14px;
}

#reklanet_form table
{
	border-collapse: collapse;
}

#reklanet_form #tmp1
{
	margin-bottom: 5px;
}

.hidden
{
	display: none;
}








/* 
	*** Updated 14.10.2009 ***
	
	New benefits landing page
*/

.benefits_category
{
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
}

.benefits_category .benefits_image
{
	width: 252px;
	float: left;
}

.benefits_category .benefits_image img
{
	border: 1px solid #dde1eb;
}

.benefits_category .benefits_content
{
	width: 500px;
	float: left;
}

.benefits_category p
{
	margin-bottom: .2em;
}

.benefits_category .clearer
{
	width: 750px;
	height: 10px;
	padding: 10px 0 0;
}

#StyleSelectDiv H1 {
	font-size:10px;
}