/*
Author : igor
Description: stylesheet for hotel details page
*/

.printHeader, .mainInfoContainer, .printFooter {
  font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif;
  font-size:8pt;
}
.printHeader .top {
  position:absolute;
  top:10px;
  left:210px;
  width:570px;
}
.printHeader .top h2 {
  float:left;
  margin:0;
  padding:0;
  font-size:150%;
  font-weight:bold;
  color:#006AB3;
}
.printHeader .address {
  font-size:112.5%;
}
.printHeader .top .generated {
  display:none;
  float:right;
  margin-top:5px;
  color:#006AB3;
}
.mainInfoContainer .top {
  padding:10px 10px 7px 10px;
  background:url(../images/main_content_bg_top.gif) no-repeat left top;
  font-size:160%;
  font-weight:bold;
}
.mainInfoContainer .hotelInfoContainer {
  margin:0 10px 7px 10px;
  background-color:#FFF;
}
.hotelInfoContainer .title {
  height:22px;
  margin-bottom:4px;
}
.hotelInfoContainer .title h2 {
  float:left;
  line-height:22px;
  padding:0;
  margin:0;
  margin-left:7px;
  font-size:125%;
  color:#FFF;
}
.hotelInfoContainer .title h3 {
  float:right;
  line-height:22px;
  padding:0;
  margin:0;
  margin-right:7px;
  font-size:125%;
  color:#FFF;
}
.hotelInfoContainer .title .stars {
  float:left;
  height:22px;
  width:100px;
  line-height:22px;
  margin-left:7px;
  text-indent:-3000em;
}
.hotelInfoContainer .description .visuals {
  float:left;
  /*width: 250px;*/
}
.hotelInfoContainer .description .visuals h4 {
  margin-left:7px;
  font-weight:bold;
}
.hotelInfoContainer .description .visuals .images, #hotelInfoCycler img {
  width: 250px;
}
.hotelInfoContainer .description .visuals .images .navi {
  height:30px;
}
#hotelInfoCyclerBack, #hotelInfoCyclerForward {
  width:70px;
  height:23px;
  line-height:23px;
  text-decoration:none;
  font-size:112.5%;
  font-weight:bold;
  color:#000;
}
#hotelInfoCyclerBack {
  float:left;
  padding-left:30px;
  background:url(../images/booking/btn_prev.gif) no-repeat left center;
}
#hotelInfoCyclerForward {
  float:right;
  text-align:right;
  padding-right:30px;
  background:url(../images/booking/btn_next.gif) no-repeat right center;
}
.hotelInfoContainer .description .text {
  float:right;
  width:460px;
}
.hotelInfoContainer .description .text {
  padding-right:40px;
}
.hotelInfoContainer .description .text h3, .hotelInfoContainer .description .text h4 {
  margin-bottom:0.5em;
  font-size:100%;
  font-weight:bold;
  color:#006AB3;
}
.hotelInfoContainer .description .text .additionalInfo {
  border:1px solid #006AB3;
  padding:7px;
  margin-right:7px;
  margin-bottom:7px;
}
.hotelInfoContainer .description .text .additionalInfo h3 {
  font-size:120%;
}
.infoFooter {
  clear:both;
  height:10px;
  font-size:1px;
  color:white;
}
.hotelInfoContainer .title .stars1 {
  background:url(../images/booking/stars/1.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars1plus {
  background:url(../images/booking/stars/1plus.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars2 {
  background:url(../images/booking/stars/2.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars2plus {
  background:url(../images/booking/stars/2plus.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars3 {
  background:url(../images/booking/stars/3.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars3plus {
  background:url(../images/booking/stars/3plus.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars4 {
  background:url(../images/booking/stars/4.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars4plus {
  background:url(../images/booking/stars/4plus.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars5 {
  background:url(../images/booking/stars/5.gif) no-repeat left center;
}
.hotelInfoContainer .title .stars5plus {
  background:url(../images/booking/stars/5plus.gif) no-repeat left center;
}
@media screen {
  .mainInfoContainer {
    background:url(../images/main_content_bg_bottom.gif) no-repeat left bottom;
    height:580px;
  }
  .mainInfoContainer .hotelInfoContainer {
    height:525px;
  }
  .hotelInfoContainer .title {
    background-color:#F29400;
    color:#FFF;
  }
  .hotelInfoContainer .description .text {
    margin-top:3px;
    height:425px;
    overflow:auto;
  }
  .animating .hotelInfoContainer .description .text {
    overflow:hidden;
  }
  .hotelInfoContainer .pdf {
    float:right;
    margin-right:40px;
    width: 160px;
    background:url(../images/red_button_left_long.png) no-repeat left center;
  }
  .hotelInfoContainer .pdf a{
    display:block;
    width: 160px;
    background:url(../images/red_button_right.png) no-repeat right center;
    text-indent: 0em;
    line-height:50px;
    text-align:center;
    color: #fff;
    font-weight:bold;
    text-decoration:none;
  }
}
@media print {
  .printHeader {
    position:relative;
    background:url(../images/banner_print.gif) no-repeat center center;
    width:789px;
    height:87px;
    margin-bottom:7px;
  }
  .printHeader .top .generated {
    display:block;
  }
  .printHeader .slogan, .printHeader .address {
    /*margin-top:60px;*/
  }
  .printHeader .slogan {
    /*float: left;
    margin-left:70px;
    color:#0069B5;*/
  }
  .printHeader .address {
    margin-top:60px;
    margin-left:210px;
    color:#FFF;
  }

  .mainInfoContainer .top, .mainInfoContainer .travelArea {
    display:none;
  }
  .hotelInfoContainer .description .visuals .images .navi {
    display:none;
  }
  .hotelInfoContainer .title h2 {
    color:#000;
  }
  .hotelInfoContainer .title h3 {
    float:none;
    clear:left;
    padding:0;
    margin:0;
    margin-left:7px;
    color:#006AB3;
  }
  .hotelInfoContainer .description {
    margin-top:20px;
  }
  .hotelInfoContainer .description .visuals h4 {
    font-size:100%;
    font-weight:bold;
  }
  .hotelInfoContainer .description .images .hotelImage {
    display:block;
    margin-bottom:7px;
  }
  .hotelInfoContainer .description .images .additionalImage {
    visibility:hidden;
    height:0;
    margin-bottom:0;
  }
  .hotelInfoContainer .description .text .additionalInfo {
    border:none;
    padding:0;
  }
  .hotelInfoContainer .pdf {
    display:none;
  }

  .printFooter {
    position:relative;
    margin-top:7px;
    background:url(../images/footer_print.gif) no-repeat center center;
    height:67px;
  }
  .printFooter .copyright {
    position:absolute;
    left:440px;
    top:43px;
    color:#F79600;
    font-weight:bold;
  }
}