.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 {
  position              : relative;
  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         : 25px;
  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 a {
  height                : 23px;
  padding-top           : 8px;
  padding-right         : 0px;
  padding-bottom        : 0px;
  padding-left          : 20px;
}

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

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

#mailMessageTemplate .mainContent thead tr, #mailMessageTemplate .Component .Header {
  height                : 18px;
}

.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 {
  display               : none;
}

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

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

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

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

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

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

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

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

.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 {
/* splash */
  position              : absolute;
  top                   : 59px; /*calcualted value - based on image size*/
  right                 : 0px;
  margin-right          : 10px;
  text-align            : left;

}

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

.view .priceTotal div {
  background-color      : #FFF;
}

.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-top            : 5px;
  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 {
  color                 : white;
}

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

.hotelBigListTab {
  color                 : #706e6f;
  cursor                : pointer;
  height                : 20px;
  font-weight           : bold;
}

.hotelBigListTabSelected {
  color                 : white;
}

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

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

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

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

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

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

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

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

.hotelBigListTabRightSelected {
  background            : url(/brand/supersaver/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 {
  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;
}

/** Tab menu in profile page **/

.profileTabTable {
  height                : 23px;
}

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

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

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

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

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

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

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

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

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

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

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

.profileSubMenu {
  cursor                : pointer;
  font-weight           : normal;
}

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

.profileSubMenuSelected .tabTitle {
  background-color      : #009ED9;
}

.dd .ddChild a.selected {
/*background-color      : #73d9ff;*/
  background-color      : #ffe1bb;
}

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

.profileSubTabMiddleSelected {
  font-weight           : bold;
}

.profileSubMenuSeparator {
  width                 : 15px;
}

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

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

#mailMessageTemplate .rightPane {
  padding               : 5px 0 0 5px;
}

#mailMessageTemplate td#tblPaneRight, #mailMessageTemplate div.rightPane {
  width                 : 222px;
}

#mailMessageTemplate .rightPane div.Component {
  clear                 : none;
}

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

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

.profileBorderTopicContainer {
}

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

.closeDisruptProtectionTextDiv {
  position              : absolute;
  overflow              : auto;
  clear                 : both;
  top                   : 5px;
  width                 : 347px;
  text-align            : right;
}

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

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

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

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