html {
  background-color    : #006B95; /*#71B2C8*/
}

body {
  background          : url("/gui/gotogate/image/bg_fade.jpg") repeat-x 0 0 #006B95;
  padding             : 0 20px;
  font-family         : verdana, helvetica, arial, sans-serif;
  font-size           : 10px;
}

body, .priceTextFront, .afterPriceText, .priceTotal {
  color               : #3f6c96; /* ORIG: #3f6c96; */
/* NEW: #004771; */
}

a {
  color               : #435b87;
}

body.layoutPopup {
  background          : #FFF;
}

#gallery, #gallery ul li a:hover b {
  border              : none;
}

h1, .h1, h2, .h2, h3, .h3 {
  color               : #435b87;
  font-family         : arial, helvetica, verdana, sans-serif;
}

h3, .h3, .priceinfo .em.price, .map .priceinfo.em {
  font-size           : 11px;
}

input {
  border              : 1px solid #AFCBD4;
  _border             : expression( this.type == "checkbox" || this.type == "radio" ? "none":"inherit" );
}

.buttons input, .Button input, .ButtonBack input {
  border              : none;
}

input[type="radio"], input[type="checkbox"] {
  border              : none;
}

.searchTypeButton input, .sfContainer input, .sfHotelContainer input, .sfCarContainer input {
  _border             : expression( this.type == "checkbox" || this.type == "radio" ? "none":"inherit" );
}

.layoutFirst .sfContainer {
  color               : #000;
}

.layoutFirst .headerKey {
  margin-left         : 12px;
  margin-top          : 16px;
  color               : #fff;
}

.aciFooter {
  margin-bottom       : 0;
}

.wwgrp {
  margin-bottom       : 4px;
}

div.leftPane span.wwlbl, div.leftPane span.wwctrl {
  width               : 184px;
}

.wwctrl input.compact,
.wwctrl select.compact {
  width               : 180px;
}

.compact #wwgrp_retDateTimeOfDay,
.compact #wwgrp_depDateTimeOfDay {
  padding-left        : 56px;
}

.compact #depDateTimeOfDay, .compact #retDateTimeOfDay {
  width               : 125px;
}

.sfAir .numChildren .wwgrp, .sfAir .numChildren span.wwctrl {
  float               : left;
}

.marginPane .wwctrl .calMonth {
  width               : 70px;
}

tr td.tripDelimiter, div.tripDelimiter, hr.hr, div.hr {
  background-color    : #93c3d3;
  height              : 4px;
}

.pageBody {
  margin              : 0px auto 40px;
  /*
    position         : relative;
    left             : 100px;
  */
  width               : 1036px;
  padding-bottom      : 1px;
}

.agent-msie-7 .pageBody, .agent-msie-8 .pageBody {
  width               : 1037px;
}

#mainContentArea .gtg_bg {
  background-color    : #71B2C8;
}

#mainContentArea {

}

#pageMiddle {
  padding             : 0 0 0 5px;
  clear               : both;
  min-height          : 500px;
  _height             : 500px;
}

#FIRST_PAGE_BELOW_SEARCH {
  clear               : both;
  margin-top          : 15px;
}

#DEFAULT_PAGE_CONTENT_RIGHT {
  padding             : 0 8px 0 8px;
}

.containerComponent {
  clear               : both;

}

#tblPane {
  background-color    : #FFF;
}

td#tblPaneRight {
  border              : none;
}

#tblPaneLeft,
#tblPaneMiddle,
td#tblPaneRight {
  padding             : 15px 0 0 0;
  margin              : 0;
  border              : 0px solid red;
  vertical-align      : top;
}

.leftPane {
  width               : 195px;
  vertical-align      : top; /*background-color : #999;*/
  border              : 0px solid;
}

#mainContentArea .topBestDealsComponents div.topBestDeals {
/* Should not really be used, since the manual output is better. */
  width               : 195px;
  float               : left;
}

.middlePane {
  width               : 610px; /* Trying without, works in FF/SAF */
  padding             : 0 11px;
  vertical-align      : top; /*background-color : #BBB;*/
  border              : 0px solid;
}

.layoutContent #headAndContent #pageHeader1 {
  margin-top          : 40px;
}

#content #headAndContent #pageHeader1 {
  margin-top          : 25px;
}

#content #headAndContent {
  margin              : 0 31px;
}

.rightPane {
  width               : 195px;
  vertical-align      : top; /*background-color : #DDD;*/
  border              : 0px solid;

}

.leftPane div.Component {
  padding-right       : 0px; /*adjust best deal icon accordingly*/
}

h1#pageHeader1 {
  margin-top          : 0;
}

#FIRST_PAGE_ABOVE_SEARCH, #FIRST_PAGE_BELOW_SEARCH {
  background-color    : #EEE;
}

/* Page cross definition START */
.gtg_corner_cross_lr {
  margin              : 0 5px; /*lr = left/right*/
}

.gtg_corner_cross_lr_sepa {
  padding             : 1px 0;
  background          : red; /*debug*/
  background          : #FFF; /*cross value part*/
}

.gtg_corner_cross_tb {
  margin              : 4px -5px 4px; /*tb = top/bottom*/
  background          : green; /*debug*/
  background          : #FFF; /*cross value part*/
}

.gtg_corner_cross_tb_sepa {
  padding             : 1px 0;
  background          : transparent;
  zoom                : 1;
}

.gtg_corner_cross_content {
  border              : 0px solid black; /*debug ONLY*/
  margin              : -3px 2px -4px 2px;
  background          : yellow; /*debug*/
  background          : #FFF; /*colorfor content area*/
}

.gtg_corner_cross_ie {
  zoom                : 1; /*trigger hasLayout (without instant side effects)*/
}

/* Page cross definition END */

#pageTopMenu {
/*background-color : #FFF;*/
  padding             : 4px 5px 0px 5px;
  overflow            : hidden;
}

#pageTopMenu .topMenu, #pageTopMenu .topMenuWravp {
  float               : left;
}

.topMenuWrap {
  background-color    : #71B2C8;
  overflow            : hidden;
  clear               : both;
}

.topMenuWrap div {
/* not using "corner cross" so we can set this on all...*/
  overflow            : hidden;
  zoom                : 1;
}

.topMenuWrap .current {
  background-color    : #afcbd4;
}

.topMenu, .topComplementMenu {
  padding             : 2px 0;
}

.topMenu ol.horizontal li {
  border-right        : 1px solid #AFCBD4;
  font-size           : 1.1em;
  float               : left;
  margin              : 0px 0;
  padding             : 4px 13px;
}

.topComplementMenu ol.horizontal li {
  float               : left;
  margin              : 0px 0;
  padding             : 4px 13px;
}

.topMenu ol.horizontal li.spacer, .topMenu ol.horizontal li.spacerFirst, .topMenu ol.horizontal li.spacerLast,
.topComplementMenu ol.horizontal li.spacer, .topComplementMenu ol.horizontal li.spacerFirst, .topComplementMenu ol.horizontal li.spacerLast {
  display             : none;
  /*width            : 0;
  margin           : 0;
  padding          : 0;
  border           : none;
*/
}

.topMenu ol.horizontal li.current {
  background-color    : #AFCBD4;
}

.topMenu a, .topMenu li.current a,
.topComplementMenu a, .topComplementMenu li.current a {
  color               : #FFF;
}

.topMenu a:hover, .topComplementMenu a:hover {
  color               : #435B87;
}

.topComplementMenu {
  float               : right;
}

.topContent {
  background          : transparent;
}

.topContent .shoppingBasket {
  float               : right;
  clear               : right;
  margin              : 30px 0px 0px 0px;
}

/* round corner defs start */
/* we have solid "s" color corners "c"*/

.rcdo,
.gtg_ctl, .gtg_ctr, .gtg_cbr, .gtg_cbl,
.gtg_cwtl, .gtg_cwtr, .gtg_cwbr, .gtg_cwbl,
.gtg_cstl, .gtg_cstr, .gtg_csbr, .gtg_csbl {

}

/* simple corners for surrounding some content which has white background */
.gtg_cstl {
  background          : url('/gui/gotogate/image/gtg_cstl.png') no-repeat top left transparent;
  _background         : url('/gui/gotogate/image/gtg_ctl.png') no-repeat top left transparent;
}

.gtg_cstr {
  background          : url('/gui/gotogate/image/gtg_cstr.png') no-repeat top right transparent;
  _background         : url('/gui/gotogate/image/gtg_ctr.png') no-repeat top right transparent;
}

.gtg_csbr {
  background          : url('/gui/gotogate/image/gtg_csbr.png') no-repeat bottom right transparent;
  _background         : url('/gui/gotogate/image/gtg_cbr.png') no-repeat bottom right transparent;
}

.gtg_csbl {
  background          : url('/gui/gotogate/image/gtg_csbl.png') no-repeat bottom left transparent;
  _background         : url('/gui/gotogate/image/gtg_cbl.png') no-repeat bottom left transparent;
}

/* we have transparent blue color corners */
/* simple corners for surrounding some content which has transparent background ()*/

.gtg_ctl {
  background          : url('/gui/gotogate/image/gtg_ctl.png') no-repeat top left transparent;
}

.gtg_ctr {
  background          : url('/gui/gotogate/image/gtg_ctr.png') no-repeat top right transparent;
}

.gtg_cbr {
  background          : url('/gui/gotogate/image/gtg_cbr.png') no-repeat bottom right transparent;
}

.gtg_cbl {
  background          : url('/gui/gotogate/image/gtg_cbl.png') no-repeat bottom left transparent;
}

/* we have transparent white color corners
1. Used by page cross.
*/
.gtg_cwtl {
  background          : url('/gui/gotogate/image/gtg_cwtl.png') no-repeat top left transparent;
}

.gtg_cwtr {
  background          : url('/gui/gotogate/image/gtg_cwtr.png') no-repeat top right transparent;
}

.gtg_cwbr {
  background          : url('/gui/gotogate/image/gtg_cwbr.png') no-repeat bottom right transparent;
}

.gtg_cwbl {
  background          : url('/gui/gotogate/image/gtg_cwbl.png') no-repeat bottom left transparent;
}

/* round corner defs end */

div.Component {
  border              : 0 none; /* need this */
  width               : auto; /* trying this */
}

div.sectionMenuComponent {
  width               : 170px;
}

.snazzyNoComponent {
  margin-bottom       : 12px;
}

/*
.Component .Content, .htmlComponent .Content {
  background          : #E3F0F6;
}
*/

#mainContentArea .Component .Content, #mainContentArea .htmlComponent .Content {
  background-color    : #FFF;
}

/* BorderComponent start */

/* header part*/
.corner_cross_wrap {
  zoom                : 1; /*background       : salmon;*/
}

.corner_cross_wrap .left {
  _position           : relative; /*IE6 magic.(possibly because we are inside a table cell) waiting for .right class cause problems*/
}

.splashAligner {
  _position           : static; /* splash aligner is not needed for positioning using corner_cross method...*/
}

#mainContentArea .corner_cross_top_wrap .corner_cross_ttl {
/*background       : url('/gui/gotogate/image/gtg_grad.png') repeat-y 0px 5px transparent;*/
  background          : transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_ttr {
  background          : url('/gui/gotogate/image/gtg_tl_alpha_head.png') no-repeat left top transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_tbr {
/*background       : url('/gui/gotogate/image/gtg_side.png') repeat-y top right transparent;*/
  background          : transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_tbl {
  background          : url('/gui/gotogate/image/gtg_tr_alpha_head.png') no-repeat right top transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_tlr {
  margin              : 0 5px;
  background          : #93c3d3; /*background       : url('/gui/gotogate/image/gtg_grad.png') -5px top repeat-y #E3F0F6;*/
}

#mainContentArea .corner_cross_top_wrap .corner_cross_tlr_sepa {
  padding             : 1px 0 0 0;
  background          : url('/gui/gotogate/image/gtg_top.png') left top repeat-x transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_ttb {
  margin              : 4px -5px 0px;
  background          : #93c3d3; /*background       : url('/gui/gotogate/image/gtg_grad.png') left top repeat-y #E3F0F6;*/
}

#mainContentArea .corner_cross_top_wrap .corner_cross_ttb_sepa {
  padding             : 1px 0 0 0;
  zoom                : 1;
  background          : url('/gui/gotogate/image/gtg_side.png') right top repeat-y transparent;
}

#mainContentArea .corner_cross_top_wrap .corner_cross_tcontent {
  position            : relative; /*margin           : -2px 4px 2px; */
  background          : transparent;
  padding             : 2px 0 9px 10px;
  z-index             : 2;
}

/* content part start*/
.corner_cross_middle_wrap .corner_cross_mtl {
  background          : transparent;
}

.corner_cross_middle_wrap .corner_cross_mtr {
  background          : transparent;
}

.corner_cross_middle_wrap .corner_cross_mbr {
  background          : url('/gui/gotogate/image/gtg_br_alpha.png') no-repeat right bottom transparent;
}

.corner_cross_middle_wrap .corner_cross_mbl {
  background          : url('/gui/gotogate/image/gtg_bl_alpha.png') no-repeat left bottom transparent;
}

.corner_cross_middle_wrap .corner_cross_mlr {
  margin              : 0 5px;
}

.corner_cross_middle_wrap .corner_cross_mlr_sepa {
  border-bottom       : 1px solid #d4dce2;
  border-top          : 0px solid transparent;
  background          : #e3f0f6;
}

.corner_cross_middle_wrap .corner_cross_mtb {
  margin              : 0px -5px 4px;
  background          : url('/gui/gotogate/image/gtg_side.png') repeat-y top left #e3f0f6;
}

.corner_cross_middle_wrap .corner_cross_mtb_sepa {
  padding             : 1px 0;
  zoom                : 1;
}

.corner_cross_middle_wrap .corner_cross_mcontent {
  position            : relative;
  margin              : -3px 0px -1px 0px;
  border-left         : 1px solid #d4dce2;
  border-right        : 1px solid #d4dce2;
  background          : #e3f0f6;
  z-index             : 3; /*stacking context above corner_cross_tcontent*/
}

.layoutFirst .corner_cross_middle_wrap .corner_cross_mcontent {
  z-index             : 1;
}

.corner_cross_middle_wrap .corner_cross_mcontent .Content,
#mainContentArea .containerComponent .corner_cross_middle_wrap .corner_cross_mcontent .Content,
#mainContentArea #carrierRecommendations .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding             : 4px 8px 1px 8px;
  *display                   : inline-block;
}

#mainContentArea .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding             : 0;
}

.marginPane #extendedSearch .corner_cross_middle_wrap .corner_cross_mcontent .Content,
.marginPane .hotelFiltersComponent .corner_cross_middle_wrap .corner_cross_mcontent .Content,
.marginPane .searchFormComponent .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding             : 2px;
}

/* override for maincontent border component */
#mainContentArea .corner_cross_middle_wrap .corner_cross_mbr {
  background-image    : url('/gui/gotogate/image/gtg_br_alpha_alpha.png');
}

#mainContentArea .corner_cross_middle_wrap .corner_cross_mbl {
  background-image    : url('/gui/gotogate/image/gtg_bl_alpha_alpha.png');
}

#mainContentArea .corner_cross_middle_wrap .corner_cross_mtb,
#mainContentArea .corner_cross_middle_wrap .corner_cross_mlr_sepa,
#mainContentArea .corner_cross_middle_wrap .corner_cross_mcontent {
  background-color    : #fff;
}

/* override for puff border component */
#mainContentArea .puffDiv .corner_cross_middle_wrap .corner_cross_mbr {
  background-image    : url('/gui/gotogate/image/gtg_br_alpha.png');
}

#mainContentArea .puffDiv .corner_cross_middle_wrap .corner_cross_mbl {
  background-image    : url('/gui/gotogate/image/gtg_bl_alpha.png');
}

#mainContentArea .containerComponent .corner_cross_middle_wrap .corner_cross_mtb,
/*  #mainContentArea .containerComponent .corner_cross_middle_wrap .corner_cross_mbl, */
#mainContentArea .containerComponent .corner_cross_middle_wrap .corner_cross_mlr_sepa,
#mainContentArea .containerComponent .corner_cross_middle_wrap .corner_cross_mcontent,
#mainContentArea .containerComponent .Component .Content,
#mainContentArea .containerComponent .htmlComponent .Content {
  background-color    : #e3f0f6;
}

/* override abs positionened elements with child floats */
#pageDetails .corner_cross_wrap .left {
  _position           : static;
}

/* content part end*/

/* top best deals (for example) header start */
.corner_cross_top_wrap .corner_cross_ttl {
/*background       : url('/gui/gotogate/image/gtg_grad.png') repeat-y 0px 5px transparent;*/
  background          : transparent;
}

.corner_cross_top_wrap .corner_cross_ttr {
  background          : url('/gui/gotogate/image/gtg_tl_alpha.png') no-repeat left top transparent;
}

.corner_cross_top_wrap .corner_cross_tbr {
/*background       : url('/gui/gotogate/image/gtg_side.png') repeat-y top right transparent;*/
  background          : transparent;
}

.corner_cross_top_wrap .corner_cross_tbl {
  background          : url('/gui/gotogate/image/gtg_tr_alpha.png') no-repeat right top transparent;
}

.corner_cross_top_wrap .corner_cross_tlr {
  margin              : 0 5px;
  background          : url('/gui/gotogate/image/gtg_grad.png') -5px top repeat-y #E3F0F6;
}

.corner_cross_top_wrap .corner_cross_tlr_sepa {
  padding             : 1px 0 0 0;
  background          : url('/gui/gotogate/image/gtg_top.png') left top repeat-x transparent;
}

.corner_cross_top_wrap .corner_cross_ttb {
  margin              : 4px -5px 0px;
  background          : url('/gui/gotogate/image/gtg_grad.png') left top repeat-y #E3F0F6;
}

.corner_cross_top_wrap .corner_cross_ttb_sepa {
  padding             : 1px 0 0 0;
  zoom                : 1;
  background          : url('/gui/gotogate/image/gtg_side.png') right top repeat-y transparent;
}

.corner_cross_top_wrap .corner_cross_tcontent {
  position            : relative; /*margin           : -2px 4px 2px; */
  background          : transparent;
  padding             : 2px 0 9px 10px;
  z-index             : 2;
}

/**
 * ASM and Confirmation messages (removes rounded corners).
 */
.receipt .corner_cross_top_wrap .corner_cross_ttr,
.receipt .corner_cross_top_wrap .corner_cross_tlr,
.receipt .corner_cross_top_wrap .corner_cross_ttb,
.receipt .corner_cross_top_wrap .corner_cross_tbl,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_ttr,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_tlr,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_ttb,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_tbl {
  background          : #93C3D3 none;
}

.receipt .corner_cross_top_wrap .corner_cross_ttb_sepa,
.receipt .corner_cross_top_wrap .corner_cross_tlr_sepa,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_ttb_sepa,
#mailMessageTemplate .corner_cross_top_wrap .corner_cross_tlr_sepa {
  background          : none;
}

#mailMessageTemplate .corner_cross_middle_wrap .corner_cross_mtb {
  margin              : 0 -6px 4px;
}

#mailMessageTemplate .leftPane .corner_cross_middle_wrap .corner_cross_mbl {
  background          : #e3f0f6;
  border-left         : 1px solid #d4dce2;
  border-right        : 1px solid #d4dce2;
  border-bottom       : 1px solid #d4dce2;
}

#mailMessageTemplate .leftPane .corner_cross_middle_wrap .corner_cross_mtb {
  background          : none;
}

.receipt  .corner_cross_middle_wrap .corner_cross_mlr_sepa,
#mailMessageTemplate  .corner_cross_middle_wrap .corner_cross_mlr_sepa {
  border-bottom       : none;
}

.receipt .corner_cross_middle_wrap .corner_cross_mtb_sepa {
  border-bottom       : 1px solid #d4dce2;
}

#mailMessageTemplate .middlePane .corner_cross_middle_wrap .corner_cross_mbl {
  background          : white;
  border-left         : 1px solid #d4dce2;
  border-right        : 1px solid #d4dce2;
  border-bottom       : 1px solid #d4dce2;
}

/* top best deals header end*/

/* BorderComponent end */

/* Re-override carrier rec component, exactly following the default and override above */
#mainContentArea #carrierRecommendations .recommendedTrips .Content,
#carrierRecommendations .corner_cross_middle_wrap .corner_cross_mlr_sepa {
  background-color    : #E3F0F6;
}

#carrierRecommendations .corner_cross_middle_wrap .corner_cross_mbr {
  background-image    : url('/gui/gotogate/image/gtg_br_alpha.png');
}

#carrierRecommendations .corner_cross_middle_wrap .corner_cross_mbl {
  background-image    : url('/gui/gotogate/image/gtg_bl_alpha.png');
}

.headingTextWrap, .searchTypeButton {
  font-weight         : bold;
  text-transform      : uppercase; /*debugger*/
  font-family         : arial, helvetica, verdana, sans-serif;
}

.snazzyNoComponent {
  float               : none;
}

.rightHeading {
  padding-right       : 10px;
  float               : right;
  _position           : relative;
}

div.bestDealsComponent .headingIcon,
div.topBestDealsSmall .headingIcon {
  position            : absolute;
  top                 : -8px;
  right               : -8px; /*related to .leftPane margin/padding */
}

table.topBestDealsSmall, table.bestDeals {
  margin-top          : 10px;
}

/* dont let text overlap icon*/
.topBestDealsSmall.COMBO .headingTextWrap {
  padding-right       : 70px;
}

.topBestDealsSmall.AIR .headingTextWrap,
.topBestDealsSmall.HOTEL .headingTextWrap,
.topBestDealsSmall.CAR .headingTextWrap {
  padding-right       : 40px;
}

.bestDeals .even,
.topBestDeals .even {
  background          : #E3F0F6;
}

.bestDeals .dealRow,
.topBestDeals .dealRow {
  background          : #E3F0F6;
  font-family         : arial, helvetica, verdana, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
}

.bestDeals .dealRow td,
.topBestDeals .dealRow td {
  padding             : 2px 0px 2px 0px;
}

.bestDeals .dealRow:hover,
.topBestDeals .dealRow:hover {
  background-color    : #fff;
}

.cartItemTotalPrice .price,
.selectedItemTotalPrice .price,
.bestDeals a.price,
.topBestDeals a.price,
.bestDealsWithImage .price,
.Price,
.promoText {
  color               : #bf3b95; /* ORIG: #D03FBB; */
/* NEW: #bf3b95; */
}

div.bestDealsComponent .corner_cross_middle_wrap .corner_cross_mcontent,
div.topBestDealsSmall .corner_cross_middle_wrap .corner_cross_mcontent {
  z-index             : 1; /* change stacking context so icon img can be displayed.*/
}

/* splash component */
.priceBackgroundImage, .priceBackgroundImageComboAir {
  position            : absolute;
  top                 : -40px;
  right               : -1px;
  width               : 134px;
  height              : 40px;
  background          : url('/gui/gotogate/image/splash_gtg.png') no-repeat top right;
}

.priceTextBack {
  display             : none;
}

.priceTextPosition {
  text-align          : center;
  width               : 134px;
  position            : relative;
  top                 : 4px;
}

.priceText {
  font-size           : 1.7em;
  font-weight         : bold;
}

.priceTotal {
  font-weight         : bold;
}

.priceSplashComboAir {
  position            : absolute;
  top                 : 0px;
  right               : 0;
}

/* details view */
.hotelDetailsScrollableDiv .priceBackgroundImage {
  top                 : -70px;
  height              : 70px;
  background-image    : url('/gui/gotogate/image/splash_gtg_big.png');
}

.hotelDetailsScrollableDiv .priceTotal {
  bottom              : -5px;
}

.hotelDetailsScrollableDiv .priceTextPosition {
  text-align          : right;
  right               : 5px;
}

.hotelDetailsDiv .priceBackgroundImage {
  position            : absolute;
  top                 : -40px;
  right               : -1px;
  width               : 180px;
  height              : 40px;
  background          : url('/gui/gotogate/image/splash_gtg_wide.png') no-repeat top right;
}

.hotelDetailsDiv .priceTextPosition, #bigListContent .priceTextPosition {
  width               : 180px;
}

.hotelDetailsDiv .hotelDetailsTopRightFiller {
  width               : 125px;
}

#bigListContent .priceBackgroundImage {
  width               : 180px;
  background          : url('/gui/gotogate/image/splash_gtg_wide.png') no-repeat top right;
}

.mapPop .priceBackgroundImage {
  padding-top         : 1px;
}

/* non IE seem to need this */
#mainContentArea .map .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding-top         : 1px;
}

/* combo-air */
.priceBackgroundImageComboAir .priceTextPosition {
  top                 : 6px;
}

.priceSplashComboAir .priceTextFront {
  padding-right       : 10px;
  font-size           : 18px;
  font-weight         : bold;
}

.priceTotalContainerComboAir {
  position            : absolute;
  right               : 5px;
  font-weight         : bold;
  top                 : 2px;
  white-space         : nowrap;
}

.firstCombo .priceTotalContainerComboAir {
  top                 : 0px;
}

.firstCombo .priceSplashComboAir {
  top                 : -29px;
}

/* splash component end */

/* AIR conf*/

.airSelectTrip table.tripGroup {
}

.airSelectTrip .fsegment, .airSelectTrip .eft, .airSelectTrip .changeDates {
  background-color    : #FFF;
}

.airSelectTrip .boundHead {
  background-color    : #E3F0F6;
}

/* HOTEL conf*/
.propertyDetails {
  width               : 495px; /*old ui*/
}

/* HOTEL conf dynamic ui */
.ibeHotelResultMap {
  width               : 608px;
  height              : 350px;
}

.hotelMapListViewContainer {
}

.hotelMapListView .info {
  width               : 280px;
}

#mainContentArea #pageListDiv .corner_cross_top_wrap .corner_cross_ttr {
  background-image    : none; /*need bg image to get rid of bg color extension*/
  background-color    : #93C3D3;
}

#ibe_hotel_result_map_infobox .corner_cross_middle_wrap .corner_cross_mbr {
  background-image    : url('/gui/gotogate/image/gtg_br_white_alpha.png');
}

#ibe_hotel_result_map_infobox .corner_cross_middle_wrap .corner_cross_mbl {
  background-image    : url('/gui/gotogate/image/gtg_bl_white_alpha.png');
}

#hotel-result .emptyHeader .corner_cross_tcontent .h3, #ibe_hotel_result_map_infobox .corner_cross_tcontent .h3 {
  font-size           : 6px;
}

#hotel-result #mainContentArea .splashAligner {
  margin-top          : 60px;
}

#hotel-result #mainContentArea .corner_cross_top_wrap .corner_cross_tlr_sepa,
#combo-result #mainContentArea .corner_cross_top_wrap .corner_cross_tlr_sepa {
  background-image    : none; /* help biglist guitabs */
}

.hotelResultWrapper {
  position            : relative;
  _width              : 606px;
}

.hotelMapListView .counter {
  background-image    : url('/gui/gotogate/image/markerIconImageFront.png');
}

.hotelMapListView .counterActive {
  background-image    : url('/gui/gotogate/image/markerIconImageFrontActive.png');
}

/* ********************* */
/* Hotel details windows */
/* ********************* */

.hotelDetailsDiv {
  z-index             : 999;
  position            : absolute;
  width               : 560px;
  left                : 15px;
  top                 : 0px;
}

/* ************************************************* */
/* Transparent overlay when displaying hotel details */
/* ************************************************* */
.hotelTransparentOverlayDiv {
  z-index             : 998;
  position            : absolute;
  background-color    : white;
  left                : 0px;
  top                 : 0px;
  width               : 610px;
  height              : 694px;
  opacity             : 0.7;
  filter              : alpha(opacity = 70);
}

.hotelShowMoreButtonDiv {
  font-size           : 14px;
}

/* Hotel details top right, used to push Next/Previous button to the left of splash */
.hotelDetailsTopRightFiller {
  width               : 135px;
}

/* Trip advisor iframe in hotel details */
.hotelDetailsTripadvisorIframe {
  width               : 480px;
  height              : 262px;
  border              : 0;
}

.hotelDetailsTopButtonsDiv {
  position            : absolute;
  top                 : -21px;
  left                : 5px;
  width               : 530px;
}

.hotelFiltersSortBySelector {
  width               : 179px;
}

.hotelFilters .wwgrp {
  margin-right        : 0px;
}

div.hotelFilters {
  padding             : 5px 2px 5px 2px;
}

.hotelMapListView .priceinfo {
  width               : 160px;
}

.hotelDetailsTopRightFiller {
  width               : 45px;
}

/* Newsletter */
.NewsLetter {
  border-top          : none;
  border-bottom       : none;
  width               : auto;
  height              : 70px;
  margin              : 0 0 10px 0;
  padding             : 0;
  padding-left        : 53px;
  padding-top         : 6px;
}

.NewsLetter .Form {
  height              : 25px;
}

.NewsLetter .preText {
  color               : white;
  font-style          : italic;
  font-size           : 10px;
}

.NewsLetter h3 {
  visibility          : hidden;
  display             : none;
}

.NewsLetter .NewsLetterEmail, div.rightPane .NewsLetterEmail {
  width               : 100px;
}

.NewsLetter .NewsLetterEmail, .NewsLetterSubmit {
  margin-top          : 4px;
  border              : none;
}

div.content .NewsLetterSubmit {
  float               : none;
}

.NewsletterForm .NewsLetterEmail,
.NewsLetter .NewsLetterEmail {
  height              : 20px;
}

div.rightPane div.NewsLetter {
  background-position : left top;
  width               : auto;
}

/* Footer */

.footerPostMenu {
  padding             : 10px;
}

.footerMenu .horizontal {
  margin-top          : 1px;
  float               : left;
  text-align          : left;
  font-size           : 10px;
}

.footerMenu .horizontal li a {
  color               : #fff;
  text-decoration     : none;
  font-weight         : bold;
  text-transform      : uppercase;
}

.footerMenu .horizontal li {
  background-image    : url(/gui/gotogate/image/list_arrow_white.png);
  background-position : left center;
  background-repeat   : no-repeat;
  margin-left         : 12px;
  padding-left        : 8px;
}

.footerMenu .horizontal li.first {
  margin-left         : 1px;
}

.footerMenu .horizontal li.spacer,
.footerMenu .horizontal li.spacerFirst,
.footerMenu .horizontal li.spacerLast {
  display             : none;
  visibility          : hidden;
}

.footerPostMenu {
  clear               : both;
}

/* Region Info */

.containerComponent .regionInformation .Content {
  background-color    : #E3F0F6;
}

.mailMessageTable .containerComponent {
  background-color    : #fff;
}

.regionInformation .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding             : 0px 0px 1px 0px;
}

.regionInformation .label {
  color               : inherit;
}

/* SearchTypeButtons */
.searchTypeButton label {
  color               : white;
}

#searchTypeButtonsTbl td {
}

#searchTypeButtons #searchTypeButtonsTbl {
  width               : 90%;
  margin-left         : auto;
  margin-right        : auto;
}

#searchTypeButtons {
  margin              : 0 12px 10px 12px;
  border-bottom       : solid white 1px;
}

/* Section Menu */
.corner_cross_wrap div.sectionMenuComponent {
  float               : none;
}

div.sectionMenuContainerComponent {
  background-color    : transparent;
}

.sectionMenuContainerComponent a, .sectionMenu a {
  font-weight         : normal;
}

.sectionMenuContainerComponent div.sectionMenu {
  padding             : 0px;
}

/* Misc */

#ibeHoverContainer {
  z-index             : 10000;
}

.ibeHoverContainer {
  z-index             : 10000;
}

.debugInfo a {
  color               : white;
}

.carTitle {
  margin              : 5px 0 3px 0;
}

div.cb label {
  display             : inline;
  float               : none;
}

.stars {
  width               : 55px;
}

#extendedSearch label, #extendedSearch .label {
  font-weight         : bold;
}

#extendedSearch .hotelRoomHead {
  padding-right       : 8px;
}

#hotelSortWrap {
  width               : 85%;
}

#pageDetails .propertyDescription .padin {
  padding-left        : 0;
}

.flash-static {
  margin-bottom       : 10px;
}

.starRatingHotelCount, .starRatingRange {
  font-size           : 10px;
}

#mainMenuDiv, #tabMenuTable {
  height              : 23px;
}

#mainMenuDiv {
  margin              : 15px 0 15px 0;
}

/* deals */
.bsfTbl, .mainContent thead tr {
  border              : solid #d4dce2 1px !important;
}

.bsfTbl td, .bsfTbl th {
  padding             : 2px 5px;
}

.BgHeadline {
  background-color    : #93C3D3;
  color               : white;
}

.BgLoop {
  background-color    : #E3F0F6;
}

.ImageComponent {
  padding-top         : 0px;
  padding-bottom      : 10px;
}

/* IE overrides */
.agent-msie .starRatingHotelCount, .starRatingRange {
  font-size           : 9px;
}

.agent-msie img.starRatingRangeIcon {
  width               : 58px;
}

/************************
 * Holiday deals
 ************************/

#mainContentArea #pageList .corner_cross_top_wrap .corner_cross_ttr {
}

.holidayDealsListView {
  border-bottom       : 2px solid #d4dce2;
}

.holidayPrice {
  color               : #D03FBB;
}

.priceOverlay {
  border              : 1px solid #d4dce2;
}

.slideshowHeaderDiv, .slideshowFooterDiv {
  background-color    : #93C3D3;
  clear               : both;
}

.slideshowText {
  font-weight         : bold;
  color               : white;
  padding-top         : 4px;
}

.slideshowHeaderDiv {
  position            : absolute;
  top                 : -25px;
  width               : 349px;
  overflow            : auto;
  vertical-align      : middle;
  text-align          : center;
  clear               : both;
}

.slideshowImgDiv {
  width               : 345px;
}

.slideshowImgDiv img {
  width               : 344px;
  height              : 250px;
  padding             : 2px 0 0 2px;
}

.closeButtonDiv img,
.slideshowHeaderDiv img {
  padding             : 4px;
}

.holidayDealsTabsDiv {
  position            : absolute;
  top                 : -47px;
  left                : -1px;
}

.closeButtonDiv {
  position            : absolute;
  overflow            : auto;
  clear               : both;
  top                 : -25px;
  width               : 546px;
  text-align          : right;
}

#pageOverlayDiv div.hotelInfoFragment {
  overflow            : auto;
  background          : #E3F0F6;
  padding             : 0 10px 0 10px;
}

.hotelDetailsTransparentOverlayDiv {
  z-index             : 5;
  position            : absolute;
  background-color    : white;
  opacity             : 0.7;
  filter              : alpha(opacity = 70);
}

.thumbnailSelected {
  border              : 2px solid #D03FBB;
}

.hotelImageDisplayDiv {
  border-bottom       : 1px solid #D4DCE2;
  margin-bottom       : 10px;
  padding-bottom      : 10px;
}

#pageOverlayDiv .hotelDetailsTopicContainerDiv,
#pageOverlayDiv .hotelDetailsTripadvisorIframe {
  margin-bottom       : 10px;
  width               : 100%;
}

#pageOverlayDiv .hotelDetailsTopicBody {
  padding-left        : 0;
}

#disruptProtectionTextDiv {
  z-index             : 4;
}

.closeDisruptProtectionTextDiv {
  position            : absolute;
  overflow            : auto;
  clear               : both;
  top                 : 7px;
  width               : 342px;
  text-align          : right;
  z-index             : 3;
}

#disruptProtectionTextDiv .corner_cross_middle_wrap .corner_cross_mcontent .Content {
  padding             : 0 10px 10px 10px;
}

#disruptProtectionTextDiv .code {
  margin-left         : 0;
  font-weight         : bold;
  font-size           : 12px;
}

#carCostCategoryId .carCostCategoryText label {
  font-weight         : normal;
}

.middlePane .sfCar .outDateRow .wwctrl,
.middlePane .sfCar .returnDateRow .wwctrl {
  width               : 115px;
}

.middlePane .sfAir .travellers {
  float               : left;
  margin-bottom       : 3px;
}

.middlePane .sfContainer .wwlbl {
  width               : 85px;
}