@charset "utf-8";
@import url('navigation.css');
@import url('navigostyles.css');

/*
	Matkavekka
*/

body
{
	text-align:center;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#3f3f3f;
	background: #febf00 url(/stc/images/bg_main.gif) repeat-x;
}


h1
{
	font-size: 16px;
	font-weight: bold;
	margin: .6em 0;
	color: #fe9c00;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #08659a; 
	margin: 10px 0;
	padding: 0 0 5px 0;
	background: url(/stc/images/bg_h1.gif) repeat-x bottom left;
}

h3
{
	font-size: 12px;
	color: #fe8740;
	margin: .6em 0;
}

p
{
	margin: 0 0 .8em 0;
}

a img {
	border:none;
}

table p
{
	margin:0;
}

a:hover img {
	border: none;
}

a,
a:link
{
	color: #fc5f00; 
	text-decoration: underline;
	outline:none;
}

a:visited
{
	color: #e25601; 
	text-decoration: underline;
}

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

hr {
	height:1px;
	border:none;
}




/* Basic structure */
.wrapper_shade {
	width:1050px;
	margin:auto;
	background: url(../images/bg_main_sideshadows.png) no-repeat center 120px;
}

#wrapper {
	width:980px;
	margin:auto;
	background: url(../images/bg_top.gif) no-repeat top center;
}

#wrapper2 {
	width:980px;
	margin:auto;
	background: url(/stc/images/bg_main_middle.jpg) repeat-y top center;
}

#masthead {
	background-color:#FC0; 
	background:url(/stc/images/bg_top.gif) no-repeat top center; 
	height:50px; 
	width:980px; 
	margin:0 0 0px 0;
	padding-top:25px;
}

#columns {
	background-color:#fff; 
	min-height:500px; 
	width:978px; 
	margin:0 0 5px 0; 
	border:solid 1px #dedddd;
}

/* MASTHEAD = row1 */
#mast_row1 {
	width:980px;
	height:30px;
	clear:both;
	text-align:left;
	margin-bottom:20px;
}

#logo {
	height:40px; 
	width:220px; 
	margin:0; 
	display:inline; 
	float:left;
}

#masthead h1 {
	display:inline;
}

#masthead h1 a,
#masthead h1 a:link,
#masthead h1 a:visited,
#masthead h1 a:hover,
#masthead h1 a:active {
	width: 220px;
	height: 35px;
	display: block;
	float: left;
	background:url(/stc/images/logo.png) no-repeat;
	outline:none;
}

#header_container {
	height:20px; 
	width:700px; 
	margin:0; 
	padding-top:20px; 
	display:inline; 
	float:right; 
	text-align:right;
}

#header {
	width:450px;
	display:inline;
	font-size:11px;
	color:#fff;
	text-align:right;
	overflow:hidden;
	margin:0px 10px 0 0;
	padding:0;
}

#header a, #header a:visited, #header a:active, #header a:visited {
	color:#FFF;
	text-decoration:none;
}

#header a:hover {
	text-decoration:underline;
}

/* ROW2 */

/* ROW3 */
#searchbar {
	height:30px; 
	width:980px; 
	margin:0px 5px 0px 0;
	padding-top:0px;
	clear:both;
}

#breadcrumbs_container {
	width:650px;
	overflow:hidden;
	background:none;
	display:inline-block;
	float:left;
	margin-top:3px;
}

#breadcrumbs {
	font-size:11px;
	color:#fff;
	text-align:left;
	padding:3px 5px;
	background:#fc4f00;
	display:inline-block;
	float:left;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background:#fc4f00;
}

#breadcrumbs a:hover, #langbar a:hover {
	text-decoration:underline;
}

#searchform
{
	display:inline;
	font-size: 11px;
	margin: 0px 0px 0 0;
	float:right;
}

#searchform input
{
	vertical-align: middle;
	outline:none;
}

#searchform input.textinput
{
	width: 247px; 
	height:15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	padding: 3px;
	margin: 0 10px 0 0;
	border:0;
	background: url(/stc/images/bg_searchbox.gif) no-repeat top left;
}



/* COLUMNS */
/* --- Grid --- */

.grid {
  width: 978px;
  margin: auto;
  background:url(/stc/images/bg_leftcol.gif) repeat-y top left;
  padding:10px;
  min-height:498px;
}

/* Left column */
.grid-c1 {
  float: left;
  width: 175px;
  text-align:left;
}

#leftcolBanner {
	width:165px;
	margin:auto;
	text-align:center;
	margin-left:0px;
	margin-top:10px;
}

/* Right column */
.grid-c2 {
  float: left;
  width: 790px;
  text-align:left;
}

#subnavi_hor {
	width:760px;
	clear:right;
}

#subnavi_hor_shade {
	width:770px;
	height:20px;
	clear:both;
	background: url(/stc/images/bg_shade.gif) no-repeat bottom center;
}

#content {
	margin:0;
	padding:0 15px 15px 15px;
}

#content_head {
	width:100%;
	font-size:16px;
	font-weight:bold;
	color:#08659a;
	margin: 10px 0;
	padding: 0 0 5px 0;
/*	background: url(/stc/images/bg_h1.gif) repeat-x bottom left;*/
}

/* FOOTER */
#footer_top {
	height:7px;
	background:#fd8f00;
	clear:both;
	margin:5px 0;
}

#footer {
	width:980px;
	float:left;
	margin-bottom:10px;
}

.footerBox {
	width:195px;
	display:inline;
	float:left;
	background: #fec900;
	border-top: solid 1px #fed742;
	margin-right:1px;
	text-align:left;
	padding:0 0 20px 0;
}

.footerBox ul {
	margin:0 0 0 10px;
	padding:0;
}

.footerBox li {
	background: url(../images/bullet_grey.gif) no-repeat left 4px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:12px;
}

.footerBox a,
.footerBox a:link,
.footerBox a:visited,
.footerBox a:active {
	font-size:11px;
	text-decoration:none;
	color:#9d9d78;
	padding:0 0 0 10px;
	margin:0;
}

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

.footerBox h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:0 0 10px 0;
	padding:5px 10px;
	border:none;
	border-bottom: solid 1px #febf00;
	background:none;
}

.footerBox h2 a, 
.footerBox h2 a:link,
.footerBox h2 a:visited,
.footerBox h2 a:active {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 0;
}

.footerBox h2 a:hover {
	text-decoration:underline;
}


/* TEMPLATE: home */
#home_content {
	background: #fff;
	padding: 0;
	border: solid 1px #e1dbda;
}

/* --- Grid --- */
.homegrid { /* Grid with two columns: LEFT & RIGHT */
	width: 965px;
	margin: auto;
}

.homegrid-c1 { /* LEFT (lentotarjouksia, lento+hotelli & 6 quoteboxes) */ 
	float: left;
	width: 715px;
}

.homegrid-m2 { /* margin between LEFT and RIGHT */
	float: left;
	width: 10px;
	height: 1px;
}

.homegrid-c2 { /* RIGHT (varaa matka & uutiset) */
	float: left;
	width: 240px;
}

/* --- Quotegrid --- */
.quotegrid {
	width: 713px;
	margin: auto;
}

.quotegrid-c1 {
	float: left;
	width: 231px;
	margin-bottom:10px;
}

.quotegrid-m2 {
	float: left;
	width: 10px;
	height: 1px;
}

.quotegrid-c2 {
	float: left;
	width: 231px;
	margin-bottom:10px;
}

.quotegrid-m3 {
	float: left;
	width: 10px;
	height: 1px;
}

.quotegrid-c3 {
	float: left;
	width: 231px;
	margin-bottom:10px;
}

.quotegrid_pic {
	height:120px;
}


div .quotegrid_title, .quotegrid_title a, .quotegrid_title a:visited, .quotegrid_title a:active {
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:#ff6101;
	text-decoration:none;
	margin:10px 0 5px 0;
	background: url(../images/bullet_orange2.gif) no-repeat 0 4px;
	padding-left:15px;
	text-align:left;
}

.quotegrid_title a, .quotegrid_title a:visited, .quotegrid_title a:active{
	padding-left: 0;
	background-image: none;
}

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

.quotegrid_intro {
	font-size:11px;
	color:#505050;
	text-align:left;
	line-height:13px;
}

.quotegrid_intro a, .quotegrid_intro a:visited, .quotegrid_intro a:active {
	text-decoration:none;
}

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

#uutiset_title {
	width:240px;
	height:21px;
	margin:0 0 5px 0;
}

#uutiset_container {
	margin:5px 0;
}

#uutiset_content {
	width:218px;
	border: 1px solid #d9dbdc;
	background:#f4f6f7;
	padding:10px;
	font-size:11px;
	text-align:left;
}

#ulnewslist {
	list-style-image:none;
	list-style:none;
	padding:0;
	margin:0;
}

#ulnewslist li {
	padding:0 0 10px 0;
}

#ulnewslist a {
	text-decoration:none;
	color:#505050;
}

#ulnewslist a:hover {
	text-decoration:underline;
}

/* TEMPLATE: standard */
#div_left
{
	width: 480px;
	float:left;
	display:inline;
}

#div_right
{
	width: 200px;
	float:left;
	display:inline;
}

.yelDivider {
	width:100%;
	height:2px;
	float:left;
	margin-bottom:10px;
	border-bottom: 1px solid #feb300;
	margin-top:-5px;
}

/* TEMPLATE: subhome */


/* TEMPLATE: blank */
#blank
{
	background: #fff url(../images/bg_gradient.gif) repeat-x;
}

#blank body, #blank #infowindow
{
	text-align:left;
	padding: 10px;
}


/* LAYOUT: print */
.printLayout
{
	width:700px;
	background-color:#fff;
	float:left;
}

#print #rightcol
{
	width:650px;
}

#print ul li
{
	list-style:circle;
	background:none;
	margin-left:15px;
}


/* Nostolaatikko */
p.quote
{
	border: 1px solid #d9dbdc;
	background:#f4f6f7;
	padding:10px;
	font-size:11px;
	text-align:left;
	float:left;
	display:inline-block;
}

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

.clearer
{
	clear: both;
}


/* pt_standard_wide.jsp */
#content_body_wide {
	width:745px;
	margin:auto;
}


/* pt_standard_narrow.jsp*/
/* --- Grid --- */
.grid2 {
  width: 765px;
  margin: auto;
}

.grid2-c1 {
  float: left;
  width: 530px;
}

.grid2-c2 {
  float: left;
  width: 215px;
}

.grid2-margin {
  float: left;
  width: 10px;
  height: 1px;
}

.grid2-c2 .box {
	width:193px;
	padding:10px;
	background:#f4f4f3;
	border: solid 1px #ebeaea;
	margin-bottom:15px;
}

.grid2-c2 .box h3 {
	font-size:12px;
	font-weight:bold;
	background: url(../images/bullet_orange_arrow.gif) no-repeat 0 4px;
	padding-left:10px;
	color:#3f3f3f;
}

.grid2-c2 .box p {
	font-size:11px;
	line-height:13px;
}

.grid2-c2 .box p a {
	text-decoration:none;
}

.grid2-c2 .box p a:hover {
	text-decoration:underline;
}

.grid2-c2 .box ul {
	margin:10px 0;
	padding:0;
}

.grid2-c2 .box ul li {
	list-style:none;
	background: url(/stc/images/bullet_orange_small.gif) no-repeat 0 3px;
	padding-left:13px;
	font-size:11px;
}

#branchList {
	width:195px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#dest_head
{
	margin: 0 0 10px 0;
	padding: 0;
	background: url(/stc/images/bg_h1.gif) repeat-x bottom left;
}

#dest_head #booker_wrapper
{
	width: 267px;
	display: inline;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
}

#dest_head div.clearer
{
	width: 765px;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#dest_head h1#content_head {
	width: 475px;
	float: left;
	padding: 12px 0 13px 0;
	margin: 0;
}

/* pt_triphome.jsp */
.grid3 {
  width: 765px;
  margin: auto;
}

.grid3-c1 {
  float: left;
  width: 200px;
}

.grid3-c2 {
  float: left;
  width: 315px;
}

.grid3-margin {
  float: left;
  width: 10px;
  height: 1px;
}

div.trip_bottom_collapsed
{
	display: none;
}

.tripbottom expanded
{
	display: block;
}

#triphome h2 {
	display:block;
	background: url(/stc/images/bullet_orange.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-bottom: 8px;
	border-bottom: solid 1px #feb300;	
}

/* ce_hotel.jsp */
.hotel_title {
	display:block;
	padding: 0 0 0 3px;
	border-bottom: solid 1px #feb300;	
}

div.stars_wrapper
{
	width: auto;
	height: 15px;
/*	background: #fff url(../images/hotel_stars.gif) repeat-x left -15px;*/
	display:inline;
	float:left;
	margin: 10px 0 0 10px;
}

div.stars_display
{
	height: 15px;
	background: #fff url(../images/hotel_stars.gif) repeat-x left top;
	display:inline;
	float:left;
}

div.stars_parts
{
	width: 15px;
	height: 15px;
	display:inline;
	float:left;
	padding-top:2px;
}

.hotel_title h2 {
	font-size:14px;
	font-weight:bold;
	color:#08659a;
	background: url(/stc/images/bullet_orange.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-bottom:0;
	display:inline;
	float:left;
}

.hotel_top .clearer_shade {
	background: url(/stc/images/bg_shade2.gif) repeat-x bottom left;
	height:10px;
	width:100%;
	clear:both;
}

.hotel_box {
	width:738px;
	padding:10px;
	background: #f5f5f5;
	border: solid 1px #ebeaea;
	border-bottom: none;
}

.hotel_bottom {
	display:block;
	padding:0 10px 10px 10px;
	background: #f5f5f5;
	border: solid 1px #ebeaea;
	border-top:none;
}

/* --- HotelGrid --- */
.hotelgrid {
  width: 735px;
  margin: auto;
}

.hotelgrid-c1 {
  float: left;
  width: 200px;
}

.hotelgrid-m2 {
  float: left;
  width: 10px;
  height: 1px;
}

.hotelgrid-c2 {
  float: left;
  width: 295px;
}

.hotelgrid-m3 {
  float: left;
  width: 10px;
  height: 1px;
}

.hotelgrid-c3 {
  float: left;
  width: 210px;
}

.hotelgrid-colspan2 {
  float: left;
  width: 510px;
}

.hotel_bottom .hotelgrid-c1 img {
	padding: 0 0 10px 0;
}

.hotel_infobox {
	width:195px;
	padding:8px;
	border: solid 1px #ebeaea;
	background: #fff url(/stc/images/bg_hotelladdressbox.gif) repeat-x top left;
	font-size:11px;
}

.hotel_photogallerylink {
	margin-top:10px;
}

.hotel_infobox h3 {
	font-weight:bold;
	color: #3f3f3f;
	background: url(/stc/images/bullet_orange_arrow.gif) no-repeat 0 4px;
	padding: 0 0 5px 10px;
	margin: 3px 0 5px 0;
	border-bottom: solid 1px #ebeaea;
}

.collapsible_hotelinfo_wrapper {
	width:760px;
	height:22px;
	border-top: solid 1px #ebeaea;
}

.collapsible_hotelinfo_wrapper .active {
	width:507px;
	height:22px;
	float:right;
	background: url(/stc/images/btn_lisaatastahotellista_active.gif) no-repeat;
}

.toggler_link {
	width:509px;
	height:18px;
	float:right;
	background: url(/stc/images/btn_lisaatastahotellista.gif) no-repeat bottom right;
}

.collapsible_hotelinfo_wrapper a,
.collapsible_hotelinfo_wrapper a:active, 
.collapsible_hotelinfo_wrapper a:visited,
.collapsible_hotelinfo_wrapper a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:4px 0 0 23px;
}

/* list_trips.jsp */
.tripTable td {
	border-bottom:solid 3px #fed100;
}

.triplist {
	width:249px;
	display:inline;
	float:left;
	margin:0;
	padding:10px 2px;
}

.triplist_pic {
}

div .triplist_title, .triplist_title a, .triplist_title a:visited, .triplist_title a:active {
	height:auto;
	font-size:12px;
	font-weight:bold;
	color:#3f3f3f;
	text-decoration:none;
	margin:10px 0;
}

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

.triplist_intro {
	font-size:12px;
	color:#3f3f3f;
}

/* pt_highlights.jsp */
#highlights h2 {
	margin: 10px 0;
	padding: 10px 0;
	background: url(/stc/images/bg_h1.gif) repeat-x bottom left;
	border-top:solid 1px #eae9e9;
}

/* ce_pricelist.jsp */
.pricelist {
	width: 700px;
	overflow: scroll;
	font-family: Arial;
	font-size: 12px;
}
.pricelist table {
	width: 2500px;
}
.pricelist table td {
	padding: 3px 8px 3px 8px;
}
.pricelist table td.name {
	width: 200px;
}
.pricelist table td.name_wide {
	background-color: #fede00;
	color: #fc5f00;
	font-weight: bold;
}
.pricelist table tr.row0 td {
	background-color: #eaeeef;
}
.pricelist table tr.row1 td {
	background-color: #f4f6f7;
}
.pricelist table td.spacer {
	height: 6px;
	overflow: hidden;
	margin: 0;
	padding: 6px 0 0 0;
}
.pricelist table td.spacer div {
	overflow: hidden;
	height: 6px;
	border-top: 1px solid #eaeeef;
}

/* pt_offer.jsp */
.tarjoustitle {
	font-size:13px;
	color:#fff;
	background: url(../images/bullet_yellow2.png) no-repeat 5px 6px;
	padding-left:15px;
}

.tarjouscontent {
	font-size:13px;
	font-weight:bold;
	color:#fede00;
}

.tarjousprice {
	font-size:20px;
	font-weight:bold;
	color:#fff;
}

#tarjoustable {
	height:110px;
	border:1px solid #ff9b4f;
}

#tarjoustable table, #tarjoustable td {
    border-color: #ff9b4f;
    border-style: solid;
}

#tarjoustable table {
	height:110px;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	overflow:hidden;
}

#tarjoustable td {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}





/* ce_collapsible_content.jsp */
.collapsible_wrapper {
	display:block;
	border-top: 1px solid #feb300;
	border-bottom: 1px solid #feb300;
	padding: 5px;
}

.collapsible_toggler_link {
	display:block;
	font-size:12px;
	font-weight:bold;
	background: url(../images/bullet_orange_arrow.gif) no-repeat 5px 4px;
	padding-left:15px;
}

.collapsible_wrapper a:link {
	text-decoration:none;
}

.collapsible_wrapper .open {
	display:block;
	font-size:12px;
	font-weight:bold;
	background: url(/stc/images/bullet_orange_arrow_down.gif) no-repeat 4px 6px;
	padding-left:15px;
	text-decoration:none;
}

.collapsible_hidden_content {
	display:block;
	margin:10px 0 10px 15px;
}

/* list_offers_flight.jsp */
#offers_container {
	/*height:115px;*/
	clear: both;
	float: left;
	width: 715px;
	padding: 10px 0;
	border-top: 1px solid #feb300;
}

.offers_list_container {
	display:inline;
	float:left;
}

.offers_title {
	height:19px;
	width:242px;
	overflow:hidden;
	background: url(/stc/images/bg_title_tarjoukset.gif) no-repeat top right;
	color:#ff2b01;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-left:8px;
	padding-top:2px;
}

.offers_pic {
	width:100px;
	display:inline;
	float:left;
	margin: 0 5px 0 0;
}

.offers_other {
	width:250px;
	display:inline;
	float:left;	
}

.offerC1Odd {
	background-color:#eaeeef;
	color:#34424c;
	font-size:11px;
	padding:2px 5px;
}

.offerC1Even {
	background-color:#f4f6f7;
	color:#34424c;
	font-size:11px;
	padding:2px 5px;
}

.offerC1Odd a, .offerC1Even a {
	text-decoration:none;
	color:#34424c;
}

.offerC1Odd a:hover, .offerC1Even a:hover {
	text-decoration:underline;
}

.offerC2Odd, .offerC2Odd a, .offerC2Odd a:visited {
	background-color:#ff9516;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-right:3px;
}

.offerC2Even, .offerC2Even a, .offerC2Even a:visited {
	background-color:#ffac1e;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-right:3px;
}


/* Cufon for font replace */
.myriad {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

/* Image gallery */
.galleryOverlay
{
	background-color: #ffd201;
	position: absolute;
	z-index: 998;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

.galleryWrapper
{
	background-color: #000;
	position: absolute;
	z-index: 999;
}


/* Contact form */
.genericOverlay
{
	background-color: #000;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

#contactFormIframe
{
	position: absolute;
	z-index: 999;
}

#cInfoWrapper_default p
{
	margin-top: 10px;
	padding: 0 5px;
}





/* List: offer - subhome */

#offerList_subhome
{
	border-collapse: collapse;
}

#offerList_subhome th,
#offerList_subhome td
{
	padding: 2px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}

#offerList_subhome td.price
{
	text-align: right;
}

#offerList_subhome td
{
	border-right: 1px solid #fff;
}

#offerList_subhome thead th
{
	background: #feb600 url(../images/bg_offerlist_head.gif) repeat-x left top;
	color: #ff3c02;
	font-weight: bold;
	padding: 4px 10px;
}

#offerList_subhome tr.Odd td
{
	background-color: #eaeeef;
}

#offerList_subhome tr.Even td
{
	background-color: #f4f6f7;
}

/*
.imageGallery_images a
{
	display: block;
	padding: 5px;
	margin: 5px;
	background-color: #0f0;
}
*/



p.galleryImage
{
	background: #ddd;
	border: 1px solid #ff0;
}





#ribbon
{
	position: absolute;
	right: 0;
	top: 0;
	border: none;
}

* html #ribbon
{
	display: none;
}