.padin {
  padding-left : 5px;
}

.padtop {
  padding-top : 2px;
}

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

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

.lnk, a {
  color : #1E4AA0;
}

h1 {
  margin-top : 1.3em;
}

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

div.top {
  padding-left      : 10px;
  background-color  : #0093D6;
  background-image  : url(/brand/supersaver/image/bg_top.gif);
  background-repeat : no-repeat;
}

div.topComplementMenu {
  height        : 15px;
  padding-right : 10px;
  margin-top    : 8px;
  float         : right;
  clear         : right;
}

div.topComplementMenu ol.horizontal li {
  background-position : left 50%;
  background-image    : url(/system/image/arrow_white.gif);
  background-repeat   : no-repeat;
  padding-left        : 6px;
  margin-left         : 13px;
}

div.topComplementMenu ol.horizontal li a {
  color : white;
}

div.topComplementMenu ol li.spacer,
.spacerBefore, .spacerAfter, .spacerLast, .spacerFirst {
  width      : 0;
  visibility : hidden;
  display    : none;
}

div.topMenu {
  height              : 26px;
  background-color    : #ef9a30;
  padding-left        : 0;
  background-image    : url("/brand/supersaver/image/topmeny_line.gif");
  background-position : bottom;
}

div.topMenu a {
  color     : white;
  font-size : 12px;
}

div.topMenu .home {
  position            : absolute;
  display             : block;
  height              : 22px;
  width               : 196px;
  padding-top         : 4px;
  background-image    : url("/brand/supersaver/image/bg_home.gif");
  background-repeat   : no-repeat;
  background-position : center;
  margin-left         : 11px;
}

div.topMenu a.currentHome {
  background-image : none;

}

div.topMenu#currentHome {
  background-image    : url("/brand/supersaver/image/bg_home_selected.gif");
  background-repeat   : no-repeat;
  background-position : left;
}

div.topMenu ol.horizontal {
  float         : none;
  height        : 15px;
  padding-right : 0px;
  padding-top   : 1px;
  margin-left   : 208px;
  width         : 840px;
}

div.topMenu ol.horizontal li.first,
div.topMenu ol.horizontal li.last,
div.topMenu ol.horizontal li.inbetween {
  height              : 19px;
  padding-top         : 3px;
  padding-right       : 12px;
  background-image    : url("/brand/supersaver/image/bg_menu_sepa.gif");
  background-position : left top;
  background-repeat   : no-repeat;
}

div.topMenu ol.horizontal li.spacerLast {
  background-image    : url("/brand/supersaver/image/bg_menu_sepa.gif");
  background-position : left bottom;
  background-repeat   : no-repeat;
  width               : 10px;
  height              : 22px;
}

div.topMenu ol.horizontal li.first {
  background-image : none;
}

div.topMenu ol.horizontal li.menuImageContainer a {
  padding-top  : 0px;
  padding-left : 0px;
}

div.topMenu ol.horizontal li.menuImageContainer {
  padding-top   : 0px;
  padding-right : 0px;
}

div.topMenu ol.horizontal li a {
  height         : 23px;
  padding-top    : 8px;
  padding-right  : 0px;
  padding-bottom : 0px;
  padding-left   : 12px;
}

div.topMenu ol.horizontal li.current {
  background-image  : url("/brand/supersaver/image/topmeny_active_tab.jpg");
  background-repeat : repeat-x;
}

.layoutFirst div.middle {
}

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

.layoutPage.chartersearch div.middle {
  background : none;
}

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

.layoutFirst #mainContentArea .sfContainer {
  background-color : #F9981A;
  margin           : 2px;
  width            : auto;
  padding          : 7px;
  _padding-right   : 0px;
}

.layoutFirst #mainContentArea .sfContainer.sfAir,
.layoutFirst #mainContentArea .sfContainer.sfHotel,
.layoutFirst #mainContentArea .sfContainer.sfCar,
.layoutFirst #mainContentArea .sfContainer.sfCombo,
.layoutFirst #mainContentArea .sfContainer.sfCombined {
  width : 100%;
}

.layoutFirst .headerKey {
  display : none;
}

.layoutFirst #mainContentArea {
  padding-top : 6px;
}

/*.mainContent .totalPrice,
.mainContent .adultPrice,
.mainContent .summary,
.mainContent table,*/
div.Component {
  background-color : white;
}

div.xContainer {
  background-color : transparent;
}

div.zContainer {
  background-color : transparent;
}

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

.mainContent thead tr, .Component .Header {
  background-color    : #EF9A30;
  color               : #FFF;
  background-image    : url(/brand/supersaver/image/bg_headline.gif);
  background-position : center bottom;
  background-repeat   : repeat-x;
  line-height         : 18px;
  padding-top         : 0;
  padding-bottom      : 0;
  margin              : 2px;
}

.Component .profile, .profile .Header {
  background-image : url(/brand/supersaver/image/bg_headline_profile_18.gif);
  background-color : #00a9df;
}

#mainContentArea #receiptOrderer .simpleHeader {
  background-color  : #FFB401;
  background-image  : url(/brand/supersaver/image/bg_headline.gif);
  background-repeat : repeat-x;
  height            : 6px;
}

hr.hr, div.hr, div.tripDelimiter {
  height           : 4px;
  background-color : #EF9A30;
}

hr.hrUser, div.hrUser {
  height              : 14px;
  background-image    : url(/brand/supersaver/image/bg_divider_blue.gif);
  background-repeat   : repeat-x;;
  background-position : 50% center;
}

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

}

tr td.tripDelimiter {
  height           : 2px;
  background-color : #EF9A30;
}

.padrout {
  margin-right : 0;
}

.padout {
  margin-left : 10px;
}

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

/*
.delimiter td {
  background-repeat: repeat-x;
  background-position: bottom;
}
*/

.BgLoop, .odd {
  background-color : #EFEFEF;
}

#upsellContent .symbolHeader, .upsellContent .symbolHeader {
  display : none;
}

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

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

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

.limitedRoomImgN1 {
  background-position : 0 -3px;
}

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

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

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

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

.limitedRoomImg {
  line-height : 23px;
  height      : 26px;
}

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

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

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

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

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

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

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

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

.hotelResultContentTable .propertyDescription {
  width : auto;
}

.hotelResultContentTable .propertyFragment {
  width : 300px;
}

#pageListDiv .propertyDescription {
  width  : 360px;
  *width : 340px;
}

.hotelDetailsDiv .propertyDetails {
  width : auto;
}

.hotelMapListView .info {
  width : 265px;
}

.hotelMapListView .priceinfo {
  width : 180px;
}

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

#hotelDetailsMap .hotelSingleDynamicMap {
  width : 485px;
}

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

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

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

/* price blob */
.priceTextBack {
  color      : #333333;
  right      : -1px;
  position   : relative;
  top        : 0px;
  visibility : visible;
  z-index    : 1;
}

.priceTextFront {
  color      : #ffffff;
  position   : relative;
  margin-top : -1.3em;
  visibility : visible;
  z-index    : 2;
}

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

.vacation-search .priceTextContainer {
  font-size : 1.35em;
}

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

.priceTextPosition {
  position   : absolute;
  top        : 33px;
  text-align : center;
  width      : 129px;
}

.priceBackgroundImage {
  position   : absolute;
  top        : -33px;
  right      : 0px;
  width      : 129px;
  height     : 92px;
  background : url('/brand/supersaver/image/splash.png') no-repeat top right;
}

.priceBackgroundImageComboAir {
  float      : left;
  width      : 129px;
  height     : 92px;
  background : url('/brand/supersaver/image/splash.png') no-repeat top right;
}

.priceSplashComboAir {
  position : absolute;
  top      : -33px;
  right    : 1px;
}

.priceTotalContainerComboAir {
  float         : left;
  font-weight   : bold;
  margin-top    : 37px;
  padding-right : 1em;
}

.view .priceTotal {
  position     : absolute;
  top          : 59px;
  right        : 0;
  margin-right : 10px;
  text-align   : right;
}

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

.view .priceTotal div {

}

.ibeHotelResultMap {
  height : 350px;
}

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

.map .priceBackgroundImage {
  top        : -38px;
  right      : 0px;
  width      : 129px;
  height     : 92px;
  background : url("/brand/supersaver/image/splash_small_supersaver.png") no-repeat top right;
}

.map .priceText {
  color : #fff;
}

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

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

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

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

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

.firstCombo .Header {
  line-height : 32px;
}

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

.bestDeals .even {
  background-color : #EFEFEF;
}

.topBestDealsComponents .even {
  background-color : #FFFFCC;
}

.bestDeals .odd {
  background-color : #FFFFFF;
}

.topBestDealsComponents .odd {
  background-color : #FFFFFF;
}

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

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

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

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

div.sectionMenuComponent div.Header {
  background     : url("/brand/supersaver/image/bg_headline.gif") #EF9A30 center top repeat-x;
  color          : #FFFFFF;
  margin         : 2px;
  padding-bottom : 0;
  padding-top    : 0;
  height         : 18px;
}

div.sectionMenuComponent .Footer {
  display : none;
}

div.sectionMenu {
  background-color : white;
}

div.faqQuestion {
  background-color : #FFFFFF;
  border           : 1px solid #BDBDBB;
  color            : #FFFFFF;
  font-weight      : bold;
}

.faqQuestion ol {
  padding-left : 30px;
  margin       : 2px;
  background   : url("/brand/supersaver/image/bg_headline.gif") #EF9A30 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/supersaver/image/arrow-left-black.gif");
  padding-left     : 16px;
}

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

#hotelSelectionBrief {
  position : fixed;
}

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

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

/* searchTypeButtons */

#searchTypeButtons {
  float       : left;
  border      : dashed black 1px;
  margin-left : 1px;
}

#searchTypeButtonsContainer {
  width    : 460px;
  clear    : both;
  position : relative;
}

#searchTypeButtonsImage {
  position : absolute;
  float    : right;
  clear    : none;
  left     : 288px;
  top      : 50px;
  z-index  : 2;
}

.combo #searchTypeButtonsImage {
  display : none;
}

.layoutFirst h1 {
  margin-top : 0;
}

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

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

/* Car-related css:s */

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

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

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

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

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

.layoutFirst .returnDateRow .wwgrp {
  margin-top : 2px;
}

.searchTypeButton {
  font-weight : normal;
}

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

.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     : #dd0303;
}

.cart table.summary tr, #payment-view table.summary tr.discount,
.cart table.summary tr.sum td {
  border-color : #EF9A30;
}

tr.selectionDiscount div {
  border-color : #00A9DF;
}

.discountSelectionHeader {
  font-weight    : bold;
  border-bottom  : 2px solid #00A9DF;
  padding-bottom : 0.25em;
  margin-bottom  : 0.25em;
}

/* 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(/system/image/hotel/tabmenu/button_start_big.gif);
  width            : 18px;
}

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

.hotelResultTabRight {
  background-image : url(/system/image/hotel/tabmenu/button_end_big.gif);
  width            : 18px;
}

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

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

.hotelDetailsDiv div.Component {
  width : auto;
}

.hotelDetailsTopButtonsLink {
  color : white;
}

.hotelDetailsTopText, .mapPopCloseText {
  color : white;
}

.mapPopCloseText {
  font-weight : bold;
}

.mapPopClose {
  cursor   : pointer;
  position : absolute;
  top      : 3px;
  left     : 300px;
}

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

.hotelDetailsDiv {
  z-index  : 999;
  position : absolute;
  width    : 580px;
}

/* ************************************************* */
/* 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 {
  width : 149px;
}

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

/* Cross sale styles */

.carCrossDeal {
  width : 100%;
}

.carCrossDealContainer {
  padding-left   : 5px;
  padding-right  : 5px;
  padding-top    : 0px;
  padding-bottom : 0px;
}

.carCrossDealLeftBorder {
  border-left : 1px solid orange;
}

.hotelCrossDeal {
  width : 100%;
}

.hotelCrossDealContainer {
  padding-left   : 5px;
  padding-right  : 5px;
  padding-top    : 0px;
  padding-bottom : 0px;
}

.hotelCrossDealLeftBorder {
  border-left : 1px solid orange;
}

/* 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/supersaver/image/hotel/tabmenu/button_start_big.gif);
  width            : 14px;
}

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

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

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

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

/* other stuff ****/

#menuLoginTable {
  height      : 23px;
  font-weight : bold;
  color       : white;
  cursor      : pointer;
}

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

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

.guestTab {
  cursor : pointer;
}

.guestTabLeft {
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_start_selected.png);
  width            : 3px;
}

.guestTabFirstLeft {
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_firststart.png);
  width            : 3px;
}

.guestTabLeftSelected {
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_start_selected.png);
  width            : 3px;
}

.guestTabFirstLeftSelected {
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_firststart_selected.png);
  width            : 3px;
}

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

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

/* Right */
.guestTabRight {
  width            : 3px;
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_end.png);
}

.guestTabRightSelected {
  background-image : url(/brand/supersaver/image/tabmenus/kk/guest/tab_end_selected.png);
  width            : 3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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(/system/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("/system/image/user/profile/submenu-background.png");
}

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

.profileBorderTopicContainer {
  width : 100%;
}

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

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

/********************************
 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 #0095ae solid;
  border-bottom    : 0;
  background-color : #00a5de;
}

td.mainMenuEmpty {
  width : 2px;
}

table.subMenuTable {
  width        : 100%;
  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 {
}

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

.holidayDealsListView {
  border-bottom : 2px solid #EF9A30;
}

.holidayPrice {
  color : #ef9a30;
}

.priceOverlay {
  border : 1px solid #ef9a30;
}

.slideshowText {
  font-weight : bold;
  color       : white;
  padding-top : 3px;
}

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

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

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

.slideshowHeaderDiv img,
.closeButtonDiv img {
  padding : 2px 2px 2px 2px;
}

.slideshowHeaderDiv img {
  padding-top : 3px;
}

.slideshowCloseButtonImage {
  height : 14px;
}

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

.holidayDealsTabsDiv {
  position : absolute;
  top      : -17px;
  left     : 0;
}

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

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

.thumbnailSelected {
  border : 2px solid #EF9A30;
}

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

#pageOverlayDiv .hotelDetails {
  padding : 6px;
}

.hotelImageDisplayDiv {
  border-bottom  : 1px solid #EF9A30;
  margin-bottom  : 10px;
  padding-bottom : 10px;
}

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

#pageOverlayDiv .hotelDetailsTopicBody {
  padding-left  : 2px;
  padding-right : 2px;
}

/*
* Vacation Search
*/

.vacationSearch {
  overflow : auto;
}

.vacationSearch .vacationSearchShortInfo {

}

.vacationSearch .vacationSearchAddress {
  font-weight : bold;
}

.vacationSearch .airInfo {
  overflow       : hidden;
  float          : left;
  padding-bottom : 10px;
}

.vacationSearch .amenities {

}

.vacationSearch .amenityName {
  padding-right : 20px;
}

#mainContentArea .vacationSearch .padin {
  padding-left : 0;
}

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

.vacationSearch .hotelThumbnail {
  margin-bottom : 10px;
  width         : 120px;
}

.vacationSearch .hotelThumbnailMinimized {
  margin-bottom : 10px;
  width         : 75px;
  height        : 65px;
}

.vacationSearch .hotelOverview {
  width : 100%;
}

.vacationSearch td.info {
  border-right   : 1px solid #ccc;
  overflow       : auto;
  vertical-align : top;
  padding        : 10px;
  width          : 65%;
}

.vacationSearch td.priceInfoText {
  padding : 10px;
}

.vacationSearch tr.overviewContainer {
  border-bottom    : 1px solid #ccc;
  background-color : #efefef;
}

.vacationSearch .inlineName {
  margin-bottom : 10px;
}

.vacationSearch .priceListDiv {
  border-top : 1px solid #ccc;
  width      : 100%;
}

.vacationSearch .priceListDivBold {
  border-top : 4px solid #bbb;
  width      : 100%;
}

.vacationSearch td.totalPriceInfo {
  width          : 100px;
  vertical-align : bottom;
  padding-left   : 10px;
  padding-bottom : 10px;
}

div.scrollable {
  position : relative;
  overflow : hidden;
  width    : 520px;
  height   : 54px;
  float    : left; /* this makes it possible to add next button beside scrollable */
  padding  : 1px 0;
  border   : 1px solid #eeeeee;
  margin   : 0 1px;
}

div.scrollable div.vacationTabMenuSliderItems {
  width    : 20000em;
  position : absolute;
}

div.scrollable div.vacationTabMenuSliderItems div {
  float      : left;
  cursor     : pointer;
  text-align : center;
}

/* you may want to setup some decorations to active the item */
div.vacationTabMenuSliderItems div.active div {
  background-position : 0 -54px;
}

.vacationTabMenuSliderItems .vacationTabDisabled .vacationTabItemMiddle {
  color  : #ccc;
  cursor : default;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background : url("/system/image/vacation/buttons_sprite.png") no-repeat;
  display    : block;
  width      : 43px;
  height     : 42px;
  float      : left;
  cursor     : pointer;
  font-size  : 1px;
  margin-top : 8px;
}

/* right */
a.right {
  background-position : 0 -42px; /* -42px since right arrow is below left arrow in the CSS sprite image */
  clear               : right;
  margin-right        : 0;
}

a.right:hover {
  background-position : -43px -42px;
}

a.right:active {
  background-position : -86px -42px;
}

a.left {
  margin-left : 0; /* Just 0 since the left arrow is at top in the CSS sprite image */
}

a.left:hover {
  background-position : -43px 0;
}

a.left:active {
  background-position : -86px 0;
}

/* disabled navigational button */
.prevPage.browse.left.sliderButtonDisabled,
.prevPageOfImages.browse.left.sliderButtonDisabled {
  background-position : -129px 0;
  cursor              : default;
}

.nextPage.browse.right.sliderButtonDisabled,
.nextPageOfImages.browse.right.sliderButtonDisabled {
  background-position : -129px -42px;
  cursor              : default;
}

.vacationTabItemMiddle {
  background     : url("/system/image/vacation/tab_sprite.gif") no-repeat;
  width          : 102px;
  height         : 42px;
  margin         : 0 1px;
  color          : white;
  vertical-align : middle;
  text-align     : center;
  font-weight    : bold;
  padding-top    : 12px;
}

#sliderContainer {
}

.vacationSliderLoadingAnimation {
  padding : 5px 0 5px 235px;
}

.hotelResultWrapper {
  padding-top : 5px;
}

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

/**
 * Vacation search form component
 */
#vacationSearchFormContainer select,
#vacationSearchFormContainer .wwgrp {
  margin-bottom : 6px;
}

#vacationSearchFormContainer {
  padding : 2px;
}

.layoutFirst #vacationSearchFormContainer .destinationOriginDiv {
  margin-right : 25px;
  float        : left;
}

table.bestDealsWithImage {
  background-color : white;
}

#searchTypeButtonsImage {
  position         : relative;

  /**
  * Without VS
  **/

  background-image : url("/brand/supersaver/image/searchbutton/save-arrow.png");
  width            : 165px;
  height           : 68px;
  top              : 2px;
  left             : -60px;

  /**
  * With VS
  **/
  /*
    background-image      : url("/brand/supersaver/image/searchbutton/save-hanger.png");
    width                 : 110px;
    height                : 70px;
    top                   : 40px;
    left                  : -110px;
  */
}

.leftPane #vacationSearch .Content {
  padding : 0 2px 2px 2px;
}

.leftPane #vacationSearchFormContainer {
  background-color : #EAEAEA;
  width            : 150px;
}

/**
 * Air time driven view css
 */

.Component.airTimeDrivenResult {
  width    : 850px;
  overflow : hidden;
}

.airTimeDrivenResult .wwctrl input.wide {
  width : 205px;
}

.airTimeDrivenResult .wwctrl select.wide {
  width : 210px;
}

.airTimeDrivenResult .h2, h2, .h2 {
  font-size : 11px;
}

.airTimeDrivenResult div.cb label {
  margin-top : 6px;
}

.airTimeDrivenResult .Component .Header.profile {
  background-image : url(/brand/supersaver/image/bg_headline_profile_18.gif);
}

.airTimeDrivenResult .hasDatepicker, .airTimeDrivenResult table.marginBottom {
  margin-bottom : 8px;
}

.airTimeDrivenResult .numChildren img,
.airTimeDrivenResult .adults img {
  display : none;
  height  : 0;
}

.airTimeDrivenResult .timeOfDay {
  margin-bottom : 5px;
}

.airTimeDrivenResult #mainContentArea .Component {
  float : left;
}

.airTimeDrivenResult #mainContentArea .Content {
  padding : 3px;
}

.airTimeDrivenResultContainer {
  width : 857px;
}

.airTimeDrivenResult #errorMessage {
  text-align     : center;
  padding-top    : 20px;
  padding-bottom : 20px;
}

.boundContent {
  width : 590px;
}

#selectedOutBoundContainer,
#selectedInBoundContainer,
#outBoundsContainer,
#inBoundsContainer {
  margin-right : 0;
}

.airTimeDrivenResult .selectedInOutContainers {
  padding-right : 3px;
  margin-bottom : 10px;
}

.airTimeDrivenResult .inOutContainers {
  width : 570px;
  float : left;
}

.airTimeDrivenResult .boundsWrapper {
  width      : 590px;
  height     : 222px;
  overflow-x : hidden;
  overflow-y : scroll;
}

.airTimeDrivenResult .tripDelimiter {
  margin-top    : 10px;
  margin-bottom : 10px;
}

.airTimeDrivenResult .selectedBound {
}

.airTimeDrivenResult .tripList div.to {
  height        : 1px;
  border-bottom : 1px solid gray;
  margin-left   : 3px;
  margin-right  : 3px;
  float         : left;
  width         : 6px;
}

.airTimeDrivenResult .tripList td.arrow {
  width : 6px;
}

.airTimeDrivenResult .tripList .tripRow.even {
  background-color : #e9e5e5;
}

.airTimeDrivenResult .air td, .airTimeDrivenResult .header td {
  vertical-align : top;
  text-align     : left;
  padding        : 2px 4px 2px 3px;
}

.airTimeDrivenResult .header td {
  padding-left : 6px;
}

.airTimeDrivenResult .tripList td.icon,
.airTimeDrivenResult td.icon {
  width : 23px;
}

.airTimeDrivenResult .tripList td.price {
  font-weight : bold;
  color       : #ffffff;
}

.airTimeDrivenResult .tripList img.carrierPromo,
.airTimeDrivenResult .tripList td.carrierPromo {
  width : 14px;
}

.airTimeDrivenResult .tripList img.carrierLogo {
  height : 18px;
  width  : 20px;
}

.airTimeDrivenResult .tripList td.carrier {
  width : 115px;
}

.airTimeDrivenResult .tripList td.flight {
  width : 50px;
}

.airTimeDrivenResult .tripList td.price,
.airTimeDrivenResult .tripList td.flyTime,
.airTimeDrivenResult .tripList td.flyFromTime,
.airTimeDrivenResult .tripList td.flyToTime {
  width : 80px;
}

.airTimeDrivenResult .tripList td.price table {
  width : 80px;
}

.airTimeDrivenResult .tripList td.price td {
  padding : 0;
}

.airTimeDrivenResult td.flyFrom,
.airTimeDrivenResult td.flyTo {
  width : 78px;
}

.outInBoundHeaderContainer {
  margin-bottom : 3px;
}

.airTimeDrivenResult .header .travelInfoText {
  height         : 35px;
  vertical-align : middle;
  font-style     : italic;
}

.airTimeDrivenResult .header td.flyFrom {
  width : 75px;
}

.airTimeDrivenResult .header td.flyTo {
  width : 75px;
}

.airTimeDrivenResult .header td.flight {
  width : 47px;
}

.airTimeDrivenResult .header td.carrier {
  width : 135px;
}

.airTimeDrivenResult .header td.flyTime {
  width : 68px;
}

.airTimeDrivenResult .air td.segments {
  width : 444px;
}

.airTimeDrivenResult .tripList td.economy {
  width            : 60px;
  background-color : #FEFFD5;
}

.airTimeDrivenResult .tripList td.flex {
  width            : 60px;
  background-color : #EEF8D6;
}

.airTimeDrivenResult .tripList td.airTimeDrivenResult {
  width            : 60px;
  background-color : #EAF2FF;
}

.airTimeDrivenResult .tripList .even {
  background-color : #fff7ec;
}

.airTimeDrivenResult .tripList .odd {
  background-color : white;
}

.airTimeDrivenResult table.boundsHeader {
  width : 50%;
  float : left;
}

.airTimeDrivenResult table.boundsHeader td {
  font-weight : bold;
}

.airTimeDrivenResult .boundRow:hover {
  background-color : #fff2e0;
}

.airTimeDrivenResult .boundRow.selected {
  background-color : #ffdba4;
}

.airTimeDrivenResult #airTimeDrivenSearchingText {
  margin : 10px 10px;
}

.airTimeDrivenResult .info {
  font-size : 12px;
  color     : gray;
}

.airTimeDrivenResult .inOutContainers .info {
  padding    : 30px 10px;
  text-align : center;
}

#extendedSearchButtonLoading {
  margin-right   : 10px;
  padding-bottom : 5px;
  text-align     : center;
}

/* travel plan */

.airTimeDrivenResult .travelPlanContent {
  color            : #444444;
  padding          : 3px;
  background-color : #fff7ec;
  width            : 240px;
}

.airTimeDrivenResult .selectedBounds {
  padding : 0 3px 2px 2px;
}

.airTimeDrivenResult .selectedBounds .flight {
  text-align     : left;
  vertical-align : middle;
}

.airTimeDrivenResult .selectedBounds .travelPlan {
  padding-bottom : 5px;
  font-size      : 12px;
  font-weight    : bold;
}

.airTimeDrivenResult .selectedBounds .out,
.airTimeDrivenResult .selectedBounds .in {
  font-weight    : bold;
  font-size      : 11px;
  padding-top    : 10px;
  padding-bottom : 10px;
}

.airTimeDrivenResult .selectedBounds .thinSeparator {
  border-top : 1px #aaaaaa solid;
}

.airTimeDrivenResult .selectedBound .date {
  padding-bottom : 5px;
}

.airTimeDrivenResult .selectedBound .fromTo td {
  padding-right : 5px;
}

.airTimeDrivenResult .selectedBound td.icon img {
  height : 18px;
  width  : 20px;
}

.airTimeDrivenResult .selectedBound td.flight {
  padding-left : 4px;
}

.airTimeDrivenResult .pBottom {
  padding-bottom : 5px;
}

.airTimeDrivenResult .selectedBound .segmentSepa {
  padding-top : 8px;
}

#airTimeDrivenBookButton {
  margin     : 5px 0 5px 0;
  text-align : right;
  width      : 100%;
}

.airTimeDrivenPriceWrapper {
  background-color : #ffdba4;
  padding          : 5px 5px 5px 3px;
  border-top       : 2px #aaaaaa solid;
  border-bottom    : 2px #aaaaaa solid;
}

#airTimeDrivenBookButtonWrapper .info {
  font-size : 9px;
  overflow  : hidden;
}

/* air filters component css */

#airFilters {
  width        : 158px;
  float        : left;
  margin-right : 20px;
}

#airFiltersContainer {
  width         : 100%;
  margin-bottom : 4px;
}

#airFilters .sliderValue {
  margin-top    : 6px;
  margin-bottom : 6px;
}

#airFilters .Content {
  padding : 3px;
}

#airFilters .sliderWrapper {
  padding       : 0 10px 0 7px;
  margin-bottom : 4px;
}

#airFilters .timePreferenceDiv {
  width         : 100%;
  float         : left;
  clear         : both;
  margin-bottom : 5px;
  margin-top    : 5px;
}

.ASP_popup_background {
  background-color : #ec9100;
  padding          : 10px;
}

/**
 * Popup component
 */
.popupComponentContainer {
  background-color : #ec9100;
}

.bookingAlert table {
  margin : 1em 0;
}

/* top complement menu drop down */

div.topComplementMenu {
  margin-top : 3px;
}

.sf-menu {
  margin-top : 3px;
}

.sf-menu li {
  top : -2px;
}

.sf-menu li a {
  padding-top : 2px;
}

.sf-menu li a:hover {
  text-decoration : underline;
}

.sf-menu li a.noTextDecoration:hover {
  text-decoration : none;
}

.sf-menu a {
  font-weight : normal;
  border-top  : none;
  padding     : 0 10px 5px 10px;
}

.sf-menu a, .sf-menu a:visited {
  color : white;
}

.sf-menu li li {
  background-color : #0093D6;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left    : 0;
  top     : 17px; /* match top ul list item height */
  z-index : 99;
}

a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top                 : 3px;
  background-position : 0 -100px; /* use translucent arrow for modern browsers*/
}

/* charter slideshow */
#slideshowOverlayPlaceHolder .scrollerPanel, #charterResultOverlayPlaceHolder .scrollerPanel {
  padding : 0;
}

#slideshowOverlayPlaceHolder .scrollableImages, #charterResultOverlayPlaceHolder .scrollableImages {
  width : 354px;
}

#slideshowOverlayPlaceHolder .imageWrap, #charterResultOverlayPlaceHolder .imageWrap {
  width         : 450px;
  height        : 300px;
  clear         : both;
  margin-bottom : 5px;
}

#slideshowOverlayPlaceHolder .imageWrap img, #charterResultOverlayPlaceHolder .imageWrap img {
  width  : 450px;
  height : 300px;
}

/* Custom Map Pan and Zoom Controls */
#panAndZoomContainer .ui-corner-all,
#panAndZoomContainer .ui-widget-content,
#panAndZoomContainer .ui-state-default {
  border     : 0;
  background : none;
}

#panAndZoomContainer .ui-slider .ui-slider-handle {
  width  : 23px;
  height : 14px;
  left   : -1px;
  bottom : 2px;
  cursor : move;
}

#panAndZoomContainer .ui-state-default {
  background : url("/system/image/xs/zoom_lever.png");
}

#panAndZoomContainer .ui-slider-vertical {
  height : 85px;
}