/******************************************************************************
	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 {
    text-decoration: none;
    margin: 0px;
    padding: 0px
}



#InvoiseHelp{
	cursor:pointer;
	text-decoration:underline;
	color:#657AA2;
	font-weight:bolder;
}

#InvoiseHelpBlock{
	background-color:#EEEEEE;
	border-color:#8899B76;
	border-style:solid;
	border-width:1px 4px 4px 1px;
	margin-left:29px;
	padding-bottom:10px;
	padding-left:12px;
	padding-right:10px;
	position:absolute;
	text-align:justify;
	width:435px;
}

#cuadroCerrar {
	border-style:solid;
	color:#8899B7;
	cursor:pointer;
	font-size:10px;
	font-weight:bolder;
	height:13px;
	left:424px;
	position:relative;
	text-align:center;
	top:2px;
	width:13px;
}

#invoiseTitle {
	background:transparent none repeat scroll 0 0;
	color:#657AA2;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 5px;
	position:relative;
	top:-15px;
	width:190px;
}

.InvoiseHelpLink{
	background-image:url(../images/common/duda.png);
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	margin-top:-5px;
}


#invoiseMessage{
	background:transparent none repeat scroll 0 0;
	color:#657AA2;
	font-family:Arial;
	font-size:11px;
	padding:6px 5px;
	position:relative;
	top:-7px;
}
.policiesgg {
	background-color:#EEEEEE;
	border-color:#657AA2;
	border-style:solid;
	border-width:1px 4px 4px 1px;
	margin-left:17px;
	position:absolute;
	width:571px;
}

.linkpoliciesgg {
	color:#657AA2;
	cursor:pointer;
	float:right;
	font-weight:bolder;
	text-decoration:underline;
	margin-bottom:10px;
	margin-top:-20px;
	font-size:12px;
}


body {
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
	background: white
}

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;
    color: #404490;
}

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;
}

#flightTypes label{
	padding-right: 5px; 
}

a {
    text-decoration: none;
    color: #404490;
}
/*Da ref#DA156*/
.buttonAddExtra
{
padding-left:33px;
padding-top:5px;
}
/*Da ref#DA156**/
a:visited {
    text-decoration: none;
    color: #404490;
}

a:hover {
    text-decoration: none;
    color: #404490;
}

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;
}

caption,legend {
    display: none;
}

.divider_line{
	
	height: 1px;
	width: 75%;
	display: block;
	margin-left: 10%;
	margin-bottom:4px;
	padding-bottom: 10px;
	padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
	clear:both;
	border-bottom: 1px solid #899dc0;
	
	/*    width: 197px;
    height: 12px;
    margin: 0px;
    border: 0px;
    background-repeat: no-repeat;;
    background-image: url("../images/common/break.gif");
    background-position: center center;
    clear: both;*/
}

/******************************************************************************
	Basic Composite 
******************************************************************************/
#xRez-page {
  	width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    border: 0px;
    background-color: white;
	/*background-color: #c0c0ff;*/
}

#xRez-header {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0px;
}

#xRez-body {
    margin-top: 3px;
    margin-left: 7px;
    margin-right: 7px;
    height: 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(0, 45, 86);
    border-bottom: 3px solid white;
    clear: both;
}

/******************************************************************************
	Surround Header
******************************************************************************/
#title-space-bar {
    height: 1px;
    background-color: rgb(0, 45, 86);
    margin: 0px;
}

div#title-bar{
    background-color: rgb(0, 45, 86);
    padding: 0px;
    border: 0px;
    margin: 0px 0px 3px 0px;
    height: 20px;
}

div#title-bar ul{
    margin: 0;
    padding-top: 2pt;
    display: block;
	border-bottom: 3px solid rgb(0, 45, 86);
} 

div#title-bar ul li{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 0 3px;
    display: inline;    
    margin: 0;
    list-style-type: none;
	float: left;
	/*
    margin-left: 15px;
    margin-right: 15px;
	*/
    margin-top: auto;
/*    margin-bottom: auto;*/
	margin-bottom: 3px;
    /*vertical-align: bottom;*/
	
    text-align: center;
    /*border-right: 2px solid #ffffff;*/ /*No he utilizado el border porque en el elemento de m�s a la derecha tambi�n le aparece border y eso no nos interesa . He a�adido un pipe | en el xsl al estilo posadas 1.0*/
}

div#title-bar ul li a{
    color: #FFF;    
    text-decoration: none;
}

div#title-bar ul li a:hover{
    color: #c4def3;
    text-decoration: none;
}

div#title-bar ul li#title-bar-help{
    border-right: none;
}
/*
.title-bar-item A:link {
    color: #FFFFFF;
    text-decoration: none;
}  /* unvisited link */
/*
.title-bar-item A:visited {
    color: #FFFFFF;
    text-decoration: none;
}  /* visited links */
/*
.title-bar-item A:active {
    color: #404490;
    text-decoration: none;
}  /* active links */
/*
.title-bar-item A:hover {
    color: #404490;
    text-decoration: none;
}  /* mouse over links */

#header-banner {
	border:0 none;
	height:135px;
	margin-bottom:3px;
	padding:0;
}

#header-banner h2 {
    display: none;
}

div#header-banner #logo {
    float: left;
    width: 800px;
    height: 40px;    
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#header-banner #logo #logo-link {
    float: left;
    width: 800px;
    height: 71px;
    background-color: transparent;
}

/*
div#header-banner #banner {
	float: left;
    width: 511px;
    height: 71px;
    background-image: url("../images/common/banner2.gif");
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
*/

/*
div #logoImage {
	float: left;
    width: 275px;
    height: 71px;
	margin: 0px;
    padding: 0px;
    border: 0px;

}
*/

/*
div #bannerImage {
	float: left;
    width: 511px;
    height: 71px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}*/

/******************************************************************************
	Surround Body
******************************************************************************/
#body-sider {
    float: left;
    width: 197px;   
    padding: 0;
    border: 0;
    margin: 0;
}

#body-sider-summary{
	float: left;
    width: 160px; /* was 211 */
    padding: 0;
    border: 0;
    margin: 0;
}

#body-sider-frame {
    width: 211px;
    min-height: 476px;
	height: auto !important;
	min-height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px;
	float: left;
}

#body-main {
	float: right;
    width: 622px;
    min-height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    overflow: hidden;
    margin-bottom:5px;
}

#body-main-frame {
    width: 573px;
    /*height: 476px;*/
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.main-left-pannel, #shoppingCart, #shoppingCart a, #shoppingCart a:visited {
    font-family: Verdana;
    font-size: 11px;
    color: white;
}

.main-left-pannel, #shoppingCart {
    background: rgb(0, 45, 86);
    border: 1px solid rgb(72, 105, 140);
}

#right_sidebar{
	float: right;
	/*width: 176px;*/
	min-height: 200px;
	height: auto !important;
	height: 200px;
	/*background-image: url(../images/common/right_sidebar_back.gif);*/
	/*background-repeat:repeat-y;*/
	/*background-position: top;*/
	background-color: white;
}

#right_sidebar form{
	margin: 0;
	padding: 0;
}

#right_sidebar span.right_sidebar_top{
	background-image: url(../images/common/right_sidebar_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	height: 13px;
}

#right_sidebar span.right_sidebar_bottom{
	background-image: url(../images/common/right_sidebar_bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	height: 13px;
}

/******************************************************************************
	Surround Footer
******************************************************************************/
#xRez-footer ul{
	display: block;
	margin: 4px 0 0 0;
	padding: 0;
}

#xRez-footer ul li{
/*	float: left;
	margin: 0 15px;
	list-style-type: none;*/
	color: #000000;
    font-family: Verdana;
    font-size: 10px;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    text-align: center;
}

#xRez-footer ul li a{
	color: #000000;
	text-decoration: none;
	font-size:10px;
}

#xRez-footer ul li a:hover{
	color: #404490;
}

.footer-bar-img {
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    text-align: right;
    /*margin-left: 400px;*/
	float: right;
	margin-top: -20px;
}

/*
.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;
    text-decoration: none;
}  /* unvisited link /
.footer-bar-item A:visited {
    color: #7E7E7E;
    text-decoration: none;
}  /* visited links /
.footer-bar-item A:active {
    color: #404490;
    text-decoration: none;
}  /* active links /
.footer-bar-item A:hover {
    color: #404490;
    text-decoration: none;
}  /* mouse over links */
.priceHeader-lines {
    /*background-color: #DEE2EB;*/
    color: #002D56;
    font-size:16px;
    font-weight: normal;
    padding: 9px;
    text-align: right;
    border-bottom:3px solid #002D56;
    border-top:5px solid #002D56;
    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 {
    background-image: url("../images/common/progressBar/background.jpg");
}

/* Progress bar 2 */
#title-progress-bar {
    margin: 0px;
    padding: 0px;
    height: 29px;
    border: 0px;
    color: #6c6c6a;
    background-image: url("../images/common/progressBar/background.jpg");
}

/* All the items within the progress bar */
.progress-bar-item,.highlight-progress-bar-item {
    /*display: inline;*/
    /*width: 16.6% !important;*/
    width: 88px;
    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 {
    background-image: url("../images/common/progressBar/selectedBackground.jpg");
    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;
}

#print-Button
{
    float:right;
background-image: url("../images/common/print.jpg");
height:30px;
width:70px;
}

/************ Navigation bar / Sort bar ****************************/
    /* Bar with the sorting options */
#navigation-bar {
    padding: 5px 7px;
    background-color: #dde1ea;
    font-size: 10px;
    color: #6f6f6f;
	height: 21px;
	margin-top:5px;
}

/* 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;
    background-image: url(../images/progBarBack.jpg);
}

/************ Blocks ***********************************************/
    /* Blue bar usually found on top of the results or as result block header */
.block-header {
    padding: 6px 5px;
    background-image: url("../images/common/headerBack.jpg");
	background-color:#4e668a;
    font-size: 15px;
    font-weight: bold;
    color: white;
    font-family: verdana;
}

/* Light blue bar usually found on the top of items in review reserve */
.block-light-header {
    padding: 6px 5px;
    background-image: url("../images/common/aboutBack.jpg");
    font-size: 15px;
    font-weight: bold;
    color: #657aa2; /* Marine blue */
    font-family: verdana;
}

/* Second level of block headers */
.block-subheader {
    padding: 4px 5px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: #002D56; /* Light blue */
	min-height:20px;
	height: auto;
	zoom:1;
}

/* Third level of block headers */
.block-subsubheader {
    padding: 0px 5px;
    height: 34px;
    font-size: 12px;
    font-weight: bold;
    color: #657aa2; /* Marine blue */
    background-image: url("../images/common/subsubheaderBack.gif");
    background-repeat: repeat-x;
}

.block-subheader-lighttext
{
    font-weight:normal;
    display:inline;
}

.subheader-content{
    font-weight: normal; 
    
}

.block-room-header{
    background-color:#92a1be;	
    padding:5px;
    font-weight: bold;
    font-family:verdana;
    color: white;
    width:98.4%;
}

/* Bordered box to display results */
.block {
    margin-top: 15px;
    border: 1px solid #8899b7;
}

.block-noMargin {
    border: 1px solid #8899b7;
}

/* Body of the blocks */
.block-body {
    background-image: url("../images/common/resultBackMedium.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: normal;
    color: #657aa2; /* Marine blue */
}

/*Used in conjunction with .block-body objects which require a larger background */
.largeBackground{
      background-image: url("../images/common/resultBackLarge.jpg");
    
}

.block-body h2 {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #657aa2; /* Marine blue */
}

.block-body h3 {
    display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #657aa2; /* Marine blue */
}

.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-image: url("../images/common/button-left.gif");
    background-position: center;
    background-repeat: no-repeat;
}

td.button-right {
    width: 10px;
    height: 21px;
    background-image: url("../images/common/button-right.gif");
    background-position: center;
    background-repeat: no-repeat;
}

td.button-center {
    background-image: url("../images/common/button-center.gif");
    background-repeat: repeat-x;
    white-space: nowrap;
}
*/

.button-link,
.button-link span{
	height: 21px;
	background-repeat: no-repeat;
	color: #fff;
	line-height: 1.8em;
	font-size:10px;
	cursor: pointer;
}

.button-link{	
	/*float: right;		*/
	/*display: inline;*/
}

.button-link span.b_left{
	background-image:url(../images/common/button_begin.gif);		
	background-position:left;	
	float: left;
	background-position: right;	
	width: 6px;
}

.button-link span.b_right{
	background-image:url(../images/common/button_back.gif);	
	float:left;
	background-position:right;
	padding: 0 11px 0 5px;
}

/*********************************************************************/
.button-center {
    font-size: 11px;
}

.button a:link,.button a,.button a:visited {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#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;
}

#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-image: url("../images/common/searchSummary-break.gif");
    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;
	width:197px;
}

/* This is the style of the box which lists the validation errors. */
div.validation-error-box {
    margin-top: 15px;
    padding: 5px;
    border: thin red solid;
    background-color: orange;
    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;
	height: 1px;
    border-bottom: 1px #999 solid;
    visibility: hidden;
    line-height: 0px;
	font-size:1px;
}

/******************************************************************************
	Link
******************************************************************************/
    /* Icon beside links which change page */
.newPage-icon {
    margin: 0px 3px;
    padding: 0px;
    height: 11px;
    width: 16px;
    float: right;
    background-image: url("../images/common/newPage.gif");
    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-image: url("../images/common/popUpPage.gif");
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

/********************************************************************
    Shopping Cart
 ********************************************************************/
#shoppingCart {
    background-color: #002D56;
    background-position: top;
    background-repeat: no-repeat;
	padding-bottom: 30px;
	padding-left:7px;
	padding-right:7px;
}
 
.addProduct div {
    float: left;
}

#shoppingCart-icons {   
    margin-bottom:13px;
	margin-top:10px;
}

.shoppingCart-icon {
    vertical-align: bottom;
}

.shoppingCart-plus {
    margin: 0px 10px;
}

#shoppingCart h3 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

#shoppingCart-addProduct {
    margin: 15px 0px;
}

.redirectIcon {
    margin: 0px 3px;
    padding: 0px;
    height: 13px;
    width: 19px;
    float: right;
    background-image: url("../images/common/redirectArrow.gif");
    background-position: center;
    background-repeat: no-repeat;
    border: 0px;
}

#shoppingCart-total {
    margin: -2px -1px -2px -1px;
    padding: 4px 6px;
    text-align: right;
    background-color: #002D56; /* Lighter marine blue */
}

#shoppingCart a, #shoppingCart a:visited {
    text-decoration: underline;
}

.cart-total-container {
    background-image: url("../images/common/resultBackMedium.jpg");
    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;
}

.amountDetails {
    margin: 0px 0px 0px 0px;
    padding: 4px 6px;
    text-align: right;
    background-color: #002D56; /* Lighter marine blue */
	padding-top: 0px;
}
/********************************/
/***  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
{
	background-image: url("../images/common/planeIcon.gif");
}

.hotel-icon
{
	background-image: url("../images/common/hotelIcon.gif");
}

.car-icon
{
	background-image: url("../images/common/vehicleIcon.gif");
}

.hotelShortHeader{
	background-image: url("../images/common/barGradient.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding:5px;
}

.roomDescriptionHeader{	
	width:25%;
	float:left;	
	margin-right:8px;
}


.roomDescription{
	padding:5px;	
	float:left;
	width:98%;
	margin-bottom:2px;
	background-color:white;
}

.roomType{
	width:25%;
	float:left;	
}
/*DA ref#DA126*/
.roomType2{
padding-bottom:5px;
padding-top:5px;
text-align:justify;
width:904px;
}
/*DA ref#DA126*/
.roomTypeOnRequest{
	color:#EB7801;	
}

.marketingMessage{
	width:46%;	
	float:left;
	margin-right:10px;
	text-align:justify;
}

.roomText{
	width:25%;	
	float:left;
	margin-right:10px;
}

.oldRate{
	width:10%;
	text-decoration: line-through;
	color:#808080;
	float:left;
}

.discountedRate{
	width:25%;
	float:right;
}

.roomDescriptionBody{
	background-color:#d0d7e1;	
}
	

/******************************************************************************
	Terms and conditions confirmation bar
******************************************************************************/
#termsAndConditions-bar {
    margin: 10px 0px;
    padding: 2px;
    height: 20px;
    font-weight: bold;
    color: #6d6d6d;
    background-image: url("../images/common/termsBack.gif");
    background-repeat: repeat-x;
    border-top: 2px solid #9ca8c2;
    border-bottom: 2px solid #9ca8c2;
    font-size:11px;
}

#termsAndConditions-bar span {
    /* position: relative;*/
    top: -2px;
}

/* Alternative links */
a.link,a.link:link,a.link:visited {
    font-weight: bold;
    font-size: 11px;
    color: #f37d00; /* Orange */
}

/* Header Icons */
.flight-header-icon {
    margin-right: 5px;
    width: 20px;
    height: 21px;
    float: right;
    background-image: url("../images/common/planeIcon.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.hotel-header-icon {
    margin: 3px 5px 0px 0px;
    width: 25px;
    height: 15px;
    float: right;
    background-image: url("../images/common/hotelIcon.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.vehicle-header-icon {
    margin-right: 5px;
    width: 25px;
    height: 21px;
    float: right;
    background-image: url("../images/common/vehicleIcon.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.vehicle-header-dark-icon {
	margin: 5px 5px 0px 0px;
    width: 25px;
    height: 21px;
    float: right;
    background-image: url("../images/common/vehicleDarkIcon.gif");
    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: bold;
}

.break-line
{
	border-bottom:2px solid #DDE1EA;
    padding-top:0px;
}

.reviewLink {
    background-image: url("../images/common/changeBackSmall.jpg");
	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-image: url("../images/common/logo.gif");
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#popup-header-banner #banner {
    float: right;
    width: 408px;
    height: 71px;
    background-image: url("../images/common/banner2.gif");
    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:216px;
}

/*#rc142 se quita de este bloque*/
.block {
    float: left;
    width:99.7%;
    margin-bottom: 3px;
}
#Dep-Arr-Time {
    float:left;
	margin-left:37px;
	margin-top:4px;
	text-align:center;
	width:20%;
}

.Dep-Arr-Time-Extra
{
	margin-top:12px;
	/*DA ref# DA141*/
	/*padding-left:30px;*/
}


.flightTime {
    font-weight: bold;
}

.Dep-Date {
    text-align: left;
}

.Dep-Flight-Details {
    /*float:right;
    text-align:left;
    width:100%;*/
	display: block;
}

.flightNumber 
{
    text-align:left;
    font-weight: bold;
}

.Dep-Airline-Image {
    float:left;
    /*position:relative;*/
    text-align:center;
    width:93px;
}

.block .Dep-Airline-Image {
    float:left;
    /*position:relative;*/
    text-align:center;
    top:-1px;
    width:50px;
    margin-top:-1px;
}

.result-package .Dep-Airline-Image
{
	margin-bottom:5px;
	margin-top:-8px;
	width:80px;
}

.Flights .Dep-Airline-Image
{
	max-width: 50px;
}
.AirlineName
{
    font-weight:bold;
	text-align:center;
}
.Dep-Arr-place{
    float:left;
    /*width:100%;*/
}
.flightSegment {
    position: relative;
    margin:7px;
}


.flightsHeaderText {
    float: left;
}

.outFlightTime {
    float: right;
}

.flightDate {
    float: left;
}

.chooseandContinueLink
{
	width:115px;
	margin:14px;

}

.chooseandContinueLinkSelectH{
margin:14px;
width:185px;
}

.changeroomLink
{
	float: left;
}

.selectPackageNote
{
		background-image:url(../images/common/customisebk.jpg);
		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;
}

.change-link-continuePack
{
	float:right;
	width:150px;
}

.result-package 
{
	background-image:url(../images/common/resultBack.gif);
	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-images-new {
	    float: left;
	    width: 100px;
}

#hotel-short-result{
    float:left;    
    }

#hotel-short-picture img {
    width: 100px;
    float:left;
}

#hotel-short-details {
    float: left;
    margin-left: 10px;
}

#hotel-phones {
    font-size: 9px;
	float: left;
	margin-left: 7px;
	width: 73%;
}

#hotel-location {
    float: left;
	width: 73%;
}

#hotel-location-new {
    float: left;
/* Change */
	padding-left: 7px;
	width: 73%;
}

#hotel-icons {
    float: right;
}

#hotel-name {
	float:left;	
    font-size:20px;   
	width:77%;
}

.hotel-star-rating{
	width:100%;
	float:left;	
	margin-left:10px;	
	margin-top:5px;
}

/* New styles */
.hotel-price {
	float: right;
	text-align: right;
    font-size:20px;
	width: 50px;	
	position: relative;
}

.rate-person
{
	float: right;
	font-size:9px;	
	font-weight:bold;
	position: relative;
	text-align: right;
	padding-right: 20px;
}

.taxes-fees
{
	float: right;
	font-size:9px;	
	font-weight:normal;
	position: relative;
	text-align: right;
	padding-right: 20px;
}

/* End New styles */

#hotel-address {
    font-size: 9px;
    font-weight:bold;
	max-width:50%;
}

#hotel-short-text {
    float: left;
    margin-top:5px;
    width:100%;
}

hotel-chain-image {
    float: left;
}

.hotelDate {
    font-weight: bold;
    margin-right: 15px;
}

.hotelStayDates{
    margin-top:5px;
    float:left;
}

.hotelStayDatesNew{
/* Change */
	padding-top: 5px;
	padding-left: 5px;
    width: 100%;
    margin-top:5px;
    float:left;
}

.roomInfo{
    float:left;
    margin-top:2px;   
    width:100%; 
}

.roomInfoNew{
	/* Change 
	    width:100%; 
	*/
	background-image: url("../images/common/roomBar.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding:5px;
    float:left;
    margin-top:2px;   
    width:98%; 
}

/* New styles */
.roomInfo-text{
	width: 15%;
	float:left;
    font-weight:bold;
}

.roomDesc-text{
	width: 65%;
	float:left;
    font-weight:normal;
}

/* End new styles */

.hotel-light-header-icon {
    margin: 3px 5px 0px 0px;
    width: 25px;
    height: 15px;
    float: right;
    background-image: url("../images/hotel/bed.gif");
    background-repeat: no-repeat;
    background-position: center;
}

#changelink
{
	color:orange;
	display:inline;
	margin-left:20px;
	width:100%;
}

.selectBox
{
    width:10%;
}

.productOutline
{
	padding:2px;
	border:2px solid grey;
	margin: 2px;
	margin-bottom: 30px;
}

#package-back{
	float: left;
}

#title-bar #spanish{
	float: right;	
	height: 11px;
	width: 10px;
	margin: 2px 5px 0px 0px;
	background-image: url(../images/common/mxFlag.gif);
	background-repeat:no-repeat;
}

#title-bar #english{
	float: right;	
	height: 11px;
	width: 10px;
	margin: 2px 5px 0px 0px;
	background-image: url(../images/common/euFlag.gif);
	background-repeat:no-repeat;
}

/*#ref2go{
	float:right;
	padding:8px;
}*/

#ref2go {
	left:485px;
	position:relative;
	top:90px;
	width:130px;
	height:1px;
}

#ref2goImage {
	height:1px;
	left:167px;
	position:relative;
	top:3px;
	width:130px;
}

#changeLink{
text-align:right;
}
.clearFloats
{
	clear: both;
}

.MessageBox{
	width:700px;
	border-style:solid;
	border-color:#657AA2;
	border-width:1px 5px 5px 1px;
	background-color:#F0F0F0;
	margin:10px;
	z-index:1;
	position:absolute;
}

.MessageBox #BoxHeader{
	min-height:20px;
	margin:5px 5px 0;
	text-align:left;
}

.MessageBox #MessageBoxTitle{
	float:left;
	font-size:16px;
	color:#657AA2;
	font-weight:bolder;
}

.MessageBox #MessageBoxClose{
	width:17px;
	height:14px;
	border:1px solid #657AA2;
	color:#657AA2;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	cursor:hand;
}

.MessageBox #BoxMessage{
	min-height:20px;
	margin:0 5px;
	font-size:12px;
	font-weight:normal;
}

.MessageBox #BoxOtherInfo{
	min-height:20px;
	margin:0 5px;
	font-size:10px;
	font-weight:normal;
}

.MessageBox #BoxDivider{
	height:15px;
}

#LinkPromoCert{
	color:#657AA2;
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

#closeWindow{
	border:1px outset;
	color:white;
	float:right;
	font-family:fantasy;
	font-size:13px;
	font-weight:bolder;
	margin-right:8px;
	text-align:center;
	vertical-align:middle;
	width:16px;
}

#closeWindow  a{
	color:white;
	font-weight:bolder;
	text-decoration:none !important;
}
