/* $Id: bookingPages.css,v 1.5 2009/04/30 13:08:55 edina.t Exp $
-----------------------------------------------------------------------------*/
@import "suitcase.css";
@import "trip.css";


#hotelDetailsHeader {
    width: 100%;
    float: left;
}
#priceBlock p{
	font-size:1.6em;
	margin-bottom:0px;
	padding-right:140px;
}
#priceBlock a img{
 	float:right;
 	margin-top:-32px;
}
.priceBlockHightlight{
	font-weight: bold;
    color: #ff6600;
}
#bookingFooter{
	background:none;
}

#detailsColumn{
	float:left;
	width:400px;
	margin-right: 2px;
}

.actionColumn{
	float:left;
	width:340px;
	margin-right: 2px;
}
#infoColumn,{
	float:right;
	width:254px;
	background-color: #FFFFFF;
}

.securityColumn, .changeButton{
	float:right;
	width:292px;
	background-color: #ff66bb;
}
.changeButton{
	margin-top: -22px;
	width:248px;
}
.changeButton img{
	border:none;
	float:none;
	margin:0pt;
	padding:0;
}
#gallery{
	background:#F4F3EF;
	border:1px solid #ff6500;
	margin-bottom:12px;
	text-align:center;
	padding:2px;
}
#gallery.atiImage img{
	height:214px;
	width:286px;
}
p.facilities{
	padding-left:6px;
}
#bookingContent #summaryContent{
	padding-top:16px;
}
#bookingContent #summaryContent h1{
	margin-top:0px;
}
#bookingContent form fieldset{
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	background-color: #f5f5f5;

}
#bookingContent .holidayElements,
#bookingContent .pricingElements{
	clear:both;
	width:100%;
}
#bookingContent .holidayElements{
	float:left;
	margin-bottom:12px;
}
#bookingContent form fieldset legend,
#bookingContent div.holidayElements p.sectionHeader{
	color:#cccccc;
	font-size:1em;
	padding: 5px;
	background-color: #303539;
	font-weight: normal;
}
#bookingContentHeader{
    color:#cccccc;
    font-size:1em;
    padding: 5px;
    background-color: #303539;
    font-weight: normal;
	width: 633px;
}
#bookingContent div.holidayElements p.sectionHeader{
	border-bottom:1px solid #CAC1B8;
	margin-left:0;
}
#bookingContent form fieldset p{
	padding:0pt 10px 0px 5px;
}
#bookingContent form fieldset table{
	margin-left: 10px;
	padding-right: 20px;
	color: #000000;
}
#bookingContent form fieldset table,
#bookingContent form fieldset table.fullWidth,
#bookingContent div.holidayElements table,
#bookingContent div.pricingElements table{
	border-collapse:collapse;
	border-spacing:0;
	width:95%;
	float:left;
}

bookingContent div.holidayElements table,
#bookingContent div.pricingElements table{

	float:none;

}
#bookingContent .holidayElements table{
	margin:0;
}
#bookingContent form fieldset table.room_option_table,
#bookingContent form fieldset table.flightOptionTable,
#bookingContent form fieldset table.extra_option_table, .details {
    width: 95%;
}
#bookingContent form fieldset table.fullWidth{
	width:100%;
}
#bookingContent form fieldset table th,
#bookingContent form fieldset table td,
#bookingContent div.holidayElements table th,
#bookingContent div.holidayElements table td, .details{
	border:1px solid  #cac0B4;
	padding:6px;
	vertical-align:top;
}
#bookingContent ul{
	margin-left:2em;
}
#bookingContent .bookExtrasBanner img {
	padding: 0px 0px 20px 0px;
	width:685px;
}
td.date{
	width:72px;
}
td.price, td.class{
	width:84px;
}
td.price{
	text-align:right !important;
}
div.pricingElements table td.price{
	font-weight:bold;
	width:144px;
}
#bookingContent form fieldset table td.vMiddle{
	border-bottom:1px solid  #cac0b4;
	text-align: center;
	vertical-align:middle;
}
#bookingContent form fieldset table td.tDescription{
	text-align:left;
}
#bookingContent form fieldset table tr.outbound td{
	border-bottom:none;
}
#bookingContent form fieldset table tr.inbound td{
	border-top:1px dashed  #cac0b4;
}
.fieldsetRightCol{
	border:1px solid #C9C1B4;
	display:block;
	float:right;
	margin:11px 0px 6px;
	padding:6px;
	width:128px;
}

.asterix { color: red;}

#bookingContent form fieldset table td {
	text-align: center;
}
.fieldsetRightCol h2,.fieldsetRightCol h2.noQuery{
	background:transparent url(themes/hnjww/images/pageElements/icons/icnHelp.gif) no-repeat left top;
	border-bottom:1px solid #C9C1B4;
	font-size:1em;
	padding-bottom:3px;
	padding-left: 23px;
	text-transform:none;
}
.fieldsetRightCol h2.noQuery{
	background:none;
	padding-left: 0px;
}
.fieldsetRightCol p{
	font-size:0.9em;
	line-height:1.4em;
}
#holiday_summary_div{
	display:none;
}
.noWrap{
	white-space:nowrap;
}
.tableSep{
	font-weight:normal;
	height:4px;
	background-color:#fff;
	color:inherit;
	border-bottom:none !important;
	border-left:solid 1px #fff !important;
	border-right:solid 1px #fff !important;
	font-size:1px;
	line-height:1px;
	padding:0px;
}
#bookingContent .pricingElements,
#errataBox, .errataBox{
	width:468px;
}

#bookingContent .pricingElements{
	background:#FFF none;
	margin-bottom:12px;
	padding:12px;
	width:512px;
}
#bookingContent .subTotal,
#bookingContent .topBorder{
	border-top:2px solid #cac0b4;
}
#bookingContent .subTotal{
	border-bottom:medium none;
	margin-bottom:0px;
}
#bookingContent .pricingElements p,
#bookingContent .pricingElements table{
	width:504px !important;
	margin:0px;
}
#errataBox{
	border-bottom:none;
}
#errataBox ul,
.errataBox ul{
	margin-left:2em;
	list-style-type:square;
}
#agentsCommission{
	display:none;
}
/* Additional Spacing
/*---------------------------------------------------------------*/
.topMargin{
	margin-top:12px !important;
}
input.email{
	width:	16em;
}
/* Aggent Specic*/
tr.agentsTsAndCsRow{
	padding-top:5px;
}
.agentsTsAndCsSelect{
	float:left;
	margin-top:10px;
}
.agentsTsAndCs{
	float:right;
}
.agentsTsAndCs ul.agentLogin{
	margin-top:0px;
}
ul.agentLogin li span{
	font-weight:bold;
}