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

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

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

.messagesError {
}

/* Layout page areas */
table#tblPane {
}

tr#tblPaneTr {
  vertical-align        : top;
}

td#tblPaneLeft {
}

td#tblPaneMiddle {
}

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

.padtop {
  padding-top           : 10px;
}

.padbot {
  padding-bottom        : 10px;
}

.padin {
  padding-left          : 10px;
}

.padrin {
  padding-right         : 10px;
}

.padout {
  margin-left           : 10px;
}

.fullwidth {
  width                 : 100%;
}

/* Should be half of padtop and padout */
.padver {
  padding-top           : 5px;
  padding-bottom        : 5px;
}

/* Should be half of padin and padrin */
.padhor {
  padding-left          : 5px;
  padding-right         : 5px;
}

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

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

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

table {
  border-collapse       : collapse;
  border-spacing        : 0;
}

th {
  font-variant          : inherit;
  font-weight           : bold;
  text-align            : left;
}

h1, h2, h3, h4, h5, h6 {
  font-weight           : bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color                 : inherit;
}

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

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

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

h3, h4, h5, h6 {
  font-size             : 11px;
  margin                : 0 0 6px 0;
}

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

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

img {
  border                : 0;
  vertical-align        : top;
}

p {
  margin-top            : 0;
}

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

label, label.label, .wwlbl label {
  cursor                : pointer;
  width                 : auto;
  font-style            : normal;
}

.label, .label:hover {
  cursor                : pointer;
}

.br, .cls {
  clear                 : both;
}

.b {
  font-weight           : bold;
}

.em {
  font-weight           : bold;
}

/* TODO define: dl,dt,dd better (if needed?) (currently using almost yui.css */
dl, dt, dd {
  margin                : 0;
  padding               : 0;
}

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

.removed {
  display               : none;
  padding               : 0 !important;
  margin                : 0 !important;
}

.noheight {
  line-height           : 0 !important;
  height                : 0 !important;
}

.invisible {
  visibility            : hidden;
}

.hideOverflow {
  overflow              : hidden;
}

.oneLineText, .nowrap {
  white-space           : nowrap;
}

.relative {
  position              : relative;
}

.justify {
  text-align            : justify;
}

.laligntxt {
  text-align            : left;
}

.raligntxt {
  text-align            : right;
}

.Center, .center, .caligntxt {
  text-align            : center;
}

.inline {
  display               : inline;
}

.pointer {
  cursor                : pointer;
}

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

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

input.kk {
  width                 : 172px;
}

select.kk {
  width                 : 176px;
}

form {
  padding               : 0;
  margin                : 0;
}

.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            : 2px;
  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;
}

.summarySelectFormParts ul.addProduct {
  padding-right         : 5px;
}

td.right, th.right {
  float                 : none;
  text-align            : right;
}

br {
  clear                 : both;
}

br.normal {
  clear                 : none;
}

.resourceContent br {
  clear                 : left;
}

fieldset {
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
}

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 {

}

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

.IbeDummy {
  background-color      : aquamarine;
}

.Amadeus {
  background-color      : #ede0e0;
}

.Sabre {
  background-color      : #e3e05d;
}

.Norwegian {
  background-color      : #e0ede6;
}

.Sterling {
  background-color      : #ecede0;
}

.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                 : red;
  font-weight           : bold;
}

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

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

.dbgPre {
  font-family           : "Courier New", monospace;
  font-size             : 11px;
  border                : outset #9BB3E9 2px;
  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.sepaTblTr TD.eCol {
}

TABLE.sepaTbl TR.sepaTblTr TD.oCol {
}

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

.HotelNightChangeHeader {
}

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

TABLE.CheckHotelDates TR.BgHeadline TD {
}

/* 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;
}

.dCalWeek {
}

.dCalPrice {
}

TD.dCalInMonth {
}

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

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

.lnk, a {
/* everything that whats to be displayed as an anchor but is not an 'a' tag */
  text-decoration       : none;
  color                 : inherit;
  font-weight           : bold;
  cursor                : pointer;
}

.lnk:hover {
  cursor                : pointer;
}

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-image: url( "/system/image/bottom-menu-left.gif" );*/
  background-position   : right;
  background-repeat     : no-repeat;
  width                 : 40px;
}

td.FooterMenuContent {
/*background-image: url( "/system/image/bottom-menu.gif" );*/
  background-position   : left;
  background-repeat     : repeat-x;
  width                 : 148px;
  text-align            : right;
  padding-right         : 2px;
}

td.FooterMenuContent a {
  font-weight           : normal;
  color                 : #344D76;
  font-size             : 9px;
}

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 {
  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                 : 90px;
}

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

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_air_search_do_useResidentsAccreditation,
#wwctrl_combined_search_do_air_adults,
#wwctrl_combined_search_do_air_directFlightsOnly,
#wwctrl_combined_search_do_air_useResidentsAccreditation {
  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 .totalPrice {
  float: right;
  border: 1px solid #bababa;
  border-bottom: none;
  padding: 2px 10px 1px;
  min-width: 200px;
  text-align: right;
}
*/

.mainContent .summary table {
  border                : 0;
}

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

/*
.mainContent .summary {
  border: 1px solid #bababa;
  border-bottom: none;
  padding: 2px 0 1px;
  text-align: left;
}
*/

/*
.mainContent tr.price.total {
  font-weight: bold;
}
*/

.mainContent .totalPrice .price, .destinationPrice {
  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 {
  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;
}

.residentsTerritories {
  width                 : 280px;
}

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

.paymentSummary {
  padding               : 0 10px 10px 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;
}

span.paymentTotalPrice {
  font-weight           : bold;
}

div.paymentOptionsHead {
  font-weight           : bold;
}

span.paymentTotalPrice .spacing {
  padding-right         : 1em;
}

div.paymentAirPax {
  padding-left          : 20px;
}

div.rowLeft {
  float                 : left;
}

div.rowRight {
  float                 : right;
}

div.paymentContent {
  margin                : 20px 0 20px 0;
}

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 .before, .cartItemTotalPrice .discount,
.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         : 0px;
}

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

#receiptNumberSummary {
  margin-right          : 4px;
}

#receiptNumberSummary td.em {
  padding-right         : 40px;
}

div.providerReceiptNumber {
  text-align            : right
}

span.providerReceiptNumber {
  margin-right          : 5px;
  font-weight           : bold;
  color                 : #000;
}

table#receiptCustomer td {
  vertical-align        : top;
}

table#receiptCustomer {
  width                 : 100%;
}

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

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

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

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

.mapListItemActive {
  background-color      : #ddd;
}

.mapListItemPassive {
  background-color      : inherit;
}

.ihTextcounterBr {
  line-height           : 7px;
}

.hotelSingleDynamicMap {
  width                 : 420px;
  height                : 320px;
  background            : url("/system/image/loading_animation.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/loading_animation.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 {
}

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

div.hotelResultContentDiv {
  padding               : 0;
}

div.hotelResultSmallListDiv {
}

div.hotelResultSmallListItemDiv {

}

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

.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 .amenities {
}

.roomInfoPopup .rowify {
  width                 : 48%;
}

.roomAnchorInfo {
  vertical-align        : top;
}

.upSellHideTotal {
  display               : none;
}

.upSellShowTotal {
  display               : block;
}

.upSellTotalPlaceHolder {
  visibility            : hidden;
}

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

div.occupantsRequest {
/*  padding-left: 5px;*/
  margin-bottom         : 10px;
}

.travelCustomersGetWrap {
  position              : relative;
}

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

.travelCustomers .tc1stlabel {
  width                 : 15%;
}

.travelCustomers .tc1stcontent {
  width                 : 35%;
}

.roomContainer {
  width                 : 100%;
}

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

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

.travellerDivider, .occupierDivider {
/*background-position: center;*/
  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 */

.payment input.compact {
  width                 : 50px;
}

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

div.topMenu .current {

}

.noBorder {
  border                : none !important;
}

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

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

#mainContentArea .outDateRow,
#mainContentArea .returnDateRow {
/*  width                 : 460px; */
}

#mainContentArea .sfContainer {
  width                 : 420px;
}

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

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

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

form.payment .method {
  padding               : 10px;
}

form.payment .method .message {
  margin-left           : 20px;
}

form.payment .method .ctrl {
  width                 : 13px;
}

form.payment .method .name {
  font-weight           : bold;
}

form.payment .method .details {
  padding-top           : 10px;
  padding-left          : 20px;
}

form.payment .method .details div.type {
  margin                : 10px 0 20px;
  float                 : left;
}

form.payment .method .details div.type img {
  vertical-align        : middle;
}

form.payment .method .details .bank div.type {
  width                 : 200px;
}

form.payment .method .details .card .wwgrp {
  margin                : 0 2px 2px 0;
}

form.payment .method .details .card .wwctrl {
  width                 : auto;
}

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

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

.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.ImgCarrierPromo {
  padding               : 0;
  margin                : 0 8px 0 5px;
}

.receiptCustomer {
  margin-right          : 2em;
}

.airSegmentReceiptText {
  padding-bottom        : 10px;
}

/* 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;
}

.stopOverInfo {
  font-style            : italic;
}

.checkInWarning {
  font-style            : italic;
  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 strong {
  -moz-opacity          : 0.8;
  filter                : alpha(opacity = 80);
}

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

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

div.pul {
  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 {
/*width                 : 155px;*/
}

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

.dealSmallWithImage {

}

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

td.dealPuffImage img {
  width                 : 224px;
}

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

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

td.dealPuffImage {
  padding               : 1px 1px 8px 1px;
}

div.dealPuffComponent.odd {
  clear                 : both;
}

/*YUI mods*/
.yui-skin-sam .yui-calcontainer {
  position              : absolute;
}

/* regionInformation */
.regionInformation .regImage {
  width                 : 100%;
  border-bottom         : solid gray 1px;
}

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

.regionInformation .label {
  color                 : #555;
}

.regionInformation .text {
  word-wrap             : break-word;
}

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

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

.containerComponent .regionInformation {
  padding               : 0px;
  background-color      : white;
}

.baggage {
  padding-top           : 8px;
}

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

/* searchTypeButtons */
#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;
}

.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 */

.pageBreakAfter {
  page-break-after      : always;
}

.pageBreakBefore {
  page-break-before     : always;
}

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

.couponWrap .dummyInput {
  width                 : 130px;
}

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

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

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

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

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

/********************************************/
/************CLASSES FOR TAB MENUS **********/
/********************************************/

table.tabMenuTable {
}

tr.tabMenuRow {

}

td.tabMenuButton {
  padding               : 6px 7px 3px 7px;
  border                : 1px #aaaaaa solid;
  border-bottom         : 0;
  font-family           : sans-serif;
  font-size             : 13px;
  color                 : #888888;
  font-weight           : bold;
  background-color      : white;
  cursor                : pointer;
}

td.tabMenuButtonSelected {
  color                 : white;
  border                : 1px #0095ae solid;
  border-bottom         : 0;
  background-color      : #00a5de;
}

td.tabMenuEmpty {
  width                 : 2px;
}

table.tabSubMenuTable {
  width                 : 100%;
  height                : 22px;
  border-left           : 1px #00a5de solid;
  border-right          : 1px #00a5de solid;
}

tr.tabSubMenuRow {
}

table.tabSubMenuButtonTable {
  height                : 22px;
}

td.tabSubMenuContainerButton {
}

td.tabSubMenuButton {
  color                 : white;
  padding               : 0 5px;
  cursor                : pointer;
}

td.tabSubMenuButtonSelected {
  font-weight           : bold;
}

table.contentTable {
  border                : 1px #aaaaaa solid;
  border-top            : 1px #80c5ee solid;
  width                 : 100%;
}

div.subContent {
  margin                : 18px 25px;
}

div.subContentSmall {
  margin                : 9px 7px;
}

.carrierRecommendationText {

}

/**
 Extended form addition
 **/

#extendedSearch .carCalTime {
  width                 : 110px;
}

/* ***************************************************************** */
/* Hotel filters classes, based on Supersaver. Override in brand.css */
/* ***************************************************************** */

.checkBoxAlign {
  vertical-align        : top;
}

img.starRatingRangeIcon {
  width                 : 64px;
}

.hotelStarRatingRow {
  margin-bottom         : 4px;
}

.hotelPropertyFilterRow {
  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.starRatingHotelCount {
  color                 : #888888;
  font-weight           : bold;
}

span.amenityHotelCount {
  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;
}

.add-this {
  text-align            : center;
  margin-bottom         : 10px;
}

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

.hotelBrowserRow {
}

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

.hotelBrowserLetterDiv {
  font-weight           : bold;
}

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

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

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

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

/* Numpad positions, easy alignment! */
.pos1 {
  vertical-align        : bottom;
  text-align            : left;
}

.pos2 {
  vertical-align        : bottom;
  text-align            : center;
}

.pos3 {
  vertical-align        : bottom;
  text-align            : right;
}

.pos4 {
  vertical-align        : middle;
  text-align            : left;
}

.pos5 {
  vertical-align        : middle;
  text-align            : center;
}

.pos6 {
  vertical-align        : middle;
  text-align            : right;
}

.pos7 {
  vertical-align        : top;
  text-align            : left;
}

.pos8 {
  vertical-align        : top;
  text-align            : center;
}

.pos9 {
  vertical-align        : top;
  text-align            : right;
}

.right {
  float                 : right;
}

.left {
  float                 : left;
}

.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 {
  font-weight           : bold;
  margin-top            : 10px;
  padding-right         : 12px;
  background-color      : #fffff0;
  border                : 1px solid #b0b0b0;
}

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

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

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

#holidayDealsFiltersId {
  overflow              : auto;
}

.hotelDetails {
  padding               : 10px;
  overflow              : auto;
}

.hotelImagesInTabView {
  float                 : left;
  padding               : 2px 2px 4px 0;
}

.hotelImagesInTabView img {
  width                 : 55px;
  height                : 45px;
}

.hotelImageDisplayDiv {
  text-align            : center;
  height                : 280px;
}

.hotelImageDisplayDiv img {
  max-height            : 280px;
}

.fade {
  display               : none;
  height                : 0;
}

.hotelThumbnailInTabDiv {
  padding-bottom        : 10px;
  overflow              : auto;
  padding-left          : 63px;
}

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

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

.profileOverviewDiscountMessageContainer {

}

.profileOrderContainer {
  background-color      : #fff6f6;
}

.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      : #9bebab;
  padding               : 4px 8px;
}

.carDisruptProtectionInfo {
  padding-bottom        : 10px;
}

.layoutPopup .popupMessage {
  padding               : 10px;
}

.travellerLegal {
  font-style            : italic;
}

.onPurchaseDisclaimer {
  font-style            : italic;
}

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

#upSellPopupMask {
  background-color      : #dddddd;
}

#upSellPopupContainer {
  width                 : 400px;

  background-color      : white;
  color                 : black;
  border                : 2px solid #cccccc;
  padding               : 24px;
  z-index               : 999;
}

.upSellPrice {
  font-size             : 120%;
}

.upSellPopupImage {
  margin-bottom         : 6px;
}

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

/**
* Discounts
*/

.discountItem .Content {
  text-align            : center;
}

.discountItem .discountDescription {
  text-align            : left;
  padding-bottom        : 1.5em;
}

.discountCriteriaList {
  margin                : 0;
  padding-left          : 16px;
}

/**
* Discounts in User Profile
*/

.discountIconCell {
  width                 : 70px;
}

.discountAmountCell {
  width                 : 70px;
}

.discountListCell {
  padding               : 6px 10px;
}

/**
* Vacation search
*/
.vacationSearchOutDate {
  font-weight           : bold;
  width                 : 72px;
}

.checkbox {
  background-image      : url("/system/image/checkbox_sprite.png");
  width                 : 16px;
  height                : 18px;
}

.checkbox.checked {
  background-position   : 0 -18px;
}

.vacationSearchRoomNumber {
  padding-right         : 10px;
  clear                 : right;
  vertical-align        : top;
}

.vacationSearchRooms th {
  font-weight           : normal;
}

.vacationResultHeaderImage {
  width                 : 603px;
}

#vacationResultHeaderImageContainer {
  padding               : 3px;
  border                : 1px solid #aaaaaa;
  margin-top            : 10px;
}

.vacationSearch .moreInfoIcon {
  padding               : 2px 10px 5px 10px;
  float                 : left;
}

.vacationSearch .totalPriceInfoDiv {
  float                 : right;
  margin-bottom         : 4px;
}

.vacationSearch .totalPriceDiv {
  float                 : right;
}

.vacationSearch .totalPriceDiv input {
  margin                : 0;
}

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

.vacationSearchToolTip img {
  border                : 0;
  cursor                : pointer;
  margin                : 0 8px;
}

.vacationSearch .tabContentContainer {
  padding-left          : 10px;
  padding-right         : 10px;
  overflow              : hidden;
}

.vacationSearch .pad {
  padding               : 0 10px 10px 10px;
}

.vacationSearch .priceListDiv .pad {
  padding               : 10px;
}

.vacationSearch .slideshow,
.vacationSearch .description,
.vacationSearch .reviews,
.vacationSearch .googleMap,
.vacationSearch .airInfo {
  padding-top           : 10px;
  padding-bottom        : 10px;
  width                 : 100%;
}

.vacationSearchShowMoreLink {
  font-size             : 18px;
}

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

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

.vacationSearch .bigImage img {
  opacity               : 0;
  filter                : alpha(opacity = 0);
}

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

.vacationSearch td.hotelName {
  padding-right         : 15px;
}

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

.layoutFirst .vacationSearchPaxDiv {
  padding-top           : 43px;
  float                 : left;
}

.layoutFirst .destinationOriginDiv {
  width                 : 155px;
}

.leftPane .vacationSearchPaxDiv {
  padding-top           : 3px;
}

#vacationSearchAdults {
  margin-right          : 10px;
}

.errorTextDiv {
  color                 : red;
}

.leftPane #vacationSearch .vacationSearchFormHeaderText {
  width                 : 63%;
  float                 : left;
  font-size             : 14px;
  font-weight           : bold;
  color                 : #00a5de;
}

#vacationSearch .vacationSearchFormHeaderIcon {
  width                 : 33%;
  float                 : right;
}

.leftPane #vacationSearch .vacationSearchFormHeaderIcon img {
  z-index               : 5;
  margin-top            : -16px;
  float                 : right;
}

#mainContentArea .vacationSearchFormHeaderContainer {
  display               : none;
}

/* vacation search end */

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

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

#extendedSearch .citySelectorContainer {
  width                 : 100%;
}

/***************
* 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;
}

.vacationSearchToolTip {
  display               : none;
  background            : transparent url("/system/image/vacation/tool_tip_black_arrow.png");
  font-size             : 10px;
  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;
}

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

.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('/brand/supersaver/image/webslice/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;
}

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

#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;
  padding               : 6px;
}

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

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