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

body {
    /*font-weight: normal;*/
    font-family: Verdana, Arial, sans-serif;
   /* text-decoration: none;*/
	font-size:10px;
}

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


a {
    text-decoration: none;
    color: #404490;
}


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;
	display: block;
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
	clear:both;
	border-bottom: 1px solid #899dc0;
}


/******************************************************************************
	Basic Composite 
******************************************************************************/
#xRez-page {
  	width: 1001px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    border: 0px;
    background-color: white;
}

#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(178, 178, 178);
    border-bottom: 3px solid white;
    clear: both;
}

/******************************************************************************
	Surround Header
******************************************************************************/
#title-space-bar {
    height: 3px;
/*gohop change*/
    background-color: rgb(179,219,34);
/*end of gohop change*/
    margin: 0px;
}

div#title-bar{
/*gohop change*/
    background-color: rgb(179,219,34);
    /*background-image: url(../images/common/mainmenu_back.jpg);*/
/*end of gohop change*/
    padding: 5px;    
    margin: 6px 0 9px 0;
    background-repeat: repeat-x;
    background-position: top;
    display: block;
    height: 15px;
}

div#title-bar ul{
    margin: 0;
    padding: 0;
    display: block;
}

div#title-bar ul li{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    padding: 0 15px;
    display: inline;    
    margin: 0;
    list-style-type: none;
    /*margin-left: 15px;
    margin-right: 15px;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;*/
    text-align: center;
    border-right: 1px solid #c4cdde;
}

div#title-bar ul li a{
    color: #FFF;    
    text-decoration: none;
    text-transform: uppercase;
}

div#title-bar ul li a:hover{
    color: #404490;
    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 {
	display:block;
    height: 71px;
	width:100%
    margin-bottom: 3px;
    padding: 0px;
    border: 0px;
}

#header-banner h2 {
    display: none;
}

div#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#header-banner #logo #logo-link {
    float: left;
    width: 275px;
    height: 71px;
    background-color: transparent;
}

div#header-banner #banner {
	float: left;
    width: 511px;
    height: 71px;
/*gohop change*/
    /**
    background-image: url("../images/common/banner2.gif");
    background-repeat: no-repeat;
    **/
    background-color: rgb(179,219,34);
/*end of gohop change*/
    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;
	/*gohop change*/
    background-color: rgb(179,219,34);
/*end of gohop change*/
}

/******************************************************************************
	Surround Body
******************************************************************************/
#body-sider {
    float: left;
    width: 262px; /*was 160 */    
    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: 262px; /*was 211 */
    min-height: 476px;
	height: auto !important;
	height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px;
	float: left;
}

#body-main {
	float: right;
    width: 822px; /*was 622 (571 for big left panel)*/
    min-height: 476px;
    padding: 0px;
    border: 0px;
    margin: 0px, 0px, 24px;
    overflow: hidden;
    margin-bottom:5px;
}

#body-main-frame {
    /* width: 385px !important;*/
    /*Gohop Change*/
	width: 730px;
	/*End of Gohop Change*/
    height: 500px;
    padding: 0px;
    border: 0px;
    margin: 0px;
	float: left;
}

.main-left-pannel, #shoppingCart, #shoppingCart a, #shoppingCart a:visited {
    font-family: Verdana;
    font-size: 11px;
    color: white;
}

.main-left-pannel, #shoppingCart {
/*gohop change*/
    background: rgb(179,219,34);
    border: 1px solid rgb(179,219,34);
/*end of gohop change*/
}

#right_sidebar{
	float: right;
	width: 176px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 0;
	margin: 0;
	background-image: url(../images/common/right_sidebar_back.gif);
	background-repeat:repeat-y;
	background-position: top;
	/*background-color: #6378a3;*/
}

#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: 10px 0 0 0;
	padding: 0;
}

#xRez-footer ul li{
	float: left;
	margin: 0 15px;
	list-style-type: none;
}

#xRez-footer ul li a{
	color: #7E7E7E;
	text-decoration: none;
	font-size:10px;
}

#xRez-footer ul li a:hover{
	color: #404490;
}

/*
.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: #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;
	/* minghao change */
    font-size:14px; /* was 15 */
	/* end of minghao change */
    font-weight: normal;
    padding: 5px;
    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 {
/*gohop change*/
    background-color: rgb(181,203,54)
/*end of gohop change*/
}

/*********** 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;
	margin-bottom: 5px;
    background-color: #dde1ea;
    font-size: 10px;
    color: #6f6f6f;
	height: 21px;
	overflow: hidden;
}


/* gohop change */
#navigation-bar2 {
    padding: 5px 7px;
	margin-bottom: 5px;
    background-color: #dde1ea;
    font-size: 10px;
    color: #6f6f6f;
	height: 21px;
	overflow: hidden;
}
/* end of gohop change */



/* 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;
/*Gohop change*/
	background-color:rgb(181,203,54);
/*end of Gohop change*/
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    font-family: verdana;
}

/* Light blue bar usually found on the top of items in review reserve */
.block-light-header {
    padding: 6px 5px;
/*Gohop change*/
    background-color: rgb(181,203,54);
/*End of Gohop change*/
    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;
/*Gohop change*/
    height:1.4em;
    background-color: rgb(111,162,40);
/*End of Gohop change*/
}

/* 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{
/*Gohop change*/
	background-color:rgb(187,207,71);	
	/*End of Gohop change*/
	padding:0px;
	font-weight: bold;
	font-family:verdana;
	width:100%;
	/*  
    color: white;
    width:98%;
	*/
}

/* Bordered box to display results */
.block {
    margin-top: 15px;
    border: 1px solid #8899b7;
}

.block-noMargin {
    border: 1px solid #8899b7;
}

.block-smallMargin {
    border: 1px solid #8899b7;
    margin-top:5px;
}

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

/*IE6 and 7 miscalculate height*/
.flightBlock .block-body{
	zoom:1.0;	
}

/*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: 12px;
    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: #000000;
}

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

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

.search-summary-inline {
    margin-left: 7px;
    display: inline;
    color: #000000;
}

.search-summary-value-no-inline
{
    margin-left: 7px;
    display: inline;
    color: #000000;
}

.passengers-list-title
{
    display: inline;
    color: #000000;
}
.passengerInfo
{
    margin-left: 7px;
    display: inline;
    color: #000000;
}
.shoppingCart-total
{
    display: inline;
    color: #000000;
    font-size:14px;
}
.search-summary-key {
    display: inline;
    font-weight: bold;
    color: #000000;
}

.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: 10px;
	margin-bottom: 10px;
    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 {
	/* gohop change*/
    /*background-color: #6378a3;*/
    background-color: rgb(179,219,34);
    /* end of gohop change*/
    background-image: url(../images/common/searchPanel-topimg.gif);
    background-position: top;
    background-repeat: no-repeat;
} 
.addProduct div 
{
    float: left;
    color:#000000;
}
.addProduct 
{
    float: left;
    color:#000000;
}


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

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

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

#shoppingCart h3 {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

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

.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;
/*Gohop change*/
    background-color: rgb(179,219,34);
/*End of Gohop change*/
}

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

#cart-link-banner {
    border:0px none;
    display:block;
    padding:0px;
}

#cart-icon {
    background-image: url("../images/common/shoppingCartIcon.gif");
    background-repeat: no-repeat;
    float:right;
    padding-right:20px;
}

#cartLink 
{
    float: right;
}

#cartLink a{
    color: white;
    margin-top: 6px;
    margin-right: 10px;
    margin-bottom: 6px;
    text-align:right;
}

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

/********************************/
/***  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{
/*Gohop change*/
/*	background-image: url("../images/common/barGradient.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
*/
	background-color: rgb(181,203,54);
        width:100%;
	
	/*width:98%;*/
/*End of Gohop change*/
        padding:0px;
	margin-bottom:2px;
}

.roomDescriptionHeader{	
	width:35%;
	float:left;
	color:#333399;
	padding-right:5px;	
}
.roomRateReview {	
	width:98%;
	float:right;
	color:#333399;	
}

.roomDescription{
	padding:5px;	
	float:left;
	width:98%;
	margin-bottom:2px;
	background-color:white;
}

.roomType{
	font-weight:bold;
	float:left;	
	margin-left:8px;
	margin-right;60px;
}

.roomTypeOnRequest{
	color:#EB7801;	
}
.marketingMessage{
	width:25%;	
	float:left;
}

.roomText{
	width:50%;	
	float:left;
}

.oldRate{
	width:5%;
	text-decoration: line-through;
	color:#808080;
	float:left;
}

.discountedRate{
	font-weight:bold;
	width:100px;
	float:left;
}

.roomDescriptionBody{
	background-color:#d0d7e1;	
}
	

/******************************************************************************
	Terms and conditions confirmation bar
******************************************************************************/
#termsAndConditions-bar {
    margin: 10px 0px;
    padding: 2px;
	/* gohop change */
    height: 36px;
	/* end of gohop change */
    font-weight: bold;
    color: #6d6d6d;
	/* gohop change 
    background-image: url("../images/common/termsBack.gif");
    background-repeat: repeat-x;
	 end of gohop change */
    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: 60px;
    height: 22px;
    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:14px;
}

.info
{
	 margin-top:0px;
	font-size:10px;	 

}
.hotelName {
    font-size: 12pt;
    color: #657AA2;
    margin-top:10px;
}

.mapshtml
{
    width:350px;
    border:2px;
    colour:#657AA2;
    border-bottom:2px solid #DDE1EA;
}
.hotelAddressLine {
    font-size: 1em;
    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-tittle
{
    font-size: x-large;
    color: #404490;
    font-weight: normal;
    height: 30px;
    line-height: 30px;

}/* gohop change */
.popup-banner
{
	float: right;
    background: rgb(179,219,34);
    background-repeat: no-repeat;
	width: 325px;
	height: 71px;
}
/* end of gohop change */


.popup-logo
{
    float: left;
    width: 600px;
    height: 71px;
    background-image: url("../images/common/logo.gif");
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;

}
.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:50%; /* WAS 64 */
}

.block .flightInfo {
    float: left;
    width:70%;
    margin-bottom: 3px;
}
#Dep-Arr-Time {
    float: left;
    width: 20%;
    text-align: left;
}

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

.flightTime {
    font-weight: regular;
    align:right;
    font-size:10px;	
}

.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:10px;
}

.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:70%;*/
}
.flightSegment {
    position: relative;
    margin:2px;
}


.flightsHeaderText {
    float: left;
}

.outFlightTime {
    float: right;
}

.flightDate {
    float: left;
}

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

}

.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-top:50px;
	float:right;
}

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

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


.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;
/* Change
	width: 22%;*/
	width: 18%;
}

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

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

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

#hotel-location {
    float: left;
}

#hotel-location-new {
    float: left;
/* Change */
	padding-left: 5px;
	width: 50%;
}

#hotel-icons {
    float: right;
}

#hotel-name {
	float:left;	
	padding-left: 5px;
	padding-top: 5px;
    	font-size:13px; 
	font-weight:bold; 
}

.hotel-star-rating{
	float:left;
    	font-size:13px; 	
	margin-left:2px;	
	margin-top:5px;
}

.hotel-recommended-rating{
	float:right;
    font-size:13px; 	
	margin-left:2px;	
	margin-top:5px;
}

.hotel-supplier{
	width:25px;
	float:right;
    	font-size:9px;	
	margin-left:2px;	
	margin-top:5px;
}

/* New styles */
.hotel-price {
	float: right;
	text-align: right;
    	font-size:14px;
	position: relative;
	padding-right:5px;
	padding-top:2px;
	padding-left:5px;
	font-weight:bold;
}

.discountedRateReview
{
	float: right;
	text-align: right;
    	font-size:15px;
	position: relative;
	margin-right:10px;
	margin-left:10px;
	font-weight:bold; 
}

.rate-person
{
	float: right;
	font-size:11.5px;	
	font-weight:bold;
	text-align: right;
}

.taxes-fees
{
	float: center;
	font-size:9px;	
	font-weight:normal;
	text-align: center;

}
.tax-fee
{
        color:#333366;
	float: right;
	font-size:9px;	
	font-weight:normal;
	position: relative;
	text-align: center;
	padding-right: 10px;
}

/* End New styles */

#hotel-address {
    font-size: 10px;
    font-weight:bold;
    text-align: left;
}

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

hotel-chain-image {
    float: left;
}

.hotelDate {
    font-weight: bold;
    margin-right: 15px;
    margin-left:3px;
}

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

.hotelStayDatesNew{
/* Change */
	padding-top: 5px;
    width: 100%;
    margin-top:5px;
    padding-left: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;
}

#vehicle-reviewPolicies-body-text {
    padding: 15px 7px;
}

.dateBox {
    height: 12px;
    width: 60px;
    float: left;
}

#distance-block {
	padding-left: 7px;
    font-size: 9px;
    font-weight:bold;
	width: 60%;
}

#distance-block-overview {
	display: none;
	padding-left: 7px;
    font-size: 9px;
    font-weight:bold;
	width: 60%;
}

#distanceValue {
    font-size: 9px;
    font-weight:bold;
	width: 30px;
	display: inline;
}

#distance {
	padding-left: 7px;
}

#distance-overview {
	padding-left: 0px;
}


#vehicle-images-container .container-vendor-image {
	width: 135px;
	height: 30px;
	padding: 0px;	
}



#vehicle-details .image {
	float: left;
	
}

#vehicle-details .details{
	float:left;
	width:45%;		
}

#vehicle-details .vendor-icon{
	float:left;
	width:15%;
	height:100%;	
}

#vehicle-details .descriptionBlock{
	float:left;
	width:55%;	
}

 #vehicle-details .address-details{
 	float:left;
 	width:80%; 	 
 	margin-left:90px;
 }
 
* html #vehicle-details .address-details{
  margin-left:30px;
 }
 
 #vehicle-short-details .image, #vehicle-details .image{
	float:left;
	width:20%	
}

#vehicle-short-details .description {
	padding-bottom: 10px;
	font-size: 11px;
	color: #657AA2;
}

.lightBackground{
	background-image: url("../images/common/backGradientLight.jpg");
    background-repeat: repeat-x;

}



/* gohop change */
#privateFlightFareFormat 
{
  text-align: right ;
  line-height: 20px;
  color: red;
  font-family: Verdana;
  font-size: 12px;
  font-style: italic;
}

#privateFlightFareFormat2
{
  text-align: center ;
  line-height: 0px;
  color: red;
  font-family: Verdana;
  font-size: 12px;
  font-style: italic;
}

a.tertiaryLink
{
  text-decoration: underline;
}


.rest-green
{
	background-color:#6FA228;
	width:100%
}
/* end of gohop change */


/*********************************************************
/
/	BEGIN Strada Media Header Footer Update
/
/*********************************************************
/* ...................................................................... Body/HTML */

table.main-content {
	font-size: 11px;
}
table.main-content p {
	line-height: 11px;
}

/* Cascade font size */


table#tablecontainer {
	font: 11px Arial, Helvetica, sans-serif;
}



/**************** Killian Update *******************************/

/**** Header ****/

/*** Top Nav ***/
table.top_nav a:link {
color:#b5b5b5;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

table.top_nav a:hover {
color:#b5b5b5;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

table.top_nav a:visited {
color:#b5b5b5;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}


/*** Nav ***/
#main_nav {
width: 1001px;
height: 30px;
position: relative;
margin: 0;
padding: 0;
}

#main_nav li {
float: left;
list-style:none;
}

#main_nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 7px 0 0 0;
display: block;
height: 30px;
overflow: hidden;
font-size:13px;
font-weight:bold;
color:#2b2b2b;
text-align:center;
}

#main_nav li a:hover {
color:#fff;
text-decoration:none;
}

/*up state*/
li#main_nav_flights a {
left: 0;
width: 124px;
background:url(../images/common/img/main_nav_home_001.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_hotels a {
left: 125px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_carrental a {
left: 250px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_citybreaks a {
left: 375px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_packageholidays a {
left: 500px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_latesundeals a {
left: 625px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_destinationguides a {
left: 750px;
width: 124px;
background:url(../images/common/img/main_nav_mid_bg.jpg) no-repeat;
background-position: 0 0;
}

li#main_nav_airportguides a {
left: 875px;
width: 124px;
background:url(../images/common/img/main_nav_airportguides_001.jpg) no-repeat;
background-position: 0 0;
}

/*hover state*/
li#main_nav_flights a:hover {
background-position: -124px 0;
}

li#main_nav_hotels a:hover {
background-position: -124px 0;
}

li#main_nav_carrental a:hover {
background-position: -124px 0;
}

li#main_nav_citybreaks a:hover {
background-position: -124px 0;
}

li#main_nav_packageholidays a:hover {
background-position: -124px 0;
}

li#main_nav_latesundeals a:hover {
background-position: -124px 0;
}

li#main_nav_destinationguides a:hover {
background-position: -124px 0;
}

li#main_nav_airportguides a:hover {
background-position: -124px 0;
}

/*current state*/
#body_flights li#main_nav_flights a {
background-position: -124px 0;
}

/**** End Header ****/


/**** Footer ****/
table.foot_links_white a:link {
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

table.foot_links_white a:visited {
color:#666666;
font-weight:bold;
text-decoration:none;
}

table.foot_links_white a:hover {
color:#666666;
font-weight:bold;
text-decoration:none;
}
/**** End Footer ****?



/*************End Killian Update *******************************/


/*********************************************************
/
/	END Strada Media Header Footer Update
/
/*********************************************************