/* layout */

body {
    background: #fff url("../images/background.jpg");
    background-position: top left;
    background-repeat: repeat-x;
}

hr {
    border-bottom: 1px solid #ccc;
    margin: 5px 0 5px 0;
}

hr.dashed {
    border-bottom: 1px dashed #cfd9e2;
    margin: 5px 0 5px 0;
}

img {
    border: 0;
}

.margin3px { margin: 3px; }
.margin6px { margin: 6px; }
.margin9px { margin: 9px; }
.margin12px { margin: 12px; }
.margin15px { margin: 15px; }
.padding3px { padding: 3px; }
.padding6px { padding: 6px; }
.padding9px { padding: 9px; }
.padding12px { padding: 12px; }
.padding15px { padding: 15px; }

.inverse-side-margin12px {
	margin-left: -12px;
	margin-right: -12px;
}

#wrapper {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 15px;
    width: 899px;
}

#wrapper-inner {
    margin: 0px;
    background: #fff;
    border: 1px solid #e0f1fb;
    border-top: 0px;
}

/* header.jsp */
#header { width: 899px; height: 130px; margin-top: 10px; background: transparent url("../images/header-background.gif"); }
#header #slogo { height: 80px; width: 270px; text-align: right; vertical-align: bottom; }
#header #top-navigation { width: 430px; padding-top: 40px; }
#header #top-navigation a { color: #999999; font-weight: normal; padding: 0px 3px 0px 3px; }
#header #top-navigation a:hover { text-decoration: underline; }
#header #top-navigation ul { float: right; list-style: none; margin: 0;}
#header #top-navigation li { display: block; float: left; list-style: none; padding: 0 2px 0 2px; margin: 0; border-right: 1px solid #ccc; }
#header #top-navigation li.last { border: 0; }
#header #setukortti { width: 169px; vertical-align: bottom; padding-right: 30px; }
#header #setukortti img { margin-left: 70px; }
#header #navigation { width: 100%; padding: 14px 0px 0px 16px; }
#header #nav { list-style: none; margin: 0px; padding: 0px; vertical-align: top; }
#header #nav li { display: block; float: left; list-style-position: outside; list-style-type: none; }

/* breadcrumbs */
#breadcrumbs-container {
    margin: 0px;
    padding: 2px;
    font-size: 0.9em;
}
#breadcrumbs-container A {
    color: #000;
}
/* breadcrumbs - end */

/* MIDDLE */
#middle-container {
    margin: 15px;
    margin-top: 0px;
}

#middle-container .col-1-layout .col-main { border: 1px solid #ccc; padding: 5px; }

#middle-container .col-2-layout .col-main { }
#middle-container .col-2-layout .col-main .col-left { float: left; width: 214px; min-height: 250px; }
#middle-container .col-2-layout .col-main .col-center { float: left; width: 618px; min-height: 250px; margin-left: 22px; }

#middle-container .col-3-layout .col-main { }
#middle-container .col-3-layout .col-main .col-left { float: left; width: 214px; min-height: 250px; }
#middle-container .col-3-layout .col-main .col-center { float: left; width: 393px; min-height: 250px; margin-left: 22px; }
#middle-container .col-3-layout .col-right { float: right; width: 214px; min-height: 250px; margin-left: 22px; }

/* basic content box */
#middle-container .col-content,
#middle-container .tab-view {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

#middle-container .header {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    height: 31px;
    border-bottom: 1px solid #ccc;
    background: url("../images/headerbackground.gif") top left repeat-x;
    color: #737785;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

.popup-container {
}

.popup-container .header {
    border: 1px solid #ccc;
    padding-top: 3px;
}

.popup-container .closeIcon {
    float: right;
    margin: 6px;
}

.popup-content {
    margin-top: 10px;
    overflow: auto;
    height: 92%;
}

/*intentionally in Finnish..*/
#middle-container .header .hakutulokset {height:31px; background: url("../images/head_hakutulokset.gif") top left no-repeat;}
#middle-container .header .hotelli {height:31px; background: url("../images/head_hotelli.gif") top left no-repeat;}
#middle-container .header .kohdeesittely {height:31px; background: url("../images/head_kohdeesittely.gif") top left no-repeat;}
#middle-container .header .kohteenhotellit {height:31px; background: url("../images/head_kohteenhotellit.gif") top left no-repeat;}
#middle-container .header .matkakohde {height:31px; background: url("../images/head_matkakohde.gif") top left no-repeat;}
#middle-container .header .matkakohteet {height:31px; background: url("../images/head_matkakohteet.gif") top left no-repeat;}
#middle-container .header .palaute {height:31px; background: url("../images/head_palaute.gif") top left no-repeat;}
#middle-container .header .rantalomat {height:31px; background: url("../images/head_rantalomat.gif") top left no-repeat;}
#middle-container .header .ravintohakutulos {height:31px; background: url("../images/head_ravintolahakutulos.gif") top left no-repeat;}
#middle-container .header .ravintolaesittely {height:31px; background: url("../images/head_ravintolaesittely.gif") top left no-repeat;}
#middle-container .header .suunnittelematka {height:31px; background: url("../images/head_suunnittelematka.gif") top left no-repeat;}
#middle-container .header .suunnittelerantaloma {height:31px; background: url("../images/head_suunnittelerantaloma.gif") top left no-repeat;}
#middle-container .header .tarjoukset {height:31px; background: url("../images/head_tarjoukset.gif") top left no-repeat;}
#middle-container .header .tarjous {height:31px; background: url("../images/head_tarjous.gif") top left no-repeat;}
#middle-container .header .varaustiedustelu {height:31px; background: url("../images/head_varaustiedustelu.gif") top left no-repeat;}

#middle-container .col-center .roundedbox-content {
    background-color: #fff;
}

.pageContentMargin {
    margin-left: 10px;
    margin-right: 10px;
}

#middle-container .col-center .roundedbox-content hr {
    color: #cddae3;
}
#middle-container .col-center .roundedbox-content .left {
    float: left;
    width: 394px;
    min-height: 250px;
    overflow: hidden;
    padding-bottom: 5px;
}
#middle-container .col-center .roundedbox-content .right {
    float: left;
    width: 186px;
    padding: 0px;
    margin-left: 12px;
    padding-bottom: 5px;
    overflow: hidden;
}
/*inside .left or .rigth div table left borders are hidden in ff*/
#middle-container .col-center .roundedbox-content div table {
    margin: 1px;
    width: 99%;
}
#middle-container .col-center .roundedbox-content .right ul {
    list-style: none;
    margin-left: 1px;
}

.imgcontainer {
    display: block;
    width: 180px;
    height: 101px;
    padding: 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 0;
    line-height: 0;
}

.sidebutton-imgcontainer {
	margin-top: 4px;
	margin-bottom: 18px;
	margin-left: -10px;
}
.sidebutton-imgcontainer a {
	display: block;
    margin-top: 10px;
    margin-bottom: 4px;
}

#middle-container .col-center .roundedbox-content .right .text {
    margin: 10px 0 0 0;
    padding: 10px;
    background-color: #f6f9fe;
}
#middle-container .infobox {
    background-color: #f6f9fe;
}

#middle-container .col-center .roundedbox-content .right hr {
    color: #c8d5de;
    border-style: dashed;
}

#middle-container .col-center .roundedbox .fitwidth {
    width: 600px;
    overflow: hidden;
}

/* basic content box - end */


/* FOOTER */
#footer {
    display: block;
    height: 31px;
    margin-top: 20px;
    background: url("../images/footer.gif");
    background-repeat: repeat-x;
}
#footer ul {
    list-style: none;
    margin: 0;
}
#footer ul.nav li {
    float: left;
    display: inline;
    margin-top: 5px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #000;
}
#footer ul.nav li.last {
    border: 0;
}

#footer-left {
    float: left;
    height: 31px;
    min-width: 200px;
    background: transparent url("../images/footer-corners.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#footer-right {
    float: right;
    height: 31px;
    min-width: 200px;
    text-align: right;
    background: transparent url("../images/footer-corners.gif");
    background-repeat: no-repeat;
    background-position: 100% -31px;
}
#footer a {
    font-size: 0.9em;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
/* FOOTER - end */

/* new left navigation */
.subnavigation { width: 214px; margin-bottom: 10px; }
.subnavigation td { height: 24px; vertical-align: middle; }
.subnavigation tr.level1 td { background: transparent url("../images/subnavigation/navi_item.jpg"); }
.subnavigation tr.level1 td.selected { background: transparent url("../images/subnavigation/navi_item_selected.jpg"); }
.subnavigation tr.level1 td.first { background: transparent url("../images/subnavigation/navi_item_first.jpg"); }
.subnavigation tr.level1 td.firstselected { background: transparent url("../images/subnavigation/navi_item_first_selected.jpg"); }
.subnavigation tr.level1 td.last { background: transparent url("../images/subnavigation/navi_item_last.jpg"); }
.subnavigation tr.level1 td.lastselected { background: transparent url("../images/subnavigation/navi_item_last_selected.jpg"); }
.subnavigation tr.level1 td span, .subnavigation tr.level1 td a { margin-left: 35px; color: #000000; font-weight: bold; }
.subnavigation tr.level1 td.selected span, .subnavigation tr.level1 td.firstselected span, .subnavigation tr.level1 td.lastselected span { color: #FFFFFF; }
.subnavigation tr.level1 td.selected a, .subnavigation tr.level1 td.firstselected a, .subnavigation tr.level1 td.lastselected a { color: #FFFFFF; }
.subnavigation tr.level2 td { background: transparent url("../images/subnavigation/navi_item_level2.jpg"); }
.subnavigation tr.level2 td.last { background: transparent url("../images/subnavigation/navi_item_level2_last.jpg"); }
.subnavigation tr.level2 td a { margin-left: 50px; color: #000000; font-weight: normal; }
.subnavigation tr.level2 td.selected a { font-weight: bold; }
.subnavigation td a:hover { text-decoration: underline; }

/* old left navigation, should be removed and tested that this no longer exists anywhere on pages */

.navi-left {
    display: block;
    overflow: hidden;
    width: 214px;
    background-color: #e2f0fb;
    padding: 1px 1px 1px 1px;
    margin-bottom: 15px;
}
.navi-left ul {
    list-style: none;
    margin: 0;
}
.navi-left ul.nav a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.navi-left ul.nav li {
    padding: 0;
    text-indent: 30px;
    border-bottom: 1px dashed #c5d6e0;
    background: url("../images/li_normal.gif") 14px 5px no-repeat;
}

/* Fix for IE6 to show arrow also for last li */
.navi-left ul.nav li.last {
    border-bottom: 1px hidden black;
}

.navi-left ul.nav li.selected {
    color: #fff;
    background-image: url("../images/li_selected.gif");
    background-color: #89a8bd;
}
.navi-left ul.nav li.selected a {
    display: block;
    color: #fff;
}
.navi-left ul.nav li.selected ul.sub-nav a {
    color: #000;
}
.navi-left ul.sub-nav {
}
.navi-left ul.sub-nav a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
.navi-left ul.sub-nav li {
    padding: 0;
    text-indent: 50px;
    border: 0;
    border-top: 1px dashed #c5d6e0;
    background-color: #f6fbfe;
    background-image: none;
}
.navi-left ul.sub-nav li.last {
    border: 0;
}
.navi-left ul.sub-nav li.selected {
    background-color: #f6fbfe;
    background-image: none;
}
.navi-left ul.sub-nav li.selected a {
    font-weight: bold;
}

/* Fix for IE 6, arrow and dash line is shown properly */
.navi-left ul {
    position: relative;
}

/* Fix for IE 6, arrow and dash line is shown properly */
.navi-left ul li {
    position: static;
}

/* left navigation - end */

/* roundedbox.tag */
.roundedbox { width: 100%; margin-bottom: 15px; }
.roundedbox-noheader { border: 1px solid #ccc; border-bottom: none; background: url("../images/roundedbox_header_bg.gif"); height: 32px; padding-left: 10px; }
.roundedbox-header { border: 1px solid #ccc; border-bottom: none; background: url("../images/roundedbox_header_bg.gif"); height: 32px; padding-left: 10px; }
.roundedbox-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.roundedbox-content-bordered { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.roundedbox-bottom-left, .roundedbox-bottom-right { height: 4px; width: 50%; }
.roundedbox-bottom-left { background: url("../images/roundedbox_bottomcorner_left.gif") no-repeat top left; }
.roundedbox-bottom-right { background: url("../images/roundedbox_bottomcorner_right.gif") no-repeat top right; }
.roundedbox-bottom-green { background: url("../images/roundedbox_bottomcorner_green_left.gif") no-repeat top left; }
.roundedbox-bottom-green-small { background: url("../images/roundedbox_bottomcorner_small_green_left.gif") no-repeat top left; }
.roundedbox-top-left, .roundedbox-top-right { height: 4px; width: 50%; }
.roundedbox-top-left { background: url("../images/roundedbox_topcorner_left.gif") no-repeat top left; }
.roundedbox-top-right { background: url("../images/roundedbox_topcorner_right.gif") no-repeat top right; }
div.roundedbox-bottom-left { float: left; }
div.roundedbox-bottom-right { float: right; }

.roundedbox-search { background: url("../images/roundedbox_searchtab_background.gif") repeat-y top left; }

.bonusinfo ul { list-style-type: disc; margin-left: 18px; }
.bonusinfo p { margin: 12px 0px 12px 0px; }

/* dottedborder.tag */
.dotted-border { background: url("../images/dotted_bottom_border.gif") repeat-x; height: 9px; margin-top: 9px; }

/*
 * searchBeachResort.jsp
  */
.resort-results .title { margin-left: 15px; padding: 9px 9px 9px 0px; font-size: 14px; font-weight: bold; background: url("../images/dotted_bottom_border.gif") repeat-x bottom; }

/*
 * mapSearch.jsp
 */
#finland-location-list {
    background-color: #F6F9FE;
    width: 170px;
}
#country-locations-list span {
    display: block;
    float: left;
    width: 120px;
}
#finland-location-list, #country-locations-list{
    padding: 9px;
}

/* rounded corners */
.blgcorner, .brwcorner,
.blcorner, .brcorner {
    display: block;
    height: 5px;
    width: 4px;
    font-size: 0px;
    background-repeat: no-repeat;
    position: relative;
}
.blcorner {
    background-image: url("../images/corners.gif");
    float: left;
    background-position: 0 -5px;
    left: -1px;
    top: 1px;
}
.brcorner {
    background-image: url("../images/corners.gif");
    float: right;
    left: 1px;
    top: 1px;
}
.blgcorner {
    background-image: url("../images/corners-green.gif");
    float: left;
    left: -1px;
    top: 1px;
}
/* rounded corners */


/* others */

#middle-container table.login td {
    padding-right: 5px;
    padding-bottom: 1px;
}

.error {
    background-color: #ffeaea;
    border: 1px solid #a5acb2;
}

.errorBox {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px dashed red;
    color: red;
    background-color: #ffeaea;
}


table.product-display-table {
    width: 100%;
}

table.product-display-table td {
    width: 50%;
    padding-right: 5px;
    padding-bottom: 5px;
}

table.product-display-table td.last {
    padding-right: 0;
}

table.product-display-table .product-display-content {
    padding: 5px;
    border: 1px solid #ccc;
}


#weatherContainer {
    margin: 9px;
}

.bookflight td{
    padding-bottom: 5px;
}

.noticebox {
	border: 1px solid #73be59;
	background-image: url("../images/icons/notice.gif");
	background-position: 6px center;
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 28px;
	margin-bottom: 10px;
}

.noticebox p {
	margin: 0;
}


.placeInTheSunContainer {
    background-color: #FFFAE6;
    margin-bottom: 10px;
    border: 1px solid #E46400;
    
}

.placeInTheSunContainer a,
.placeInTheSunContainer a:visited {
    color: #E46400;
}

.placeInTheSunContainer .placeInTheSunStory {
	margin-left: 9px;
	margin-right: 9px;
	font-size: 0.9em;
	
}
.placeInTheSunContainer .placeInTheSunStory div {
	padding-top: 2px;
	padding-bottom: 2px;
}
.placeInTheSunContainer .blogTitle{
    font-weight: bold;
    background-color: #F0E8D3;
    padding: 3px 8px;
}
.placeInTheSunContainer .placeInTheSunLogo {
    width: 184px;
    height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.placeInTheSunContainer .placeInTheSunLogo img {
    margin: 0;
}

.linkWeightNormal a,
.linkWeightNormal a:visited {
    font-weight: normal;
    text-decoration: underline;
}