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

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

.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, .deal-full-list-link {
  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 */

.limitedRoomImgN1 {
  background-position : 0 0;
}

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

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

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

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

.limitedRoomImg {
  line-height : 37px;
}

.limitedRoomText {
  padding-left : 40px;
}

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

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

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

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

#mainContentArea .Header .expand, #mainContentArea .Header .collapse {
  margin : -9px 4px 0 0;
}

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

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