/*
 Alot of css in this file belongs on GUI/brand!!!

 We should move it.

 Also remove bestDeals and only use topBestDeals or the other way around!

*/
.bestDeals a.price,
.topBestDeals a.price {
  color               : #ff0000;
  text-align          : right;
  vertical-align      : top;
  padding-right       : 2px;
  font-weight         : bold;
  float               : right;
}

.bestDeals td,
.topBestDeals td {
  vertical-align      : bottom;
}

.topBestDealsComponents .goodPriceInfoText,
.bestDeals .goodPriceInfoText,
.topBestDeals .goodPriceInfoText {
  color               : #666666;
  font-size           : 9px;
  text-align          : right;
}

.topBestDealsComponents .topBestDeals {
  padding             : 0 5px 0 5px;
}

.bestDeals .topBestDealsComponents .goodPriceInfoText,
.topBestDeals .topBestDealsComponents .goodPriceInfoText {
  padding-right       : 10px;
}

.bestDeals .text,
.topBestDeals .text,
.topBestDeals .text a,
.bestDeals .text a {
  text-align          : left;
}

.topBestDeals a,
.bestDeals a {
  color               : #333333;
  font-weight         : bold;
}

.bestDeals .topBestDealsSmall .padin,
.topBestDeals .topBestDealsSmall .padin {
  padding-left        : 2px;
}

.bestDeals .topBestDealsSmall .FooterMenuContent,
.topBestDeals .topBestDealsSmall .FooterMenuContent {
/*padding-right    : 10px;*/
}

.bestDeals .padin,
.topBestDeals .padin,
.bestDealsListComponent .bestDealsComponent .padin {
/*padding-left        : 2px;*/
}

.topBestDeals tr.odd td, .topBestDeals tr.even td,
.bestDeals tr.odd td, .bestDeals tr.even td {
/*border-bottom       : solid #eaeaea 1px;*/
}

/*.bestDealsComponent,
  .bestDealsListComponent,
  .snazzyNoComponent .bestDealsComponent .Content .bestDeals,
  .bestDealsListComponent .Content {
  clear: both;
}*/

.bestDeals .snazzyNoComponent .Header,
.topBestDeals .snazzyNoComponent .Header,
.bestDealsListComponent .Header {
  font-weight         : bold;
}

.bestDealsComponent,
.bestDealsListComponent .snazzyNoComponent {
  margin-bottom       : 5px;
}

.bestDealsListComponent .Content .snazzyNoComponent,
.bestDealsListComponent .Content {
  float               : none;
}

.snazzyNoComponent .bestDealsComponent .Header {
  font-weight         : bold;
}

.bestDealsComponent span {
  float               : none;
}

.snazzyNoComponent .bestDealsComponent .Content {
  padding             : 2px;
}

.bestDeals .snazzyNoComponent,
.topBestDeals .snazzyNoComponent {
  width               : 100%;
  margin-bottom       : 5px;
}

/* Special style for the first page puffs mainly used on seat24 */
.containerComponent#FIRST_PAGE_PUFF_1 .bestDealsListComponent,
.containerComponent#FIRST_PAGE_PUFF_1 .bestDealsListComponent .Content,
.containerComponent#FIRST_PAGE_PUFF_1 .bestDealsListComponent .Content .bestDealsComponent {
  float               : left;
  margin-right        : 5px;
  min-width           : 158px;
}

.containerComponent#FIRST_PAGE_PUFF_1 .topBestDealsComponents .padin {
  padding-top         : 7px;
  padding-bottom      : 7px;
}

.containerComponent#FIRST_PAGE_PUFF_1 .topBestDealsComponents .topBestDeals {
  border-right        : 1px solid #009CFD;
}

.containerComponent#FIRST_PAGE_PUFF_1 .topBestDealsComponents .lastBestDeals {
  border-right        : none;
}

.containerComponent#FIRST_PAGE_PUFF_1 .topBestDealsComponents .topBestDeals {
  padding-right       : 4px;
  margin-right        : 7px;
}

#firstBottom1 .boxHead {
  border-bottom       : none;
}

#firstBottom1 .boxContent {
  padding             : 0;
}

/* Better defaults */
table.bestDeals, table.topBestDeals {
  width               : 99%;
  _width              : 99%;
}

.topBestDealsComponents .topBestDeals {
  padding             : 0;
}

td.border, th.border {
  border              : 1px solid #CFCFCF;
}

td.priceOther {
  padding-right       : 5px;
}

/* Over div styles -- mouse over */

.ibeHoverContainer .ibeHoverContainerTbl {
  border              : 1px solid #CFCFCF;
  margin              : 1px;
}

.ibeHoverContainer * {
  background-color    : #F6F6F6;
}

.ibeHoverContainer hr {
  border-style        : none;
  border-top          : 1px solid #CFCFCF;
  height              : 2px;
}

.ibeHoverContainer img {
  float               : left;
}

.ibeHoverContainer .airInfoText,
.ibeHoverContainer img {
  padding             : 2px;
}

.ibeHoverContainer .airInfoText {
  float               : left;
  padding-left        : 22px;
  background          : url("/system/image/symbol_aircraft.gif") left top no-repeat;
  background-position : 2px;
}

.ibeHoverContainer .tblCar {
  width               : 300px;
}

.ibeHoverContainer .tblHotel {
  width               : 190px;
}

.ibeHoverContainer .tblHotel td,
.ibeHoverContainer .tblCar td,
.bestDealsTooltip .tblHotel td,
.bestDealsTooltip .tblCar td {
  vertical-align      : top;
}

.ibeHoverContainer .tblHotel .img,
.ibeHoverContainer .tblCar .img {
  border              : 1px solid #bababa;
  padding             : 0;
}

.ibeHoverContainer .tblCar td.carInfo {
  width               : 200px;
}

.ibeHoverContainer .hotelTitle,
.ibeHoverContainer .carTitle,
.bestDealsTooltip .hotelTitle,
.bestDealsTooltip .carTitle {
  font-weight         : bold;
}

.ibeHoverContainer .stars {
  display             : block;
  float               : none;
  padding-left        : 0;
}

.ibeHoverContainer .price {
  color               : #ff0000;
  text-align          : right;
  vertical-align      : top;
  padding-right       : 2px;
  font-weight         : bold;
  font-style          : italic;
  float               : right;
}

/* Over div styles -- mouse over */
#overDiv {
  float               : left;
}

#overDiv hr {
  border-style        : none;
  border-top          : 1px solid #CFCFCF;
  height              : 2px;
}

#overDiv .infoTextOverDiv,
#overDiv img {
  float               : left;
  padding             : 2px;
}

#overDiv table {
  width               : 300px;
}

#overDiv .titleOverDiv {
  float               : left;
  font-weight         : bold;
}

#overDiv .price {
  color               : #ff0000;
  text-align          : right;
  vertical-align      : top;
  padding-right       : 2px;
  font-weight         : bold;
  font-style          : italic;
  float               : right;
}

.holidayContent, .holidayContent .holidayForm {
  width               : 450px;
}

.holidayContent .holidayForm {
  margin              : 20px 0 5px;
}

.holidayContent thead tr.BgHeadlineNoTopBorder {
  background-image    : none;
  border-top          : 0;
}

/**
 * These classes/ids below uses Jquery's tooltip plugin.
 */

.bestDealsTooltip {
  display             : none;
  z-index             : 3;
  height              : auto;
}

.bestDealsTooltipImage {
  position            : absolute;
  z-index             : 2;
  width               : 100%;
}

.bestDealsTooltipContent {
  z-index             : 3;
  position            : relative;
  padding             : 10px 0 10px 20px;
}

.airDeal.bestDealsTooltip,
.airDeal .bestDealsTooltipImage {
  height              : 50px;
}

.hotelDeal.bestDealsTooltip,
.hotelDeal .bestDealsTooltipImage {
  height              : 150px;
}

.carDeal.bestDealsTooltip {
  width               : 350px;
}

.hotelDeal.bestDealsTooltip {
  width               : 340px;
}

.airDeal.bestDealsTooltip {
  width               : 300px;
  *width                   : 310px;
}

.comboDeal.bestDealsTooltip,
.vacationDeal.bestDealsTooltip {
  width               : 340px;
}

.hotelDeal .bestDealsTooltipContent {
  padding-top         : 18px;
}

.comboDeal .bestDealsTooltipContent,
.vacationDeal .bestDealsTooltipContent {
  padding-top         : 20px;
}

.hotelDeal .bestDealsTooltipContent .tblHotel .img,
.vacationDeal .bestDealsTooltipContent .tblHotel .img,
.comboDeal .bestDealsTooltipContent .tblHotel .img {
  width               : 65px;
  height              : 65px;
}

.carDeal .bestDealsTooltipContent {
  padding             : 12px 15px 15px 15px;
}

.carDeal.bestDealsTooltip,
.carDeal .bestDealsTooltipImage {
  height              : 100px;
}

.bestDealsTooltip .hotelInfoText {
  padding-left        : 4px;
}

.bestDealsTooltip .tblCar td.carImgTd {
  padding-left        : 8px;
  width               : 40px;
}

.bestDealsTooltip .tblCar .carImg {
  background-color    : white;
  margin-right        : 5px;
  overflow            : hidden;
  width               : 120px;
}

.comboDeal.bestDealsTooltip,
.vacationDeal.bestDealsTooltip,
.comboDeal .bestDealsTooltipImage,
.vacation .bestDealsTooltipImage {
  height              : 175px;
}

div.comboSepa {
  width               : 290px;
  margin-top          : 4px;
  margin-bottom       : 5px;
  border-bottom       : 1px solid #bababa;
  height              : 1px;
  clear               : both;
}