/*
Nya färgkoder för Travelfinder.se

LOGOTYPE
Blå		RGB: 72,143,204
		HEX: #488FCC

Röd		RGB: 219,71,90
		HEX: #DB475A

BAKGRUNDER
Container	RGB: 243,247,251
		HEX: #f3f7fb

Bästa pris	RGB: 228,238,247
		HEX: #e4eef7

Links:          HEX: #344D76

*/

a, .anchor, .lnk {
  color               : #344D76;
}

.pageHeader {
  padding             : 0 10px;
  height              : 44px;
}

.layoutPage #mainContentArea {
  border-right        : 0;
}

td#tblPaneRight, td#tblPaneLeft {
  border-left         : none;
  border-right        : none;
}

#air-result td#tblPaneRight, #air-result td#tblPaneLeft {
  padding-top         : 40px;
}

.layoutPage div.rightPane {
  padding-top         : 0px;
  width               : 212px;
}

div.leftPane {
  padding             : 0;
  width               : 0;
}

.layoutPage div.leftPane {
  padding-left        : 10px;
}

div.rightPane > div {
  max-width           : 450px;
}

.layoutFirst .middle .rightPane {
  padding             : 30px 0;
  width               : 450px;
}

.middle {
  width               : 1040px;
  overflow            : visible;
  border-right        : solid #488FCC 1px;
  border-bottom       : solid #488FCC 1px;
}

div.Component {
  border              : 1px solid #488FCC;
}

h1 {
  font-size           : 22px;
  color               : #488FCC; /*  margin: 0; */
}

h2 {
  font-size           : 18px;
}

h3 {
  font-size           : 14px;
}

h2, h3, h4, h5, h6 {
  color               : #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family         : Helvetica, Arial, sans-serif;
  letter-spacing      : 1px;
}

.padrout {
  margin-right        : 0;
}

.padout {
  margin-left         : 0;
}

.layoutFirst .footer,
.layoutPage .footer {
  border-top          : none;
  margin-top          : 0px;
}

.footer {
  margin              : 0;
  font-size           : 10px;
  padding             : 10px 10px 10px 20px;
  width               : 1011px;
  clear               : both;
  text-align          : left;
  color               : #9cadbf;
  line-height         : 15px;
}

.layoutFirst div.footerMenu {
  width               : inherit;
}

.footer div.horizontal span a {
  color               : #9cadbf;
  text-decoration     : underline;
}

.footer div.horizontal span {
  margin              : 0px;
}

.footerMenu, .footerPreMenu, .footerPostMenu {
  clear               : both;
}

.footer div.horizontal {
  text-align          : left;
}

div.footerMenu {
  margin              : 0px;
  padding             : 7px 0 7px 0;
}

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

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

div.top {
  padding-left        : 0px;
  background-color    : #ffffff;
}

.topMenu {
  clear               : both;
  float               : left;
  height              : 22px;
  margin-top          : 5px;
}

.topMenu a, .topComplementMenu a {
  color               : white;
}

.topMenu td {
  height              : 22px;
  font-size           : 14px;
  font-family         : Helvetica, Arial, sans-serif;
  letter-spacing      : 1px;
}

.topComplementMenu {
  padding-right       : 0px;
}

.topComplementMenu td {
  height              : 15px;
  font-size           : 11px;
  font-family         : Helvetica, Arial, sans-serif;
  letter-spacing      : 1px;
}

.topMenu td.link {
  width               : 90px;
}

.topComplementMenu td.link {
  width               : 105px;
}

.topMenu td.pre,
.topMenu td.post,
.topMenu td.spacer,
.topComplementMenu td.pre,
.topComplementMenu td.post,
.topComplementMenu td.spacer {
  width               : 7px;
}

.topMenu td.link, .topComplementMenu td.link {
  background          : url("/brand/travelfinder/image/menu_bg.gif");
  padding             : 0 7px 0 7px;
  text-align          : center;
  white-space         : pre;
}

.topMenu td.current, .topComplementMenu td.current {
  background          : url("/brand/travelfinder/image/menu_bg_selected.gif");
}

.topMenu td.pre {
  background          : url("/brand/travelfinder/image/menu_left.gif") top left no-repeat;
}

.topComplementMenu td.pre {
  background          : url("/brand/travelfinder/image/menu_small_left.gif") top left no-repeat;
}

.topMenu td.post {
  background          : url("/brand/travelfinder/image/menu_right.gif") top left no-repeat;
}

.topComplementMenu td.post {
  background          : url("/brand/travelfinder/image/menu_small_right.gif") top left no-repeat;
}

.topMenu td.precurrent {
  background          : url("/brand/travelfinder/image/menu_left_selected.gif") top left no-repeat;
}

.topComplementMenu td.precurrent {
  background          : url("/brand/travelfinder/image/menu_small_left_selected.gif") top left no-repeat;
}

.topMenu td.postcurrent {
  background          : url("/brand/travelfinder/image/menu_right_selected.gif") top left no-repeat;
}

.topComplementMenu td.postcurrent {
  background          : url("/brand/travelfinder/image/menu_small_right_selected.gif") top left no-repeat;
}

.middleContainer {
  margin-top          : 0px;
  padding-top         : 13px;
}

.layoutFirst div.middleContainer {
  background-image    : url(/brand/travelfinder/image/bg_middle.gif);
  background-repeat   : repeat-x;
}

.layoutPage div.middleContainer {
  background-image    : url(/brand/travelfinder/image/bg_middle.gif);
  background-repeat   : repeat-x;
}

/*
.mainContent .totalPrice,
  .mainContent .summary,
*/
div.Component {
  background-color    : #f3f7fb;
}

div.xContainer {
  _border             : none;
}

.yui-skin-sam .yui-panel .bd {
  background-color    : #f3f7fb;
  color               : #000;
}

.mainContent .totalPrice,
.mainContent .summary {
  border-bottom       : none;
}

.mainContent tfoot tr, .Component .Footer {
  background-image    : url(/brand/travelfinder/image/bg_bottom.gif);
  background-repeat   : repeat-x;
  background-position : bottom 100%;
  height              : 5px;
}

.layoutFirst .middle div.content {
  padding-left        : 20px;
  padding-right       : 20px;
  width               : 530px;

}

.layoutPage div.content {
  background          : inherit;
}

.mainContent thead tr {
  border              : 1px solid #488FCC;
}

.mainContent thead tr,
.Component .Header,
.Component caption, div.faqQuestion,
#animContainer #hotelSortWrap .Header {
  border-bottom       : none;
  background-image    : url(/brand/travelfinder/image/bg_headline.gif);
  background-repeat   : repeat-x;
  background-position : top 100%;
  padding-top         : 2px;
}

#mainContentArea .mainContent thead tr,
#mainContentArea thead tr,
#mainContentArea .Component .Header {
  background-image    : url(/brand/travelfinder/image/bg_headline_22px.gif);
  height              : 22px;
  padding-top         : 13px;
}

#mainContentArea .Component .simpleHeader {
  background-image    : url("/brand/travelfinder/image/bg_simple_top.gif");
  background-repeat   : repeat-x;
  background-position : top 100%;
  height              : 5px;
  padding-top         : 0px;
}

#mainContentArea #receiptOrderer .simpleHeader {
  background-image    : url(/brand/travelfinder/image/bg_headline_22px.gif);
  height              : 22px;
}

#mainContentArea .sectionMenuComponent div.Header,
#mainContentArea .sectionMenuContainerComponent div.Header {
  background-image    : url(/brand/travelfinder/image/bg_headline.gif);
  height              : 12px;
  padding-top         : 0px;
}

.Header .headingIcon {
  margin-top          : -10px;
}

.BaseFareTopSmall .Header {
  background-image    : none;
  background-color    : #488FCC;
  color               : #ffffff;
}

.BaseFareTopSmall .Tbl1 {
  padding-right       : 20px;
}

.BaseFareTopSmall .Tbl2 {
  padding-left        : 20px;
}

.BaseFareTopSmall td.FooterMenuSepa {
  width               : auto;
}

.BaseFareTopSmall td.FooterMenuContent {
  min-width           : 100px;
}

div.BaseFareTopSmall {
  width               : auto;
}

div.faqQuestion {
  border-right        : none;
  border-left         : none;
}

.nightPrices caption, .Component .air caption {
  background-image    : none;
}

hr.hr, div.hr {
  background-image    : url(/brand/travelfinder/image/bg_delimiter.gif);
  background-repeat   : repeat-x;
  background-position : bottom;
  border              : 0;
  height              : 4px;
  padding             : 0;
}

tr td.tripDelimiter, div.tripDelimiter {
  background-image    : url(/brand/travelfinder/image/bg_delimiter.gif);
  background-repeat   : repeat-x;
  background-position : bottom;
  height              : 4px;
}

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

/* Hotel CSS */
/* hr = hotel */
.hotelSortDecoration {
  border              : 1px solid #488FCC;
}

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

.priceTextFront {
  position            : relative;
  top                 : -1.4em;
  visibility          : visible;
  z-index             : 2;
}

.priceTextContainer {
  font-size           : 1.81em;
  font-weight         : 900;
}

.priceTextPosition {
  position            : absolute;
  top                 : 22px;
  text-align          : center;
  width               : 147px;
}

.priceTextPosition * {
  padding-right       : 0px;
}

#combo-air-result .priceTextPosition {
  top                 : 32px;
}

.priceBackgroundImage {
  position            : absolute;
  top                 : -25px;
  right               : 0px;
  width               : 147px;
  height              : 78px;
  background          : url("/brand/travelfinder/image/pricetag.gif") no-repeat top right;
}

.priceBackgroundImageComboAir {
  float               : left;
  width               : 147px;
  height              : 78px;
  background          : url("/brand/travelfinder/image/pricetag.gif") no-repeat top right;
}

.priceSplashComboAir {
  position            : absolute;
  top                 : -25px;
  right               : 0;
}

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

.layoutFirst #mainContentArea .wwgrp, .layoutFirst h1 {
  padding             : 2px;
}

.paxForm .wwgrp {
  margin-right        : 0;
}

div.content {
  min-height          : 250px;
}

table.cart.summary tr.sum {
  border-top          : 2px solid #488FCC;
  font-weight         : bold;
}

table.cart.summary tr {
  border-bottom       : 1px solid #488FCC;
}

#mainContentArea .outDateRow,
#mainContentArea .returnDateRow {
  width               : 400px;
}

.containerComponent ul {
  padding-left        : 10px;
  margin              : 0px;
}

.containerComponent li {
  list-style-image    : url("/system/image/arrow-right-black.gif");
  padding-bottom      : 3px;
  padding-left        : 0px;
  margin-left         : 10px;
  vertical-align      : middle;
}

.containerComponent .sectionMenu li {
  list-style          : none;
  list-style-image    : none;
  list-style-position : outside;
  margin-left         : 0px;
}

div.sectionMenu {
  background-color    : #F3F7FB;
}

.sectionBottomMenuComponent div.sectionMenu,
.sectionInsideMenuComponent div.sectionMenu {
  background-color    : white;
}

div.sectionMenuComponent {
  margin-top          : 0;
}

.cartItemTotalPrice .price, .selectedItemTotalPrice .price {
  color               : #db4659;
}

.cartItemTotalPrice .price .inactive, .selectedItemTotalPrice .price .inactive {
  color               : #000;
}

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

div.xContainer .Footer {
  background-image    : none !important;
}

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

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

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

.xb1 {
  background          : #488FCC;
}

.xColorHead {
  background          : #488FCC;
}

#basefare tr.lnk {
  border-left         : 1px solid #488FCC;
  border-right        : 1px solid #488FCC;
}

#firstIATA, #firstCARDS {
  margin              : 5px 20px 20px 20px;
}

#firstIATA {
  float               : left;
}

#firstCARDS {
  float               : right;
}

#hotelSelectionBrief {
  position            : fixed;
}

* html #hotelSelectionBrief {
  position            : absolute; /* position fixed for ie6 */
  top                 : expression( 156 +(( e = document . documentElement . scrollTop ) ? e                 : document . body . scrollTop ) + 'px' );
  left                : expression( 2 +(( 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' );
}

.bestDeals .even {
  background-color    : white;
}

.topBestDealsComponents .even {

}

.topBestDealsComponents .Component {
  float               : left;
  clear               : none;
  margin-right        : 10px;
}

table.bestDeals, table.topBestDeals {
  width               : 100%;
}

.containerComponent .dealCols1,
.containerComponent .dealCols1 {
  width               : 100%;
}

.containerComponent .dealCols2,
.containerComponent  .dealCols2 {
  width               : 100%;
}

.containerComponent .dealCols3,
.containerComponent .dealCols3 {
  width               : 100%;
}

.layoutContent #contentPageMain {
  width               : 420px;
}

div.leftPane div.Component, .leftPane .qaSmall {
  margin-bottom       : 12px;
}

/* Car-related css:s */

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

div.cb {
  margin-bottom       : 5px;
}

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

.sfCarContainer div.cb {
  width               : 100%;
}

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

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

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

.psProperty .wwgrp {
  margin              : 0;
}

.searchTypeButton {
  font-weight         : normal;
}

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

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

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

.carImg {
  border              : 1px solid rgb(72, 143, 204);
}

.sfHotelContainer .warningbox {
  border-color        : #488FCC;
}

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

/* Cross sale styles */

.carCrossDeal {
  width               : 100%;
}

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

.carCrossDealLeftBorder {
  border-left         : 1px solid #488FCC;
}

.hotelCrossDeal {
  width               : 100%;
}

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

.hotelCrossDealLeftBorder {
  border-left         : 1px solid #488FCC;
}

.crossSalePrice {
  color               : #DB4659;
  font-weight         : bold;
}

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

#mainContentArea #pageList .corner_cross_top_wrap .corner_cross_ttr {
}

.holidayDealsListView {
  background-repeat   : repeat-x;
  background-position : bottom 100%;
  background-image    : url(/brand/travelfinder/image/bg_bottom.gif);
  height              : 100%;
  padding-top         : 5px;
}

.holidayPrice {
  color               : #DB4659;
}

.priceOverlay {
  border              : 1px solid #488FCC;
}

.slideshowHeaderDiv, .slideshowFooterDiv {
  clear               : both;
}

.slideshowText {
  font-weight         : bold;
  color               : black;
  padding-top         : 4px;
}

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

.slideshowImgDiv {
  width               : 345px;
}

.slideshowImgDiv img {
  width               : 344px;
  height              : 250px;
  padding             : 2px 0 0 2px;
}

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

.slideshowButtons {
  height              : 20px;
}

.closeButtonDiv {
  position            : absolute;
  overflow            : auto;
  clear               : both;
  top                 : -23px;
  *top                   : -23px;
  width               : 546px;
  text-align          : right;
}

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

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

.thumbnailSelected {
  border              : 2px solid #488FCC;
}

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

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

#pageOverlayDiv .hotelDetailsTripadvisorIframe {
  height              : 262px;
  border              : none;
}

#pageOverlayDiv .hotelDetailsTopicBody {
  padding-left        : 0;
  background-color    : #F3F7FB;
}

#disruptProtectionTextDiv {
  z-index             : 4;
}

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

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

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

/**********************************************
* Hotel description tabs
**********************************************/

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

#mainContentHolidayDeals .Component .Header,
#pageOverlayDiv .Component .Header {
  height              : 19px;
  padding-top         : 0;
}

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

.hotelBigListTab {
  color               : white;
  cursor              : pointer;
  height              : 22px;
  font-weight         : bold;
}

.hotelBigListTabSelected {
  color               : white;
}

.hotelBigListTabFirstLeft {
  background          : url("/brand/travelfinder/image/menu_left.gif") top left no-repeat;
  width               : 7px;
}

.hotelBigListTabLeft {
  background          : url("/brand/travelfinder/image/menu_left.gif") left top no-repeat;
  width               : 7px;
}

.hotelBigListTabMiddle {
  background          : url("/brand/travelfinder/image/menu_bg.gif") repeat scroll 0 0 transparent;
}

.hotelBigListTabRight {
  background          : url("/brand/travelfinder/image/menu_right.gif") left top no-repeat;
  width               : 14px;
}

.hotelBigListTabFirstLeftSelected,
.hotelBigListTabLeftSelected {
  background          : url("/brand/travelfinder/image/menu_left_selected.gif") no-repeat scroll left top transparent;
  width               : 7px;
}

.hotelBigListTabMiddleSelected {
  background          : url("/brand/travelfinder/image/menu_bg_selected.gif") repeat scroll 0 0 transparent;
}

.hotelBigListTabRightSelected {
  background          : url("/brand/travelfinder/image/menu_right_selected.gif") no-repeat scroll left top transparent;
  width               : 14px;
}

.returnDateRow .wwctrl,
.outDateRow .wwctrl {
  width               : 140px;
}