/********************************************************************************************************************/
/****************************************		CSS CLASSES FOR ALS			*****************************************/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

/*						 							 SUMMARY						  								*/
/*------------------------------------------------------------------------------------------------------------------*/
/*	1) standard HTML elements																   					    */
/*	2) layout table																   					   				*/
/*	3) containers																   					    			*/
/*	4) Titles & text classes													   					    			*/
/*	5) navigation menu															   					    			*/
/*	6) common tables															   					    			*/
/*	7) common objects															   					    			*/
/*	8) images																   					    				*/
/********************************************************************************************************************/



/**********************************************************/
/************		standard HTML elements		***********/
/**********************************************************/

html, body#popup {
	height:100%;
	text-align:left;
}

body, textarea {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:70%;
}

body {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	text-align:left !important;
}

table, input, select, textarea {
	font-size:100%;
}

table {
	margin:0px;
	padding:0px;
}

table th {
	text-align:left;
}

a {
	color:#4B60C8;
}

a:hover {
	text-decoration:none;
}

li {
}

/********	[END] standard HTML elements [END]		*******/

/**********************************************************/
/************			layout table			***********/
/**********************************************************/

.layoutTable {
border-collapse:collapse;
margin:0px auto;
padding:0px;
width:0px;
}

.layoutTable td, .layoutLeft, .layoutTop {
	margin:0px;
	vertical-align:top;
}

.layoutBottom, .layoutBody, .layoutRight {
	margin:0px;
	padding:0px;
	vertical-align:top;
}

/********		[END] layout table [END]		***********/


/**********************************************************/
/************			containers				***********/
/**********************************************************/

.container, .container2{ /* sets the position of the page */ 
	margin-top: 10px;
	margin-bottom: 30px;
	text-align:left;
	border:1px solid #CCCCCC;
}

.container{ /* sets the width of page */ 
	width: 600px;
	overflow-x:hidden;
}

.container2 {
	width: 777px;
}

.headerMain {
	background-color:#FFFFFF;
	border-bottom:medium none;
	width:100%;
	float:left;
}

.headerSub  {
	background:#F5F5F5 none repeat scroll 0% 0%;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCCCCC;
	padding:0px;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.05em;
}

.sectionHolder {
	clear:both;
	padding:10px;
	width:auto;
}

.sectionHolder p {
	padding:10px 0;
}


.buttonHolder {
	padding:0pt 10px 10px 0pt;
	text-align:right;
}

div.photoHolder { /* allows customer to put a border and padding on a background section around photo if they need it */
	padding:2px;
	border:1px solid #CCCC99;
	text-align:center;}

div.photoHolder img {
	border:1px solid #000;
}

div.photoHolder a {
	display:block;
	padding:5px 0 2px 0;
	font-size:90%;
}

div.holidayPhotoHolder {
  width:91px;
  height:91px;
  font:normal normal normal 9pt Arial;
  color:#999999;
}

div.holidayPhotoHolder img {
  width:91px;
  height:91px;
}

.holidayPhotoHolderNoImage {
  padding-top:32px;
}

/* bottom navigation table */
.tableNavHeader {
	font-weight:bold;
	background-color:#E8F0F1;
	border-top:1px solid #CCCCCC;	
}

.tableNavHeader td {
	padding:5px 10px;
}

.tableNavHeader a{
	font-size:120%;	
	border-top:none;		
}

.footerTable{
	width: 100%;
	text-align: left;
	border-top: 1px solid #4B60C8;
	background-color: #FFFFFF;
}

.footerTable td{
	letter-spacing: 0.05em;
	font-size: 120%;
	padding-top: 3px;
	padding-bottom:20px;
}

.footerTableCopy{
	width: 600px;
	margin-bottom:30px;
	text-align: left;
	background-color:#FFFFFF;
}

.footerTableCopy td{
	letter-spacing: 0.05em;
	font-size: 90%;
	padding-top: 3px;
	padding-bottom:10px;
}

.paddingLeftRight {
	padding:0pt 10px;
}

.pu_pad_holder {
	clear:both;
	padding:10px 10px 10px 25px;
	text-align:left;
}

/******			[END] containers [END]			***********/

/**********************************************************/
/************		titles & text classes		***********/
/**********************************************************/

.textNormal {
	font-weight:normal;
}

.textBold, .opBy {
	font-weight:bold;
}

.strong {
	font-weight:bolder;
}

.textSmaller {
	font-size:90%;
	font-weight:normal;
	letter-spacing:0em;
}

.textSmall2 {
	font-size:80%;
}

.textLighter2 {
	color: #999999;	
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

h1 {
	font-size:200%;
}

h2 {
	font-size:110%;
}

h3 {
	font-size:105%;
}

h4 {
	font-size:100%;
}

h6 {
	font-size:90%;
	font-weight:normal;
}

.divTitle2 {
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0pt;
	padding:10px;
}

.sick_yellowPrice {
	color:#FFAC39;
	font-size:150%;
}

.sick_yellow {
	color:#FFAC39;
}


/**
 * CR3307225 - ALS Mark-up rules enhancements
 */
.oldPrice {
	text-decoration: line-through;
	color: #670909;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 5px;
}

.discountPrice {
	font-size: 120%;
	color: #670909;
	font-weight: bold;
	margin: 0px 5px;
}


.textMandatory {
	color:#FF0000;
	font-size:120%;
	font-weight:bold;
}

p.itemNotAvailable {
	padding:10px 25px;
}

p.xAdditionnalMessage {
	padding:0px 25px;
}

/********	[END] titles & text classes [END]		*******/


/**********************************************************/
/************		common tables				***********/
/**********************************************************/

/* error panel */

.tableError {
	background-color:#FFFFCC;
	border:1px solid #B0CCD0;
	margin:15px 10px 0px;
	text-align:left;
	width:auto;
}

.tableError td{
	padding:5px;
}

.tableError h1 {
	font-size:120%;
}
.tableError ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.tableError ul li {
	padding-top:5px;
}
/* error panel [END] */


.dateListsDisabled {
	color:#999999;
}

/* flights display */

.flight_times {
	clear:both;
}

.flight_times th {
	text-align:left;
}

.flight_times td.ft_w1 {
	padding-right:10px;
	white-space:nowrap;
	width:1%;
}

.flight_times.withIcon td.ft_w1 {
	padding:0pt 10px 0pt 30px;
}

.flight_times td.ft_w2 {
	font-size:90%;
	padding-left:30px;
}

.flight_times.ft_return {
	margin-top:10px;
}

.popup_flight {
float:left;
}

.flight_info th {
	padding:1px 10px 1px 0pt;
	vertical-align:top;
	white-space:nowrap;
}

.flight_info td {
	padding:1px 0pt;
}


.flight_title th.dep {
	background:transparent url(../img/holiday/icon_outbound.gif) no-repeat scroll 1px 50%;
	padding:2px 0px 2px 30px;
}

.flight_title th.ret {
	background: url(../img/holiday/icon_inbound.gif) 1px 50%  no-repeat;
	padding:2px 0 2px 30px;
}

.flight_info_details {
	float:right;
	width:40%;
}

.rules_info_left {
	float:left;
	margin:5px 0;
	padding-left:30px;
	text-align:left;
	width:95% !important;
}

.planeChange {
  background:url(../img/connection_flights.gif) 100px 50% no-repeat;
  border-top:1px dotted #cccccc;
  border-bottom:1px dotted #cccccc;
  color:#6A7B80;
  padding:3px 0 3px 130px;
  margin:10px 0;
  clear:both;
  } 

.returnPlaneChange {
  background:url(../img/search_flights2.gif) 100px 50% no-repeat;
 } 

#holiday_planeChange.planeChange{
  height:auto;
}

/* flights display [END] */

/* hotel display */

.check_in th {
padding:0pt 10px 1px 0pt;
vertical-align:top;
white-space:nowrap;
}

ul.hotel_address li {
	margin:0pt;
	padding:0pt;
}

/* hotel display [END] */

/* header */

ul.headerSection li {
	float:left;
	padding:7px 10px;
	vertical-align:middle;
}

ul.headerSection li.lft {
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.05em;
}

.headerSub ul.headerSection li.lft {  /* size decreased for sub title */
	font-size:110%;
	float:none;
}

ul.headerSection li.rgt {
	float:right;
	margin-left:10px;
}

ul.headerSection li.rgt a {
	font-size:90%;
}

ul.headerSection li#print {
	background:transparent url(../img/holiday/icon_printer1.gif) no-repeat scroll left center;
	padding-left:30px;
}

ul.headerSection li#email {
	background:transparent url(../img/holiday/icon_email1.gif) no-repeat scroll left center;
	padding-left:30px;
}

/* header [END] */

/*jumpto links section */

ul#jumpto {
	margin-bottom:30px !important;
}

ul#jumpto li {
	background:transparent url(../img/icon_arrow.gif) no-repeat scroll 0pt 80%;
	float:left;
	margin-right:10px;
	padding-left:12px;
	white-space:nowrap;
}

/* jumpto links section [END] */

/******			[END] common tables [END]		***********/

/**********************************************************/
/************		common objects				***********/
/**********************************************************/

.clear {
	clear:both;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}

.nowrap {
	white-space:nowrap;
	zoom:1;
}

.transparentForm {	
	display:inline;
}

.lineSeparator{
border-bottom:1px solid #CCCCCC;
}


.lineSeparator2 {
	border-bottom:1px dotted #E0E0C1;
}

.lineSeparatorPassenger {
	border-bottom:1px solid #E8F0F1;
}

/* on request tooltip */

div#tipDiv {
	background-color:#EFEFEF;
	border:1px solid #999999;
	left:0pt;
	padding:4px;
	position:absolute;
	top:0pt;
	visibility:hidden;
	width:auto;
	z-index:10000;
}

.onRequest_inari {
	background-color:#FFFFFF;
	border:1px solid #999999;
	font-size:90% !important;
	height:14px;
	margin-left:2px;
	padding:0px 3px 0pt;
	position:relative;
	top:-1px;
}

.onRequestPackageToolTip {
	padding:5px 10px;
	text-align:left;
}

/* buttons */

.buttonPage, .buttonPage2 {
	display:inline;
	font-weight:bold;
	white-space:nowrap;
}

.buttonPage a, .buttonPage a:visited, .buttonPage2 a, .buttonPage2 a:visited{
	border:1px solid #999999;
	background:#FFFFFF url(../img/buttonBGRD.gif) left bottom repeat-x;
	text-decoration:none;
	color:#000000;
	text-align:center;
	padding:1px 5px;
	font-size:110%;
	line-height:21px;
}

.buttonPage span{
	background-color:#CC0000;
	border:1px solid #999999;
	border-left:none;
	color:#FFFFFF;
	padding:1px 2px;
	font-size:110%;
}

.buttonPage span a, .buttonPage span a:visited, .buttonPage span a:hover {
	background:#CC0000 none repeat scroll 0% 0%;
	border:medium none;
	color:#FFFFFF;
	cursor:default;
	font-size:100%;
	line-height:20px;
	padding:0px;
	text-align:center;
	text-decoration:none;
}

.buttonPage a span {
	border:none;
	background:url(../img/buttonBGRD.gif) left bottom repeat-x;
	color:#000000;
	font-size:100%;
}

span.buttonEdge.edge2 {
	background-color:#CCCC99;
}

#div_traveller_details_disabled.buttonPage a { /* disabled buttons */
	color:#999999;
}

/* buttons [END] */

/* lists */

ul, ul.room_info, ul.hotel_address, ul.headerSection, ul.recap_price, ul#jumpto,
ul#booking_list, ul#conf_payConf, .buttonCollapse ul, ul.hotel_recap, ul.confStatus {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

ul.availLinks {
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
	height:15px;
}

ul.availLinks li#rgt {
	float:right;
}

ul.ap_list li {
	float:left;
	height:18px;
	overflow:hidden;
	padding-top:2px;
}

ul.ap_list li.rgt {
	float:right;
}

/* lists [END] */

#fare_shop_wrn {
  float:right; 
  top:0px;
  margin-top:0px;
  background:url(../img/holiday/warning.gif) left center no-repeat;
  padding-left:20px;
  font-weight:bold;
  font-size:110%;
  word-wrap:break-word;
  text-align:left;
}

/******			[END] common objects [END]		***********/

/**********************************************************/
/***********		navigation menu			***************/
/**********************************************************/

/* tableMenu2 is used to display the sign in / my trips / my profile links */

.tableMenu2 {
	width: 100%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
}

.tableMenu2 td {
	letter-spacing: 0.05em;
	vertical-align: middle;
} 

.tableMenu2 td.selected{
	background-color:#CCCCCC;
	color:#000000;
	padding:0px 8px;

}

.tableMenu2 a{
	text-decoration:none;
	display:block;
	background-color:#FFFFFF;
	color:#333333;
	padding:3px 8px;
}

.tableMenu2 a:hover, a.tableMenuLink3:hover {
	background-color:#EEEEEE;
}

/* divNavMenu is used to display the navigation tabs */

.divNavMenu {
	width:100%;
}

.NavMenu {
	background-color:#F5F5F5;
	border:1px solid #B0CCD0;
}

.NavMenu td {
	font-size:120%;
	letter-spacing:0.03em;
}

.NavMenu td.selected {
	background-color:#666666;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.03em;
	padding:2px 10px;
}

.NavMenu a, NavMenu a:visited {
	text-decoration:none;
	padding:2px 10px;
	display:block;
	background-color:#F5F5F5;
	width:auto ! important;
	width:100%;
	font-weight:bold;
	color:#333333;
}

.NavMenu a.selected {
  background-color:#B0CCD0;
}

.NavMenu a:hover {
	text-decoration:none;
	background-color:#E6E6E6;
}

.NavMenu td.selected a, .NavMenu td.selected a:visited, .NavMenu td.selected a:hover {
  background-color : #666666;
  color : #FFFFFF;
  padding:0px;
}

/* flow steps */

.tableProcessIndicator {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	padding-right:10px;
}

.tablePI td {
	color:#000000;
	font-size:90%;
	padding:0px 4px;
	text-align:center;
}

.tablePI td.bgrd {
	color:#999999;
}

#fare_wrn { /* warning paragraph used when check price is needed */
	background:transparent url(../img/holiday/warning.gif) no-repeat scroll left center;
	float:right;
	font-size:110%;
	font-weight:bold;
	margin-bottom:-10px;
	padding-left:20px;
}

/*********		[END] navigation menu [END]		***********/

/**********************************************************/
/************			please wait				***********/
/**********************************************************/

#divWait {
	border:1px solid #B0CCD0;
	width:450px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:50px;
	text-align:left;	
	color:#666666;
}

#divWait p {
	padding:10px 20px;
	margin:0px;
	font-weight:bold;		
}

#divWait p#title, #divWait p#indicator {
	background-color:#B0CCD0;
}

#divWait p#title {
	padding-bottom:0px;
}

/*********		[END] please wait [END]			***********/

/**********************************************************/
/************			popups					***********/
/**********************************************************/



.tableHeader td {
	background-color:#E8F0F1;
	border-bottom:1px solid #CCCCCC;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.05em;
	padding:5px 10px 5px 20px;
}

ul.headerSection li.rgt a {
	font-size:90%;
}

ul.headerSection li.rgt a.btt {
	background:transparent url(../img/icon_arrow_up.gif) no-repeat scroll 1px 50%;
	padding-left:15px;
}

.tablePopUp {
	table-layout:auto;
	width:100%;
}

.tablePopUp td.footer {
	background-color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.05em;
	padding-bottom:13px;
	padding-right:15px;
	padding-top:5px;
	text-align:right !important;
}

.tablePopUp td {
	padding:2px 10px 2px 2px;
}


/* mod mop popup */

.pu_pad_top {
margin-top:30px;
}

#mo_popup.cont {
height:100%;
padding-left:10px;
padding-right:10px;
width:95%;
}

#mo_popup .purc_table {
margin-left:20px;
}

.purc_table td {padding-bottom:2px;}
.purc_table th {font-weight:normal; vertical-align:top;}

.purc_table td {padding:1px 2px 0px 0;}

.purc_table td.line_dots {background:url(../img/lineDots.gif) 0 60% repeat-x;}
.purc_table td.pt_w1 {width:10%; white-space:nowrap; padding-right:10px ;}
.purc_table td.pt_w1 span {padding-left:10px; margin-right:10px ! important; margin-right:0;}
.purc_table td.pt_w2 {width:100%;}
.purc_table td.pt_w3 {text-align:right; white-space:nowrap; padding-left:10px; font-size:90%;}
.purc_table#eticket,
.purc_table#regularMail,
.purc_table#pickup,
.purc_table#creditCard,
.purc_table#address {margin:10px 0 10px 25px;}


/************	  [END]   popups	[END]		***********/


/**********************************************************/
/************				images				***********/
/**********************************************************/

.ImgLogo {
	background:transparent url(../img/logo.gif) no-repeat scroll left top;
	height:90px;
	width:150px;
}

.ImgHoliday {
	background:transparent url(../img/holiday/section_holiday.gif) no-repeat scroll 5px 2px;
	font-size:20px;
	height:0pt;
	padding:0px 38px 0px 0pt;
	width:40px;
}

/* progressbar images */
.imgPIline {
	background-image: url(../img/PI_line.gif);
	background-repeat: repeat-x;
	background-position:center;
}	

.imgPIline2 {
	background-image: url(../img/PI_line.gif);
	background-repeat: no-repeat;
	background-position:left center;
}	

.imgPI1 {
	background: url(../img/PI_1.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI2 {
	background: url(../img/PI_2.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI3 {
	background: url(../img/PI_3.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI4 {
	background: url(../img/PI_4.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI5 {
	background: url(../img/PI_5.gif) center no-repeat;
	width:8px;
	padding-right:5px;
}	

.imgPI6 {
	background: url(../img/PI_6.gif) center no-repeat;
	width:8px;
	padding-right:5px;	
}	

.imgPI7 {
	background: url(../img/PI_7.gif) center no-repeat;
	width:8px;
	padding-right:5px;
}	


.imgPI1b {
	background:url(../img/PI_1b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI2b {
	background:url(../img/PI_2b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 		
}

.imgPI3b {
	background:url(../img/PI_3b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}

.imgPI4b {
	background:url(../img/PI_4b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}

.imgPI5b {
	background:url(../img/PI_5b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}

.imgPI6b {
	background:url(../img/PI_6b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}

.imgPI7b {
	background:url(../img/PI_7b.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}

.imgPI1c {
	background:url(../img/PI_1c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI2c {
	background:url(../img/PI_2c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI3c {
	background:url(../img/PI_3c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	 	
}	

.imgPI4c {
	background:url(../img/PI_4c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI5c {
	background:url(../img/PI_5c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI6c {
	background:url(../img/PI_6c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

.imgPI7c {
	background:url(../img/PI_7c.gif) center no-repeat;
	width:8px;
	padding-right:5px; 	
}	

/* progressbar images [END] */

.ImgError {
	background: url(../img/error3.gif) no-repeat;
	height:18px;
	padding:2px 20px 4px 0;
}


.ImgCal, .ImgMag, .ImgLookUp {
	cursor:pointer;
	font-family:verdana;
	font-size:15px;
	height:1px;
	margin-left:0px;
	padding:0pt 1px 0pt 18px;
}

.ImgCal {
	background:transparent url(../img/cal.gif) no-repeat scroll 0% 0%;
}

.ImgHelp, .ImgHelp9 {
	cursor:pointer;
	font-size:10px;
	height:1px;
	margin:0pt 10px 0pt 2px;
	padding:0pt 12px 1px 0pt;
	zoom:1;
}

.ImgHelp9 {
	background:transparent url(../img/icon_help9.gif) no-repeat scroll left center;
}

span.ImgDownPayment , .buttonPage span.ImgDownPayment {
	background:url(../img/icon_downpayment.gif) left center no-repeat;
	padding:0px 0px 0px 27px;
	cursor: pointer;
	zoom:1;   /* force HasLayout in IE6*/
}

div.ImgDownPayment {
	background:url(../img/icon_downpayment.gif) left center no-repeat;
	width:27px;
	height:16px;
	cursor: pointer;
	zoom:1;   /* force HasLayout in IE6*/
}

.ImgStar {
	background:transparent url(../img/holiday/star.gif) no-repeat scroll left center;
	margin:0pt !important;
	padding-left:7px;
	width:11px;
}

.ImgArrowUp {
	background:transparent url(../img/icon_arrow_up.gif) no-repeat scroll 0pt 3px;
	height:10px;
	padding-right:10px;
}

.headerSub li#traveller {
	background:url(../img/holiday/section_pax.gif) 20px 2px no-repeat;
	padding-left:55px;
}

.headerSub li#flight {
	background:url(../img/holiday/section_flight.gif) 20px 2px no-repeat;
	padding-left:55px;
}

.headerSub li#car {
	background:url(../img/search_cars.gif) 20px 2px no-repeat;
	padding-left:55px;
}

.headerSub li#hotel {
	background:url(../img/section_hotel.gif) 20px 2px no-repeat;
	padding-left:55px;
}

.headerSub li#activities {
	background:url(../img/section_tour.gif) 20px 2px no-repeat;
	padding-left:55px;
}


/********	[END] images [END]	********//********************************************************************************************************************/
/******************************		CSS CLASSES FOR ALS	- AVAIL/ALT pages		*************************************/
/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------*/

/*						 							 SUMMARY						  								*/
/*------------------------------------------------------------------------------------------------------------------*/
/*	1) package containers																   					   				*/
/*	2) legend & sort																   					   			*/
/********************************************************************************************************************/

/**********************************************************/
/************		package containers			***********/
/**********************************************************/

.availPanelHeader {
	background:transparent url(../img/imgAvailHeader.gif) repeat-x scroll 0% 0%;
	border:1px solid #CCCC99;
	clear:left;
	padding:2px 10px;
}

.availPanelHeader a {
	color:#000000;
	font-size:110%;
	font-weight:bold;
}

.availPanelExpand, .availPanelCollapse {
	margin:0 0 20px 0;
	background-color: #FFF;
	border:1px solid #CCCC99;
	height:auto;
}

.availPanelExpand p, .availPanelCollapse p {
	margin:0pt 0pt 10px;
	padding:0pt;
}

.availPanelExpand a, .availPanelCollapse a {
	color:#949449;
}

.availPanelExpand .tableAvail td.buttonCollapse {
	background-color:#fff;
	border-left:none;
}

.tableAvail {
	border-collapse:collapse;
	padding:0pt;
	width:100%;
}

.tableAvail td.photo {
	padding:10px;
}

.tableAvail td.holiday_ta_w1 {
	padding:10px 15px 10px 5px;
	vertical-align:top;
	width:30%;
}

.tableAvail td.holiday_ta_w2 {
	width:35%;
	padding:10px 0px 10px 0px;
}

.tableAvail p.holiday_hotel_description {
	width:100%;
	overflow:hidden;
	display:block;
}

.tableAvail li {
	margin:0pt 0pt 5px;
}

.tableAvail td.buttonCollapse { 
	width:28%;
	background-color:#FAFAF5;
	border-left:1px solid #CCCC99 !important;
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

.tableAvail td.buttonCollapse div{
	display:block;
	margin-top:5px;
	color:#000;
}

.tableAvail td.buttonCollapse h1 {
	color:#FFAC39;
}
.tableAvail td.buttonCollapse a {
	color:#000;
}

.tableAvail td.buttonCollapse div {
	color:#000000;
	display:block;
	margin-top:5px;
}

.tableAvail td.buttonCollapse h1 {
	color:#FFAC39;
}

.buttonCollapse ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

.buttonCollapse ul li.l1 {
	padding-bottom:2px;
}

.buttonCollapse ul li.l2 {
}
.buttonCollapse ul li.l3 {
	padding-bottom:5px;
	margin-top:-3px;
}

.buttonCollapse ul li.l4 {}
.buttonCollapse ul li.l5 {}

.buttonCollapse ul li.l6 {
	margin-top:-3px;
}
.buttonCollapse ul li.l7 {
	padding-top:10px;
}

#holiday_avail ul.availLinks, #alt_hotels ul.availLinks, #alt_flights ul.availLinks, #alt_packages ul.availLinks {
	margin:0px 0px 10px;
}

/********		[END] package containers [END]		*******/


/**********************************************************/
/************		   legend & sort			***********/
/**********************************************************/

.divLegend2 {

	background-color:#F3F1EA;
	border:1px solid #CCCCCC;
	padding:3px 10px;
	margin-bottom:10px;
	height:auto;
}

.divLegend2 a {
	padding-left:10px;
}
.divLegend2 ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	width:100%;
}

.divLegend2 ul li {
	float:left;
	height:18px;
	padding-right:10px;
	white-space:nowrap;
}

.divLegend2 ul li.rgt {
	float:right;
	padding-right:0px;
	text-align:right;
	width:auto;
}

.currencyIcon {
	font-weight:bold;
	margin-right:3px;
}

/* electronic ticketing */
.legendText {
	background-color:#00BB44;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}

.sort {
	float:right;
	font-size:10px;
	margin-bottom:10px;
	padding-top:0px;
}


/************	   [END] legend & sort[END]		***********/


/**********************************************************/
/************		  mini search panel			***********/
/**********************************************************/

.search_recap_holiday {
	background-color:#FAFAF5;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	clear:left;
	width:100%;
}

.search_recap_holiday td {
	padding:10px;
}

td.toggleSearch {
	text-align: right;
	padding:5px;
}

.search_recap_holiday td#srh_left {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:43% !important;
}

.search_recap_holiday td#srh_right {
	border-top:1px solid #CCCCCC;
	width:45% !important;
}

.search_recap_holiday td#srh_right h2 {
	float:right;
}

.srh_tb1 {
	margin-top:10px;
}

.srh_tb2 {
	clear:right;
}

.srh_tb1 th, .srh_tb2 th {
	text-align:left;
}

.srh_tb1 td, .srh_tb2 td {
	padding:0px;
}

.srh_tb1 td.tb1_pad, .srh_tb2 td.tb2_pad {
	padding-right:18px;
}

.srh_tb2 td.rgt {
	padding-top:5px;
	text-align:right;
}

#holiday_avail .sort#div_mupBtn,
#holiday_alt_air .sort#div_mupBtn,
#holiday_alt_hotel .sort#div_mupBtn {
  float:left;
  margin-bottom:10px!important;
}

.div_pricing#update .buttonPage#div_mupBtn_update a {
  color:#000!important;
}

/* rooms in mini search panel */
.sectionTableSearch {
	border-collapse:collapse;
	margin:5px 0px;
}

.sectionTableSearch td, .sectionTableSearch th {
	padding:1px 5px 0px 0px;
	text-align:left;
	vertical-align:bottom;
	white-space:nowrap;
}

.sectionTableSearch th.sts_w9 {
	vertical-align:top;
}

.rooms th {
	font-weight:normal;
	padding-right:10px;
}

/************	  [END] mini search panel [END]	***********/

/**********************************************************/
/************		 	 alternates				***********/
/**********************************************************/

#holiday_alt1.availPanelCollapse {
	margin-bottom:0pt;
}

#holiday_alt1 .tableAvail, #holiday_alt4.tableAvail, #holiday_alt4.tableAvail td.buttonCollapse,
#holiday_altp.tableAvail td.buttonCollapse  {
	background-color:#FFFFDF;
}

#holiday_alt2.availPanelHeader, #holiday_alt3.availPanelHeader {
	background:#F5F5F5 none repeat scroll 0% 0%;
	border-bottom:medium none;
	font-weight:bold;
	padding:0px 10px;
}

#holiday_alt2.availPanelHeader {
	border-top:medium none;
}

.tableAvail td.holiday_ta_w1 {
	padding:10px 15px 10px 5px;
	vertical-align:top;
	width:30%;
}

.tableAvail td.holiday_ta_w3 {
	padding:10px 10px 10px 0px;
	width:55%;
}


.tableAvail td.holiday_ta_w4 {
	padding:2px 5px 2px 0px;
	width:37%;
}

.tableAvail td.holiday_ta_w5 {
	padding:2px 10px;
	width:37%;
}

#holiday_altp.availPanelCollapse {
	background-color:#FFFFDE;
}

.filterCriteria {
    background-color: #FAFAF5;
    border:1px solid #CCCCCC;
    height:auto !important;
    margin-bottom:0px;
}

.filterCriteria td, .filterCriteria th {
	padding:1px 20px 0px 0px;
	text-align:left;
	vertical-align:bottom;
	white-space:nowrap;
}

.filterCriteria select {
	margin-top:0px;
}

/********************************************************************/
/* ALTH page - styles for CR 03145957 - ALS: Support for Hotel Maps */
/********************************************************************/

/** map and side list hotel tooltip **/
.hotelTooltip div.photoHolder {
	float:left;
	margin-right:5px;
}

.hotelTooltip div.tooltipHotelName {
	padding-left:5px;
	font-weight: bold;
}

.hotelTooltip span.ImgStar {
	padding-left:7px ! important;
}

.hotelTooltip div.tooltipHotelDescription {
	width: 300px;
	margin-top: 10px;
	text-align: justify;
	clear: both;
}

.hotelTooltip h1 {
	color: #FFAC39;
	font-size: 1.2em;
	margin-bottom: 0 ! important;
}

.hotelTooltip div.buttonPage, .hotelTooltip div.seeOtherFlightDiv {
	margin-top: 5px;
	display: block;
}

/* multimap removes the hand cursor from links on its tooltip, it needs to be restored */
.hotelTooltip a.selectThisPackageLink {
	cursor: pointer ! important;
}

/* multimap removes the hand cursor from links on its tooltip, it needs to be restored */
.hotelTooltip a.tooltipLink, .hotelTooltip a.tooltipLink:hover {
	cursor: pointer ! important;
	text-decoration: underline ! important;
}

/* multimap removes the padding from the "no image available" div, it needs to be restored  */
div.hotelTooltip .holidayPhotoHolderNoImage {
	padding-top:32px ! important;
}

/* used for the side list tooltip */
.hotelTooltipContainer {
	background-color: white;
	border: 2px solid #6A7B80;
	padding: 0.5em;
	position: absolute;
	z-index: 15000;
	top: 0;
}

/** end map and side list hotel tooltip **/

/* "no map" icon for the legend at the top/bottom of ALTH */
span.imgNotOnTheMap {
	background: transparent url(../img/holiday/warning.gif) no-repeat scroll left center;
	padding-left: 20px;
}

/* "no map" icon for the warning message displayed on the hotel list view */
.nonGeoCodedWarningMsg {
	background: url(../img/holiday/warning.gif) no-repeat scroll;
	padding-left: 18px;
	padding-top: 2px;
}


/** map view side list icons **/
.altHotelMarkerClass, .defaultHotelMarkerClass, .selectedAltHotelMarkerClass {
	width: 22px;
	height: 19px;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	font-family: Tahoma,Arial,sans-serif;
}

.altHotelMarkerClass {
	background: transparent url(../img/hbp/draggableMap/map-pushpin_19x21a.gif) no-repeat scroll 1px 0;
	color: #FFFFFF;
}

.selectedAltHotelMarkerClass {
	background: transparent url(../img/hbp/draggableMap/map-pushpin_19x21b.gif) no-repeat scroll 1px 0;
	color: #000000;
}
		
.defaultHotelMarkerClass {
	background: transparent url(../img/hbp/draggableMap/map-pushpin_19x21b.gif) no-repeat scroll 1px 0;
	color: #000000;
}

.hotelNotOnTheMapClass {
	background: transparent url(../img/holiday/warning.gif) no-repeat scroll 2px center;
	height: 16px;
}
/** end map view side list icons **/

.selectedHotelPanelHeader {
	background-color: #FFFFDF ! important;
}

.fullscreenDiv {
	border: 1px solid #CCCCCC;
	background-color: #E8F0F1;
	margin: 5px;
	padding: 5px;
}

#mapDiv {
	width: 520px;
	height: 520px;
	float: left;
}

#sideList {
	float: right;
	width: 200px;
}

#showSelectedHotelBoxDiv {
	width: 100%;
	padding-left: 20px;
	margin-bottom: 5px;
}

#showSelectedHotelBox {
	vertical-align: middle;
}

/** map view side list **/
#hotelList {
	overflow-y: auto;
	height: 450px;
	width: 200px;
	border: 1px solid #999999;
	padding: 2px;
}

#hotelList li {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
}

#hotelList li span {
	display: block;
	float: left;
}

#hotelList li span.sideListIcon {
	width: 20px;
}

#hotelList li span.sideListPrice {
	font-weight: bold;
}

#hotelList li span.sideListPackageHotelName {
	padding-left: 20px;
}

#hotelList li span.sideListHotelName {
	width: 140px;
}

#hotelList li span.sideListCheckbox {
	width: 20px;
}
/** end map view side list **/

#buttonDiv {
	margin-top: 10px;
}

#mapLoader {
	background: transparent url(../img/ajax-loader-black.gif) no-repeat center center;
	height: 100%; 
}

/************************************************************************/
/* end ALTH page - styles for CR 03145957 - ALS: Support for Hotel Maps */
/************************************************************************/


/************	 	[END] alternate [END]		***********/

/**********************************************************/
/************		 	 package Details		***********/
/**********************************************************/



/************	 [END] package details [END]	***********/
