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

.layoutFirst div.middle {
}

.layoutPage div.middle {
  background-color    : white;
  background-repeat   : repeat-x;
}

.layoutFirst .sfContainer {
  padding-left        : 4px;
}

.layoutFirst #mainContentArea .sfContainer,
.layoutContent .middleContainer div.Component,
.layoutContent .middleContainer .sfContainer {
  background-color    : white; /*margin              : 2px;*/
  width               : auto; /*padding             : 7px;*/
  _padding-right      : 0px;
}

.layoutFirst #mainContentArea .sfContainer {
  width               : 100%;
}

.layoutFirst .headerKey {
  display             : none;
}

div.xContainer {
  background-color    : transparent;
}

div.zContainer {
  background-color    : transparent;
}

.fsegment {

}

.paxList {
  border-top          : solid #00a9df 1px;
  padding-top         : 12px;
  margin-top          : 12px;
}

.globalDivider, .delimiterSmall, .delimiter, .air .delimiter {
  border-top          : solid #00a9df 1px;
  background          : none;
  height              : 1px;
  clear               : both;
}

.tripGroup tr td.tripDelimiter {
  padding-right       : 0;
}

tr td.tripDelimiter {
  height              : 14px;
}

hr.hr, div.hr, hr.hrUser, div.hrUser, div.tripDelimiter {
  height              : 3px;
  background-color    : #00a9df;
}

.roomSpecial,
.promoText {
  color               : #E84A9C;
}

.cartItemTotalPrice .price,
.crossSalePrice {
  color               : #6BBA65;
}

/* Cross sale styles */

.carCrossDeal, .hotelCrossDeal {
  width               : 100%;
}

.carCrossDealContainer, .hotelCrossDealContainer {
  padding             : 0 5px 0 5px;
}

.airCrossDealContainer {
  padding             : 6px 5px 6px 5px;
  cursor              : pointer;
}

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

.carCrossDealLeftBorder, .hotelCrossDealLeftBorder, .crossDealLeftBorder {
  border-left         : 1px solid #01b3e0;
}

.crossDealLeftBorder {
  border-collapse     : separate;
}

/* Car-related css:s */

.sfCarContainer .wwgrp {
  margin-top          : 5px;
  margin-bottom       : 5px;
}

.sfCarContainer td.specialSearch .wwgrp {
  margin-top          : 0;
}

.sfCarContainer div.cb {
  margin-bottom       : 5px;
  width               : 100%;
}

.sfCarContainer div.cb label {
  padding-top         : 5px;
}

div.cb .wwgrp {
  margin-bottom       : 0;
}

.pickupDateRow .wwgrp {
  margin-bottom       : 0;
}

.pickupDateRow .wwgrp,
.returnDateRow .wwgrp {
  margin-top          : 0;
}

.sfCarContainer .pickupDateRow .wwlbl,
.sfCarContainer .returnDateRow .wwlbl {
  min-width           : 80px;
}

.selectedCarInfo .Content {
  padding             : 0;
}

.selectedCarInfo div.hr {
  margin-top          : 10px;
  margin-bottom       : 10px;
}

td.vaTop {
  vertical-align      : top;
}

.symbolHeader {
  margin              : 0;
}

.carImg {
  border              : 1px solid rgb(186, 186, 186)
}

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

.cartItemTotalPrice .total, .selectedItemTotalPrice .total {
  font-size           : 14px;
  vertical-align      : bottom;
}

.cartItemTotalPrice .total .price, .selectedItemTotalPrice .total .price {
  font-size           : 17px;
  color               : #6bba65;
}

.amount, .amount a {
  color               : #6bba65;
  font-weight         : bold;
}

.total .amount {
  font-size           : 15px;
}

#payment-view table.summary tr.discount,
.cart table.summary tr.sum td, tr.selectionDiscount div {
  border-color        : #00a9df;
}

.cart table.summary tr {
  border-color        : #ebebeb;
}

.sfHotelContainer .warningbox {
  border-color        : #6bba65;
  background-color    : #FFF;
  width               : 185px;
}

.sfHotelContainer .warningbox .heading {
  background-color    : #FFF;
}

form.search ul.buttons {
  padding             : 0;
}

/***************************************
 * Best deals
 ***************************************/

.bestDeals a.price, .topBestDeals a.price {
  color               : #6bba65;
}

.BgLoop, .topBestDealsSmall .odd, .topBestDealsSmall .even, .bestDeals .even {
  background-color    : #f5f5f5;
}

td.FooterMenuContent a {
  font-weight         : normal;
  color               : #fe8003;
  font-size           : 11px;
}

tr.bestDealsFooter .goodPriceInfoText {
  padding-top         : 10px;
  font-size           : 11px;
}

/*********************************************************
 * First page search
 *********************************************************/

.specialSearchRoundedLeft {
  background          : url("/brand/travelstart/image/corner_top_left.gif") top left no-repeat;
  width               : 9px;
  height              : 10px;
}

.specialSearchRoundedMiddle {
  background-color    : #EBEBEB;
  width               : 400px;
}

.specialSearchRoundedRight {
  background          : url("/brand/travelstart/image/corner_top_right.gif") top right no-repeat;
  width               : 9px;
  height              : 10px;
}

.hotel-deals .specialSearchRoundedLeft,
.hotel-deals .specialSearchRoundedMiddle,
.hotel-deals .specialSearchRoundedRight {
  display             : none;
}

.specialSearch h2 {
  margin-bottom       : 0;
}

.specialSearch .th {
  padding             : 0 0 0 12px;
}

.specialSearch .searchPartContent, .yui-skin-sam .yui-calcontainer {
  background-color    : #EBEBEB;
}

.specialSearch .searchPartContent input {
  font-size           : 1.6em;
  padding-left        : 3px;
  color               : #6bba65;
}

.specialSearch .sfHotelIdentifers input {
  font-size           : 11px;
}

.specialSearch .sfHotelIdentifers span.label {
  padding-left        : 1px;
}

.specialSearch .sfHotelIdentifers .wwlbl label {
  color               : #01b3e0;
  padding-left        : 1px;
}

.specialSearch .td {
  padding             : 2px 0 12px 12px;
  vertical-align      : top;
}

.padinRight {
  padding-right       : 12px;
}

.specialSearch .adults, .specialSearch .numChildren {
  text-align          : center;
  padding             : 6px 3px 6px 3px;
}

.specialSearch .adults {
  background-color    : white;
}

.specialSearch .childAgeSelector {
  padding-top         : 6px;
}

.specialSearch .travellers .wwgrp {
  margin-right        : 0;
}

.specialSearch .visibleCalendar {
  height              : 147px;
}

.specialSearch .marginBottom {
  margin-bottom       : 12px;
}

.specialSearch .searchRoom th {
  font-weight         : normal;
}

.specialSearch .wwlbl {
  margin-right        : 0;
}

.specialSearch .timeOfDay, .specialSearch .partialHotel {
  float               : left;
  margin-top          : 10px;
}

.yui-skin-sam .specialSearch .yui-calcontainer {
  position            : relative;
}

.yui-skin-sam .specialSearch .yui-calcontainer {
  border              : 1px solid #EBEBEB;
}

.yui-calcontainer {
  float               : none;
}

.yui-skin-sam .specialSearch .yui-calcontainer.multi {
  padding             : 0;
}

.yui-skin-sam .specialSearch .yui-calcontainer.multi .groupcal {
  padding             : 0 0 5px 0;
}

.yui-skin-sam .specialSearch .yui-calendar .calweekdaycell {
  font-weight         : normal;
}

.yui-skin-sam .specialSearch .yui-calendar td.calcell {
  height              : 1.6em;
  font-size           : 9px;
}

.yui-skin-sam .specialSearch .yui-calendar .calnavleft {
  left                : -2px;
}

.yui-skin-sam .specialSearch .yui-calendar .calnavright {
  right               : -4px;
}

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

#mainContentHolidayDeals .em {
  color               : black;
}

.holidayDealsListView {
  border-bottom       : 2px solid #00a9df;
  padding             : 6px 0 6px 0;
}

.tripAdvisorShortInfo {
  padding-top         : 6px;
}

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

.hotelImageDisplayDiv {
  margin-bottom       : 12px;
  border-bottom       : 2px solid #00a9df;
  padding-bottom      : 12px;
  text-align          : left;
}

.hotelThumbnailInTabDiv {
  text-align          : left;
  padding-left        : 0;
}

.holidayPrice {
  color               : #6bba65;
}

.priceOverlay {
  border              : 1px solid #00a9df;
}

.slideshowText {
  font-weight         : bold;
  padding-top         : 3px;
  color               : #01b3e0;
}

.slideshowImages {
  width               : 344px;
  padding-top         : 6px;
  background-color    : #f5f5f5;
}

.slideshowImages img {
  padding             : 0;
  width               : 338px;
  height              : 255px;
}

#pageList .Component .Content {
  padding-top         : 0;
}

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

.slideshowHeaderDiv img {
  padding             : 0 6px 0 0;
}

.slideshowHeaderDiv img {
}

.closeButtonDiv img {
  padding-right       : 4px;
}

.slideshowCloseButtonImage {
  height              : 16px;
}

.slideshowButtons {
  margin              : 0 2px 2px 1px;
  height              : 18px;
  padding-top         : 3px;
  width               : 346px;
}

.holidayDealsTabsDiv {
  position            : absolute;
  top                 : -20px;
  left                : 6px;
}

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

#pageOverlayDiv div.hotelInfoFragment {
  overflow            : auto;
  padding             : 4px 0 0 0;
}

#pageOverlayDiv div.hotelInfoFragment .inlineName {
  padding-top         : 0;
}

#pageOverlayDiv .hotelDetailsTopicBody, .hotelDetailsTopicBody {
  background-color    : #f5f5f5;
}

#pageOverlayDiv .propertyDescription {
  padding-bottom      : 2px;
}

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

#pageOverlayDiv .hotelDetails {
  padding-left        : 75px;
  padding-right       : 0;

}

.thumbnailSelected {
  border              : 2px solid #00a9df;
}

/* Puffs */

.puffRow {
  margin-bottom       : 20px;
}

.puffTitle .padTop {
  padding-top         : 5px;
  font-size           : 12px;
  color               : #01b3e0;
}

.puffTitle, .puffCol1, .puffCol2, .puffCol3 {
  text-align          : left;
  padding             : 0 6px 0 0;
}

.puffTitle {
  margin-bottom       : 6px;
}

.puffImage {
  float               : left !important;
  height              : 57px;
  width               : 223px;
  padding             : 0 6px 6px 0;
}

.puffOfferIcon {
  height              : 20px;
  float               : left;
  margin-right        : 3px;
  margin-left         : 6px;
}

.puffDiv {
  margin-top          : 20px;
  float               : left;
}

.puffItem {
  padding             : 0;
}

.puffCol1 .puffItem, .puffCols2 .puffItem {
  clear               : none;
  width               : 235px;
}

.puffCol2 {
  margin-left         : 20px;
}

.puffTitle {
  clear               : both;
  float               : left;
  border-bottom       : 3px solid #EBEBEB;
  width               : 229px;
}

.puffCostNumber {
  color               : #6bba65;
}

.puffContent {
  clear               : both;
  padding             : 0 6px 0 6px;
}

.puffItem .Content a,
.puffItem .Content .puffCost {
  font-weight         : bold;
  font-size           : 11px;
}

.puff {
  float               : left;
  overflow            : hidden;
}

.puff .footerUrl {
  text-align          : right;
  color               : #fe8003;
  text-decoration     : underline;
  padding-right       : 6px;
  clear               : both;
}

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

/**
 * Newsletter small component
 */

div.rightPane .newsletter {
  margin-bottom       : 20px;
}

.newsletter .header {
  border-bottom       : 3px solid #EBEBEB;
  clear               : both;
  padding-bottom      : 3px;
  overflow            : hidden;
}

.newsletter .header .title {
  text-align          : right;
  padding-top         : 9px;
  float               : right;
  color               : #01b3e0;
  font-weight         : bold;
  padding-right       : 6px;
}

.newsletterImage {
  height              : 22px;
  float               : left;
  margin-left         : 6px;
}

.newsletterContent {
  background-color    : #f5f5f5;
  overflow            : hidden;
}

.newsletterContent .preText {
  padding             : 6px 6px 0 6px;
}

.newsletterContent .Form {
  padding             : 6px 6px 0 6px;
  overflow            : hidden;
}

.newsletterContent .Form input {
  margin              : 0 0 12px 0;
}

div.leftPane .newsletterEmail input {
  width               : 143px;
}

.newsletterEmail input {
  width               : 145px;
}

.newsletterContent .newsletterSubmit {
  float               : right;
}

#disruptProtectionTextDiv {
  z-index             : 4;
}

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

.closeDisruptProtectionTextDiv img {
  height              : 14px;
}

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

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

.tabContentWrap hr {
  border              : 1px solid #00a9df;
  margin-bottom       : 12px;
  margin-top          : 0;
}

.shortInfo {
  padding-top         : 6px;
  padding-bottom      : 6px;

}

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

/* OLD */

.Component .profile, .profile .Header {
  background-color    : #4a4a4a;
}

.mainContent thead td {
  color               : #333333;
  font-weight         : bold;
  text-align          : left;
  padding             : 3px 0px 1px 2px;

}

.padrout {
  margin-right        : 0;
}

.padout {
  margin-left         : 10px;
}

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

#upsellContent .symbolHeader {
  display             : none;
}

#combo-air-result .tripGroup {
  margin-top          : 20px;
}

#combo-air-result .splashAligner {
  margin-top          : 40px;
}

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

table.tabMenuTable {
}

div.popupback {
  background-color    : #FFF;
}

#hotelSortWrap .Header {
  line-height         : 12px;
  margin-bottom       : 6px;
}

.hotelMapListView {
  border-bottom       : 2px solid #00a9df;
}

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

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

.hotelMapListView .counter, .hotelMapListView .counterActive {
  padding-left        : 1px;
  font-weight         : bold;
}

.hotelMapListView .counter, .ihTextcounterPassive {
  color               : #FFF !important;
}

.hotelMapListView .counterActive, .ihTextcounterActive {
  color               : #000 !important;
}

.ihTextcounterBr {
  line-height         : 3px;
}

.ihTextcounterActive, .ihTextcounterPassive {
  padding-left        : 2px;
}

.hotelResultContentTable .propertyDescription {
  width               : auto;
}

.hotelResultContentTable .propertyFragment {
  width               : 300px;
}

#pageListDiv .propertyDescription {
  width               : 360px;
}

.hotelDetailsDiv .propertyDetails {
  width               : auto;
}

.hotelMapListView .info {
  width               : 280px;
}

.hotelMapListView .priceinfo {
  width               : 160px;
}

.bigListTabParts .hotelStaticMap {
  margin              : 0;
}

.hotelResultContentTable .tabContentWrap {
/*margin-top          : 50px;*/
}

.viewDatesWrapAlign {
/*margin-top          : 1.6em;*/
  width               : auto;
  padding             : 2px 10px 5px;
}

.hotelResultContentTable .propertyDetails {
  margin-left         : 0;
}

.hotelDetailsDiv .view .priceTotal {
  top                 : 75px; /*calcualted value - based on image size*/
}

.ibeHotelResultMap {
  height              : 350px;
}

.hotelDetailsDiv .view .priceTotal {
  margin-right        : 30px; /*scrollbar*/
}

#hotelSortWrap {
  width               : 75%;
}

/* SNAZZY - overloading config for ONE brand */

div.xContainer h1, div.zContainer h1, div.xContainer h3, div.zContainer h3, div.xContainer .h3, div.zContainer .h3 {
  border-bottom       : 1px solid #000000;
  border-right        : 1px solid #000000;
  border-left         : 1px solid #000000;
  padding             : 0 7px 5px 9px;
  font-size           : 1.2em;
}

div.xContainer .xContent {
  background-color    : #fff !important;
}

.xbottom b {
  background-color    : #fff;
}

.xContent {
  border              : 0 solid #000000;
  border-width        : 0 1px;
}

.xb2, .xb3, .xb4, .xb2f, .xb3f, .xb4f {
  border-left         : 1px solid #000000;
  border-right        : 1px solid #000000;
}

.xb3, .xb4 {
  border-left         : 1px solid #000000;
  border-right        : 1px solid #000000;
}

.xb2 {
  border-left         : 2px solid #000000;
  border-right        : 2px solid #000000;
}

.xb1, .xb1f, .xbottom b.xb1f, .xbottom b.xb1 {
  background-color    : #000000 !important;
}

.xColorHead {
  background          : #DE8618;
}

#firstPageFooterDelimiter {
  background          : url(/brand/travelstart/image/bottom_divider_first_page.gif) repeat-x;
  height              : 20px;
  width               : 100%;
}

#FIRST_PAGE_FOOTER {
  width               : 1024px;
  margin              : 5px;
  padding             : 3px;
}

div.faqQuestion {
  background-color    : #f5f5f5;
  color               : #353535;
  font-weight         : bold;
}

.faqQuestion ol {
  padding-left        : 30px;
  margin              : 2px; /*background          : url("/brand/travelstart/image/bg_headline.gif") #00a9df center bottom repeat-x;*/
  line-height         : 16px;
}

.faqAnswer {
  font-weight         : normal;
  font-size           : 10px;
  color               : #000022;
  padding-top         : 5px;
  padding-bottom      : 20px;
}

.layoutFirst .NewsLetter .Form {
  margin-bottom       : -6px;
}

.faqContent .Content {
  _width              : 400px;
}

div.xContainerSearchForm {
  margin-top          : 10px;
}

.backForwardMenuComponent ol li.first {
  background-image    : url("/brand/travelstart/image/arrow-left-black.gif");
  padding-left        : 16px;
}

.backForwardMenuComponent ol li.last {
  background-image    : url("/brand/travelstart/image/arrow-right-black.gif");
  padding-right       : 16px;
}

/* Classes for tab menu in hotel search result */

.hotelResultTabTable {
  height              : 31px;
  margin-bottom       : 10px;
}

.hotelResultTab {
  cursor              : pointer;
  font-weight         : bold;
}

.hotelResultTabSelected {
}

.hotelResultTabLeft {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_start_big.gif);
  width               : 18px;
}

.hotelResultTabMiddle {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_repeat.gif);
  color               : white;
  font-size           : 12px;
}

.hotelResultTabRight {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_end_big.gif);
  width               : 30px;
}

.hotelResultTabRightSelected {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_end_big_selected.gif);
  background-position : top left;
}

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

.hotelDetailsTopButtonsLink {
  color               : #353535;
}

.hotelDetailsTopText {
  color               : #353535;
}

.hotelListTabsDiv {
/* XXX The div container for list view tabs! */
  position            : absolute;
  top                 : -23px;
  left                : 5px;
}

.hotelResultWrapper {
  padding-top         : 20px;
}

.hotelBigListTab {
  color               : #706e6f;
  cursor              : pointer;
  height              : 20px;
  font-size           : 12px;
  padding-top         : 3px;
}

.hotelBigListTabSelected {
  color               : #01b3e0;
}

.hotelBigListTabSeparator {
  background          : url(/brand/travelstart/image/hotel/biglisttabmenu/button_separator.gif) repeat-x;
  width               : 2px;
}

.hotelBigListTabFirstLeft {
  background-image    : url(/brand/travelstart/image/hotel/biglisttabmenu/button_firststart.gif);
  background-repeat   : no-repeat;
  width               : 8px;
}

.hotelBigListTabLeft {
  background          : url("/brand/travelstart/image/hotel/biglisttabmenu/button_start.gif") no-repeat;
  width               : 8px;
}

.hotelBigListTabMiddle {
  background-image    : url(/brand/travelstart/image/hotel/biglisttabmenu/button_repeat.gif);
  background-repeat   : repeat-x;
}

.hotelBigListTabRight {
  background          : url(/brand/travelstart/image/hotel/biglisttabmenu/button_end.gif) right top no-repeat;
  width               : 8px;
}

.hotelBigListTabFirstLeftSelected {
  background-image    : url(/brand/travelstart/image/hotel/biglisttabmenu/button_firststart_selected.gif);
  background-repeat   : no-repeat;
  width               : 8px;
}

.hotelBigListTabLeftSelected {
  background          : url("/brand/travelstart/image/hotel/biglisttabmenu/button_start_selected.gif") no-repeat;
  width               : 8px;
}

.hotelBigListTabMiddleSelected {
  background-image    : url(/brand/travelstart/image/hotel/biglisttabmenu/button_repeat_selected.gif);
  background-repeat   : repeat-x;
}

.hotelBigListTabRightSelected {
  background          : url(/brand/travelstart/image/hotel/biglisttabmenu/button_end_selected.gif) right top;
  background-repeat   : no-repeat;
  width               : 8px;
}

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

.hotelDetailsDiv {
  z-index             : 999;
  position            : absolute;
  width               : 540px;
  left                : 220px;
  top                 : 140px;
}

/* ************************************************* */
/* Transparent overlay when displaying hotel details */
/* ************************************************* */

.hotelTransparentOverlayDiv {
  z-index             : 998;
  position            : absolute;
  background-color    : white;
  left                : 175px;
  top                 : 140px;
  width               : 630px;
  height              : 800px;
  opacity             : 0.7;
  filter              : alpha(opacity = 70);
}

/* ******************************** */
/* "Show more"-button in hotel list */
/* ******************************** */

.hotelShowMoreButtonDiv {
  font-size           : 14px;
}

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

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

.summarySelect .Header {
  display             : none;
}

.hotelFiltersSortBySelector, .hotelFilterLandmarksSelector {
  width               : 138px;
}

div.comboShortAirInfoDiv {
  margin-bottom       : -1px;
}

/* CSS for the hotel browser. CODE: HTLBRWSRCSS */

.hotelBrowserTabTable {
  height              : 31px;
  margin-bottom       : 10px;
}

.hotelBrowserTab {
  cursor              : pointer;
  font-weight         : bold;
}

.hotelBrowserTabSelected {
}

.hotelBrowserTabLeft {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_start_big.gif);
  width               : 14px;
}

.hotelBrowserTabMiddle {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_repeat.gif);
  color               : white;
  font-size           : 12px;
}

.hotelBrowserTabRight {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_end_big.gif);
  width               : 18px;
}

.hotelBrowserTabRightSelected {
  background-image    : url(/brand/travelstart/image/hotel/tabmenu/button_end_big_selected.gif);
  background-position : top left;
}

.tabMenuWrap {
  position            : relative;
  top                 : 0;
  left                : 0;
}

/** Tab menu in profile page **/

.profileTabTable {
  height              : 20px;
}

.profileTab {
/* Used on all tab td's. */
  font-size           : 11px;
  font-weight         : bold;
}

.profileTabFirstStart {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_firststart.png);
  width               : 11px;
}

.profileTabFirstStartSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_firststart_selected.png);
  width               : 11px;
}

.profileTabStart {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_start.png);
  width               : 11px;
}

.profileTabStartSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_start_selected.png);
  width               : 11px;
}

.profileTabRepeat {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_repeat.png);
  padding             : 0 8px;
  color               : black;
}

.profileTabRepeatSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_repeat_selected.png);
  padding             : 0 8px;
  color               : white;
}

.profileTabEnd {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_end.png);
  width               : 11px;
}

.profileTabEndSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_end_selected.png);
  width               : 11px;
}

.profileTabSeparator {
/*background-image    : url(/brand/travelstart/image/tabmenus/profile/mainmenu/tab_separator.png);*/
  width               : 3px;
}

/** Tab under the main tab in profile pages **/

.profileSubMenu {
  cursor              : pointer;
}

.profileSubMenu .tabTitle {
  padding             : 2px 4px;
}

.tabMenuRow {
  height              : 18px;
}

.profileSubMenuSelected .tabTitle {
  text-decoration     : underline;
}

.profileSubTabMiddle {
  color               : white;
  font-size           : 10px;
}

.profileSubTabMiddleSelected {
}

.profileSubMenuSeparator {
  width               : 15px;
}

/* other stuff ****/

#menuLoginTable {
  height              : 20px;
  font-weight         : bold;
  color               : #353535;
  cursor              : pointer;
}

/* snabbkassa tab  ******************************************  */

.guestTabSeparator {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_separator.gif);
  width               : 3px;
}

.guestTab {
  cursor              : pointer;
}

.guestTabLeft {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_start_selected.gif);
  width               : 8px;
}

.guestTabFirstLeft {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_firststart.gif);
  width               : 8px;
}

.guestTabLeftSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_start_selected.gif);
  width               : 10px;
}

.guestTabFirstLeftSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_firststart_selected.gif);
  width               : 10px;
}

/* Middle */
.guestTabMiddle {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_repeat.gif);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

.guestTabMiddleSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_repeat_selected.gif);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

/* Right */
.guestTabRight {
  width               : 10px;
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_end.gif);
}

.guestTabRightSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/guest/tab_end_selected.gif);
  width               : 10px;
}

/* login tab   ****************************************** */

.loginTabLeft {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_start.png);
  width               : 11px;
}

.loginTabMiddle {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_repeat.png);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

.loginTabRight {
  width               : 11px;
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_end.png);
}

.loginTabLeftSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_start_selected.png);
  width               : 11px;
}

.loginTabMiddleSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_repeat_selected.png);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

.loginTabRightSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/login/tab_end_selected.png);
  width               : 11px;
}

/*  register user tab ****************************************** */

.registrationTabLeft {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_start.png);
  width               : 11px;
}

.registrationTabMiddle {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_repeat.png);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

.registrationTabRight {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_end.png);
  width               : 11px;
}

.registrationTabLeftSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_start_selected.png);
  width               : 11px;
}

.registrationTabMiddleSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_repeat_selected.png);
  background-repeat   : repeat-x;
  padding             : 0 5px;
}

.registrationTabRightSelected {
  background-image    : url(/brand/travelstart/image/tabmenus/kk/registration/tab_end_selected.png);
  width               : 11px;
}

/**
 * ASM
 */

#mailMessageTemplate, #mailMessageTemplate .middle {
  width               : 850px;
  min-width           : 850px;
}

td#tblPaneRight {
  border              : none;
}

#mailMessageTemplate .content {
  padding             : 0 10px 0 0;
}

#mailMessageTemplate .headerImage {
  padding-top         : 10px;
}

#mailMessageTemplate .regionInformation .regImage {
  padding-left        : 2px;
  padding-right       : 2px;
  padding-bottom      : 0px;
  width               : 216px;
  border-bottom       : 0px solid #bababa;
}

#mailMessageTemplate #tblPane td {
  vertical-align      : top;
}

#mailMessageTemplate #tblPaneMiddle .content {
  padding-top         : 5px;
}

#mailMessageTemplate #asmDiscountDisplay {
  position            : relative;
  left                : 1px;
  width               : 607px;
}

#mailMessageTemplate .h3 {
  font-size           : 11px;
}

/* Profile page / travellers ***************/

.travellerListCell {
  padding             : 6px 10px;
}

.travellerListCellName {
  font-size           : 11px;
}

.travellerListCellBirthYear {
  font-size           : 11px;
}

.travellerListSeparatorHr {
  background-color    : #cccccc;
  width               : 95%;
  height              : 3px;
  border              : 1px solid #ffffff;
}

/* Profile page / discounts ***************/

.discountListCell {
  padding             : 6px 10px;
}

/* Profile page content topic */

.profileBorderTopic {
  background          : url(/brand/travelstart/image/user/profile/submenu-background.png) repeat-x scroll 0 0;
  color               : white;
  font-weight         : bold;
  padding-left        : 3px;
  padding-top         : 2px;
  height              : 18px;
  vertical-align      : middle;
}

.Component .Header.bonusBorderTopic {
  padding-left        : 6px;
  height              : 20px;
  color               : white;
  font-weight         : normal;
  font-size           : 11px;
  background          : repeat-x;
  background-image    : url("/system/image/user/profile/submenu-bonus-background.png");
}

.profileBorderTopicContainer {
}

/** The border in the bonus list **/
.Component .Header.orderBorderTopic {
  padding-left        : 6px;
  height              : 20px;
  color               : white;
  font-weight         : normal;
  font-size           : 11px;
  background          : repeat-x;
  background-image    : url("/brand/travelstart/image/user/profile/submenu-background.png");
}

.profileBorderTopicContainer {
}

/* ContentBorderComponent *********************/

.profileBorderTopicContainer {
  width               : 100%;
}

.Component .Header.profileBorderTopic {
  padding-left        : 6px;
  margin              : 0 -3px 3px -3px;
  height              : 18px;
  color               : white;
  font-weight         : bold;
  background          : url("/brand/travelstart/image/user/profile/submenu-background.png") repeat-x;
}

.profileBorderContentContainer {
  background-color    : #f5f5f5;
}

.profileBorderContent {
  padding             : 5px 7px;
}

/* Other stuff **/

.topLogin .info, .kkLogin .info {
  margin-bottom       : 1em;
}

.kkLogin .label {
  margin-bottom       : 0.5em;
}

.topLogin .email, .kkLogin .email {
  width               : 140px;
  border              : 0px solid;
}

.topLogin .password, .kkLogin .password {
  width               : 160px;
  border              : 0px solid;
}

.topLogin .login, .kkLogin .login {
  vertical-align      : bottom;
  border              : 0px solid;
  margin-top          : 14px;
}

#topLoginRememberMe, #kkLoginRememberMe {
  vertical-align      : middle;
}

.registerFrame {
  width               : 100%;
  border              : 0;
}

.user-profiles #mainContentArea > div > .Component {
  background-color    : #f5f5f5;
  margin-top          : 0;
  border-top          : none;
}

#discountListMessage {
  padding             : 10px;
}

/********************************
Profile page CSS classes
********************************/

table.mainMenuTable {
}

tr.mainMenuRow {

}

td.mainMenuButton {
  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.mainMenuButtonSelected {
  color               : white;
  border              : 1px #00a5de solid;
  border-bottom       : 0;
  background-color    : #00a5de;
}

td.mainMenuEmpty {
  width               : 2px;
}

table#subMenuTable {
  height              : 22px;
  /*
  border-left         : 1px #00a5de solid;
  border-right        : 1px #00a5de solid;
  */
}

tr.subMenuRow {
}

table.subMenuButtonTable {
  height              : 22px;
}

td.subMenuContainerButton {
}

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

td.subMenuButtonSelected {
  font-weight         : bold;
}

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

/**************************
 * Classes for displaying user info, name, address, etc, in profile.
 **************************/

.profileUserFullName {
  font-weight         : normal;
  font-size           : 15px;
  padding-bottom      : 20px;
}

.profileUserFullNameSeparator {
  height              : 30px;
}

.profileUserAddress {
  font-size           : 10px;

}

.profileUserInfoLabel {
  font-weight         : bold;
}

.profileUserInfoValue {
}

.carReservePadding {
  padding-top         : 20px;
}

.progressInfo, #wait .bd, #wait .hd {
  background-color    : white;
}

#wait .hd {
  display             : none;
}

.progressInfo {
  font-size           : 1.4em;
}

.citySelectorContainer {
  width               : auto;
}

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