/******************************************************************************
    base.css
    DEFAULT STYLES
    Contains the styles that define the defaults for the html elements.
    And styles shared across pages.
    Linked from the IBE surround & therefore included on all pages

    TABLE OF CONTENTS
    
    HTML elements: default styles for HTML elements
    Basic Composite: styles for basic composite in every pages.
    
    COLOR PALETTE
    
    #ffffff - White           - Text over dark background
    #657aa2 - Grey Blue       - Important text, links or titles
    #727272 - Grey            - Standard text
    #f37d00 - Golden Orange   - Important links

    #dde1ea - Cloudy Grey     - Grey background for small areas
    

******************************************************************************/

/******************************************************************************
    HTML elements
******************************************************************************/
h1,h2,h3,h4,h5,h6 {
    margin: 0px;
    padding: 0px
}

body {
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
}

h1 {
    font-size: x-large;
    color: #404490;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
}

h2 {
    font-size: medium;
    color: #404490;
}

h3 {
    font-size: small;
}

h4 {
    font-size: 100%;
    color: #555555;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 100%;
}

img {
    border: none;
}

form,label,li,ol,p {
    margin: 0px;
    padding: 0px;
}

a {
    color: #0066cc;
}


a:visited {
    color: #0066cc;
}

a:hover {
    color: #0066cc;
}

acronym {
    
}

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

fieldset input,fieldset select,fieldset textarea {
    font-size: 100%;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
}

label {
    
}


caption,legend {
    display: none;
}

select {
    
}


/******************************************************************************
    Basic Composite 
******************************************************************************/
#xRez-page {
    /*width: 800px;*/
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    border: 0px;
    padding-bottom:5px;
}

#xRez-header {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0px;
}

#xRez-body {
    margin-top: 3px;
    background-color:#fff;
    height: 100%;
    width:100%;
    
}

#xRez-footer {
    height: 36px;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 3px;
    margin-top: 0px;
    background-color: rgb(231, 231, 231);
    border-top: 4px solid rgb(178, 178, 178);
    border-bottom: 3px solid white;
    clear: both;
}

/******************************************************************************
    Surround Header
******************************************************************************/
#title-space-bar {
    height: 3px;
    background-color: rgb(80, 127, 173);
    margin: 0px;
}

.title-bar-item {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    display: inline;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    text-align: center;
}

.title-bar-item A:link {
    color: #FFFFFF;
    
}  /* unvisited link */
.title-bar-item A:visited {
    color: #FFFFFF;
    
}  /* visited links */
.title-bar-item A:active {
    color: #404490;
    
}  /* active links */
.title-bar-item A:hover {
    color: #404490;
    
}  /* mouse over links */
#header-banner {
    height: 71px;
    margin-bottom: 3px;
    padding: 0px;
    border: 0px;
}

#header-banner h2 {
    display: none;
}

div#header-banner #logo {
    float: left;
    width: 275px;
    height: 71px;

    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#header-banner #logo #logo-link {
    float: left;
    width: 275px;
    height: 71px;
}

div#header-banner #banner {
    float: right;
    width: 511px;
    height: 71px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#title-bar {
    background-color: rgb(80, 127, 173);
    padding: 0px;
    border: 0px;
    margin: 0px 0px 3px 0px;
    height: 20px;
}

/******************************************************************************
    Surround Body
******************************************************************************/
#body-sider {
    float: left;    
    padding: 0px;
    border: 0px;
    margin: 0px;
}

#body-sider-frame {
    width: 178px;
    min-height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    
}

#body-main {
    
    /*width: 672px;*/
    /*min-height: 476px;*/
    padding: 0px;
    border: 0px;
    margin: 0px;
    overflow: hidden;
    margin-bottom:5px;
    float:left;
}

#body-main-frame {
    width: 810px;
    /*height: 476px;*/
    padding: 0px;
    border: 0px;
    margin: 0px;
}

#body-main #page-package{
    width: 672px;
   
}

.main-left-pannel, #shoppingCart, #shoppingCart a, #shoppingCart a:visited {
    font-family: Arial;
    font-size: 12px;
    color: #444;
}

.main-left-pannel, #shoppingCart {
    /*background:#fff url(../images/backgrounds/left_sidebar_box_bg_bottom.gif) bottom center no-repeat;*/
}


#summaryShopping #shoppingCart-passengers, #summaryShopping #shoppingCart-cabins, #summaryShopping #shoppingCart-bikes , #summaryShopping h4 { margin:0 2px 8px; font-family:arial,sans-serif; font-size:1.2em;}

/******************************************************************************
    Surround Footer
******************************************************************************/
.footer-bar-item {
    color: #7E7E7E;
    font-family: Verdana;
    font-size: 10px;
    display: inline;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    text-align: center;
}

#footer-space-bar {
    height: 10px;
}

.footer-bar-item A:link {
    color: #7E7E7E;
    
}  /* unvisited link */
.footer-bar-item A:visited {
    color: #7E7E7E;
    
}  /* visited links */
.footer-bar-item A:active {
    color: #404490;
    
}  /* active links */
.footer-bar-item A:hover {
    color: #404490;
    
}  /* mouse over links */
.priceHeader-lines {
    background-color: #DEE2EB;
    color: #5F769F;
    font-size:16px;
    font-weight: normal;
    padding: 9px;
    text-align: right;
    border-bottom:3px solid #AEB2CB;
    border-top:5px solid #AEB2CB;
    margin-bottom:20px;
}
.priceHeader {
    background-color: #DEE2EB;
    color: #5F769F;
    font-size:15px;
    font-weight: normal;
    padding: 9px;
    text-align: right;
}

.priceHeader-small-Font
{
    display:inline;
    font-size:14px;
}
.changeFlightHeader {
    background-color: #DEE2EB;
    color: #5F769F;
    font-size:17px;
    font-weight: normal;
    padding: 9px;
    text-align: left;
    margin-top:20px;
}
.changeVehicleHeader {
    background-color: #DEE2EB;
    color: #5F769F;
    font-size:17px;
    font-weight: normal;
    padding: 6px;
    text-align: left;
    margin-top:0px;
}

.changeRoomHeader {
background-color:#DEE2EB;
color:#5F769F;
font-size:17px;
font-weight:normal;
margin-top:0px;
padding:9px;
text-align:left;
}
.packagePrice {
    color: #FFCC33;
}

/******************************************************************************
    Progress Bar
******************************************************************************/
    /* Progress bar 1 */
.progress-bar {
}

/* Progress bar 2 */
#title-progress-bar {
    margin: 0px;
    padding: 0px;
    height: 29px;
    border: 0px;
    color: #6c6c6a;
}

/* All the items within the progress bar */
.progress-bar-item,.highlight-progress-bar-item {
    display: inline;
    width: 16.6% !important;
    width: 103px;
    height: 29px;
    float: left;
    font-family: Verdana;
    text-align: center;
    font-size: 10px;
}

/* It helps centering vertically the progress bar content. */
.progress-bar-item-center {
    padding-top: 6px;
}

/* Highlighted progress bar item */
.highlight-progress-bar-item {
    color: white;
}

/*********** Page title *******************************************/
    /* Page main title */
#title-description {
    margin-bottom: 10px;
    padding: 15px 0px 5px 0px;
    height: 22px;
    font-size: 22px;
    color: #5f769f;
    border: 0px;
}

/************ Navigation bar / Sort bar ****************************/
    /* Bar with the sorting options */
#navigation-bar {
    padding: 5px 7px;
    background-color: #dde1ea;
    font-size: 10px;
    color: #6f6f6f;
}

/* Select field for sorting */
#navigation-bar-value-select {
    font-size: 10px;
    color: #6f6f6f;
}

/* Text which labels the sort select field */
#navigation-bar-label {
    font-weight: bold;
}

#navigation-bar-label,#navigation-bar-value {
    display: inline;
}

/************ Blocks ***********************************************/
    /* Blue bar usually found on top of the results or as result block header */
.block-header {
    line-height: 34px; padding-left: 14px;
    background-color:#027BC0;
    font-size: 15px;
    font-weight: bold;
    color: white;
    font-family: verdana;
    width:789px; 
    clear:both;
}

/* Light blue bar usually found on the top of items in review reserve */
.block-light-header {
    padding: 6px 5px;
    font-size: 15px;
    font-weight: bold;
    color: #657aa2; /* Marine blue */
    font-family: verdana;
}

/* Second level of block headers */
.block-subheader {
    padding: 0 6px 0 12px; font-size: 1.2em; line-height: 34px; background: #efefef;
}

/* Third level of block headers */
.block-subsubheader {
    padding: 0px 5px 0 14px;
    height: 32px;
    font-size: 12px;
    font-weight: bold;
    color: #444; /* Marine blue */
}

.block-subheader-lighttext
{
    font-weight:normal;
    display:inline;
}

.subheader-content{
    font-weight: normal; 
    
    }

/* Bordered box to display results */
.block {
    margin-top: 15px;
}

.block-noMargin {

}

/* Body of the blocks */
.block-body {
    font-size: 11px;
    font-weight: normal;
}

/*Used in conjunction with .block-body objects which require a larger background */
.largeBackground{
    
}

.block-body h2 {
    display: inline;
    font-size: 12px;
    font-weight: bold;
}

.block-body h3 {
    display: inline;
    font-size: 11px;
    font-weight: bold;
}

.block-body h4,.block-body select,.block-body input {
    display: inline;
    font-size: 11px;
    font-weight: normal;
    color: #727272; /* Grey */
}

/************ Independent definitions for buttons ******************/

/* This makes the link fully occupies the whole button image 
 * and center the text horizontally. */
.vertical-center-content a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

table.button {
    border-collapse: collapse;
    border-width: 0px; /* This doesn't make any difference */
    border-style: hidden; /* This doesn't make any difference */
}

table.button td {
    margin: 0px;
    padding: 0px;
}

td.button-left {
    width: 10px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
}

td.button-right {
    width: 10px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
}

td.button-center {
    background-repeat: repeat-x;
    white-space: nowrap;
}

/*********************************************************************/
.button-center {
    font-size: 11px;
}

.button a:link,.button a,.button a:visited {
    font-weight: bold;
    
}

#division-bar {
    height: 5px;
    background-color: #d7d7d7;
}

/******************************************************************************
    Search Summary
******************************************************************************/
#search-summary-panel {
    padding: 7px 7px 30px;
}

#search-summary-title {
    font-family: Verdana;
    font-size: 18px;
    color: #FFFFFF;
}

#search-summary-title #title-text, #shoppingCart-title {
    height: 19px;
    font-family: Verdana;
    font-size: 18px;
    color: #FFFFFF;
}
#shoppingCart-title { background:url(../images/backgrounds/left_sidebar_box_bg_top.gif) top left no-repeat; color:#027BC0; }


#title-text,#depart-title,#arrive-title,#depart-date-title,#arrive-date-title,#flight-class-title,#passengers-list-title,#search-total
    {
    margin-left: 7px;
    font-weight: bold;
}

#depart-date-text,#return-date-text,#passengers-list-text,#adults-title,#children-title,#infants-titile
    {
    margin-left: 7px;
}

.search-summary-inline {
    display: inline;
}

.search-summary-key {
    display: inline;
    font-weight: bold;
}

.search-summary-spacebar {
    height: 9px;
}

.search-summary-small-spacebar {
    height: 3px;
}

.search-summary-break {
    margin: 0px auto;
    padding: 0px;
    width: 140px;
    height: 21px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

#search-summary-total-title {
    float: left;
}

#search-summary-total-value {
    float: right;
}

#change-button {
    float: right;
}

/************* Validation Errors ******************************/

/* This style marks those fields with validation errors. */
input.field-missing, select.field-missing, .field-missing, div#termsAndConditions-bar.field-missing {
    border: medium red solid;
}

/* This is the style of the box which lists the validation errors. */
div.validation-error-box {
    margin: 5px;
    padding: 5px;
    border: medium red solid;
    background-color: white;
    color: red;
}
div.validation-error-box li{
    color: red;
}
/************** Others ****************************************/
    /*** Emtpy div to clear any float block ***/
    /* there should be no class called just 'clear' as unexected 
 * behaviour will result. This combo of attributes seems to 
 * work well across IE/Firefox */
.clearBoth {
    display: block;
    clear: both;
    border-bottom: 1px #999 solid;
    visibility: hidden;
    line-height: 0px
}

/******************************************************************************
    Link
******************************************************************************/
    /* Icon beside links which change page */
.newPage-icon {
    margin: 0px 3px;
    padding: 0px;
    height: 11px;
    width: 16px;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

/* Icon beside links which display pop-ups */
.popUpPage-icon {
    margin: 0px 3px;
    padding: 0px;
    height: 11px;
    width: 17px;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

/********************************************************************
    Shopping Cart
 ********************************************************************/
#shoppingCart {
    position:relative;
}
 
.addProduct div {
    float: left;
}

#shoppingCart-icons {   
    margin-bottom: 5px;
}

.shoppingCart-icon {
    vertical-align: bottom;
}

.shoppingCart-plus {
    margin: 0px 10px;
}

#shoppingCart h3 {
    font-family: Arial,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    background:none;
    color: #027BC0;
}

#shoppingCart-addProduct {
    margin: 15px 0px;
}

.redirectIcon {
    margin: 0px 3px;
    padding: 0px;
    height: 13px;
    width: 19px;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

#shoppingCart-total {
    margin:0 10px;
    padding:2px 3px;
    text-align: right;
}

#shoppingCart a, #shoppingCart a:visited {
    text-decoration: underline;
}

.cart-total-container {
    background-position: bottom;
    background-repeat: repeat-x;
    color: #5F769F;
    font-size:16px;
    font-weight: normal;
    padding: 9px;
    text-align: right;
    border-bottom:3px solid #A8B8D1;
    border-top:5px solid #A8B8D1;
    margin-bottom:20px;
    margin-top:5px;
}

/********************************/
/***  Shopping cart Sidebar   ***/
/********************************/

.shoppingCart-panel-icon
{
    float: left;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center; 
    height: 21px;
    width: 25px;
    margin-bottom:7px;
    margin-top:-2px;
}

.plane-icon
{
}

.hotel-icon
{
}

.car-icon
{
}

/******************************************************************************
    Terms and conditions confirmation bar
******************************************************************************/
#termsAndConditions-bar {
    margin: 10px 0px 5px;
    padding: 10px 0 0px 14px;
    height: 20px;
    font-weight: bold;
    border-top: 1px solid #efefef;
    font-size:11px;
}

#termsAndConditions-bar span {
    position: relative;
    top: -2px;
    margin-left:5px;
}

/* Alternative links */
a.link,a.link:link,a.link:visited {
    font-weight: bold;
    font-size: 11px;
    color: #0066cc;
}

/* Header Icons */
.flight-header-icon {
    margin-right: 5px;
    width: 20px;
    height: 21px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
}

.hotel-header-icon {
    margin: 3px 5px 0px 0px;
    width: 25px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
}

.vehicle-header-icon {
    margin-right: 5px;
    width: 25px;
    height: 21px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
}

.vehicle-header-dark-icon {
    margin: 5px 5px 0px 0px;
    width: 25px;
    height: 21px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
}


/* Text used in result content e.g. hotel description on package review  */
.contentText {
    color: #6D6D6F;
    font-size: 11px;
    padding: 5px;
}

.contentHeader {
    color: #657aa2;
    font-weight: bold;
}

.contentLightHeader {
   font-weight: bold;
}

.spacedItem {
    margin-top: 5px;
}

.longSpacedItem {
    margin-top: 10px;
}

.paddedItem {
    padding: 5px;
}

.highLightColour {
    color: #eb7801;
}

.highLightFontLarge {
font-size:20px;
}

.hotelName {
    font-size: 16pt;
    color: #657AA2;
}

.mapshtml
{
    width:350px;
}
.hotelAddressLine {
    font-size: 0.9em;
    font-weight: normal;
}

.break-line
{
    border-bottom:2px solid #DDE1EA;
    padding-top:5px;
}

.reviewLink {
    background-color: #a8b8d1;
    border-top: 2px solid #DDE1EA;
    border-bottom: 2px solid #DDE1EA;
    padding: 5px;
}

/*Styles for fare rules popup */
.fare-page
{
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
    font-family:Verdana;
}

.fare-rules-main
{
    width: 600px;
    padding-left: 40px;
    padding-right: 50px;
}

.fares-footer
{
    float:right;
    margin-right: 12px;
}

.fares-footer a
{
    color: black;
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
    font-family:Verdana;
}

.fares-footer a:visited {
    text-decoration: underline;
    color: black;
    font-size: 11px;
    font-weight: normal;
    font-family:Verdana;
}

.fares-footer a:hover {
    text-decoration: underline;
    color: black;
    font-size: 11px;
    font-weight: normal;
    font-family:Verdana;
}

div#popup-header-banner #logo {
    float: left;
    width: 275px;
    height: 71px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#popup-header-banner #banner {
    float: right;
    width: 408px;
    height: 71px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.fare-subSection-header
{
    padding: 2px;
    font-weight: bold;
    line-height: 1.3em;
}

.fare-subSection
{
    padding: 4px;
}



/*Styles for flight information long view */
.flightInfo {
    float: left;
    width:64%;
}

#Dep-Arr-Time {
    float: left;
    width: 20%;
    text-align: center;
}

.Dep-Arr-Time-Extra
{
    margin-top:12px;
}

.flightTime {
    font-weight: bold;
}

.Dep-Date {
    text-align: left;
}

.Dep-Flight-Details {
    float:right;
    text-align:left;
    width:100%;
}

.flightNumber 
{
    text-align:left;
    font-weight: bold;
}

.Dep-Airline-Image {
    float:left;
    position:relative;
    text-align:center;
    top:-1px;
    width:93px;
}

.Dep-Arr-place{
    float:left;
    width:100%;
}
.flightSegment {
    position: relative;
    margin:7px;
}


.flightsHeaderText {
    float: left;
}

.outFlightTime {
    float: right;
}

.flightDate {
    float: left;
}

.chooseandContinueLink
{
    width: 163px;
    margin:14px;

}

.changeroomLink
{
    float: left;
}

.selectPackageNote
{
        color:white;
        float:left;
        font-weight:bold;
        padding:8px;
        text-align:center;
        width:112px;
        background-repeat:no-repeat;
    }


.change-link
{
    width:115px;
    margin:14px;    
    float:left;
}

.change-link-vehicle
{
    width:100px;
    margin:14px;    
    float:left;
}

.change-link-components
{   
    float:left;
}

.change-link-continue
{
    float:right;
}


.result-package 
{
    border:1px solid #48698C;
    margin-top:20px;
}

#results-list
{
    background:#FFFFFF none repeat scroll 0%;
    color:#FFFFFF;
    font-size:11px; 
    margin:3pt auto;
}

#results-list-Return
{
    color:#FFFFFF;
    font-family:Verdana;
    font-size:11px; 
    margin-bottom:20px;
}

#results-list-Outbound
{
    color:#FFFFFF;
    font-family:Verdana;
    font-size:11px; 
    margin-bottom:20px;
}

.selected-result-Flight 
{
    background-color:#EEEEEE;
    border:1px solid #DEE2EB;
    color:#6475A1;
    float:none;

}
.result-Flight 
{
    border:1px solid #DEE2EB;
    color:#6475A1;
    float:none;
}

.result-Flight-Hide 
{
    border:1px solid #DEE2EB;
    color:#6475A1;
    float:none;
    display:none;
}

.flight-duration
{
    display:inline;
}

.flight-time
{
    float:right;
    width:40%;
}

.flight-date
{
    float:left;
    width:40%;
}

#Flights
{

}
#hotel-short-images {
    float: left;
    width: 22%;
}

#hotel-short-result{
    float:left;    
    }

#hotel-short-picture img {
    width: 100px;
    float:left;
}

#hotel-short-details {
    float: left;
    margin-left: 10px;
}

#hotel-location {
    float: left;
}

#hotel-icons {
    float: right;
}

#hotel-name {
    font-size:20px;
    font-weight:bold;
}

#hotel-address {
    font-size: 9px;
}

#hotel-short-text {
    float: left;
    margin-top:5px;
    width:100%;
}

hotel-chain-image {
    float: left;
}

.hotelDate {
    font-weight: bold;
}

.hotelStayDates{
    margin-top:5px;
    float:left;
}

.roomInfo{
    float:left;
    margin-top:2px;   
    width:100%; 
}

#changelink
{
    color:orange;
    display:inline;
    margin-left:20px;
    width:100%;
}

.selectBox
{
    width:10%;
}


#loginSubmitButton .button-center { background:url(../images/backgrounds/login_button_bg_right.gif) center right no-repeat; text-align:right;}
#loginSubmitButton .button-center a { display:block; float:right; display:inline; margin-right:12px; height:22px; line-height:22px; background:url(../images/backgrounds/login_button_bg_left.gif) center left no-repeat; color:#fff; text-decoration:none; padding-left:32px; padding-right:29px; }

.button-right { display:none }


.readonlyInput
{
 background: #E6E6E6; 
}