/* USAGE AND INSTRUCTIONS:
 * Consider this file deprecated!
 * For components where css is used once or only a few times, put them in separate css or even in jsp.
 * For multiple usage, put them in system, gui or brand, wherever they suit the most. */
h1, h2, h3, h4, h5, h6 {
  padding : 0;
  margin  : 0;
}

body {
  margin      : 0;
  font-family : verdana, sans-serif;
  font-size   : 10px;
  color       : black;
}

body#receipt-view-confirmation-email {
  background : white none;
}

body.error div.content {
  padding-top : 20px;
}

/* Layout page areas */
tr#tblPaneTr {
  vertical-align : top;
}

td#tblPaneRight {
  /*border-left  : solid #BABABA 1px;*/
  border-right : solid #BABABA 1px;
}

td.wideContent {
  padding-left  : 20px;
  *padding-left : 5px;
}

.contextTexts,
.postTexts {
  padding : 10px 10px 10px 10px;
}

.postTexts {
  clear      : both;
  border-top : solid #BABABA 1px;
}

.padContent div.Content {
  padding : 5px;
}

.resourceContent h2,
.resourceContent h3,
.resourceContent h4,
.resourceContent h5,
.resourceContent h6 {
  margin : 12px 0 6px 0;
}

.resourceContent ol,
.resourceContent ul {
  margin-top : 6px;
}

span img,
p img {
  margin-right   : 4px;
  vertical-align : baseline;
}

span.icon img {
  vertical-align : top;
}

dl,
dd {
  margin-left : 30px;
}

dl.clear,
dd.clear {
  margin      : 0;
  padding     : 0;
  overflow    : hidden;
  font-weight : normal;
}

dt {
  margin-top  : 0.7em;
  font-weight : bold;
}

.focus,
.focused {
  background-color : #eaeaea;
}

input,
select,
option {
  font-family : verdana, sans-serif;
  font-size   : 10px;
  margin      : 0 2px 0 1px;
}

input[type="number"], input[type="tel"] {
  -webkit-appearance : textfield;
  -moz-appearance    : textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance : textfield;
  margin             : 0;
}

input.kk {
  width : 172px;
}

select.kk {
  width : 176px;
}

.wwgrp {
  float         : left;
  margin-bottom : 2px;
  margin-right  : 10px;
}

.fieldInfo {
  float       : left;
  margin-top  : 2px;
  padding-top : 2px;
  position    : relative; /*  left: -7px; */
}

div.cb {
  float : left;
}

div.cb .wwgrp {
  margin-right : 4px;
}

div.cb input {
  width   : 15px;
  height  : 15px;
  margin  : 0;
  padding : 0;
}

div.cb label {
  display      : block;
  white-space  : normal; /*float: left;*/
  margin-top   : 4px;
  padding-left : 4px;
}

.errorMessage {
  text-align : left;
}

.wwlbl {
  float        : left;
  margin-right : 5px;
  padding-top  : 2px;
  min-width    : 80px;
}

.wwlbltd {
  margin-right : 5px;
}

#mainContentArea .wwlbltd {
  width : 80px;
}

span.wwctrl {
  float : left;
  width : 171px;
}

#wwctrl_top_content_oneway {
  width : auto;
}

.leftPane span.wwctrl {
  float : left;
  width : 160px;
}

.leftPane .wwgrp {
  margin-right : 0;
}

.wwctrl input.wide {
  width : 163px;
}

.wwctrl select.wide {
  width : 169px;
}

.wwctrl input.compact {
  width : 133px;
}

.wwctrl select.compact {
  width : 141px;
}

.wwctrl label {
  font-weight : bold;
}

ul.buttons li {
  list-style : none;
}

ul.buttons {
  list-style-image : none !important;
  list-style-type  : none !important;
  margin           : 0;
  padding          : .5em 0;
  overflow         : hidden;
}

form.search ul.buttons {
  padding-right : 10px;
}

ul.buttons li input {
  display : block;
  /*padding : .2em 0;*/
}

ul.buttons li img {
  margin : 2px;
}

td.right,
th.right {
  float          : none;
  text-align     : right;
  padding-bottom : 10px;
}

.resourceContent br {
  clear : left;
}

ol.horizontal {
  list-style : none;
  margin     : 0;
  padding    : 0;
  float      : left;
}

ol.horizontal li {
  float : left;
}

div.horizontal {
  text-align : center;
}

div.horizontal span {
  margin : 2px;
}

div.horizontal span.spacer {
  width : 1px;
}

.fsegment td,
.fsegment th {
  padding-top    : 7px;
  padding-bottom : 0;
  padding-right  : 3px;
}

.fsegment td,
.segment td {
  vertical-align : top;
  padding-right  : 3px;
}

.fsegment th {
  vertical-align : bottom;
}

.fradio {
  width      : 20px;
  text-align : right;
}

.ffrom {
  width : 105px;
}

.country {
  color : gray;
}

.ffrom .country {
  color : gray;
}

.fto {
  width : 105px;
}

.fto .country {
  color : gray;
}

.fflyTime {
  width : 58px;
}

.ftto {
  width : 64px;
}

.fflight {
  width : 50px;
}

.fcarrier a {
  font-weight : normal;
  color       : rgb(30, 74, 160);
}

.fcarrier .name {
  padding-top : 0px;
  height      : 13px;
}

.fcarrier .icon {
  padding : 1px 2px;
}

.fcarrier .icon img {
  vertical-align : middle;
}

.fcarrier .operating {
  clear : left;
}

.childAgeSelector {
  clear         : left;
  margin-bottom : 4px;
  width         : 100%;
}

.PriceChangeDown {
  color       : green;
  font-weight : bold;
}

.PriceChangeUp {
  color       : red;
  font-weight : bold;
}

div.priceChangeWarning {
  background : url("/system/image/exclamation-mark.png") left no-repeat;
  margin     : 10px;
  padding    : 10px 10px 10px 20px;
}

.dateChange {
  color       : black;
  font-weight : bold;
}

.BgWhite,
.even {
  background-color : #ffffff;
}

.dbgMarkup {
  border-bottom : solid blue 1px;
}

.dbgPre {
  font-family      : "Courier New", monospace;
  font-size        : 11px;
  border           : solid #cacaca 1px;
  background-color : #fafafa;
  padding          : 10px;
  margin           : 3px;
}

DIV#ibeWinContainer {
  overflow : visible;
  position : relative;
}

TABLE.sepaTbl TR.sepaTblTr TD {
  white-space   : pre;
  font-family   : "Courier New", Courier, Sans-Serif;
  font-size     : 11px;
  padding-left  : 5px;
  padding-right : 5px;
  border-left   : solid #cacaca 1px;
}

TABLE.markupTbl TR.sepaTblTr TH,
TABLE.markupTbl TR.sepaTblTr TD {
  padding     : 1px 4px;
  font-family : verdana, sans-serif;
  font-size   : 10px;
}

.dbgPre TABLE.markupTbl {
  display : block;
}

.dbgPre TABLE.markupTbl TR {
  border-bottom : solid #dadada 1px;
}

TABLE.sepaTbl TR.eRow {
  background-color : #ececec;
}

TABLE.sepaTbl TR.oRow {
  background-color : #ffffff;
}

DIV.ErrorMessage {
  margin           : 10px;
  padding          : 10px;
  background-color : #ececec;
  border           : solid red 2px;
}

DIV.SearchResultInfoMessage {
  background-color : #ececec;
  margin-top       : 3px;
  margin-bottom    : 3px;
  padding          : 3px;
  border           : solid #dadada 1px;
}

/* HotelNightChange */
fieldset.HotelNightChange {
  margin : 5px;
}

fieldset.HotelNightChange legend {
  font-weight : bold;
  font-size   : 12px;
}

.HotelNightChangeTbl {
  width        : 98%;
  margin       : 3px;
  border-right : solid gray 1px;
  border-left  : solid gray 1px;
}

.HotelNightChangeInfo {
  padding : 2px;
  margin  : 2px;
}

TR.HotelNightChangeDates TD {
  padding : 4px;
}

.HotelNightChangeHeaderSepa {
  padding-left : 10px;
  border-right : solid gray 1px;
}

.HotelNightChangeDates .Date {
  margin-right  : 4px;
  padding-right : 4px;
  border-right  : solid gray 1px;
}

TABLE.CheckHotelDates {
  margin-top : 10px;
  border     : solid gray 1px;
}

TABLE.CheckHotelDates TD {
  padding       : 4px;
  padding-left  : 16px;
  padding-right : 16px;
}

/* Calendar format */
.dCalTbl {
  border        : outset #dadada 1px;
  margin-bottom : 10px;
}

TR.dCalDay TD {
  text-align : right;
}

.dCalMonth {
  text-align       : center;
  font-weight      : bold;
  font-size        : 16px;
  border           : outset gray 1px;
  background-color : #eaeaea;
}

TD.dCalNotInMonth TABLE TR TD {
  color : #bababa;
}

/* Best prices table */
.linkOmo {
  cursor       : pointer;
  -moz-opacity : 0.8;
  filter       : alpha(opacity=80);
  font-weight  : bold;
}

a.normal {
  font-weight : normal;
}

TABLE.NegTextBody {
  background-color : #dadada;
  margin           : 5px;
}

.BgHeadline TD {
  font-weight : bold;
}

/* resourceContent */
DIV.resourceContent {
  padding : 0 0 12px 0;
}

DIV.resourceContent DIV.Content {
  overflow-y : hidden;
  overflow-x : hidden;
}

.layoutPopup div.resourceContent div.Content {
  overflow-y : visible;
  overflow-x : visible;
}

DIV.Edit {
  text-align : right;
  padding    : 5px;
  margin-top : 12px;
  border-top : dotted #dadada 1px;
  color      : #bababa;
  clear      : both;
}

.Price {
  color : red;
}

table.FooterMenu {
  width : 100%;
}

td.FooterMenuSepa {
  background-position : right;
  background-repeat   : no-repeat;
  width               : 40px;
}

td.FooterMenuContent, .deal-full-list-link {
  background-position : left;
  background-repeat   : repeat-x;
  width               : 148px;
  text-align          : right;
  padding-right       : 2px;
}

td.FooterMenuContent a, .deal-full-list-link a, .deal-footer {
  font-weight : normal;
  color       : #344D76;
  font-size   : 9px;
  text-align  : right;
}

div.footerBanners {
  padding-top    : 5px;
  padding-bottom : 5px;
}

.Transition {
  text-align  : center;
  width       : 100%;
  min-height  : 350px;
  padding-top : 40px;
}

.ImageComponent {
  text-align     : center;
  padding-top    : 10px;
  padding-bottom : 1px;
}

.LeftBanner {
  padding-top : 5px;
}

.LeftBanner img {
  border : solid #aaaaaa 1px;
}

/* BaseFareTop */

table.BaseFareTopSmall {
  width : 100%;
}

table.BaseFareTopSmall a {
  color : #333333;
}

table.BaseFareTopSmall a.Price {
  color : red;
}

a.price {
  white-space : nowrap;
}

table.BaseFareTopSmall td {
  padding-left   : 3px;
  vertical-align : top;
}

table.BaseFareTopSmall tr.BgWhite td,
table.BaseFareTopSmall tr.BgLoop td {
  border-bottom : solid #eaeaea 1px;
}

div.BaseFareTopSmall div.BaseFareTopText {
  padding : 2px;
  color   : #666666;
}

/* Newsletter */
.NewsLetter {
  background-position : top right;
  width               : 152px;
  /*height            : 42px;*/
  border-top          : solid gray 1px;
  border-bottom       : solid gray 1px;
  padding             : 3px;
  margin              : 3px;
  margin-top          : 6px;
  margin-bottom       : 6px;
  background-repeat   : no-repeat;
  clear               : both;
}

.NewsLetterEmail {
  width : 88px;
}

.NewsLetter h3 {
  margin-top     : 0px;
  margin-bottom  : 0px;
  padding-top    : 0px;
  padding-bottom : 0px;
  height         : 22px;
  font-size      : 14px;
  color          : #666666;
}

.NewsLetter .Form {
  height : 26px;
}

div.rightPane .NewsLetterEmail {
  width : 120px;
}

div.rightPane div.NewsLetter {
  background-position : right;
  width               : 210px;
}

div.rightPane div.NewsLetter h3 {
  color : #222222;
}

div.resourceContent div.NewsLetter {
  height : 55px;
  width  : 210px;
}

/* For the new newsletter page as an application section */
div.content .NewsletterForm {
  margin : 20px 0px 20px 20px;
  width  : 400px;
}

div.content .NewsLetterEmail {
  width  : 300px;
  margin : 3px 0px 0px 0px;
}

div.content .NewsLetterSubmit {
  margin : 3px 4px 0px 0px;
  float  : right;
}

/* Error Page */
div.errorCode {
  text-align   : right;
  padding      : 3px;
  color        : #bababa;
  margin-top   : 2px;
  border-top   : solid #eaeaea 1px;
  border-right : solid #eaeaea 1px;
  font-size    : 10px;
}

span.errorLocation {
  color : #dadada;
}

div.errorCommonMessage {
  margin-top : 50px;
  padding    : 5px;
  color      : #666666;
}

/* EOF */

/* FROM OLD SS:SE */

#wwgrp_retDateTimeOfDay,
#wwgrp_depDateTimeOfDay,
#wwctrl_air_search_do_adults,
#wwctrl_air_search_do_directFlightsOnly,
#wwctrl_combined_search_do_air_adults,
#wwctrl_combined_search_do_air_directFlightsOnly {
  width : auto;
}

.compact #wwgrp_retDateTimeOfDay,
.compact #wwgrp_depDateTimeOfDay,
#wwctrl_depDateTimeOfDay,
#wwctrl_retDateTimeOfDay {
  width : 95px;
}

.mainContent,
.Component {
  clear : both;
}

.tripGroup .adultPrice {
  font-weight      : normal;
  background-image : none;
}

.tripGroup .adultPrice td,
.tripGroup .packPrice td {
  padding-top    : 10px;
  padding-bottom : 5px;
}

.Component .Content .pricingDetails td {
  vertical-align : top;
  padding-top    : 0;
}

.Component .Content .pricingDetails li {
  list-style-type  : none;
  list-style-image : none;
  padding-bottom   : 0;
}

.Component .Content .pricingDetails ul {
  padding : 0 0.5em 0 0;
  margin  : auto 0;
}

.Component .Content .pricingDetails li.total {
  font-weight    : bold;
  padding-bottom : 3px;
}

.Component .Content .pricingDetails li.basefare,
.Component .Content .pricingDetails li.tax {
  font-style : italic;
}

.Component .Content .pricingDetails .infant,
.Component .Content .pricingDetails .child {
  padding-left : 0.5em;
}

.mainContent .summary table {
  border : 0;
}

.tripGroup .last {
  padding-right : 10px;
}

.mainContent .totalPrice .price {
  color       : red;
  font-size   : 12px;
  font-weight : bold;
}

.mainContent .totalPrice .priceLabel {
  font-size   : 12px;
  font-weight : bold;
}

.tripGroup,
div.Component {
  clear           : both;
  width           : 100%;
  border-collapse : collapse;
  margin-bottom   : 12px;
}

#combined-reservation-enterinfo .tripGroup {
  margin-bottom : 0;
}

div.Component {
  border : 1px solid #bababa;
}

div.Component.mainContent table {
  border          : 0;
  border-collapse : collapse;
  margin-bottom   : 0;
}

table.air {
  width : 100%;
}

.mainContent.cart.cartItem,
div.Component.cartItem {
  margin-bottom : 20px;
}

.mainContent tfoot tr,
.Component .Footer {
  background-position : bottom;
  min-height          : 5px;
  clear               : both;
  font-size           : 0;
}

div.Component.BaseFareTopSmall .Content {
  padding : 0;
}

.mainContent thead tr,
.Component .Header,
.Component caption {
  border              : 1px solid #bababa;
  border-bottom       : none;
  background-position : top;
}

hr.hr,
div.hr,
hr.hrUser,
div.hrUser {
  height : 4px;
  clear  : both;
  margin : 5px 0 5px 0;
  border : 0;
}

tr td.tripDelimiter,
div.tripDelimiter,
hr.hr,
div.hr {
  font-size : 0;
}

.Component .Content .textForStandaloneLink {
  clear      : both;
  float      : right;
  text-align : right;
}

.Component .Content .textForStandaloneLink a {
  font-weight : bold;
  font-size   : 1.1em;
}

.Component .Content {
  padding : 1px;
}

.Component .Header {
  border-style   : none;
  padding-top    : 2px;
  padding-right  : 2px;
  padding-bottom : 2px;
  font-weight    : bold;
  min-height     : 1px;
  overflow       : hidden;
  zoom           : 1;
}

.Component caption {
  border      : none;
  padding     : 2px;
  font-weight : bold;
  min-height  : 1px;
}

.Header .headingIcon {
  padding-right : 0.5em;
}

.Header .headerText {
  vertical-align : bottom;
  line-height    : 25px;
}

.layoutPage div.leftPane div.Component {
  background-color : #FFFFFF;
}

#extendedSearch {
  overflow : hidden;
}

.mainContent thead td {
  font-weight : bold;
  text-align  : left;
  padding     : 3px 0px 4px 2px;
}

.delimiterBoundHead {
  height        : 2px;
  border-bottom : 1px solid #aaaaaa;
}

.globalDivider,
.delimiterSmall,
.delimiter,
.air .delimiter {
  background-image  : url("/system/image/bg_dottedline.gif");
  background-repeat : repeat-x;
  height            : 1px;
  border            : 0;
  clear             : both;
}

.delimiter,
.air .delimiter {
  height : 4px;
}

.tripSummary {
  width : 100%;
}

.tripGroup tr.changeDates td {
  padding     : 5px;
  font-weight : bold;
}

.tripGroup tr.changeDates .title {
  padding-left : 29px;
  width        : 110px;
}

.tripGroup tr.changeDates .buttons,
.hotelDates .buttons {
  padding : 0 4px;
}

.tripGroup tr.changeDates td div.left {
  float : left;
}

/*.mainContent div.ButtonChoose,*/
.ButtonBack {
  float          : right;
  vertical-align : top;
  text-align     : right;
}

.mainContent td.Button,
.ButtonBack {
  padding       : 5px;
  padding-right : 0px;
}

.cart tr.last td {
  padding-bottom : 10px;
}

.footer {
  text-align  : center;
  font-family : Verdana, sans-serif;
  font-size   : 9px;
  color       : #999999;
}

div.footerMenu {
  margin      : 3px;
  padding-top : 3px;
  font-family : Verdana, sans-serif;
  font-size   : 10px;
}

.layoutFirst div.footerLeft {
  float : left;
}

.layoutFirst div.footerMenu {
  text-align : center;
}

.layoutFirst div.footerRight {
  float : right;
}

div.horizontal span a {
  font-weight : normal;
  color       : #999999;
}

div.horizontal span.spacer {
  font-weight : bold;
  font-family : monospace;
  font-size   : 11px;
}

div.rowLeft {
  float : left;
}

div.rowRight {
  float : right;
}

tr.eft td {
  text-align    : right;
  padding-right : 4px;
}

.cartItemCancel {
  float         : left;
  margin-bottom : 5px;
}

.aciFooter {
  clear         : both;
  overflow      : hidden;
  margin-top    : 5px;
  margin-bottom : 3px;
}

.cartItemTotalPrice,
.selectedItemTotalPrice {
  font-weight : bold;
  font-size   : 1.5em;
}

.cartItemTotalPrice .inactive,
.cartItemTotalPrice .before,
.cartItemTotalPrice .discount,
.selectedItemTotalPrice .inactive,
.selectedItemTotalPrice .before,
.selectedItemTotalPrice .discount,
.selectedItemTotalPrice .discountErrors {
  font-weight : normal;
  font-size   : 11px;
}

.cartItemTotalPrice .dizcount .price,
.selectedItemTotalPrice .dizcount .price {
  font-weight : bold;
}

.cartItemTotalPrice .total td.space,
.selectedItemTotalPrice .total td.space {
  padding-top : 0.8em;
}

.summaryItemTotalPrice td {
  text-align : left;
}

.cartItemTotalPrice .priceWrap,
.selectedItemTotalPrice .priceWrap,
.summaryItemTotalPrice .priceWrap {
  text-align : right;
}

.cartItemTotalPrice .price,
.selectedItemTotalPrice .price {
  color         : red;
  padding-left  : 30px;
  padding-right : 5px;
}

.selectedItemTotalPrice.receiptDiscountSum .price {
  padding-right : 0;
}

.discountTrueSum {
  font-size   : 1em;
  font-weight : normal;
}

.cartItemTotalPrice .price .inactive,
.selectedItemTotalPrice .price .inactive {
  color : #000;
}

.selectedItemTotalPrice .airPriceContainer {
  padding-top : 5px;
}

.discountErrors {
  white-space : normal;
  text-align  : left;
}

#payment-view .discountErrors,
#cart-view .discountErrors {
  width : 260px;
}

.discountErrors .header {
  font-weight : bold;
}

.discountErrors .errorImage {
  float : left;
  width : 50px;
}

.discountErrors .errorMessages {
  margin-left : 55px;
}

.discountErrors .errorMessageList {
  padding : 0;
  margin  : 0;
}

.discountErrors .errorMessage {
  margin-left : 1.25em;
}

.symbolHeader {
  margin-top    : 6px;
  margin-bottom : 14px;
  display       : block;
  font-weight   : bold;
}

.symbolHeader span,
.packPrice span {
  vertical-align : bottom;
}

.symbolHeader span {
  line-height : 20px;
  font-size   : 1.2em;
}

.shortInfo .productHeading span {
  vertical-align : bottom;
  font-weight    : bold;
}

.shortInfo {
  margin-bottom : 1.5em;
  padding-left  : 4px;
}

.shortInfo .comboHeading {
  font-weight : bold;
}

.shortInfo .em {
  font-weight : normal;
  font-style  : italic;
}

.shortInfo .divider {
  margin : 5px 4px 5px 0;
}

.incompleteReservation {
  padding     : 20px;
  border      : 2px solid #F00;
  text-align  : center;
  font-weight : bold;
}

#generalMessages {
  padding-top    : 20px;
  padding-bottom : 20px;
  border         : 2px solid #F00;
  text-align     : center;
  font-weight    : bold;
}

/* price splash component */

.splashAligner {
  position   : relative;
  margin-top : 40px;
}

.splashAligner .Header .right {
  padding-right : 150px;
}

#combo-air-result .firstCombo {
  margin-top : 0;
}

.topRightHeaderCodeOrName {
  position : absolute;
  top      : -14px;
  right    : 160px;
}

.firstCombo .topRightHeaderCodeOrName {
  right : 1em;
}

/* Hotel CSS */
/* hr = hotel */

.searchRoom th {
  vertical-align : top;
}

.searchRoom td {
  padding-bottom : 3px;
}

.searchRoomChildren td {
  padding-bottom : 0px;
}

.hotelDateLabel {
  font-weight : bold;
}

.viewDates .hotelDateLabel {
  font-weight : normal;
}

.mapPop .viewDates td {
  white-space : nowrap;
}

.hotelDates {
  float         : right;
  margin-bottom : 1em;
}

.hotelDates td {
  white-space : nowrap;
}

.popup .hotelFullInfo {
  width  : 528px;
  margin : 0 auto;
}

.popup .hotelFullInfo ul,
.popup .hotelFullInfo li {
  padding             : 0;
  margin              : 0 1em 0 0;
  list-style-position : inside;
}

div.popup {
  padding  : 10px;
  overflow : hidden;
}

.hfl {
  float         : left;
  margin-bottom : 5px;
}

.hrfr {
  float         : right;
  margin-bottom : 5px;
  margin-right  : 5px;
}

.hfr {
  float         : right;
  margin-bottom : 5px;
}

.propertyFragment {
  margin-top : 5px;
}

.propertyFragment .propertyThumbnail .propertyIcon {
  text-align : center;
}

.propertyThumbnail {
  width          : 64px;
  padding-bottom : 10px;
  text-align     : left;
}

.propertyThumbnail .anchor img {
  margin-top : 10px;
}

.hotelThumbnail {
  border : 1px solid #CCC;
}

.propertyDetails {
  width       : 520px;
  margin-left : 10px;
}

.propertyDescription {
  width          : 300px;
  padding-bottom : 10px;
}

.propertyDescription .mealText,
.info .mealText {
  font-weight : bold;
  line-height : 22px;
  padding-top : 5px;
}

.propertyDescription .mealText *,
.info .mealText * {
  vertical-align : middle;
}

.propertyDescription .mealIcon,
.info .mealIcon {
  padding-right : 0.5em;
}

div.hotelInfoFragment div.inlineName {
  padding-top    : 0.5em;
  padding-bottom : 0.5em;
  font-weight    : bold;
}

.bigListTabParts .hotelInfoFragment {
  margin-bottom : 10px;
}

div.propertyFragment div.inlineName {
  margin-top     : -0.5em;
  padding-bottom : 0.5em;
  font-weight    : bold;
}

.hrtotalprice {
  font-weight : bold;
}

.nonPromoPrice {
  text-decoration : line-through;
}

.promoPrice {
  color : red;
}

.promoTextContainer {
  line-height   : 32px;
  margin-bottom : 10px;
}

.promoTextContainer img {
  vertical-align : middle;
}

.promoText,
.limitedRoomText {
  color       : red;
  font-weight : bold;
}

.limitedRoomText,
.hotelMapListViewContainer .limitedRoomText {
  padding-left : 0px;
}

.limitedRoomTextContainer {
  margin-bottom : 10px;
}

.limitedRoomImg {
  background-repeat : no-repeat;
}

.afterPriceText,
.priceTotal {
  font-size : 10px;
  color     : black;
}

.priceTotal {
  position : relative;
  bottom   : -10px;
}

#hotelSortWrap {
  width : 65%;
}

.hotelDetailsDiv .priceTotalInfo {
  font-size : 10px;
}

/* perhaps this should be "auto" */
.hotelDetailsDiv div.Component {
  width : 98%;
}

.viewDatesWrapAlign {
  width : 200px;
}

.viewDatesWrap {
  margin-top : 2em;
}

.viewDates .buttons img {
  vertical-align  : middle;
  *padding-bottom : 1px;
}

.viewDates .date {
  font-weight : bold;
}

.map .tripAdvisor {
  margin-top : 1em;
}

.view .tripAdvisor, .map .tripAdvisor {
  text-align : center;
  width      : 150px;
}

.hotelResultContentTable .propertyFragment {
  margin-bottom : 2em;
  clear         : right;
}

.hotelResultContentTable .propertyThumbnail {
  padding-right  : 10px;
  padding-bottom : 0;
}

.hotelResultContentTable .map .propertyFragment {
  margin-bottom : 0;
}

.bigListTabParts .iframe {
  width  : 426px;
  height : 268px;
  border : 0;
}

.hotelMapListViewContainer {
  height   : 305px; /*margin                : 10px 0; */
  overflow : auto;
  border   : 1px solid #CCC;
  padding  : 2px;
}

.ibeHotelResultMap {
  background : url("/system/image/animation/loading_opaque_big.gif") no-repeat center transparent;
  border     : 1px solid #CCC;
}

.hotelMapListView {
  border-bottom : 2px solid #CCC;
  overflow      : hidden;
  padding       : 1em 0;
  float         : left;
  width         : 98%;
  *width        : 97%;
  _width        : 98%;
}

.hotelMapListView .stars {
  vertical-align : bottom;
}

.hotelMapListView .counter {
  background  : url('/system/image/markerIconImageFront.png') no-repeat top left;
  width       : 32px;
  height      : 32px;
  text-align  : center;
  padding-top : 4px;
  cursor      : pointer;
}

.hotelMapListView .counterActive {
  background-image : url('/system/image/markerIconImageFront.png');
}

.hotelMapListView .info {
  line-height : 1.5;
}

.stars_1_0,
.stars_1 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 15px;
}

.stars_2_0,
.stars_2 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 29px;
}

.stars_3_0,
.stars_3 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 44px;
}

.stars_4_0,
.stars_4 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 60px;
}

.stars_5_0,
.stars_5 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 73px;
}

.stars_1_5 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 22px;
}

.stars_2_5 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 36px;
}

.stars_3_5 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 51px;
}

.stars_4_5 {
  background : url('/system/image/5_stars_faded.gif') no-repeat 0 0;
  height     : 14px;
  width      : 67px;
}

.mapListItemActive {
  background-color : #ddd;
}

.mapListItemPassive {
  background-color : inherit;
}

.ihTextcounterBr {
  line-height : 7px;
}

.hotelSingleDynamicMap {
  width      : 420px;
  height     : 320px;
  background : url("/system/image/animation/loading_opaque_big.gif") no-repeat center center;
}

/* XXX: MATTIAS */

.hotelListShowMoreButtonDiv {
  font-size : 14px;
  color     : blue;
}

.hotelListImagesLoadingDiv {
  background-attachment : scroll;
  background-color      : transparent;
  background-image      : url(/system/image/animation/loading_opaque_big.gif);
  background-position   : 90px -150px;
  background-repeat     : repeat;
  height                : 100px;
  text-align            : center;
}

.hotelDetailsListAllAmenitiesArrow {
  margin-top : 3px;
}

.hotelFilterSeparatorHr {
  color         : #FFF;
  margin        : 10px 1px 10px 1px;
  height        : 1px;
  border        : none;
  border-bottom : 1px solid #DDD;
  display       : block;
  *margin       : 1px 10px 0 5px;
}

div.amenityListDiv {
  font-size     : 11px;
  padding-top   : 10px;
  padding-right : 32px;
}

.hotelResultWrapper .propertyThumbnail {
  margin-right : 10px;
}

div.hotelResultContentDiv {
  padding : 0;
}

table.hotelDetailsImageList {
  border : 1px solid #eeeeee;
}

img.hotelDetailsThumbnail {
  max-width  : 55px;
  max-height : 45px;
  cursor     : pointer;
}

.hotelDetailsTopicBody {
  background-color : #FFF;
  padding-bottom   : 12px;
}

span.hotelDetailsImageNoticeText {
  font-style : italic;
}

.hotelDetailsScrollableDiv {
  height     : 600px;
  overflow-y : auto;
}

.hotelDetailsBorderDiv {
  background-color : white;
}

.hotelDetailsBookDiv {
  background-color : white;
  text-align       : right;
  padding-top      : 3px;
  padding-right    : 12px;
  height           : 38px;
}

.hotelDetailsBookDivImage {
  height           : 20px;
  background-color : #0093d6;
  background-image : url("/system/image/hotel/bg_fade.png");
}

.hotelDetailsBookLink {
  font-size : 12px;
  color     : white;
}

/* USE: hotel night price component */

#mainContentArea .nightPrices thead tr {
  background : none;
}

.nightPrices tr td {
  padding      : 2px 6px 2px 0px;
  border-right : 1px solid gray;
  text-align   : right;
}

.nightPrices tr td.lastNightPrice {
  border-right : none;
}

.nightPrices thead tr td {
  text-align  : left;
  font-weight : bold;
}

.nightPrices .caption {
  font-weight    : bold;
  text-align     : left;
  padding-left   : 0px;
  padding-bottom : 3px;
  white-space    : nowrap;
}

.nightPrices .adjust {
  padding-left : 4px;
}

.upsellInfo .nightPrices .caption {
  padding-left : 0px;
}

/* USE: hotel.room.select */
.upSellTotalPrice {
  font-weight : bold;
  font-size   : 14px;
}

.upsellDivider {
  margin-bottom : 5px;
  font-size     : 0;
}

.upsellInfo {
  width : 570px;
}

.upsellInfo ul {
  list-style : inside;
  padding    : 0;
  margin     : 0;
}

.roomSpecial {
  font-weight    : bold;
  color          : #FF0000;
  vertical-align : top;
}

.roomWarning {
  font-weight    : bold;
  color          : #FF0000;
  vertical-align : top;
}

.hotelFullInfo .Component .Content ul,
.hotelFullInfo .Component .Content li {
  padding-left : 1em;
  margin       : 0 1em 0 0;
}

.roomInfoPopup {
  padding-top    : 1em;
  padding-bottom : 1em;
}

.roomInfoPopup li {
  list-style-position : inside;
  padding-right       : 1em;
}

.roomInfoPopup ul {
  padding : 0;
  margin  : 0;
}

.roomInfoPopup .rowify {
  width : 48%;
}

.roomAnchorInfo {
  vertical-align : top;
}

.upSellHideTotal {
  display : none;
}

.upSellShowTotal {
  display : block;
}

.upSellTotalPlaceHolder {
  visibility : hidden;
}

span.occupierBedRoomType {
  padding-top : 2px;
  float       : left;
}

.roomInfoPopup dt,
.roomInfoPopup dd {
  overflow : hidden;
}

dt.roomRulesInformation,
dd.roomRulesInformation p,
div.roomRulesInformation p {
  font-weight : bold;
}

dd.roomRulesInformation p,
div.roomRulesInformation p {
  margin-top : 1em;
}

div.occupantsRequest {
  margin-bottom : 10px;
}

.travelCustomersGetWrap {
  position : relative;
}

.travelCustomersGet {
  position : absolute;
  right    : 10px;
  top      : 0px;
}

.travelCustomers .tc1stlabel {
  width : 15%;
}

.travelCustomers .tc1stcontent {
  width : 35%;
}

.travelCustomers .newsletterPadding {
  padding-top : 20px;
}

.travelCustomers .newsletterPadding .checkboxHolder .checkboxLabel {
  margin-top : -3px;
}

.roomContainer {
  width : 100%;
}

.roomContainer tr td div.bedTypes span {
  float : none;
}

.roomPreferenceNote {
  font-style  : italic;
  padding-top : 10px;
}

.travellerDivider,
.occupierDivider {
  margin-bottom : 10px;
  margin-top    : 10px;
}

.inner {
  padding : 8px 4px 0 4px;
}

/* USE: view.cart */
table.rooms tr td {
  width : 50%;
}

.travellerType {
  padding-left : 3em;
}

.voucherList {
  width : 100%;
}

.voucherList th,
.voucherList td {
  vertical-align : top;
  padding-bottom : 4px;
}

.voucherList td,
.voucherList th {
  padding-left : 2em;
}

.voucherList .first {
  padding-left : 0;
}

/*debug use*/

.debug {
  background-color : #FFCCCC;
  overflow         : visible;
  white-space      : normal;
  float            : left;
  position         : relative;
  font-size        : 9px;
  font-weight      : normal;
}

.debugborder {
  border : 1px solid #000;
}

/* Hotel CSS END */

div.topMenu ol li.spacer,
.spacerBefore,
.spacerAfter,
.spacerLast,
.spacerFirst {
  width : 0;
}

.noBorder {
  border : none !important;
}

.amount {
  text-align  : right;
  white-space : nowrap;
}

table.admTbl td {
  border : solid gray 1px;
}

#mainContentArea .sfContainer {
  width : 420px;
}

.layoutFirst #mainContentArea .sfContainer {
  width : 460px;
}

.mailMessageTable {
  margin : auto auto;
  width  : 570px;
}

.mailMessageTable div.Component,
.mailMessageTable .tripGroup {
  width : auto;
}

.mailMessageTopLogoRow .orderContainer {
  width : 100%;
}

.mailMessageTopLogoRow .orderContainer .orderTitle {
  margin-bottom : 5px;
}

.mailMessageTopLogoRow .orderContainer .orderNumber {
  font-size   : 18px;
  font-weight : bold;
}

.mailMessageTopLogoRow .orderContainer .logoCol {
  width          : 50%;
  vertical-align : top;
}

.mailMessageTopLogoRow .orderContainer .orderCol {
  text-align : right;
}

.paxList table {
  width : 100%;
}

.paxList {
  border-top : solid #aaaaaa 1px;
}

.paxList table th {
  padding-bottom : 4px;
  padding-top    : 0px;
}

.paxList table td {
  padding-top    : 0;
  padding-right  : 2px;
  padding-bottom : 4px;
}

.containerComponent .Component .Content {
  padding : 0 1px;
}

.tgHead {
  font-size : 1.2em;
}

.fbound th {
  font-size : 1.1em;
}

.messages {
  margin         : 12px;
  padding-bottom : 1px;
  overflow       : hidden;
}

.comboWarningMsg {
  border-bottom : 1px solid red;
  font-size     : 13px;
}

.comboWarningImg {
  padding : 4px;
}

.messages ul {
  list-style   : none;
  margin-left  : 0;
  padding-left : 0;
}

#jsErrorMessagePlaceHolder .messages ul {
  margin-top : 0;
}

.messages img.img {
  margin-right : 20px;
}

.messages .errorMessage,
.errorMessageText {
  color     : red;
  font-size : 12px;
}

form.campaign {
  overflow : hidden;
}

form.campaign .option {
  float   : left;
  padding : 5px;
}

form.campaign .code {
  float   : right;
  padding : 5px;
}

form.campaign .code div {
  float : left;
}

form.campaign .code .wwctrl {
  width : auto;
}

form.campaign .code label {
  font-weight : bold;
}

form.campaign .option input {
  float : left;
  clear : both;
}

form.campaign .option label {
  width       : 350px;
  float       : left;
  font-weight : normal;
}

img.carrierPromo, img.ImgCarrierPromo {
  padding : 0;
  margin  : 0 8px 0 5px;
}

img.carrierLogo {
  width  : 30px;
  height : 25px;
}

.airSegmentReceiptText {
  padding-bottom : 10px;
}

.airMiscInfoText {
  padding-bottom : 10px;
  border-top     : solid #aaaaaa 1px;
}

/* SNAZZY - Default values applicable for all brands */
div.Component.xContainer {
  border : none;
}

div.xContainer {
  _border : none;
}

div.xContainer h1,
div.zContainer h1,
div.xContainer h3,
div.zContainer h3,
div.xContainer .h3,
div.zContainer .h3 {
  margin      : 0;
  padding     : 0;
  font-weight : bold;
}

#FIRST_PAGE_MIDDLE div.xContainer {
  clear : none;
}

.snazzyNoComponent {
  float : left;
}

div.xContainer p,
div.zContainer p {
  margin  : 0;
  padding : 3px 5px;
}

#hotel-view div.xContainer,
div.xContainer {
  background       : transparent;
  background-color : transparent;
  width            : 100%;
}

.xtop, .xbottom, .xbot {
  display    : block;
  background : transparent;
  font-size  : 1px;
}

.xb1, .xb2, .xb3, .xb4, .xb1f, .xb2f, .xb3f, .xb4f {
  display  : block;
  overflow : hidden;
}

.xb1, .xb2, .xb3, .xb1f, .xb2f, .xb3f {
  height : 1px;
}

.xb1 {
  margin : 0 5px;
}

.xb2, .xb2f {
  margin       : 0 3px;
  border-width : 0 2px;
}

.xb3, .xb3f {
  margin : 0 2px;
}

.xb4, .xb4f {
  height : 2px;
  margin : 0 1px;
}

.xb1f {
  margin : 0 4px;
}

.xContent {
  display : block;
  height  : auto;
}

* html .xContent {
  height : 1px;
}

.xColorHead {
  color : #fff;
}

.xLeftHeading {
  top  : -1em;
  left : 0;
}

.xRightHeading {
  top          : -1em;
  right        : 0;
  float        : right;
  margin-right : 15px;
}

#mainContentArea div.xContainerSearchForm {
  width : 440px;
}

div.xContainerSearchForm .xContent {
  padding     : 0;
  padding-top : 10px !important;
}

div.xContainerSearchForm {
  margin-left  : auto !important;
  margin-right : auto !important;
  float        : none !important;
}

div.xContainerSearchForm .sfAir,
div.xContainerSearchForm .sfHotel,
div.xContainerSearchForm .sfCombo {
  margin-left  : auto !important;
  margin-right : auto !important;
}

div.xContainerSearchForm .timeOfDay {
  width : 140px;
}

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

.paymentSpecialDiscountInfo,
.comboPriceInfo,
.checkInWarning,
.stopOverInfo {
  font-style : italic;
}

.stopOverInfo .stopOverInfoTextWrapper {
  background-color : lightyellow;
}

.paymentSpecialDiscountInfo,
.comboPriceInfo {
  text-align  : right;
  font-size   : 10px;
  font-weight : normal;
  color       : #808080;
  margin      : 0;
  clear       : both;
}

.paymentSpecialDiscountInfoTd {
  vertical-align : top;
}

.search-result .paymentSpecialDiscountInfo,
.search-result .comboPriceInfo {
  text-align    : right;
  font-weight   : bold;
  font-style    : normal;
  color         : black;
  padding-right : 10px;
}

.checkInWarning {
  color : red;
}

/* Content helpers */
.floatImageLeft {
  float  : left;
  margin : 0pt 10px 10px 0pt;
}

.floatImageRight {
  float  : right;
  margin : 0pt 0pt 10px 10px;
}

.floatImageLeft img,
.floatImageRight img {
  border : solid #cacaca 1px;
}

img.airlineLogoLarge {
  border : none !important;
}

.breadCrumb {
  padding : 0 0 12px 0;
  clear   : left;
}

.breadCrumb div {
  float : left;
}

.breadCrumb strong {
  -moz-opacity : 0.8;
  filter       : alpha(opacity=80);
}

div.breadCrumb a,
.breadCrumb strong {
  font-size : 0.9em;
}

div.pul {
  padding-top  : 6px;
  padding-left : 26px;
}

.bsfForm {
  margin : 20px 0 0 0;
  border : solid gray 0px;
  width  : 100%;
}

.bsfCal {
  width        : 588px;
  margin-left  : auto;
  margin-right : auto;
}

.bsfTbl {
  border : solid gray 1px !important;
}

.bsfForm td {
  padding : 6px;
}

.bsfForm select.location {
  width : 170px;
}

.hotel .bsfForm select.location {
  width : 270px;
}

div.p {
  padding : 2px 0 6px 0;
}

div.p br {
  margin  : 4px 0 4px 0;
  display : block;
  clear   : left;
}

.wikiUL,
.wikiOL {
  padding-top    : 6px;
  padding-bottom : 3px;
  margin-top     : 0px;
}

#FIRST_PAGE_ABOVE_SEARCH,
#FIRST_PAGE_BELOW_SEARCH {
  clear : left;
}

#FIRST_PAGE_ABOVE_SEARCH .xContainer,
#FIRST_PAGE_BELOW_SEARCH .xContainer {
  background-color : inherit;
}

#FIRST_PAGE_ABOVE_SEARCH .Component {
  margin-top    : 10px;
  margin-bottom : 10px;
}

#FIRST_PAGE_BELOW_SEARCH .Component {
  margin-top : 10px;
}

#DEFAULT_PAGE_CONTENT_RIGHT .Component {
  margin-bottom : 10px;
}

#hotel-view .Component {
  background-color : #fff;
}

.pageIntro .abstract {
  font-size : 1.1em;
  padding   : 1px 0 5px 0;
}

.pageIntro .text {
  padding : 1px 0 5px 0;
}

ul.small li {
  margin-left : 0px;
}

ul.small {
  padding-left : 15px;
}

ul.hotelBrowser li a {
  font-weight : normal;
}

#mainContentArea ul.hotelBrowser li {
  display      : block;
  overflow     : hidden;
  float        : left;
  height       : 20px;
  line-height  : 20px;
  padding-left : 10px;
  width        : 225px;
}

.bestDealsWithImage .price {
  font-weight : bold;
  color       : red;
}

.bestDealsWithImage td {
  padding : 2px;
}

.bestDealsWithImage a {
  font-weight : normal;
  color       : black;
}

.dealSmallWithImage {
  width : 99%;
}

.dealImage {
  border : solid gray 1px;
  width  : 40px;
}

.dealImageNoBorder {
  width : 75px;
}

.dealSmallWithImage .aircraft {
  height : 11px;
}

.dealSmallWithImage .dealStars {
  margin-top : 2px;
  width      : 40px;
}

.dealImageTd {
  width : 40px;
}

div.dealPuffComponent {
  width      : 228px;
  float      : left;
  clear      : none;
  margin-top : 0;
}

div.dealPuffComponent.even {
  margin-left : 10px;
}

#FIRST_PAGE_BELOW_SEARCH .Component.dealPuffComponent {
  margin-top : 0;
}

.deal-context-image img {
  width : 224px;
}

.deal-context-image {
  padding : 1px 1px 8px 1px;
}

.dealPuff td {
  padding : 4px 3px 4px 3px;
}

.dealPuff tr.dealRow td.firstPagePuffTd {
  border-bottom : 1px solid #cacaca;
}

div.dealPuffComponent.odd {
  clear : both;
}

.yui-skin-sam .yui-calcontainer {
  position : absolute;
}

.regionInformation .regionImage img {
  width         : 100%;
  border-bottom : solid gray 1px;
}

.regionInformation .regionImage {
  padding-bottom : 5px;
}

.regionInformation .info {
  font-size : 10px;
  padding   : 3px 5px;
}

.regionInformation .label {
  font-weight : bold;
  color       : #555;
}

.regionInformation .text {
  word-wrap      : break-word;
  padding-bottom : 5px;
}

.introImage {
  border : solid #555 1px;
  width  : 220px;
}

.containerComponent .regionInformation .Content {
  padding          : 3px 5px;
  background-color : white;
}

.containerComponent .regionInformation {
  background-color : white;
}

.baggage .text {
  width        : 80%;
  padding-left : 0.5em;
}

#searchTypeButtons {
  padding : 5px;
  margin  : 0 0 10px 0;
}

.searchTypeButtonsTbl {
  width : 100%;
}

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

.searchTypeButton {
  vertical-align : top;
  white-space    : nowrap;
  font-weight    : bold;
  padding-bottom : 2px;
}

.searchTypeButton label,
.searchTypeButton input {
  line-height    : 15px;
  vertical-align : bottom;
  margin-top     : 0;
  margin-bottom  : 0;
}

.agent-msie .searchTypeButton label,
.agent-msie .searchTypeButton input {
  vertical-align : middle;
}

#searchTypeButtons .currentSearchTypeButton {
  font-weight : bold;
}

.dealAmenitiesShort ul {
  padding : 10px 0;
  margin  : 0;
}

.dealAmenitiesShort li {
  list-style : none;
}

.sfAirContainer,
.sfCarContainer,
.sfContainer,
.sfHotelContainer {
  clear : left;
}

.sfHotelContainer ul.buttons {
  _display : inline-block;
}

/* IE */
.wwlbl {
  _width : expression( this.clientWidth < 81 ? "80px":"auto" );
}

.layoutFirst .sfHotelContainer {
  *margin-top : 13px;
  _margin-top : 13px;
}

* html {
  background-image  : url(/system/image/onetransparentpixel.gif);
  background-repeat : no-repeat;
}

.sfHotelContainer .warningbox {
  width    : 250px;
  border   : 1px solid #BFBDD5;
  position : absolute;
  left     : 420px; /* see .sfContainer*/
}

.sfHotelContainer .warningbox .message {
  padding : 1px 2px;
}

.sfHotelContainer .warningbox .heading {
  line-height      : 12px;
  background-color : #BFBDD5;
}

/* Page break that could be useful when printing out the voucher information for instance */

.couponWrap .infoText {
  padding : 0 1em 1em 0;
}

.couponWrap .dummyInput {
  width : 150px;
}

.couponWrap .parts {
  padding-bottom : 1em
}

.couponWrap .execute {
  padding-top : 0.5em;
}

.couponWrap .radio {
  width   : 16px;
  height  : 20px;
  margin  : 0;
  padding : 0px 5px 0px 1px;
}

.couponWrap #couponSummaryId {
  margin-left : 1em;
}

.couponWrap .priceWrap {
  text-align : right;
}

#extendedSearch .carCalTime {
  width : 110px;
}

/* ***************************************************************** */
/* Hotel filters classes, based on Supersaver. Override if desired   */
/* ***************************************************************** */

.checkBoxAlign {
  vertical-align : top;
}

img.starRatingRangeIcon {
  width : 64px;
}

.hotelPropertyFilterRow,
.hotelStarRatingRow {
  margin-bottom : 4px;
}

div.amenityFilterListDiv {
  overflow         : auto;
  height           : 200px;
  background-color : #FAFAFA;
  border           : 1px solid #AAAAAA;
  padding          : 2px;
}

input.hotelFilterCheckbox {
  margin-top : 1px;
}

span.hotelFiltersTopic {
  font-weight : bold;
}

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

span.starRatingRange {
  color : #999999;
}

span.amenityHotelCount,
span.starRatingHotelCount {
  color       : #888888;
  font-weight : bold;
}

.distanceSelector {
  margin-top : 4px;
}

.hotelFilterLandmarksSelector {
  margin-bottom : 5px;
  width         : 180px;
}

.mask,
.yui-module,
#ibeWinContainer,
.yui-panel-container {
  /* for the "wait-dialogue", where the "gray" must be on top. */
  z-index : 4 !important;
}

.yui-skin-sam .mask {
  /* order of statements below are not random */
  -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important;
  filter     : progid:DXImageTransform.Microsoft.Alpha(Opacity=25) !important;
  opacity    : 0.25;
}

.add-this {
  text-align : center;
  clear      : both;
}

.add-this .addthis_toolbox {
  margin : 0 auto;
  width  : 160px;
}

.comboShortAirInfoLoadingImage {
  /* The loading animation which is displayed before air info shows up on combo result page. */
  padding : 10px 280px;
}

.bookingReminder {
  color          : gray;
  padding-bottom : 10px;
}

/* HOTEL BROWSER CLASSES */

.hotelBrowserTable {
  width : 100%;
}

.hotelBrowserCell {
  vertical-align : top;
  width          : 25%;
}

.hotelBrowserLetterDiv {
  font-weight : bold;
}

.crossSalePrice {
  color       : red;
  font-weight : bold;
}

td.carCrossSaleBookTd {
  padding-top : 20px;
  float       : left;
}

.userFormBorder {
  border           : 1px solid #eaeaea;
  background-color : #f5f5f5;
}

.userFormPadding {
  padding       : 4px;
  margin-right  : 6px;
  margin-bottom : 6px;
}

.middle {
  vertical-align : middle;
  display        : inline-block;
}

.redtext {
  color : red;
}

/* Car pickup/return information */

#pickupStations td,
#returnStations td {
  vertical-align : top;
}

#holidayDealsFiltersId .wwctrl label {
  font-weight : normal;
}

#holidayDealsFiltersId .wwlbl label {
  font-weight : bold;
}

#sortingOptionsHotel td {
  width : 20%;
}

#pageNoDealsFoundElementDiv {
  padding    : 4px;
  font-style : italic;
}

.layoutFirst .pickupCityDiv {
  float : left;
  clear : left;
}

.returnCityDiv .wwgrp {
  float : left;
}

/** General, dashed hr **/

.hrdashed {
  border     : none 0;
  border-top : 1px dashed #000; /*the border*/
  width      : 100%;
  height     : 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

.hrweak {
  border     : none 0;
  border-top : 1px solid #bbbbbb; /*the border*/
  width      : 100%;
  height     : 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

.hrweakshort {
  border     : none 0;
  border-top : 1px solid #bbbbbb; /*the border*/
  width      : 90%;
  height     : 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

/** FEEDS */
ul.feed {

}

ul.feed li {
  background-image    : url(/internal/image/feed-icon-14x14.png);
  background-repeat   : no-repeat;
  background-position : left 50%;
  list-style-image    : none;
  list-style-position : outside;
  list-style-type     : none;
  margin              : 5px;
  padding-left        : 20px;
  line-height         : 15px;
  height              : 15px;
}

ul.feed li.b {
  background-image : none;
  font-weight      : bold;
  padding-left     : 0px;
}

ul.feed li a {
  margin-left : 4px;
}

.wwctrl .checkboxDiv {
  float         : left;
  padding-right : 8px;
}

.wwctrl .radioDiv {
  float         : left;
  padding-right : 6px;
}

/** These classes are used on the registration page when displaying a text about bonus **/
.registrationBonusInfoInRegistrationPageText {
  font-weight : bold;
}

.registrationBonusInfoInRegistrationPageContainer {
  margin-top       : 10px;
  padding          : 20px;
  background-color : #fff5d2;
  background       : -webkit-gradient(linear, 0 0, 0 bottom, from(#fff5d3), to(#ffffff));
  background       : -webkit-linear-gradient(#fff5d3, #ffffff);
  background       : -moz-linear-gradient(#fff5d3, #ffffff);
  background       : -ms-linear-gradient(#fff5d3, #ffffff);
  background       : -o-linear-gradient(#fff5d3, #ffffff);
  background       : linear-gradient(#fff5d3, #ffffff);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5d3', endColorstr='#ffffff', GradientType=0);
  border-radius    : 4px;
}

.registrationBonusInfoInRegistrationPageContainer h3 {
  font-size     : 18px;
  margin-bottom : 10px;
}

.registrationBonusInfoInRegistrationPageContainer p {
  font-size : 14px;
}

.registrationBonusInfoInRegistrationPageComponent {
  font-weight : bold;
}

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

.holidayDealsListView {
  padding  : 3px;
  overflow : auto;
}

.holidayDealsListView .hotelImgThumbnail {
  width         : 60px;
  padding-right : 5px;
}

.holidayDealCarImage {
  padding-bottom : 3px;
  width          : 60px;
}

.oddBg {
  background-color : #f5f5f5;
}

.holidayDealsListView table td {
  vertical-align : top;
  padding-top    : 10px;
}

.slideshowContainer {
  width          : 350px;
  height         : 318px;
  vertical-align : middle;
}

.slideshowImages {
  width            : 345px;
  height           : 257px;
  background-color : white;
}

.slideshowImgDiv {
  width      : auto;
  height     : auto;
  text-align : center;
  clear      : both;
}

.slideshowImgDiv img {
  vertical-align : middle;
  margin-top     : auto;
  margin-bottom  : auto;
  width          : 345px;
  height         : 250px;
}

.slideshowCloseButtonImage {
  float  : right;
  cursor : pointer;
}

.slideshowButtons {
  width      : 100%;
  text-align : center;
}

.slideshowButtons img {
  width        : 15px;
  height       : 15px;
  cursor       : pointer;
  text-align   : center;
  margin-right : 5px;
}

.priceOverlay {
  padding          : 2px 10px 10px 2px;
  background-color : white;
  text-align       : left;
  width            : 180px;
}

.fade.priceOverlay {
  box-shadow : 0px 5px 40px rgba(0, 0, 0, 0.35);
}

.holidayPrice {
  font-weight : bold;
  font-size   : 12px;
}

#holidayDealsFiltersId {
  overflow : auto;
}

.thumbnailSelected {
  padding      : 1px;
  margin-right : 1px;
}

/** The container TD for the icon. Should set height and width so they don't expand or shrink. **/
.validationIconContainer {
  height  : 16px;
  width   : 20px;
  padding : 0;
  margin  : 0;
}

#birthDateMessageContainer {
  white-space : nowrap;
}

.largeLoadingAnimationContainer {
  text-align : center;
  padding    : 16px;
}

.profileOverviewDiscountMessageContainer {

}

.orderStateMessageContainer {
  color       : red;
  font-weight : bold;
}

.emailNotVerifiedMessageContainer {
  color            : red;
  padding          : 10px;
  background-color : #fff0f0;
}

.profileReceiptLink {
  color : white;
}

.topLoginLink {
  font-size : 12px;
}

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

.upSellProductListHeader {
  padding-left : 5px;
}

.upSellButton {
  float : right;
}

.upSellContainerTable {
  width         : 100%;
  padding       : 20px;
  margin-bottom : 20px;
}

.upSellHeaderText {
  display     : block;
  font-weight : bold;
}

.upSellAlreadyBooked {
  background-color : rgba(8, 84, 17, 0.29);
  padding          : 4px 8px;
}

.carDisruptProtectionInfo {
  padding-bottom : 10px;
}

.layoutPopup .popupMessage {
  padding : 10px;
}

.onPurchaseDisclaimer,
.travelerLegal,
.travellerLegal {
  font-style : italic;
}

/****************
* Up sell popup
****************/

#upSellPopupMask,
#dynamicPopupMask {
  background-color : #dddddd;
}

#upSellPopupContainer {
  width            : 700px;
  background-color : white;
  color            : black;
  border           : 2px solid #cccccc;
  padding          : 20px;
  z-index          : 999;
  top              : 10% !important;
}

.upSellPrice {
  font-size : 120%;
}

.upSellPopupImage {
  margin : 0 10px 6px 0;
}

.upSellPopupButton {
  margin : 30px 0 20px;
}

/** System Alert */
.systemAlertContainer {
  padding : 10px;
}

.systemAlertText {
  padding-top : 10px;
}

.ui-datepicker-week-col {
  color : gray;
}

/*all sites have color themes which displays the datepicker
at bottom of page but without content, this fixes this globally*/
#ui-datepicker-div.ui-datepicker {
  display : none;
  /* z-index must be set so we now the datepicker will be on top of other components
and important is needed because jQuery overrides with z-index 1 */
  z-index : 999 !important;
}

/*jquery overrides without "important". sites using snazzy border may need a little higher value. */
.ui-autocomplete {
  z-index : 999 !important;
}

.ui-helper-hidden-accessible {
  position : absolute;
  left     : -9999px;
}

.calendarContainer {
  float         : left;
  margin-bottom : 6px;
  clear         : right;
}

.errorTextDiv {
  color : red;
}

.carCostCategoryTable {
  margin-top : 6px;
}

.carCostCategoryDiv {
  float      : left;
  margin-top : 6px;
}

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

.carCostCategoryInfoText {
  color     : #666666;
  font-size : 9px;
}

.hotelNameOptional {
  color     : gray;
  height    : 12px;
  font-size : 9px;
}

/********
* jQuery autocomplete CSS
********/

.citySelectorSuffix {
  color : #aaa;
}

.citySelectorAirport {
  margin-left   : 10px;
  border-bottom : 1px dotted #ccc;
}

.citySelectorCity {
  border-bottom : 1px dotted #ccc;
}

.citySelectorContainer {
  width      : 200px;
  margin-top : -1px;
}

.settingsPageHomeCitySelectorContainer {
  width         : 180px;
  padding-right : 8px;
}

#extendedSearch .citySelectorContainer {
  width : 100%;
}

.ui-autocomplete .ui-menu-item a.ui-state-focus {
  font-weight : bold;
}

/***************
* End of jQuery autocomplete CSS
***************/

/* Checkin message start */
table.checkinMsg {
  width : 100%;
}

.checkinMsg caption {
  text-align       : left;
  font-size        : 1.4em;
  background-color : #eeeded;
}

.checkinMsg thead tr {
  background-color : #eeeded;
}

/* Checkin message end */

/**
 Tooltips, new with jQuery Tools
 How to use: Create a div, give it an id and one of the classes below. When creating the tooltip, give option tip:#theId.
 **/

.defaultTooltip {
  display    : none;
  background : transparent url("/system/image/vacation/tool_tip_black_arrow.png");
  font-size  : 12px;
  height     : 70px;
  width      : 160px;
  padding    : 25px;
  color      : #fff;
}

.overlibTooltip {
  display          : none;
  font-size        : 12px;
  padding          : 6px;
  margin           : 1px;
  color            : #444;
  background-color : white;
  border           : 1px solid #ccc;
  z-index          : 2100000000;
}

.ccInfoTooltip {
  display          : none;
  font-size        : 12px;
  padding          : 6px;
  margin           : 1px;
  color            : #444;
  background-color : white;
  border           : 1px solid #ccc;
  z-index          : 3;
  width            : 400px;
}

.bestDealsToolTip {
  display          : none;
  padding          : 1px;
  margin           : 2px;
  color            : #444;
  background-color : white;
  border           : 1px solid #ccc;
  z-index          : 2100000000;
}

.jqueryUiTooltip {
  width   : 300px;
  padding : 10px;
}

.citySelectorContainer input {
  width : 163px;
}

.citySelectorContainer select {
  width : 169px;
}

#extendedSearch .citySelectorContainer input {
  width : 146px;
}

#extendedSearch .citySelectorContainer select {
  width : 141px;
}

/**
 * Web slice
 **/

.webSlice {
  margin  : 0;
  padding : 0;
  height  : 1px;
}

.webSliceMain {
  width  : 421px;
  height : 570px;
}

.webSliceHeaderCell {
  padding-bottom : 1px;
}

.webSliceCell {
  height      : 1px;
  background : url('/layout/a/image/bg_headline.gif') repeat-x;
  color       : #FFF;
  font-family : Verdana, Geneva, sans-serif;
  font-size   : 12px;
  font-weight : bold;
}

.webSliceTitle {
  padding-left : 10px;
}

.webSliceContent {
  padding-top : 10px;
}

.priceSplashTextPrefix {
  font-size    : 9px;
  margin-right : 3px;
}

.numChildren .wwlbl {
  min-width : 119px;
}

.priceSplashTextPrefix {
  font-size    : 9px;
  margin-right : 3px;
}

img.calButton {
  margin-top     : -5px;
  vertical-align : middle;
  cursor         : pointer;
}

.dateField {
  width       : 72px;
  font-weight : bold;
}

.layoutFirst .hotelNumRooms,
.layoutFirst table.searchRoom {
  clear : left;
}

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

.carStationClosedInfoDiv {
  margin      : 3px 0 3px 0;
  color       : red;
  font-weight : bold;
}

.returnCityDiv select,
.pickupCityDiv select {
  width : 150px;
}

.returnCityDiv {
  float          : left;
  *margin-bottom : 2px;
}

#extendedSearch .returnCityDiv select,
#extendedSearch .pickupCityDiv select {
  width : 120px;
}

#extendedSearch .carTitle {
  margin-top : 5px;
}

.cb .wwgrp {
  margin-top : 5px;
}

div.captchaImageDiv {
  border : solid #dadacd 2px;
}

input.captchaResponseField {
  font-weight : bold;
  font-size   : 14px;
}

div.captchaDiv {
  border           : solid #ffc0cb 3px;
  background-color : #f7dfe3;
  margin           : 10px 0;
  padding          : 16px;
  clear            : both;
}

.flexButton {
  clear   : both;
  display : block;
  cursor  : pointer;
}

.flexButton .textButton {
  color          : white;
  font-weight    : bold;
  text-transform : uppercase;
  letter-spacing : 1px;
  border         : medium none;
  display        : inline;
  margin         : 0;
  padding        : 0;
  font-family    : "arial" sans-serif;
}

.flexButton .textButtonThin {
  font-size     : 9px;
  line-height   : 14px;
  margin-left   : 8px;
  padding-right : 8px;
}

.flexButton .textButtonMedium {
  font-size     : 10px;
  line-height   : 20px;
  margin-left   : 10px;
  padding-right : 10px;
}

.flexButton .textButtonThick {
  font-size     : 11px;
  line-height   : 23px;
  margin-left   : 12px;
  padding-right : 12px;
}

.hotelCitiesInfo {
  padding-bottom : 2px;
}

.packPriceSum {
  border-top : 1px solid #BABABA;
  float      : right;
}

table.travellersSepa {
  margin-top : 20px;
}

/**
 * Popup component
 */
.popupComponentContainer {
  width            : 700px;
  background-color : white;
  color            : black;
  border           : 2px solid #cccccc;
  padding          : 20px;
  z-index          : 999;
  top              : 10% !important;
  display          : none;
}

/**
 * Time / Price view buttons
 */

.timeViewButtonLeft {
  background-image  : url('/system/image/button_start_flight_time.gif');
  background-repeat : no-repeat;
  width             : 33px;
  height            : 31px;
}

.priceViewButtonLeft {
  background-image  : url('/system/image/button_start_flight_price.gif');
  background-repeat : no-repeat;
  width             : 29px;
  height            : 31px;
}

.timeOrPriceViewButtonMiddle {
  background-image  : url('/system/image/button_repeat_flight.gif');
  background-repeat : repeat-x;
  color             : white;
  height            : 31px;
  padding-top       : 8px;
}

.timeOrPriceViewButtonRight {
  background-image  : url('/system/image/button_end_flight.gif');
  background-repeat : no-repeat;
  width             : 22px;
  height            : 31px;
}

.timeOrPriceViewButtonRightSelected {
  background-image  : url('/system/image/button_end_flight_selected.gif');
  background-repeat : no-repeat;
  width             : 22px;
  height            : 31px;
}

.timeOrPriceButton {
  height        : 31px;
  margin-bottom : 25px;
}

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

.tripList .price .priceButtonMiddle,
.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;
}

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

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

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

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

.sortable:hover {
  text-decoration : underline;
  cursor          : pointer;
}

.tooltip {
  display          : none;
  background-color : #eeeded;
  border           : 1px solid #fff;
  width            : auto;
  z-index          : 10000;
  padding          : 5px;
  color            : #000000;
  text-align       : left;
  font-size        : 10px;
  box-shadow       : 0 0 10px #000;
}

.tooltip .dbgPre {
  border           : none;
  background-color : #eeeded;
  padding          : 0;
  margin           : 0;
  float            : left;
}

.sortOrderAsc {
  background : url("/system/image/sort_order_asc.png") no-repeat;
  width      : 8px;
  height     : 7px;
}

.sortOrderDesc {
  background : url("/system/image/sort_order_desc.png") no-repeat;
  width      : 8px;
  height     : 7px;
}

.header .sortOrderAsc,
.header .sortOrderDesc {
  margin-top : 3px;
}

.simpleOverlay {
  background-color : white;
  border           : 1px solid #BABABA;
  display          : none;
  box-shadow       : 0 0 10px #000;
  z-index          : 999;
}

.simpleOverlay .close {
  z-index      : 1000;
  float        : right;
  position     : relative;
  background   : url("/system/image/close.png") no-repeat;
  width        : 28px;
  height       : 28px;
  margin-top   : -12px;
  margin-right : -17px;
  cursor       : pointer;
}

.ibePopupWindowContainer {
  height    : auto;
  min-width : 500px;
  padding   : 10px;
}

.simpleOverlay.ibePopupWindowContainer .close {
  margin-top   : -22px;
  margin-right : -27px;
}

.charcounter {
  font-size : 9px;
  color     : #888;
}

.backpackingUrl {
  visibility : hidden;
}

.hotelDebugInfoContainer {
  overflow : scroll;
}

.Header .expand, .Header .collapse {
  height : 8px;
  width  : 8px;
  float  : right;
  margin : 4px 2px 0 0;
}

.Header .expand {
  background-image : url("/system/image/icons/icon_seemore.png");
}

.Header .collapse {
  background-image : url("/system/image/icons/icon_seeless.png");
}

.shortDescription {
  *width : 320px;
}

.expandableText {
  clear : both;
}

div.table .favoriteDestinations {
  padding-right : 20px;
  width         : 65%;
}

div.table .myFavoriteDestinations {
  padding-left : 20px;
  width        : 35%;
}

.hotelCategoriesWrapper {
  clear    : left;
  overflow : hidden;
}

/* close button positioned on upper right corner */
.pageOverlay .close {
  background-image : url(/system/image/close.png);
  position         : absolute;
  right            : -15px;
  top              : -15px;
  cursor           : pointer;
  height           : 35px;
  width            : 35px;
}

/* use a semi-transparent image for the overlay */
#pageOverlay {

  background-color   : white;
  border             : 1px solid black;
  padding            : 10px;
  width              : 500px;
  height             : 440px;
  z-index            : 99999;

  /* CSS3 styling for latest browsers */
  -moz-box-shadow    : 0 0 90px 5px #000;
  -webkit-box-shadow : 0 0 90px #000;
}

/* container for external content. uses vertical scrollbar, if needed */
#pageOverlayContent {
  height     : 441px;
  overflow-y : auto;
}

.ad {
  border   : none;
  overflow : hidden;
}

#destination-guide-hotel .hotelInfo .hotelInfoDetails,
#hotel-information-view .hotelInfo .hotelInfoDetails {
  width : 380px;
}

.contentPrintButton, .contentPdfButton {
  float : right;
}