/* $Id: bookingPath.css,v 1.15 2012/02/01 14:06:35 adam.l Exp $
-----------------------------------------------------------------------------*/
@import "suitcase.css";
@import "imageViewer.css";
@import "trip.css";

/* Overrides of the standard layout for the booking path */
#cols_two_and_three{
	
	padding:10px 0;
}
.action{
	border-bottom:1px dotted #ccc;
	height:26px;
	text-align:right;
	padding:10px 0;
}
.action a.print{
	float:none !important;
}
#hotelDetails h1,
#hotelHeader h1	 { margin: 0; width: 500px; float: left; margin-bottom: 7px;}
#hotelDetails h1 span,
#hotelHeader h1 span{ margin-bottom: 10px; line-height: 0.8em; }
#hotelDetails .headerPrice { margin-bottom: 5px; width: 400px; }
#hotelDetails #saveAccom { width: 200px; float: right; }

/* Booking Path Header */
#hotelHeader { width: 736px; overflow: hidden; margin-bottom: 20px;}
#hotelHeader h1 {  width: 400px;}
#hotelHeader .headerDiv{
	float: left;
	width: 400px;
}
#hotelHeader .priceBlockAndFacilitiesContainer{
	border: 1px solid #BCBCBC;
	width: 310px;
	float: right;
}
	.priceBlockAndFacilitiesContainer div{		
		padding: 15px 20px;
	}
	.priceBlockAndFacilitiesContainer div.priceBlock{		
		padding-bottom: 5px;
		border-bottom: 1px solid #BCBCBC;
	}
#hotelHeader .priceBlockAndFacilitiesContainer div.priceBlock p{		
		
		margin: 0;
	}
	.priceBlockAndFacilitiesContainer div.packageBlock{		
		padding-top: 0px;
	}
	.priceBlockAndFacilitiesContainer ul{
		
		margin: 0 2em;
		padding: 10px 0 0 0;
	}
	.priceBlockAndFacilitiesContainer .continue{
		border-top: 1px solid #BCBCBC;
		padding: 5px 15px 5px 20px;
	}
	.priceBlockAndFacilitiesContainer .continue p{
		margin: 0;
	}
	.readMore{
		font-weight: bold;
	}

#hotelHeader .priceBlock p {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
#hotelHeader .packageBlock p a{
	float: right;
}
#hotelHeader .priceBlock p span	 {
	color: #003E6C;
	font-size: 1.2em;
}
#hotelHeader .ppriceBlock p.discount {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #000;
}
#hotelHeader .priceBlock p.discount span{
	color: #000;	
	font-weight: bold;
}

/* EOF Booking Path Header */
#hotelContent {
	/* clearance of the fb Gallery*/
	margin-top: 20px;	
}
#hotelContent .ctbText{
	float: right;
	margin: 0 0 20px 20px;	
}
#hotelImage{
	margin-top: -10px;
}


#cols_two_and_three p.nextHeading{
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
}
#cols_two_and_three div#hotelHeader img.mainImage{
	border:1px solid #ccc;
	float:left;
	padding:4px;

}
#cols_two_and_three div#hotelHeader div#hotelDetails{
	float:right;
	width:370px;
}
/* Check Avail */
#hotelContent .checkAvailAction { font-weight: bold; margin: 20px 0 5px 0; text-align: center; }
#hotelContent .checkAvailAction img{ vertical-align: middle; margin-left: 20px;}

/* hotelDetail priceBlock */
#priceBlock{
	border: 1px dotted #ccc;
	border-left:none;
	border-right:none;
	color:#003E6C;
	margin-bottom:5px;
	padding:5px 0;
}
#priceBlock p{
	margin:0;
}
#priceBlock p span{
	font-size:1.3em;
	font-weight:bold;
}
#priceBlock p span.discount{
	font-size:1.1em;
	font-weight:normal;
}
#priceBlock p span.taxesText{
	color:#656565;
	font-size:1.1em;
	font-weight:normal;
}
/* upgrade section */
#recommendsActions{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:5px;
}
#recommendsActions p{
	color:#003E6C;
	margin-bottom:3px;
}
#recommendsActions ul{
	margin-bottom:3px;
	margin-top:0px;
	list-style:none;
}
#recommendsActions li{
	background: #F7F7F7 url(../themes/sov/images/pageElements/background/recommendsActionsBg.gif) no-repeat 4px 10px;
	padding: 3px 0px 3px 12px;
	margin: 0 0 1px 0;
}

#recommendsActions li a:hover{
	text-decoration:underline !important;
}
#recommendsActions li a{
	float:right;
	width:90px;
	margin:0px 0px 0px 10px;
}

#hotelContent .addedValueBox { position: relative; padding: 50px 10px 5px 10px; background: none repeat scroll 0 0 #E0E6ED; margin-bottom: 15px;  }
#hotelContent .addedValueBox h3 { top: 3px; left: -18px; width: 189px; height: 31px; position: absolute; margin: 10px; text-indent: -9999px; background-image: url("/themes/sov/images/offers/exceptionalvalue.gif"); }
/*
#hotelGallery{
	float:left;
	position:relative;
}

*/
.hotelFeatures {
	margin-bottom: 10px;	
}
.hotelFeatures div{
	background: #fff;	
	width: 704px;
	overflow: hidden;
}
.hotelFeatures div div{
	width:48%;
}

.hotelFeatures div div ul{
	margin-left:2em;	
	color:#003E6C;
}
.hotelFeatures div ul li span{
	color:#656565;
}
*/
/* Summary and Confirmation Styling */
.extraWrapper{
	border:1px solid #999;
	margin-bottom:20px;

}
.sectionHeader{
	background:transparent url(../images/pageElements/background/searchBg.gif) repeat-x scroll left top;
	border-bottom:1px solid #999;
	color:#FFFFFF;
	font-weight:bold;
	height:14px;
	overflow:hidden;
	padding:3px 6px 6px;
}
.priceSection{
	background:#EFEDEE;
	border-top:1px solid #999;
	color:#003E6C;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	text-align:right;
}
.priceSection strong{
	color:#656565;
	float:left;
	font-size:0.8em;

}
.bookingOptions{
		/*border-bottom:1px solid #999;*/
	margin:0px 20px 10px 20px;
}
.extraWrapper p.changeOption{
		/*display:block;*/
	margin-bottom:0px;
	text-align:right;
	padding-right:20px;
}

#priceSummary,
.roundedBox{
	background-color: #00406E;
	background-image: url(../images/pageElements/background/paymentSummaryBottomBg.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	width:710px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#priceSummary div.sectionHeader,
.roundedBox div.sectionHeader	{
	background-color: #00406E;
	background-image: url(../images/pageElements/background/paymentSummaryTopBg.gif);
	background-repeat: no-repeat;
	background-position:top;
	border-bottom:none;
}
#priceSummary .bookingOptions,
.roundedBox .bookingOptions{
	background-color: #FFF;
	background-image: url(../images/pageElements/background/innerPaymentSummaryBottomBg.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	width:668px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#priceSummary p.bookingOptions,
.roundedBox p.bookingOptions	{
	background: transparent;
	color:#fff;
	width:668px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#priceSummary .bookingOptions table.price,
.roundedBox .bookingOptions table.price,
.roundedBox .bookingOptions div.innerContent{
	background-color: #FFF;
	background-image: url(../images/pageElements/background/innerPaymentSummaryTopBg.gif);
	background-repeat: no-repeat;
	background-position:top;
	border-collapse:collapse;
	border-spacing:0;
	padding-bottom:10px;
	width:668px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
.roundedBox  .bookingOptions div.innerContent{
	padding:10px;
	width:648px;
}
#priceSummary .bookingOptions table.price td,
.roundedBox .bookingOptions table.price td,
#priceSummary .bookingOptions .errata{
	padding:0 10px;
}
#priceSummary .bookingOptions table.price tr.first td{
	padding-top:10px;
}
#priceSummary .bookingOptions table.price tr.paymentRow td{
	background-color:#EFEDEE;
}
/* booking options */
.contentColourBox table,
div.flightSummary table{
		/*width:100%;*/
	border-collapse:collapse;
	border-spacing:0pt;
}
.contentColourBox table td.date{
	width:90px;
}

.contentColourBox table{
	float:none;
	width:450px;
}
table.fullWidth{
	width:100%;
}
.contentColourBox table th,
.contentColourBox table td,
.flightSummary table th,
.flightSummary table td{
	border:1px solid  #999;
	padding:3px 6px;
	vertical-align:top;
}

td.date{
	width:72px;
}
td.price, td.class{
	width:84px;
	text-align:right !important;
}
td.price{
	text-align:right !important;
}

.contentColourBox  table td.vMiddle,
div.flightSummary table td.vMiddle	{
	border-bottom:1px solid  #999 !important;
	text-align:center;
	vertical-align:middle;
}

.contentColourBox  table td.vMiddle input,
table.flightSummary   td.vMiddle input,
	td.insuranceRow1 input{
	width:auto;
}
.contentColourBox  table td.tDescription,
table.flightSummary   td.tDescription{
	text-align:left;
}
.contentColourBox  table tr.outbound td,
table.flightSummary tr.outbound td{
	border-bottom:none;
}
.contentColourBox  table tr.inbound td,
table.flightSummary tr.inbound td	{
	border-top:1px dashed  #999;
}
.tableSep {
	background-color:#F7F7F7;
	border-bottom:medium none !important;
	border-left:1px solid #F7F7F7 !important;
	border-right:1px solid #F7F7F7 !important;
	color:inherit;
	font-size:1px;
	font-weight:normal;
	height:4px;
	line-height:1px;
	padding:0px;
}
/* Secure Text
/*---------------------------------------------------------------*/
p.secureConnection strong{
	color:#095289;
}
/* Form Elements
/*---------------------------------------------------------------*/
input.text{
	width:90%;
}
.payment_details_optin{
	margin-bottom:10px;
}
/* What Happens Next
---------------------------------------------------------------*/
.paymentSummaryTitle{
	width:438px;
}
.paymentSummary{
	width:410px;
}
.paymentSummary table{
	border:none;
	width:410px;
}
/* What Happens Next
---------------------------------------------------------------*/


#postBookingInfo ul{
	margin-left:2em;
	list-style-type:square;
}

.errataBox{
	background: url(../images/pageElements/background/errataBoxMiddle.gif) repeat-y top left;
	width:710px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
}
.errataBox p{
	padding-left:50px;
}
.errataBox p.exclamation{
	background: url(../images/pageElements/background/errataBoxTop.gif) no-repeat top left;
	margin:0;
	height:36px;
	padding-top:3px;
	color:#fff;
	font-weight:bold;

}
.errataBox div.errataContent{
	background: url(../images/pageElements/background/errataBoxBottom.gif) no-repeat bottom left;
	padding-bottom:10px;
}
.errataBox div div{
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:625px;
}
.errataBox div div p{
	padding:0px 8px;
}
/*** Agents Commission ***/
#agentsCommission{
	display:none;
}
table#agentsCommission{
	width:100%;
}
table#agentsCommission th.details{
	width:400px;
}
table#agentsCommission td{
	padding:2px 5px;
}