/*
Colors:
 blue:         #01b3e0
 orange:       #fe8003
 green:        #6bba65
 middle gray:  #ebebeb
 light gray:   #f5f5f5
 pink:         #e84a9c
 dark gray:    #353535

*/
#colors {
  color : #01b3e0;
  color : #fe8003;
  color : #6bba65;
  color : #ebebeb;
  color : #f5f5f5;
  color : #e84a9c;
  color : #353535;
}

body, html, input, select, option {
  font-family : arial, verdana, sans-serif;
  font-size   : 11px;
}

#page {
  margin     : auto;
  position   : relative;
  text-align : left;
  width      : 1000px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .Header {
  font-family : arial, verdana, sans-serif;
  color       : #01b3e0;
}

.breadCrumb {
  padding-right : 22px;
  padding-top   : 62px;
}

.notbookingflow #tblPaneMiddle #pageHeader1 {
  font-size     : 28px;
  color         : #6bba65;
  clear         : both;
  padding-left  : 0px;
  padding-right : 12px;
}

#pageHeader1 {
  color : #6bba65;
}

.search-form #pageHeader1,
.search-result #pageHeader1,
.product-selection #pageHeader1,
.product-information #pageHeader1,
.shopping-basket #pageHeader1,
.payment #pageHeader1,
.receipt #pageHeader1 {
  color : #01b3e0;
}

.layoutContent #tblPaneMiddle #pageHeader1 {
  margin-top : 14px;
}

#tblPaneMiddle #pageHeader1 {
  margin-top    : 15px; /* connected to ".layoutPage .marginPane" */
  margin-bottom : 4px;
}

.layoutContent #tblPaneMiddle #pageHeader1 {
  margin-bottom : 6px;
}

.wasLayoutContent #tblPaneMiddle #pageHeader1 {
  /* content page but default layout */
  margin-top    : 6px;
  margin-bottom : 20px;
}

.layoutContent #mainContentArea #contentPageMain h2,
.layoutContent #mainContentArea #contentPageMain .h1,
.layoutContent #mainContentArea #contentPageMain .h2,
.layoutContent #mainContentArea #contentPageMain .h3,
.layoutContent #mainContentArea #contentPageMain h1,
.layoutContent #mainContentArea #contentPageMain h3 {
  border-bottom  : solid #ebebeb 3px;
  padding-left   : 0;
  padding-top    : 24px;
  padding-bottom : 3px;
  margin-bottom  : 0;
}

.layoutContent #mainContentArea #contentPageMain .Header h2 {
  border        : none;
  padding       : 0;
  margin-bottom : 0;
}

.layoutContent #mainContentArea #contentPageMain .resourceContent > .Content > h1,
.layoutContent #mainContentArea #contentPageMain .resourceContent > .Content > h2,
.layoutContent #mainContentArea #contentPageMain .resourceContent > .Content > h3,
.layoutContent #mainContentArea #contentPageMain .resourceContent > .Content > h4,
#contentPageMain .pageIntro {
  margin-bottom : 12px;
}

.layoutContent #mainContentArea .Component .Header,
.layoutContent #mainContentArea .Component .Footer {
  background : none;
}

.layoutContent #mainContentArea .crossSale .Content,
.layoutContent #mainContentArea .crossSale .Footer,
.cityLinks ol,
.guideText .Content {
  background-color : #f5f5f5;
}

.layoutContent #mainContentArea .crossSale .hotelCrossDealLeftBorder {

}

.layoutContent #contentPageMain div.crossSale {
  border-style : none;
}

div.footerMenu, .footer {
  font-family : arial, verdana, sans-serif;
}

h3, .h3 {
  font-size : 14px;
}

h2, .h2 {
  font-size : 16px;
}

h1, .h1 {
  font-size : 18px;
}

.em {
  color : #01b3e0;
}

.padin {
  padding-left : 0;
}

.padtop {
  padding-top : 2px;
}

br.hotel {
  line-height : 0;
}

.Component div.Header {
  padding-top : 0;
}

.containerComponent div.Header {
  font-weight    : bold;
  padding-bottom : 6px;
  border-bottom  : 3px solid #ebebeb;
}

.containerComponent  div.Header span {
  float : none;
}

.Header.padin, #mainContentArea h1 {
  padding-left  : 6px;
  padding-right : 6px;
}

/* all components have left right padding */
div.Component .Content,
.marginPane div.Content,
.bestDealsListComponent div.Content .bestDealsComponent div.Content,
.containerComponent .Component .Content,
.htmlComponent .Content {
  padding-left  : 6px;
  padding-right : 6px;
}

/* best deals is an exception to the rule it seems*/
.bestDealsListComponent.wrapper div.Content, .wasLayoutContent #pageHeader1 {
  padding-left  : 0;
  padding-right : 0;
}

.middleContainer div.Component, .containerComponent .Content,
#DEFAULT_PAGE_CONTENT_RIGHT .sectionMenuBorder .Content,
.hotelFullInfo div.Content,
.search-result.hotel #pageDetailsDiv div.Component,
.search-result.combo #pageDetailsDiv div.Component {
  background-color : #f5f5f5;
  border           : 3px #ebebeb;
}

div.Component .Content {
  border-color : #ebebeb;
}

.mainContent tfoot tr, .Component .Footer {
  height           : 2px;
  background-color : #f5f5f5;
}

.mainContent thead tr, .middleContainer .Component .Header,
.search-result.hotel #pageDetailsDiv .Component .Header,
.search-result.combo #pageDetailsDiv .Component .Header {
  background-color : #ebebeb;
}

/* borders: 1. booking pages has border and header except kk page top.
2.shopping basket has border and header on cart-items but not crossale and summary has special.
3. content pages default layout/content layout has special config which overrides these below
*/
#cart-view #mainContentArea div.crossSale .Header {
  background-color : #ffffff;
}

#cart-view #mainContentArea div.summarySelect {
  background-color : #f5f5f5;
}

.content .cartItem .Header {
  padding-top      : 4px;
  padding-bottom   : 0;
  background-color : #f5f5f5;
}

#cart-view #mainContentArea div.cartItem {
  border-style : solid;
}

#cart-view #mainContentArea .cartItem div.Content {
  border-style : none;
}

.marginPane div.Component, #mainContentArea div.Component, #mainContentArea .tripGroup,
.marginPane .qaSmall, .marginPane .htmlComponent {
  margin-top : 0;
}

/* normally we have a border */
#mainContentArea div.Component,
.search-result.hotel #pageDetailsDiv div.Component,
.search-result.combo #pageDetailsDiv div.Component {
  margin-bottom : 40px;
  border-style  : solid;
}

/* these do not have the border */
div.Component,
.layoutFirst #mainContentArea div.Component,
#cart-view #mainContentArea div.crossSale,
#cart-view #mainContentArea div.profileDiscounts,
#mainContentArea div.Component.guideText,
#cart-view #mainContentArea div.summarySelect,
#cart-view #mainContentArea div.summarySelect div.Content,
#hotel-view div.Component {
  border-style : none;
}

/* except this one that wants one again */
#cart-view #mainContentArea div.summarySelect {
  border-style : solid;
  width        : auto;
}

#cart-view #mainContentArea div.Content {
  border-style : solid;
}

/* we have border but footer is in the way */
#cart-view #mainContentArea div.Component .Footer {
  display : none;
}

/* borders: end*/

.bestDeals a.price,
.topBestDeals a.price {
  padding-right : 0;
}

.layoutPage .marginPane {
  margin-top : 22px;
}

.topBestDeals tr.odd td, .topBestDeals tr.even td, .bestDeals tr.odd td, .bestDeals tr.even td {
  border-bottom : 0;
}

div.topBestDealsSmall {
  border     : none;
  background : white;
}

.containerComponent .topBestDealsSmall div.Header,
.bestDealsComponent div.Header,
.layoutFirst .topBestDealsComponents div.Header {
  background : white;
}

/* Selected Best Deals, Best Deals (not App Comp Best Deals)*/
.layoutFirst .topBestDealsComponents .topBestDeals,
.layoutFirst .bestDealsListComponent .bestDealsComponent {
  width : 235px;
  float : left;
  clear : none;
}

.layoutFirst .topBestDealsComponents .topBestDealsSmall {
  width : 99.9%; /* in bestDeals.css as well need to understand why*/
}

.layoutFirst .topBestDealsComponents .bestDealsWrap {
  width : 490px;
}

.layoutFirst .topBestDealsComponents .even, .layoutFirst .bestDealsListComponent .even {
  margin-left : 20px;
}

#FIRST_PAGE_SEARCH_COMPLEMENT .bestDealsListComponent {
  overflow : auto;
}

/*
#FIRST_PAGE_SEARCH_COMPLEMENT .bestDealsComponent .Content {
  padding           : 6px 3px 5px 6px;
}
*/

.mainContent thead tr {
  padding        : 2px;
  padding-top    : 0;
  padding-bottom : 0;

}

.mainContent thead tr, .Component .Header {
  /* line-height      : 18px;*/
}

.kkSelectionHeader {
  display : none;
}

#hotel-room-select .kkSelectionHeader {
  display : block;
}

.mainContent td.Button, .ButtonBack {
  padding : 0 6px 0 0;
  margin  : 2px 0 2px;
}

.content li a {
  color       : #fe8003;
  font-weight : normal;
  font-size   : 10px;
}

.lnk, a, .fcarrier a {
  color       : #fe8003; /*  text-decoration   : underline; */
  font-weight : normal;
}

h1 {
  margin : 2px 0;
}

.content li a:hover, a:hover {
  color : #fe8003;
}

/* TOP */
#top {
  padding : 0;
}

#topwrap {
  height : 31px;
}

#toplogowrap {
  padding : 12px 12px 12px 15px;
}

#top .spacer {
  padding : 0 5px;
}

#top #rtop {
  width      : 4px;
  padding    : 0;
  background : #f5f5f5 right bottom url("/brand/travelstart/image/bg_top_right.png") no-repeat;
}

#top #ltop {
  width      : 11px;
  padding    : 0;
  background : #f5f5f5 left bottom url("/brand/travelstart/image/bg_top_left.png") no-repeat;
}

#top #mtop {
  background-color : #f5f5f5;
}

#top #mtop td {
  font-size : 13px;
}

#top #mtop div {
  color : #01b3e0
}

#top #toptable {
  width  : 100%;
  border : 0;
}

.topLoginContainer {

}

#headerVipLogo {
  padding-top : 4px;
}

#headerLoginButton {

}

#loginButtonAndLoadingContainer {
  width : 60px;
}

div.topComplementMenu {
  float  : right;
  height : 31px;
}

div.topMenu {
  float  : left;
  height : 31px;
}

#pageCart a {
  font-size : 13px;
}

#pageLogo {
  float        : left;
  height       : 50px;
  clear        : both;
  padding-left : 5px;
}

.layoutFirst #pageLogo {
  padding-left : 6px;
}

#pageCart {
  float  : right;
  height : 34px;
}

#pageLogoText h1 {
  color       : #353535;
  font-weight : normal;
}

#pageLogoText {
  float      : right;
  clear      : right;
  text-align : right;
  overflow   : auto;
}

#pageCartText {
  line-height : 18px;
}

#pageCartPrice {
  font-weight     : bold;
  padding-left    : 4px;
  color           : #6bba65;
  text-decoration : underline;
}

#pageCartLink {
  color           : #353535;
  text-decoration : none;
}

.selectedItemTotalPrice .price,
.mainContent .totalPrice .price,
.bestDeals a.price,
.topBestDeals a.price,
.bestDealsWithImage .price,
.Price,
.price {
  color : #6bba65;
}

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

.tripSummary .price td.padin {
  color : #000;
}

#bookingAlerts .airlineSafetyInfo {
  color : #e84a9c;
}

/* searchTypeButtons */

#searchTypeButtons {
  height  : 100px;
  padding : 0;
}

#searchTypeButtonsContainer {
  clear : both;
}

.searchTypeButton {
  font-weight : normal;
}

#searchTypeButtons .seqButtons {
  padding-left : 0px;
}

.layoutPage #searchTypeButtons {
  padding-left : 15px;
}

/* Footer */
.footer {
  text-align : left;
}

div.footerMenu {
  position    : relative;
  font-family : arial, verdana, sans-serif;
  font-size   : 10px;
  text-align  : center;
}

.footerContainer {
  border-width : 3px 0;
  border-top   : solid #ebebeb;
  padding      : 12px;
  clear        : both;
}

.footerContainerFirst {
  border-width   : 0;
  padding-bottom : 0px;
}

.footerContainerLast {
  border-bottom : solid #ebebeb;
}

.footerMenuContainer {
  text-align    : left;
  float         : left; /*  width            : 234px; */
  width         : 187px;
  padding-right : 6px;
}

.footerMenuHeader {
  font-size   : 12px;
  font-weight : normal;
}

.footerMenuContainer li {
  padding-bottom : 1px;
  margin         : 0;
}

.footerMenuContainer ol {
  list-style    : none;
  padding-left  : 0;
  margin-top    : 6px;
  margin-bottom : 0;
  margin-left   : 0;
}

.footerSlogan {
  font-size   : 11px;
  line-height : 15px;
  color       : #353535;
  text-align  : left;
}

.footerSlogan a {
  text-decoration : none;
  color           : inherit;
}

div.brandInfo {
  color     : #01b3e0;
  font-size : 12px;
}

.footerLeft {
  float : left;
}

.footerRight {
  float : right;
}

.socialPerson {
  vertical-align : bottom;
}

#personImg {
  margin-left : 12px;
}

.personImgDiv {
  width      : 380px;
  text-align : left;
  float      : left;
}

.socialImgDiv img {
}

.socialImgDiv {
  width          : 550px;
  text-align     : right;
  vertical-align : bottom;
  margin-top     : 220px;
  float          : right;
}

.airSelectTrip .Footer {
  height : 0px;
}

.tripGroup {
  margin-bottom : 0px;
}

.tripGroup tr.changeDates td {
  padding-bottom : 1px;
}

#carrierRecommendations td.linkStyle {
  color : #01b3e0;
}

.searchTypeButton label,
.searchTypeButton input {
  display : none;
}

.aboveFooterPane .paneFooter1, .aboveFooterPane .paneFooter2 {
  width : 475px;
}

.aboveFooterPane .paneFooter1 {
  margin-right : 20px;
}

.layoutFirst .aboveFooterPane .paneFooter2, .layoutContent .aboveFooterPane .paneFooter2 {
  width : 490px;
}

.layoutFirst .aboveFooterPane .paneFooter1, .layoutContent .aboveFooterPane .paneFooter1 {
  width : 460px;
}

#FIRST_PAGE_SEARCH_COMPLEMENT {
  max-width : 520px;
}

.layoutPage .middle .content, .mailMessageTable {
  width   : 613px;
  margin  : 0 20px;
  padding : 0;
}

.layoutFirst .firstPane, .layoutContent .middle .content {
  width       : 490px;
  margin-left : 80px;
}

#receipt-view-confirmation #mainContentArea, #receipt-view #mainContentArea {
  width       : 613px;
  margin-left : 5px;
}

.layoutFirst #mainContentArea {
  padding-top : 0;
  width       : 400px;
}

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

.layoutFirst .firstPane, .layoutFirst #mainContentArea {
  float : left;
}

.layoutFirst .firstPane {
  padding-top : 4px;
}

#tblPaneLeft, .layoutFirst .middle .content, .aboveFooterPane {
  padding-left : 15px;
}

.layoutFirst .middle .content, .aboveFooterPane {
  padding-right : 15px;
}

#tblPaneRight {
  padding : 0;
}

#tblPaneRight .rightPane {
  margin : 22px 10px;
  float  : left;
}

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

.layoutPage div.rightPane {
  width      : 162px;
  min-height : 520px;
  float      : left;
}

div.rightPane > div {
  max-width : 162px;
  float     : left;
}

#pageads {
  position : absolute;
  top      : 260px;
  left     : 1010px;
  width    : 150px;
}

.notbookingflow #pageads {
  top : 245px;
}

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

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

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

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

.leftPane div.cb {
  width : auto;
}

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

div.leftPane .wwctrl select.calDay {
  width        : 36px;
  margin-right : 6px;
}

div.leftPane .searchRoom select {
  width : 40px;
}

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

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

.bestDeals .snazzyNoComponent .Header, .topBestDeals .snazzyNoComponent .Header, .bestDealsListComponent .Header {
  color          : #01b3e0;
  padding-bottom : 2px;
}

.Component .Content,
.bestDealsComponent .Content {
  padding-top : 3px;
}

.marginPane .bestDealsListComponent .Content {
  padding : 0;
}

/* near .tripGroup */
.separateAdultPricePosition {
  background-color : #ebebeb;
  margin           : -3px -6px 0 -6px;
  padding          : 6px;
}

/* price blob  start (look for corresponding end)*/

.splashAligner {
  margin-top : 0;
}

.mainPriceContainer .priceTextBack {
  display : none;
}

.mainPriceContainer .priceTextFront {
  color      : #6bba65;
  position   : relative;
  top        : 0;
  visibility : visible;
  z-index    : 2;
}

.mainPriceContainer .priceTextFront .priceText, .mainPriceContainer .priceSplashComboAir .priceTextFront {
  font-size   : 2.3em;
  font-weight : 800;
}

.hotelDetailsDiv .priceTextContainer {
  padding-right : 10px;
}

.priceTextPosition {
  position   : absolute;
  top        : 0;
  right      : 6px;
  text-align : right;
  width      : 129px;
}

.priceBackgroundImage {
  position   : absolute;
  top        : 0;
  right      : 0;
  width      : 129px;
  height     : 45px;
  background : none; /*border:1px solid;*/
}

/* resetting some stuff for hotel and combo */
/* width of content is 601 and padding is 6 + 6 */

.hotel .priceBackgroundImage, .combo .priceBackgroundImage {
  width : 601px;
}

.hotelDetailsScrollableDiv .priceBackgroundImage {
  width : auto;
}

.hotelDetailsScrollableDiv .combo.trip, .hotelDetailsDiv div.Component {
  width : 95%;
}

.hotel .priceTextPosition, .combo .priceTextPosition {
  width : auto;
}

.hotel .priceTextContainer .view, .combo .priceTextContainer .view {
  margin-top : 24px;
}

.hotel .priceBackgroundImage .priceTextFront, .combo .priceBackgroundImage .priceTextFront {
  padding-right : 6px;
}

.hotel .priceBackgroundImage .priceTotal, .combo .priceBackgroundImage .priceTotal {
  bottom : 0;
}

.priceBackgroundImageComboAir {
  float : left;
  width : 129px;
}

.priceBackgroundImageComboAir .priceTextPosition {
  top : -4px;
}

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

.firstCombo .priceSplashComboAir {
  top : 0;
}

.priceTotalContainerComboAir {
  float         : left;
  font-weight   : bold;
  margin-top    : 4px;
  padding-right : 0;
}

#combo-air-result #mainContentArea .firstCombo .Header {
  padding-bottom : 20px;
}

#combo-air-result #mainContentArea .Header {
  padding-bottom : 12px;
}

.hotel .splashAligner .Header, .combo .splashAligner .Header, .car .splashAligner .Header, .hotelFullInfo .splashAligner .Header {
  padding-bottom : 27px;
}

.splashAligner .hotelDetailsBorderDiv .Header {
  padding-bottom : 0;
}

.map .priceBackgroundImage {
  width : 129px;
}

.map .priceText {
}

.mainPriceContainer .map .priceTextBack, .mainPriceContainer .deal .priceTextFront {
  font-size : 1em;
}

.map .afterPriceText {
  font-size : 10px;
}

.map .priceTextPosition {
  top   : 31px;
  width : 129px;
}

.map .splashAligner {
  margin-top : 0;
}

.map div.Component {
  margin-bottom : 0;
}

/* price blob end */

/* todo: can be removed? */
.map h3 {
  color : #000;
}

.map h3 .em {
  color : #6bba65;
}

.carResult, .voucherText {
  padding-left  : 0px;
  padding-right : 0px;
}

.propertyDetails {
  width : 515px;
}

.layoutContent .propertyDetails {
  width : 400px;
}

.hotelFullInfo .popup {
  padding-left  : 0;
  padding-right : 0;
}

.extraProducts, form.payment .method, .paymentSummary {
  padding-left : 0px;
}

.cartSummary, form.payment .method, .paymentSummary {
  padding-right : 0px;
}

#mainMenuDiv {
  margin-bottom : 25px;
}

table.decoratedMainContent, table.decoratedMainContentMain {
  width : 100%;
}

#contentPageMain {
  overflow : hidden;
}

#DEFAULT_PAGE_CONTENT_RIGHT {
  width : 160px;
}

#DEFAULT_PAGE_CONTENT_RIGHT div.sectionMenuComponent, #DEFAULT_PAGE_CONTENT_RIGHT div.sectionMenuBorder {
  border-style : none;
}

#DEFAULT_PAGE_CONTENT_RIGHT div.sectionMenuComponent {
  background-color : #f5f5f5;
  margin-bottom    : 0;
}

#DEFAULT_PAGE_CONTENT_RIGHT div.sectionMenuBorder .Header {
  background-color : #fff;
}

#DEFAULT_PAGE_CONTENT_RIGHT div.sectionMenuBorder .Content {
  overflow : hidden;
}

div.sectionMenuComponent {
  margin-top : 25px;
}

.containerComponent div.sectionMenuComponent {
  margin-top : 0; /*width: 150px;*/
}

div.sectionMenuComponent div.Header {
  display : none;
  /*
  color               : #FFFFFF;
  margin              : 2px;
  padding-bottom      : 0;
  padding-top         : 0;
  height              : 18px;
*/
}

div.sectionMenuComponent .Footer {
  display : none;
}

#hotelSelectionBrief {
  position : fixed;
  width    : 160px;
}

* html #hotelSelectionBrief {
  position : absolute; /* position fixed for ie6 */
  top      : expression( 253 +(( e = document . documentElement . scrollTop ) ? e                 : document . body . scrollTop ) + 'px' );
  left     : expression( 16 +(( e = document . documentElement . scrollLeft ) ? e                : document . body . scrollLeft ) + 'px' );
}

* html #air-result #hotelSelectionBrief {
  top : expression( 190 +(( e = document . documentElement . scrollTop ) ? e                 : document . body . scrollTop ) + 'px' );
}

/**
 * Extended Search and publishable search forms.
 */
#extendedSearch {
  margin-top : -7px;
}

#DEFAULT_PAGE_RIGHT #extendedSearch, #DEFAULT_PAGE_RIGHT .container-item {
  float : left;
}

#DEFAULT_PAGE_LEFT .specialSearchRoundedMiddle,
#DEFAULT_PAGE_RIGHT .specialSearchRoundedMiddle {
  width : auto;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent div.Header,
#DEFAULT_PAGE_LEFT .searchFormComponent div.Header {
  border-bottom  : none;
  font-size      : 18px;
  padding-top    : 0;
  padding-bottom : 5px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent .Content,
#DEFAULT_PAGE_LEFT .searchFormComponent .Content {
  padding          : 0;
  background-color : #ebebeb;
}

#DEFAULT_PAGE_RIGHT .sfCombo .sfHotelContainer,
#DEFAULT_PAGE_LEFT .sfCombo .sfHotelContainer {
  margin-top : 12px;
}

#DEFAULT_PAGE_LEFT .sfCarContainer,
#DEFAULT_PAGE_LEFT .sfHotelContainer,
#DEFAULT_PAGE_LEFT .sfAirContainer,
#DEFAULT_PAGE_LEFT .sfAirContainer,
#DEFAULT_PAGE_LEFT .sfAirComboContainer,
#DEFAULT_PAGE_RIGHT .sfCarContainer,
#DEFAULT_PAGE_RIGHT .sfHotelContainer,
#DEFAULT_PAGE_RIGHT .sfAirContainer,
#DEFAULT_PAGE_RIGHT .sfAirContainer,
#DEFAULT_PAGE_RIGHT .sfAirComboContainer {
  padding-left  : 6px;
  padding-right : 6px;
}

#DEFAULT_PAGE_RIGHT .sfCarContainer .wwgrp,
#DEFAULT_PAGE_LEFT .sfCarContainer .wwgrp {
  margin : 0;
}

#DEFAULT_PAGE_LEFT .searchFormComponent .wwlbl,
#DEFAULT_PAGE_RIGHT .searchFormComponent .wwlbl {
  padding : 0;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent label,
#DEFAULT_PAGE_LEFT .searchFormComponent label {
  color : #01b3e0;
}

#DEFAULT_PAGE_RIGHT .pickupDateRow,
#DEFAULT_PAGE_LEFT .pickupDateRow {
  border-top  : 1px solid #01b3e0;
  padding-top : 12px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent input.compact,
#DEFAULT_PAGE_LEFT .searchFormComponent input.compact {
  width : 139px;
}

#DEFAULT_PAGE_LEFT .searchFormComponent select.compact,
#DEFAULT_PAGE_RIGHT .searchFormComponent select.compact {
  width : 144px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent .calButton,
#DEFAULT_PAGE_LEFT .searchFormComponent .calButton {
  padding-left : 0;
  padding-top  : 1px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent ul.buttons li input,
#DEFAULT_PAGE_LEFT .searchFormComponent ul.buttons li input {
  padding-top    : 12px;
  padding-bottom : 12px;
}

#DEFAULT_PAGE_LEFT .pickupCityDiv,
#DEFAULT_PAGE_LEFT .sfHotelIdentifers,
#DEFAULT_PAGE_LEFT .checkinDateDiv,
#DEFAULT_PAGE_LEFT .checkoutDateDiv,
#DEFAULT_PAGE_LEFT .pickupDateRow,
#DEFAULT_PAGE_LEFT .outDateRow,
#DEFAULT_PAGE_LEFT .returnDateRow,
#DEFAULT_PAGE_LEFT .departureCityDiv,
#DEFAULT_PAGE_LEFT .returnCityDiv,
#DEFAULT_PAGE_LEFT .travellers,
#DEFAULT_PAGE_RIGHT .pickupCityDiv,
#DEFAULT_PAGE_RIGHT .sfHotelIdentifers,
#DEFAULT_PAGE_RIGHT .checkinDateDiv,
#DEFAULT_PAGE_RIGHT .checkoutDateDiv,
#DEFAULT_PAGE_RIGHT .pickupDateRow,
#DEFAULT_PAGE_RIGHT .outDateRow,
#DEFAULT_PAGE_RIGHT .returnDateRow,
#DEFAULT_PAGE_RIGHT .departureCityDiv,
#DEFAULT_PAGE_RIGHT .returnCityDiv,
#DEFAULT_PAGE_RIGHT .travellers {
  overflow : hidden;
}

#DEFAULT_PAGE_RIGHT .checkinDateDiv,
#DEFAULT_PAGE_LEFT .checkinDateDiv {
  border-top  : 1px solid #01b3e0;
  padding-top : 12px;
}

#DEFAULT_PAGE_RIGHT .sfHotelIdentifers .wwgrp,
#DEFAULT_PAGE_LEFT .sfHotelIdentifers .wwgrp {
  margin-bottom : 10px;
}

#DEFAULT_PAGE_RIGHT .outDateRow,
#DEFAULT_PAGE_LEFT .outDateRow {
  margin-top  : 12px;
  padding-top : 12px;
}

#DEFAULT_PAGE_RIGHT .checkoutDateDiv,
#DEFAULT_PAGE_RIGHT .timeOfDay,
#DEFAULT_PAGE_RIGHT .travellers,
#DEFAULT_PAGE_LEFT .checkoutDateDiv,
#DEFAULT_PAGE_LEFT .returnDateRow,
#DEFAULT_PAGE_LEFT .travellers {
  padding-bottom : 12px;
  border-bottom  : 1px solid #01b3e0;
}

#DEFAULT_PAGE_RIGHT .outDateRow,
#DEFAULT_PAGE_RIGHT .departureCityDiv,
#DEFAULT_PAGE_RIGHT .travellers,
#DEFAULT_PAGE_RIGHT .sfCombo .cb,
#DEFAULT_PAGE_RIGHT .checkinDateDiv,
#DEFAULT_PAGE_LEFT .outDateRow,
#DEFAULT_PAGE_LEFT .departureCityDiv,
#DEFAULT_PAGE_LEFT .travellers,
#DEFAULT_PAGE_LEFT .sfCombo .cb,
#DEFAULT_PAGE_LEFT .checkinDateDiv {
  margin-bottom : 12px;
}

#DEFAULT_PAGE_RIGHT .outDateRow,
#DEFAULT_PAGE_RIGHT .departureCityDiv,
#DEFAULT_PAGE_RIGHT .travellers,
#DEFAULT_PAGE_RIGHT .sfCombo .cb,
#DEFAULT_PAGE_RIGHT .checkinDateDiv,
#DEFAULT_PAGE_RIGHT .checkoutDateDiv,
#DEFAULT_PAGE_RIGHT .timeOfDay,
#DEFAULT_PAGE_RIGHT form.search ul.buttons {
  width : 146px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent .searchRoom {
  width : 166px;
}

#DEFAULT_PAGE_LEFT .searchFormComponent .searchRoom {
  width : 100%;
}

#DEFAULT_PAGE_RIGHT .sfAirContainer select.carCalTime,
#DEFAULT_PAGE_LEFT .sfAirContainer select.carCalTime {
  width : 145px;
}

#DEFAULT_PAGE_RIGHT .searchFormComponent .timeOfDay,
#DEFAULT_PAGE_LEFT .searchFormComponent .timeOfDay {
  clear       : both;
  padding-top : 10px;
}

#DEFAULT_PAGE_LEFT .searchFormComponent div.cb label,
#DEFAULT_PAGE_LEFT .searchFormComponent div.cb label {
  width : 100px;
}

#DEFAULT_PAGE_LEFT .sfCombo div.cb label,
#DEFAULT_PAGE_LEFT .sfCombo div.cb label {
  width : 130px;
}

#DEFAULT_PAGE_RIGHT .adults,
#DEFAULT_PAGE_RIGHT .numChildren,
#DEFAULT_PAGE_LEFT .adults,
#DEFAULT_PAGE_LEFT .numChildren {
  text-align : center;
}

#DEFAULT_PAGE_RIGHT .adults,
#DEFAULT_PAGE_LEFT .adults {
  margin-right : 6px;
}

#DEFAULT_PAGE_RIGHT .sfCombo .searchRoom select,
#DEFAULT_PAGE_LEFT .sfCombo .searchRoom select {
  width : 43px;
}

#DEFAULT_PAGE_RIGHT .wwctrl .calMonth {
  width : 62px;
}

#DEFAULT_PAGE_RIGHT .wwctrl .calDay {
  width : 49px;
}

#DEFAULT_PAGE_LEFT .wwctrl .calDay {
  width        : 45px;
  margin-right : 1px;
}

input.disruptProtection {
  margin-left : -3px;
}

.hotelStarRatingRow label {
  vertical-align : top;
}

.cardNoPartsInput {
  width : 26px;
}

#paymentForm_creditCard_cvcCode {
  width : 22px;
}

#gallery {
  background-color : #f5f5f5;
  border           : 1px solid #f5f5f5;
}

#hotel-deals-hotel #gallery,
#hotel-deals-hotel #gallery ul li a:hover b,
#hotel-deals-hotel #gallery ul li a:active b,
#hotel-deals-hotel #gallery ul li a:focus b {
  background-color : #f5f5f5;
}

#shortAirInfoDiv .combo.trip {
  margin : 6px 0;
}

.newsletter #mainContentArea {
  padding-left  : 6px;
  padding-right : 6px;
}

div.content .NewsletterForm {
  margin-left : 0;
  margin-top  : 12px;
  width       : 310px;
}

div.content .NewsLetterSubmit {
  clear      : both;
  margin-top : 12px;
}

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

div.packPrice {
  clear      : both;
  margin-top : 12px;
}

.limitedRoomImgN1 {
  background-position : 0 0;
}

.limitedRoomImgN2 {
  background-position : 0 -47px;
}

.limitedRoomImgN3 {
  background-position : 0 -94px;
}

.limitedRoomImgN4 {
  background-position : 0 -141px;
}

.limitedRoomImgN5 {
  background-position : 0 -188px;
}

.limitedRoomImg {
  line-height : 47px;
}

.limitedRoomText {
  padding-left : 55px;
}

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Managed until here */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/* OLD */

.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;
}

div.cb {
  width : 180px;
}

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

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

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

.layoutPopup .leftPane {
  width : auto;
}

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

.BaseFareTopSmall .Footer {
  display : none;
}

div.xContainer .alignBot {
  display : none;
}

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

/**
* ASM
*/

.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;
}

.introImage {
  border : none;
  width  : 200px;
}

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

.upSellProductListHeader,
.upSellProductListFooter {
  display : none;
}

.upSellComponent {
  margin-bottom : 30px;
}

.upSellUpperPart {
  text-align : center;
}

.upSellLowerPart {
  background-color : #ebebeb;
  color            : #353535;
  padding          : 6px;
}

.upSellHeaderText {
  color       : #e84a9c;
  font-size   : 18px;
  font-weight : normal;
  margin      : 2px 0;
}

.upSellButton {
  float : none;
}

.upSellPopupImage {
  padding-right  : 8px;
  padding-bottom : 6px;
}

.upSellSeparator {
  border : 2px solid #ebebeb;
}

.upSellSeparatorThin {
  border : 1px solid #ebebeb;
}

/**
 * jquery-ui datepicker
 */
#returnDateId .ui-datepicker, #outDateId .ui-datepicker, #hotel_outDateId .ui-datepicker, #hotel_returnDateId .ui-datepicker {
  width : 169px;
}

#hotel-deals-hotel .sfHotelContainer .sfHotelIdentifers {
  display : block;
}

.ui-widget {
  font-size : 11px;
}

/* Expedia pack price */
.packPriceContainer .packPriceTextPosition {
  margin-top : 0;
}

.packPriceContainer .priceTextBack {
  color        : #333333;
  z-index      : 1;
  margin-right : 5px;
  visibility   : visible;
}

.packPriceContainer .priceTextFront {
  color      : #ffffff;
  margin-top : -1.2em;
  z-index    : 2;
  visibility : visible;
}

.packPriceContainer .priceTextContainer {
  font-size   : 1.71em;
  font-weight : 800;
}

.packPriceContainer .packPriceContainerContentRight {
  font-weight : bold;
}

/* End of Expedia pack price */