#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,
.limitedRoomText {
  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, .deal-full-list-link {
  font-weight : normal;
  color       : #fe8003;
  font-size   : 11px;
}

tr.bestDealsFooter .goodPriceInfoText, .deal-footer-text {
  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;
}

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

#FIRST_PAGE_SEARCH_COMPLEMENT .puffItem {
  padding : 0;
}

.puffCol1 .puffItem, .puffCols2 .puffItem, #FIRST_PAGE_SEARCH_COMPLEMENT .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;
}

.chartersearch .newsletter .header .title {
  padding-right : 12px;
}

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

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

.hotelSingleDynamicMap {
  width  : 585px;
  height : 400px;
}

#hotelDetailsMap .hotelSingleDynamicMap {
  width : 445px;
}

#pageDetailsDiv .priceBackgroundImage {
  width : auto;
}

.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, .mapPopCloseText {
  color : #353535;
}

.mapPopCloseText {
  font-weight    : bold;
  vertical-align : bottom;
}

.mapPopClose {
  cursor   : pointer;
  position : absolute;
  top      : 10px;
  left     : 294px;
}

.hotelResultWrapper {
  padding-top : 20px;
}

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

.hotelDetailsDiv {
  z-index  : 999;
  position : absolute;
  width    : 580px;
  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;
}

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

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

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

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

.Header .expand, .Header .collapse {
  height : 16px;
  width  : 16px;
  margin : 0;
}

.Header .expand {
  background : url("/brand/travelstart/image/button_expand.png") no-repeat;
}

.Header .collapse {
  background : url("/brand/travelstart/image/button_collapse.png") no-repeat;
}

/**
 * Vacation search slideshow.
 */
div.scrollableImages {
  position : relative;
  overflow : hidden;
  width    : 428px;
  height   : 55px;
  border   : 1px solid #ccc;
  float    : left;
}

.scrollableImages .items {
  width    : 20000em;
  position : absolute;
  clear    : both;
}

.scrollableImages img {
  margin                : 5px;
  float                 : left;
  background-color      : #fff;
  padding               : 2px;
  border                : 1px solid #ccc;
  cursor                : pointer;
  height                : 40px;
  width                 : 55px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
}

.scrollableImages .active {
  border   : 2px solid #00b3ea;
  position : relative;
}

.bigImage {
  text-align       : center;
  margin-bottom    : 10px;
  height           : 250px;
  position         : relative;
  width            : 418px;
  border           : 1px solid #ccc;
  left             : 68px;
  background-color : #efefef;
  padding          : 5px 0 5px 0;
}

.bigImage img {
  height    : 250px;
  max-width : 400px;
  position  : absolute;
  opacity   : 0;
}

.scrollerPanel {
  padding-left : 21px;
  overflow     : hidden;
}

.actionButtons {
  margin-top : 5px;
}

.prevPageOfImages {
  margin-right : 4px;
}

.nextPageOfImages {
  margin-left : 4px;
}

.mealText {
  margin-bottom : 5px;
}