/*
 Xtreme Search. This probably belongs in some other CSS, but I'm moving it here for the time being since
 its previous location (inlined into the HTML) seems to be causing problems for IE8 and IE9. It doesn't seem find the CSS rules at all.
 */

#xsFormAndResultContainer {
  background-color : white;
  border-left      : 1px solid #ccc;
  border-right     : 1px solid #ccc;
  border-bottom    : 1px solid #ccc;
  overflow         : hidden;
  float            : left;
}

.xsWindowHeader {
  font-size      : 12px;
  font-weight    : bold;
  color          : white;
  float          : left;
  text-align     : left;
  vertical-align : middle;
}

.xsFormAndResultContent {
  padding : 0 1px 2px 2px;
  width   : 538px;
  float   : left;
}

.xsForm {
  overflow         : hidden;
  float            : left;
  background-color : #ffe6be;
  width            : 525px;
  padding          : 8px 0 8px 8px;
  border           : 2px solid #fedba3;
  color            : #444444;
}

.xsTripListResult {
  overflow   : hidden;
  padding    : 0 8px 8px 8px;
  float      : left;
  width      : 521px;
  max-height : 350px;
  overflow-x : hidden;
  overflow-y : auto;
  margin-top : 4px;
}

.xsTripListResult .message {
  font-size : 13px;
  padding   : 20px 20px 20px 10px;
  color     : #444444;
}

.xsTravelPlan {
  width      : 190px;
  float      : right;
  min-height : 400px;
  padding    : 0 0 2px 2px;
}

.xsTravelPlanContent {
  background-color : #fff7ec;
  width            : 172px;
  padding          : 8px;
  color            : #444444;
}

.xsTravellerInfo {
  padding : 0 10px 0 10px;
}

.xsTravelDates {
  padding : 2px 10px 10px 10px;
}

.childAgeSelector {
  margin-top : 5px;
}

.xsTripTable td {
  text-align     : left;
  vertical-align : middle;
}

.xsTripTable .sepa {
  vertical-align : middle;
  height         : 5px;
}

.xsTripTable .outBound .price {
  text-align     : right;
  vertical-align : middle;
  font-weight    : bold;
  padding-right  : 2px;
  width          : 80px;
}

.xsTripTable .outBound td.price {
  padding-top : 0;
}

.xsTripTable .inBound td {
  padding-bottom : 3px;
}

.xsFormAndResultContent .depArr {
  width : 80px;
}

.xsTripRow {
  width : 508px;
}

.xsTripRow.even {
  background-color : #fff7ec;
}

.xsTripRow.odd {
  background-color : white;
}

.xsTripRow {
  margin-bottom : 8px;
  padding-left  : 2px;
  padding-top   : 2px;
}

.xsTripRow:hover {
  background-color : #fff2e0;
}

.xsTripRow.selected {
  background-color : #ffe6be;
}

.xsTravelPlanContent .sepa {
  border-top    : 1px solid #ccc;
  margin-top    : 6px;
  margin-bottom : 6px;
  width         : 100%;
}

#xsTravelPlanPlaceHolder {
  margin-top : 8px;
  overflow   : hidden;
}

.xsFormExpandCollapse {
  float : right;
}

.travelDates td {
  padding-left : 3px;
}

.xsTravelDates .xsDestinationInfo {
  float          : left;
  font-weight    : bold;
  padding-bottom : 3px;
}

.xsTravelPlanContent .mTop, #xsFormSearchButton {
  margin-top : 6px;
}

.pTop {
  padding-top : 6px;
}

.xsTravelPlanContent .mBottom {
  margin-bottom : 6px;
}

.xsTravelPlanContent, .xsTravelPlanContent .outBound, .xsTravelPlanContent .inBound, .xsTravelPlanContent .xsTravellers {
  margin-bottom : 6px;
}

.xsTravelPlanContent div.icon img {
  width : 24px;
}

.xsTravelPlan td.icon {
  width : 30px;
}

.xsTravelPlanContent div.icon {
  vertical-align : middle;
}

.xsTravelPlanContent .xsFlight {
  padding-top : 3px;
  margin-left : 3px;
}

.xsTravelPlanContent .xsTotalPrice {
  width            : 100%;
  background-color : #ffdba4;
  font-size        : 12px;
  padding          : 3px;
}

.xsTravelPlanContent .xsPrepareBooking {
  font-weight : bold;
  font-size   : 9px;
  padding-top : 8px;
  width       : 160px;
}

.xsTravelPlanContent .xsPrepareBooking img {
  padding-top  : 2px;
  padding-left : 8px;
}

.xsTravelPlanContent .xsLargeBookButton {
  margin-left : 8px;
}

#xsFormAndResultContainer .xsFormInfoText {
  font-weight : bold;
  padding     : 3px 0 3px 3px;
  float       : left;
}

#xsTripListInfoText {
  color : #ec9000;
}

#xsFoundPriceIsLower {
  color : #00c000;
}

#xsFoundPriceIsHigher {
  color : #c00000;
}

.xsTripRowHeader {
  width   : 525px;
  padding : 2px 8px 0 8px;
}

.xsTripRowHeader th.depArr, td.depArr {
  width : 75px;
}

.xsTripRowHeader th.tripFromTo {
  width : 160px;
}

.xsTripRowHeader th.tripChanges {
  width : 105px;
}

.xsTripRowHeader th.tripTravelTime {
  width : 90px;
}

.xsTripRowHeader th.tripPrice {
  width : 95px;
}

td.tripFromTo {
  width : 175px;
}

td.tripChanges {
  width : 95px;
}

td.tripTravelTime {
  width : 115px;
}

.loadingSmall {
  background : url('/system/image/loading_16x16.gif');
  width      : 16px;
  height     : 16px;
  float      : right;
  margin-top : 10px;
}

.xsBookTrip {
  /*width  : 100%;*/
  /*height : 33px;*/
}

.xsTripRow .price .priceButtonLeft {
  background-image  : url('/system/image/button_price_flight_left.gif');
  background-repeat : no-repeat;
  width             : 10px;
  height            : 20px;
}

.xsTripRow .price .priceButtonMiddle {
  background-image  : url('/system/image/button_price_flight_repeat.gif');
  background-repeat : repeat-x;
  width             : 60px;
  height            : 20px;
  text-align        : center;
  vertical-align    : middle;
  color             : white;
}

.xsTripRow .price .priceButtonRight {
  background-image  : url('/system/image/button_price_flight_right.gif');
  background-repeat : no-repeat;
  width             : 10px;
  height            : 20px;
}

.xsTripRow.selected .price .priceButtonLeft {
  background-image  : url('/system/image/button_price_flight_left_selected.gif');
  background-repeat : no-repeat;
  width             : 10px;
  height            : 20px;
}

.xsTripRow.selected .price .priceButtonMiddle {
  background-image  : url('/system/image/button_price_flight_repeat_selected.gif');
  background-repeat : repeat-x;
  width             : 60px;
  height            : 20px;
  text-align        : center;
  vertical-align    : middle;
}

.xsTripRow.selected .price .priceButtonRight {
  background-image  : url('/system/image/button_price_flight_right_selected.gif');
  background-repeat : no-repeat;
  width             : 10px;
  height            : 20px;
}

.layoutFirst #hotel_search_do .wwlbl,
.layoutFirst #combo_search_do .wwlbl,
.wwlbltd {
  min-width : 80px;
  width     : expression( this.clientWidth < 81 ? "80px":"auto" );
  word-wrap : break-word;
}

.compact .wwlbltd {
  min-width : inherit;
  width     : auto;
}

.middle {
  width     : 100%;
  min-width : 1040px;
  _width    : expression( this.clientWidth < 1041 ? "1040px":"100%" );
  overflow  : hidden;
}

.middleContainer {
  margin-top : 10px;
  overflow   : hidden;
}

div.topContent, div.content, .middleContainer {
  width : 1040px;
}

.widePageLayout div.content, .widePageLayout .middleContainer {
  width : auto;
}

div.content {
  min-height : 337px;
}

.layoutFirst div.content {
  _height : 337px;
}

.layoutPopup .content {
  width      : auto;
  padding    : 6px;
  min-height : 0;
}

div.leftPane {
  padding : 6px;
  width   : auto;
}

.layoutPopup .leftPane {
  width : auto;
}

.layoutPopup div.Component .Content {
  background : #FFFFFF;
}

div.leftPane div.Component, .leftPane .qaSmall {
  width         : 158px;
  margin        : 3px;
  margin-top    : 0;
  margin-bottom : 12px;
}

.chartersearch div.leftPane div.Component {
  width : 178px;
}

div.leftPane span.wwctrl, .leftPane .compact .travellers {
  width : 152px;
}

div.leftPane input.compact {
  width : 144px;
}

div.leftPane select.compact {
  width : 150px;
}

div.leftPane span.wwlbl {
  width : 152px;
}

div.cb {
  width : 180px;
}

.leftPane div.cb {
  width : auto;
}

div.leftPane div.cb label {
  white-space : normal;
  width       : 130px;
}

div.leftPane .wwctrl select.calDay {
  width : 46px;
}

div.leftPane .wwctrl select.calMonth {
  width       : 75px;
  margin-left : 0;
}

div.leftPane .wwctrl select.calTime {
  width : 150px;
}

.layoutPage div.leftPane {
  width : 166px;
}

.layoutPage div.rightPane {
  width      : 222px;
  min-height : 500px;
  padding    : 5px;
}

.chartersearch.layoutPage div.rightPane {
  width      : 236px;
  min-height : 500px;
  padding    : 0;
}

div.rightPane > div {
  max-width : 320px;
}

.layoutFirst div.rightPane {
  width : 320px;
}

.layoutPage div.content {
  background : #FFFFFF;
  padding    : 5px;
  min-height : 500px;
}

.layoutPage.chartersearch div.content {
  background : none;
}

.middle .leftPane,
.middle .rightPane,
.middle .content,
.middle {
  float : left;
}

.layoutFirst .middle .content {
  width   : 470px;
  padding : 10px 23px 10px 14px;
}

.layoutPage .middle .content, .mailMessageTable {
  width   : 611px;
  padding : 0 10px;
}

.layoutPage.chartersearch .middle .content {
  width   : 840px;
  *width  : 835px;
  padding : 0;
}

.footerPane {
  overflow : hidden;
}

.layoutPage .footer {
  border-top : 1px solid #bababa;
  margin-top : 5px;
}

.footer {
  width   : 1040px;
  margin  : 5px;
  padding : 3px;
}

.BaseFareTopSmall .Footer {
  display : none;
}

div.xContainer .alignBot {
  display : none;
}

#extendedSearch .wwlbl,
#extendedSearch .leftPane .wwgrp,
#extendedSearch .wwgrp {
  _margin-right : 0px;
}

#DEFAULT_PAGE_CONTENT_RIGHT {
  width : 156px;
}

#contentPageMain {
  padding-right : 20px;
  overflow      : hidden;
  width         : 435px;
}

.messageContentComponent .Content {
  padding-left  : 5px;
  padding-right : 5px;
}

/* discount or bonus */

table.discount .checkbox {
  width : 2em;
}

table.discount .heading {
  width : 55%;
}

table.discount .rightHeading {
  width : 25%;
}

table.discount .price {
  width : 7em;
}

.priceinfo .em.price, .map .priceinfo.em {
  font-size : 12px; /* h3 size*/
}

#loginPlaceHolder {
  display    : none;
  min-height : 230px;
  _height    : 230px;
}

/***************
 * Up sell component
 ***************/

.upSellProductListHeader,
.upSellProductListFooter,
.upSellHeaderText {
  display : none;
}

.upSellProductList {
  margin-top : 44px;
}

.upSellProductList .Component {
  border : none;
}

.upSellLowerPart {
  padding : 4px;
}

.upSellComponent {
  border        : 1px solid #bbbbbb;
  margin-bottom : 20px;
}

.upSellButton {
  padding : 2px 6px 6px;
}

/*xtreme search*/
.layoutPage.search-form.xtreme-search div.leftPane {
  /*width:0;*/
  display : none;
}