/*Select*/

.selection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFF;
}
.selection th {
	border-bottom: 1px solid #ccc;
}
.selection td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 9px;
}
.selection td.price, .selection th.price {
	font-size: 14px;
	color: #aa1019;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: bold;
}
.selection td.divide, .selection th.divide {
	border-left: 1px solid #ccc;
}

.selection td.divideSex
{
	border-left: 1px solid #ccc;
	text-align:center;
}

.selection td.info{
	border-top: 1px solid #ccc;
}
.selection tr.selectedJourney
{
	background-color: #F1F1F1;
}


#bookingpage #bookingimage
{
	float:left;
	padding-left: 4px;
	margin-top: 15px;

}

.havproblems a {
	color: #aa1019;

}



#bookingpage #bookingprogress
{
	float:right;
	clear: right;
	margin-top: 15px;
}

#bookingpage h2 
{
	clear: both;
	color: #92833e;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}



#bookingpage #divJourneyHeaderOutDayNav,#bookingpage #divJourneyHeaderReturnDayNav
{
	float: right;
	color: #06C;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin-top: 15px;
}
#tblJourneyDetails th a, #tblJourneyExtrasOutward th a, #tblJourneyExtrasReturn th a
{
	color: #aa1019;
}

#bookingpage #divJourneyHeaderOutDayNav a,#bookingpage #divJourneyHeaderReturnDayNav a {
	color: #aa1019;

	}

#divJourneyHeaderOutDayNav .prev, #divJourneyHeaderReturnDayNav .prev {
	float: left;
	margin-top: -5px;
	margin-right: 5px;
	background: url(../images/prev_bg.jpg) no-repeat top;
	width: 87px;
	height: 17px;
	}
	
#divJourneyHeaderOutDayNav .prev a, #divJourneyHeaderReturnDayNav .prev a {
	position: relative;
	top: 3px;
	left: 7px;

	}


#divJourneyHeaderOutDayNav .next, #divJourneyHeaderReturnDayNav .next {
	float: left;
	background: url(../images/next_bg.jpg) no-repeat top;
	width: 61px;
	height: 17px;
	margin-top: -5px;
	margin-right: 12px;
	}

#divJourneyHeaderOutDayNav .next a, #divJourneyHeaderReturnDayNav .next a {
	position: relative;
	top: 3px;
	left: 6px;

	}


	
#tblJourneyDetails 
{
	margin-left: 6px;
	border:0px;
}

#pnljourneyselect
{
	padding-left: 10px;
}
#tblJourneyDetails th, #tblJourneyExtrasOutward th, #tblJourneyExtrasReturn th
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	color: #aa1019;
	font-size: 12px;
	padding-left: 6px;
}

/*
.journeyheader2 {
	width: 750px;
	}
*/

#clearextras
{
	text-decoration: underline;
	font-weight: bold;
	color: #aa1019;
	font-size: 10px;
}
#tblExtrasSelect
{
	border: 0px;
}
#tblJourneyDetails p
{
	padding: 0px;
	margin: 0px; 
}
#tblJourneyDetails tbody #tablefooterrow, #tblJourneyDetails tbody #tablefooterrow #tablefootercell
{
	border: 0px;
}
.menu
{
	border: 0px;
}
.footnote
{
	font-size: 10px;
	color: #999;
}

.footnote a {
	color: #aa1019;
	}

#divvalidation
{
	float: left;
	
}

.on2pad {
	position: relative;
	top: -1px;
	z-index: 0;
	#z-index: -10000000;
	}
#divproceed
{
	float: right;
}
#lblFareDesc, #lnkOutSeating, #lnkReturnSeating
{
	color: #aa1019;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}
#pricebox a {color: #aa1019; text-align: right;}
#pricebox #lblFareDesc, #billingcontainer #lblFareDesc {  font-size: 10px; display: inline-block;}
#pricebox #lblFareDescDetail, #billingcontainer #lblFareDescDetail{font-size: 9px; display: inline-block;}
#pricebox .tickettype, #billingcontainer .tickettype { font-size: 12px; display: inline-block;}

.validationMessage
{
	float: right;
	color: red;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
}
#lblOutSeatingError, #lblReturnSeatingError
{
	color: red;
	font-size: 12px;
	padding-top: 4px;
}


.tickettype
{
	color: #92833e;
	font-size: 15px;
	font-weight: bold;
}
#lblFareDescDetail
{
	color: #92833e;
	font-size: 12px;	
}
.divide
{
	border:0px;
	background-color: #fff;
}
.rightborder
{
	border-right: 1px solid #ccc;
}
.availabletext
{
	color: #aa1019;
	font-size: 10px;
	font-weight: bold;
}

.tickettypebook {
	float: left;
	width: 700px;
	}

/* End Select */

/* Passengers */

#divSummaryOutLabel
{
	float: left;
	margin-left: 2px;
}
#divSummaryReturnLabel
{
	float: left;
	clear: right;
	margin-left: 14px;
}

.subheading
{
	
	width: 760px;
	margin-left: 3px;
	margin-bottom: 10px;
}

#divJourneySummaryOutDetail
{
	clear:left;
	margin-top: 10px;
	margin-left: 3px;
	width: 363px;
	float: left;
	border: 1px solid #ccc;
	color: #111;
	font-size: 10px;	
	padding: 4px;
}
#divJourneySummaryReturnDetail
{
	margin-top: 10px;
	margin-right: 6px;
	width: 364px;
	float: right;
	border: 1px solid #ccc;
	color: #111;
	font-size: 10px;	
	padding: 4px;
}
#divPrice
{
	clear: both;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 739px;
	float: left;
	border: 1px solid #ccc;
	color: #aa1019;
	font-size: 12px;	
	padding: 10px;
}

#divPrice a
{
	color: #aa1019;
}

#Price
{
	font-size: 16px;	
}
#tblPassengerDetails
{
	margin-left: 4px;
	width: 760px;
}
#tblPassengerDetails th p
{
	text-align: left;
	color: #aa1019;
	font-size: 12px;	
}
#tblPassengerDetails td
{
	color: #111;
	font-size: 10px;	
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#tblPassengerDetails input,select {
	color: #111;
	font-size: 10px;
	width: auto;
}
#tblPassengerDetails #last {
	border-right: 1px solid #ccc;
}


.labelleft label {
	float: left;
	width: 376px;
	font-size: 12px;
	margin-bottom: 7px;

	}

.labelright {
	float: left;
	width: 160px;
	text-align: left;
	margin-bottom: 7px;

	}
	
.amountd {
	text-decoration: underline;
	color: #92833e;
	}
.webdis {
	font-style: italic;
	}
.bolder {
	font-weight: bold;
	}



/*End Passengers */

/* Payment */

.pagecontent {
	margin-left: 4px;
}

.validator {
	font-size: 9px;
	text-align: right;
	padding-right: 4px;
}

label.amount {
	float: left;
	clear:left; 
	width: 110px;
	}
label.amountdue {
	float: left; 
	width: 110px;
	font-size: 12px;
	font-weight: bold; 
	}


span.amountdue 
{
	float: left;
	color: #92833e;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	width: 80px;

}

span.amount 
{
	float: left;
	width: 80px;
	text-align: right;
	color: #92833e;
	}
	
label {
	font-size: 9px;
	color: #aa1019;
	vertical-align: middle;
}
#tbladdress td, #tblcontact td, #tblcarddetails td {
	padding-bottom: 4px;	
	vertical-align: middle;
}
.inputcell {
	text-align: left;
}

#addressbox input, #contactbox input, #pricebox input, #carddetailsbox input,#addressbox select, #contactbox select, #pricebox select, #carddetailsbox select {
	font-size: 10px;
}

#addressheader {
	margin-top: 4px;
}

#addressbox, #contactbox, #pricebox {
	
	border: 1px solid #ccc;	
	padding: 4px;
	width: 360px;
	margin-top: 10px;
}



#carddetailsbox {
	float: left;
	border: 1px solid #ccc;	
	padding: 4px;
	width: 360px;
	margin-top: 10px;
}

#contactheader {
	margin-top: 15px;
}

#priceheader {
	margin-top: 4px;
}

#lblFareTotal 
{
	float: left;
	width: 80px;
	padding-left: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #aa1019;
	text-align: right;


}

#carddetailsheader {
	margin-top: 15px;
}

#leftdiv {
	float: left;
}
#rightdiv {
	width: 374px;
	margin-left: 0px;
	float: right;
}
#divCardholderNameMsg {
	float: left;
	margin-top: 5px;
	font-size: 10px;
	color: #999;
	width: 370px;
	clear: both;
}

.findme {
	border: 1px solid red;
	}

#chkemail {
	margin-top: 5px;
	border-top:  1px solid #ccc;
}
/* End Payment */


/* Review */
#amendcontainer {
	margin-top: 20px;
	}

#outcontainer {
	width: 100%;
	float: left;
}
#returncontainer {
	width: 375px;
	float: left;
	margin-top: 4px;
	margin-left: 14px;
}
#divOutwardBox, #divReturnBox {
	float: left;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 4px;
	width: 364px;
}

#divReviewSummaryReturn{
	float: left;
	width: 375px;
	margin-left: 16px;

	}

#divReviewSummaryOutward {
	float: left;
	width: 375px;
	}
	
#divAmendBox {
	float: left;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 4px;
	width: 756px;
	margin-bottom: 10px;
}
#divAmendBox p {
	margin: 0px;
}
.noreturn {
	background:url(../images/no_return_journey.gif) no-repeat right top;	
}
.noamends {
	color:#999999;
	background:url(../images/non-ammendable.gif) no-repeat right top;
}
#divOutwardTotalFare, #divReturnTotalFare {
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #aa1019;
	margin-top: 10px;
}

#lblReturnTotalFare, #lblOutTotalFare {
	padding-left: 10px;
	color: #93822e;
	
	}
.reviewAmend {
	float: left;
	margin-bottom: 20px;
	border:  1px solid #ccc;
	border-top: 0px;
	height: 35px;
	width: 372px;
	margin-right: 1px;
}

.reviewAmendbill {
	position: relative;
	float: right;
	margin-bottom: 20px;
	border:  1px solid #ccc;
	border-top: 0px;
	height: 35px;
	width: 372px;
	margin-top: -4px;
	right: 1px;

	}

.reviewAmendpass {
	float: left;
	margin-bottom: 20px;
	border:  1px solid #ccc;
	border-top: 0px;
	height: 35px;
	width: 372px;
	}
.AmendSectionlink a {
	color: #aa1019;
	}


.amend_text {
	float: left;
	width: 500px;
	}

.reviewAmendEntire
{
	float: right; 
	width: 180px;
	padding: 0px 30px 5px 0;
}
#AmendBookingButtons {
	margin-bottom: 15px;
}

.problems_rev a {
	clear:both;
	float:left;
	width:100%;
	color: #aa1019;
	
	}



/*#passengeramend								
{
	clear:left;
	margin-bottom: 20px;
	border:  1px solid #ccc;
	text-indent: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #06C;
	background: url(../images/bg_amendbutton.gif) no-repeat bottom right;
	width: 762px;
	height: 35px;

}*/
#divbookingfee
{
	width:762px;
}
#divbookingfee p
{

	float:left;
	margin-top: 6px;
}

.floattext
{
	float:left;
}


/*#btnAmendSelectlink, #btnAmendPassengerlink, #btnAmendPaymentlink
{
	vertical-align:text-bottom;
	float: right;
	padding-right: 8px;
	padding-top: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #06C;
}

#btnAmendSelectlink a, #btnAmendPassengerlink a, #btnAmendPaymentlink a
{
	
}
*/

.hiddenbutton
{
	display:none;
}


#vouchercontaier {
	clear:left;
	float:left;	
	width: 375px;
	margin-top: 10px;
}
#confirmationcontainer {
	clear:left;
	float:left;	
	width: 375px;
	margin-top: 10px;
}
#reviewacceptance
{
	margin-top: 10px;
	width: 762px;
	margin-bottom: 5px;
}
#reviewacceptance label
{
	float: left;
}
#reviewacceptance br {
	clear: both;
}
#chkAcceptTerms {
	float: left;
}

#confirmbox {
	float: left;
	width: 372px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
	clear:both;
}

#confirmbox #lblMemberEmail
{
	font-size: 10px;
	font-weight: bold;
	color: #aa1019;
	/*padding-right: 90px;*/
}
#confirmbox #lblSendConfirmMsg
{
	font-size: 12px;
	font-weight: bold;
	color: red;
	/*padding-right: 90px;*/
}


#confirmbox label
{
	color: #000000;
	padding-right: 180px;
}

#passengerbox,voucherbox {
	margin-top: 4px;
	border: 1px solid #ccc;
	height: 165px;
	overflow: auto;
	padding: 4px;
	width: 364px;
	float: left;
}




#billingselectionbox
{
	float: left;
	width: 364px;
	margin-top: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px;
}
#billingselectionbox p
{
	font-size: 12px;
	font-weight: bold;
	color: #aa1019;
}

#billingselectionbox #lblTotalFee, #billingselectionbox #lblCardAmount, #billingselectionbox #lblOverpaidAmount
{
	float: right;
	font-size: 16px;
	font-weight: bold;
	color: #92833e;
}

.billbox_ttl {
	float: left;
	width: 262px;
	font-size: 12px;
	color: #aa1019;
	font-weight: bold;
	height: 20px;
	
	}
.billbox_amount {
	float: left; 
	width: 100px;
	text-align: right;
	color: #92833e;
	font-size: 12px;
		height: 20px;

	
	}


#billingcarddetailbox
{
	float: left;
	width: 372px;
	border: 1px solid #ccc;
	min-height: 80px;
	margin-bottom: 4px;
	margin-left: 16px;
}

.passengerrow, .voucherrow
{
	margin-bottom: 3px;
}
.passenger, .voucher
{
	font-size: 12px;
	font-weight: bold;
	color: #aa1019;
	padding-right: 90px;
}

#carddetailsleft,#voucherdetailsleft {
	padding: 4px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #aa1019;
}
#voucherdetailsleft
{
	clear:both;
}
#carddetailsright,#voucherdetailsright {
	padding: 4px;
	float:right;
	width: 180;
	margin-right: 4px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}



#billingcontainer {
	float: left;
	width: 375px;
	margin-left: 16px;
	margin-top: 10px;
}

.footnote .chkAcceptTerms, #lblValidationTandC
{
	float:right;
	margin-top: 10px;
	
}


.what_amend {
	float: left;
	color: #fff;
	width: 50px;
	position: relative;
	top: 18px; 
	left: 9px;
	font-weight: bold;
	

	}
.what_cancel {
	float: left;
	color: #fff;
	width: 50px;
	position: relative;
	top: 18px; 
	left: 9px;
		font-weight: bold;

	}

.rev_amend_btn {
	float: left;
	background: url(../images/plain.jpg) no-repeat top left;
	width: 68px;
	height: 68px;
	text-align: center;
	margin-left: 10px;


	}
.rev_cancel_btn {
	float: left;
	background: url(../images/plain_g.jpg) no-repeat top left;
	width: 68px;
	height: 68px;
	text-align: center;
	}

.can_am_btns {
	float: right;
	width: 150px;
	}


.pass_bill_cont {
	width: 100%;
	
	}


#passengercontainer {
	clear:left;
	float:left;	
	width: 375px;
	margin-top: 10px;
}

.btnBlueLeftconfirm {
	display: block !important;
	font-weight: bold !important;
	color: #ffffff !important;
	background: url(../images/plain_btn_red.gif) no-repeat bottom left;
	float:right;
	width:75px;
	height: 75px;
	padding-right:11px;
	padding-bottom: 5px;
	cursor:pointer;
	text-align: center;
}

.btnBlueLeftconfirm span {
	color: #fff !important;
	position: relative;
	top: 20px;
	left: 0px;
	font-size: 9px;
	
	
	}

.confirm_btns {
	float: left; 
	width: 100%;
	}

a.btnBlueconfirm {
	display: block !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #9f8822 !important;
	text-align:left;
	float:left;
	padding-left: 4px;
	margin-top: 60px;
	
}


/* End Review */

/* Seating */

#seatingplan
{
	margin-top: 6px;
	margin-left: 4px;
	padding-right: 5px;
	margin-bottom: 6px;
	clear:left;
}

#seatingplan td
{
	color: #999;
	font-size: 10px;
}

#seatingplan h2
{
	margin-bottom: 50px;
}

#lblSeatsRemaining
{
	font-size: 20px;
	text-align: center;
}

#lblSeatsRemaining
{
	width: 20px;
}

.shiptext
{
	color: #fff;
	padding-left: 20px;
}

.seatHiddenLabel
{
	display:none;
}
.seatAvailableForward
{
	padding:0px;
	background: url(../images/seats/img_seat_forward_white.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.seatUnavailableForward
{
	padding:0px;
	background: url(../images/seats/img_seat_forward_gray.GIF) no-repeat;
	color:black !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatSelectedForward
{
	padding:0px;
	background: url(../images/seats/img_seat_forward_blue.GIF) no-repeat;
	color:white !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

/*Backward Seats*/
.seatAvailableBackward
{
	padding:0px;
	background: url(../images/seats/img_seat_backward_white.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	
}
.seatUnavailableBackward
{
	padding:0px;
	background: url(../images/seats/img_seat_backward_gray.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatSelectedBackward
{
	padding:0px;
	background: url(../images/seats/img_seat_backward_blue.GIF) no-repeat;
	color:white !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

/*Left Seats*/
.seatAvailableLeft
{
	padding:0px;
	background: url(../images/seats/img_seat_left_white.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatUnavailableLeft
{
	padding:0px;
	background: url(../images/seats/img_seat_left_gray.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatSelectedLeft
{
	padding:0px;
	background: url(../images/seats/img_seat_left_blue.GIF) no-repeat;
	color:white !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

/*Right Seats*/
.seatAvailableRight
{
	padding:0px;
	background: url(../images/seats/img_seat_Right_white.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatUnavailableRight
{
	padding:0px;
	background: url(../images/seats/img_seat_Right_gray.GIF) no-repeat;
	color:navy !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.seatSelectedRight
{
	padding:0px;
	background: url(../images/seats/img_seat_Right_blue.GIF) no-repeat;
	color:white !important;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

/* End Seating */

/* Cancel Booking */

#tblcancel
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#tblcancel td
{
	font-size: 11px;
	font-weight: bold;
	color: #06C;
}

/****************************/
#OutRouteDetails
{
	float: left;
	width: 375px;
	margin-top: 4px;
	margin-left: 14px;
	margin-bottom: 10px;
	border-top:  1px solid #ccc;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	padding: 4px;
}

#RetRouteDetails
{
	float: left;
	width: 375px;
	margin-top: 4px;
	margin-left: 14px;
	margin-bottom: 10px;
	border-top:  1px solid #ccc;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	padding: 4px;
}
#CancelDetails
{
	float: left;
	width: 375px;
	margin-top: 4px;
	margin-left: 14px;
	margin-bottom: 10px;
	border-top:  1px solid #ccc;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	padding: 4px;
}

/* End Cancel Booking */

/* Confirmation */

#divlnkPrint
{
	clear:left;
	float:left;
}

#divlnkPrint a {color: #aa1019;}
#confirmationContent
{
	
	margin-top: 10px;
	float:left;
	padding-left: 30px;
	text-align: center;	
}

#confirmationContentVoucher
{
	float: left;
	width: 770px;
	margin-top: 10px;
	float:left;
	text-align: center;	
}

/* End Confirmation */

/* Timeout */

#timoutpagetext
{
	padding-top: 20px;
	clear: both;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #06C;
}

/* Timeout */

.readOnlyText
{
	border: 0px;
	color: #92833e;
}

.asterisk
{
	color: #ff0000;
}
/* booking info */
.bookinginfocontainer
{
	text-align: left;
	margin-top: 4px;
	padding: 4px;
	border: 1px solid #cccccc;
	width: 374px;
}
.closelink
{
	width: 364px;
	text-align: center;
	font-weight: bold;
	color: #06C;
}
.closelinkvehicle
{
	width: 750px;
	text-align: center;
	font-weight: bold;
	color: #06C;
	margin-top: 4px;
	margin-bottom: 4px;
}
.tblbookinginfo
{
	margin-top: 4px;
	margin-left: 4px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
.tblbookinginfo td
{
	font-size: 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	padding: 2px;
}
.helpLink
{
	color: red;
	font-size: 9px;
	font-weight: bold;
	padding: 0px;
}


#lblCardholderNameMsg {
	float: left;
	width: 100%;
	clear: both;
	}
	
.print_header 
{
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}

.print_logo 
{
	float: left; 
	}

/* end booking info */