span.input-prompt
{
    font-size:      9pt;  
    font-weight:    bold;  
    color:          Black;
}

td.input-prompt
{
    text-align:     right;
}

span.data-title
{
    font-size:      9pt; 
    font-weight:    bold;
    color:          Black;
}

span.data-value
{
    font-size:      9pt; 
    font-style:     italic;
    color:          Black;
}
   
.cancellation-policy-header
{
    font-size:      10pt; 
    font-weight:    bold;
    color:          Black;         
}

.cancellation-policy-text
{
    font-size:      9pt; 
    color:          Black;     
}

/*	---------------------------------------------------------------------------
	Product List
	---------------------------------------------------------------------------	*/

.product-info-title 
{
    font-size:      9pt; 
    font-weight:    bold;
    color:          Black;    
}

.product-info
{
    font-size:      9pt; 
    color:          Black;        
}

/*	---------------------------------------------------------------------------
	Possible duplicates from other files
	---------------------------------------------------------------------------	*/

.product-title
{
    font-size: 14;
    font-weight: bold;
    color: blue;
}

/*	---------------------------------------------------------------------------
	Product Detail and Availability - Availability Grid Labels
	---------------------------------------------------------------------------	*/

.lblTotalAdults
{
    position: absolute;
    top: 30px;
    width: auto;
}

.lblTotalChildren
{
    position: absolute;
    top: 55px;
}

.lblTotalInfants
{
    position: absolute;
    top: 80px;
}

.lblTotalCostPerDay
{
    position: absolute;
    top: 105px;
    font-weight: bold;
}

.tableHeader 
{
    /*font-family:Arial; font-weight:bold; font-size: 9pt; color: White; background-color: #54BBC9;"*/
    font-weight:bold; 
    font-size: 9pt; 
    color: White; 
    background-color: #54BBC9;
}















/*	---------------------------------------------------------------------------
	Phase IV 
	---------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------
	Shared 
	---------------------------------------------------------------------------	*/

.inline-error
{
    color: Red;   
}

.bookingEngineRule
{
    height: 3px;
    color: #777777; 
    background-color: #777777; 
}

.additionalInformation:link, 
.additionalInformation:visited
{
    text-decoration: underline;
}

.hotDealAlert
{
    color: Red;
    font-weight: bold;
}

/*	---------------------------------------------------------------------------
	WizardSteps.ascx
	---------------------------------------------------------------------------	*/

.wizard-step-regular
{
    font-size:      9pt; 
    color:          Gray;
}

.wizard-step-active
{
    font-size:      9pt; 
    font-weight:    bold;
    color:          Gray;    
}

A.wizard-step-link
{
    font-size:      9pt; 
    font-weight:    bold;
    color:          Gray; 
    text-decoration: none;       
}

/*	---------------------------------------------------------------------------
	HotDeal.ascx
	---------------------------------------------------------------------------	*/

.hotDealBlock
{
    margin-bottom: 15px;
    padding: 10px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;  
}

.hotDealDetail
{
    color: black;
}

/*	---------------------------------------------------------------------------
	AvailabilitySelection.ascx
	---------------------------------------------------------------------------	*/
#availabilitySearch 
{   
    width: 690px; /* prevents wrapping on window size */
}

#dateSelection
{
    float: left; 
}

.endDateSelection
{
    padding-top: 4px;
}

#submit
{
    float: left; 
    padding-top: 47px; 
    padding-left: 10px
} 

#errorMessageContainer
{ 
    padding-top: 10px; 
}          

.errorMessage
{                      
    width: auto; 
    text-align: center;
    padding: 5px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;
}

.dateSelectionInput
{
    float: left;
    padding-top: 5px;
}  

.calendarContainer
{
    width: auto;
    padding-right: 1.8em; /* spaces background image from text */
    background-image: url(/RtoWebsite/Scripts/JsCalendar/cal.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.calendarTextBox
{
    width: auto;
}  

.selectionInput
{
    float: left;
}

.dateSelectionLabel
{
    float: left; 
    width: 90px; 
    text-align: right;
    padding-top: 5px;
    padding-right: 0.5em;
}

.commonSelectionLabel
{
    float: left; 
    width: 60px; 
    text-align: right;
    padding-top: 5px;
    padding-right: 0.5em;
}

.tourSelectionLabel
{
    float: left; 
    width: 90px; 
    text-align: right;
    padding-top: 5px;
    padding-right: 0.5em;
}

.carHireSelectionLabel
{
    float: left; 
    width: 75px; 
    text-align: right;
    padding-top: 5px;
    padding-right: 0.5em;
}

.visitorSelectionContainer
{
    float: left; 
    padding-left: 10px;
}

.numericDropDown
{
    width: 40px;
}

/*	---------------------------------------------------------------------------
	SearchByAvailability.aspx
	---------------------------------------------------------------------------	*/

#search-header #subHeaderLeft
{
    float: left;
    width: 550px;
}

#search-header #subHeaderRight
{
    float: right; 
    padding-top: 20px;
    padding-bottom: 15px;
}

.sectionHeader
{
    height: 1.2em; 
    padding: .2em;
    font-weight: bold; 
    font-size: 9pt; 
    color: White    
}

.sectionHeaderLink:link
{               
    color: White;
}

.sectionHeaderLink:visited
{               
    color: White;
} 

.SearchCheckBoxList td
{
    width: 200px;
    vertical-align: top;
}

.priceRangeTitle
{
    float: left; 
    width: 120px; 
    text-align: right; 
    line-height: 24px;
}

/*	---------------------------------------------------------------------------
	SearchItemListing.ascx
	---------------------------------------------------------------------------	*/

#resultsWrapper
{   
    float: left;
    width: 665px; 
    position: relative;                                                 
    padding: 10px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;                                                                
}

#iconBlock
{
    width: 160px;
    height: 25px; 
    z-index: 300;
    position: absolute;                          
    right: 10px;
    text-align: right;                    
}

.detailItemTitle
{
    float: left; 
    width: 75px;
}

.detailItem
{
    float: left; 
    width: 134px;
}

.detailColour
{
    color: #484848;
}

.membershipIcon
{                                        
    width: 20px; 
    height: 20px;
    border: 0px; 
}

#leftColumn
{
    float: left;
    width: 120px;
}

#thumbnail
{
    float: left; 
    width: 96px; 
    height: 90px; 
    padding-left: 12px; 
    padding-top: 7px;
    background: url(/RtoWebsite/Images/BookingEngine/thumb_bg.gif) no-repeat; 
}

#selectOptions
{
    width: 96px;
    text-align: center;
}

.thumbnailImage
{
    width: 75px; 
    height: 75px;
    border: 0px; 
}

#resultContent
{
    float: left; 
    width: 540px;
}

#resultsLeft
{
    float: left; 
    width: 220px;
}

#resultsRight
{
    float: left; 
    width: 300px;
} 

#resultTitleBox
{
    height: 2.5em; 
    overflow: hidden;
}

.resultTitle
{
    font-weight: 700;
}

.classification
{
    display: block; 
    width: 220px; 
    height: 1.2em;                              
    font-weight: bold;
    overflow: hidden;
}

#description
{
    display: block; 
    font-weight: bold; 
    height: 1.2em;
}

#hotDealTitle
{
    display: block;
    font-weight: bold;
    height: 1.2em;
    color: Red;
}

/*	---------------------------------------------------------------------------
	Login.aspx
	---------------------------------------------------------------------------	*/

.credentialsItemTitle
{
    float: left; 
    width: 85px; 
    padding-top: 5px;
    text-align: right;    
}

.credentialsItem
{
    float: left; 
    width: 138px;
    padding-left: 5px;
}

.credentialsTextBox
{
    width: 130px;
}

.credentialsInfo
{
    float: left;
    width: 13px;
    padding-top: 5px;   
}

.credentialsValidator
{
    float: left; 
    padding-top: 5px;
}

#loginBox
{
    width: 145px; 
    text-align: right;
}

.loginButton
{
    width: 55px;
}

/*	---------------------------------------------------------------------------
	ServiceListing.ascx
	---------------------------------------------------------------------------	*/

#serviceListing
{
    float: left; 
    width: 670px;
}

#serviceTitle
{           
    float: left;
}

#serviceImagesBlock
{
    float: right;
}

.productImage
{
    width: 200px;
    height: auto;            
}

#serviceDetails
{
    float: left; 
    width: 460px;    
}

.serviceDescription
{
    float: left;
    width: 100%;
    padding-right: 5px; 
}  

.serviceDetailItemTitle
{
    float: left; 
    width: 185px;
}

.serviceDetailItem
{
    float: left; 
    width: 250px;
}

.vehicleDetailItemTitle
{
    /* Custom width for vehicle details (consider removing if additional items are added) */ 
    float: left;
    width: 60px;   
}

#availabilityGridBlock
{
    text-align: center;
}

#innerAvailabilityGridBlock
{
    width: 325px;  /* TODO: set as width of grid div */
    margin-left: auto; /* center block */
    margin-right: auto; /* center block */
}

#productAvailabilityGrid
{
    width: 325px; 
    height: auto; 
    padding-bottom: 2px;
    overflow-x: scroll; 
    overflow-y: hidden; 
}

.availabilityGridBackground
{
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;
}

#serviceAddBlock
{
    text-align: center;
}

/*	---------------------------------------------------------------------------
	Itinerary.aspx
	---------------------------------------------------------------------------	*/

#summaryBlock
{
    padding-left: 5px; 
    padding-right: 15px;
}

#currencyConverter
{
    float: right;
}

#addBooking
{
    float: left;   
}

#totalCostBlock
{
    float: right;
}

#totalCostTitle
{
    font-weight: bold;
}

#checkoutButton
{
    float: right;
}

/*	---------------------------------------------------------------------------
	ServiceBooking.ascx
	---------------------------------------------------------------------------	*/

#bookingIconBlock
{
    float: right;
}

#serviceBooking
{
    width: 660px; /* see also print.css */
    height: auto;
    padding: 10px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;
}

#bookingItemNumber
{
    float: left;
    width: 25px;
}

#bookingCentreColumn
{
    float: left;
}

.bookingReference
{
    float: left;
}          

.bookingInstructionsBlock
{
    float: left;
}
     
.bookingManage
{
    float: left;
    width: 100%;
    text-align: center;
}

#bookingHeader
{
    float: left;
}

#bookingDetail
{
    float: left;
    width: 590px;  /* will wrap if too large */
}

#bookingOperatorName
{
    float: left;
}

#bookingServiceName
{
    float: left;
    font-weight: bold;
}

#bookingCost
{
    float: left;
    font-weight: bold;
}

#bookingDates
{
    float: left;
}

#bookingGuests
{
    float: left;
    padding-left: 5px;
}

#bookingInstructions
{
    float: left;
}
    
.bookingGuestBlock
{
    float: left;
    padding-left: 15px;
}             

.bookingDateItemTitle
{
    float: left;
    width: 125px;
}
   
.bookingDateItem
{
    float: left;
    width: 130px;
}

.bookingCommonGuestItemTitle
{
    float: left;
    width: 60px;
}

.bookingTourGuestItemTitle
{
    float: left;
    width: 85px;
}

.bookingCarHireGuestItemTitle
{
    float: left;
    width: 75px;
}

.bookingGuestItem
{
    float: left;
    width: 20px;
}

.bookingInstructionsItemTitle
{
    float: left;
    width: 125px;
}

.bookingInstructionsItem
{
    float: left;
    width: 430px;
}

.bookingManageCommands
{
    width: 260px;
    margin-left: auto;
    margin-right: auto;  
}

.bookingManageCommand
{
    float: left;
}

.bookingManageCommandSeparator
{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

/*	---------------------------------------------------------------------------
	CustomerDetails.aspx
	---------------------------------------------------------------------------	*/

.paymentErrorMessageBlock
{
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: Red;
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;       
}

.validationSummary
{
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;
}

/*	---------------------------------------------------------------------------
	Confirmation.aspx
	---------------------------------------------------------------------------	*/
 
#pnlPrintThisPage
{
    padding-top: 10px;
    padding-right: 10px;
    text-align: right; 
}

#pnlPrintThisPage .printThisPage *
{
    vertical-align: middle;
}

#confirmationHeader
{
    float: left;
}

#userDetails
{   
    float: left;
    padding-left: 5px;
}

.itineraryCredentialsItemTitle
{
    float: left;
    width: 125px;
}

.itineraryCredentialsItem
{
    float: left;
}

.contactName
{
    font-weight: bold;
}

#pnlBookingDate
{
    font-weight: bold;
    padding-bottom: 15px;
}

#confirmationCredentials
{
    float: right;
    padding-right: 15px;
}

#pnlItineraryNumber
{
    font-weight: bold;
}

#confirmationSummaryBlock
{
    float: right;
    padding-left: 5px; 
    padding-right: 15px;                        
}

.summaryBlockPanel
{
    float: left;
}

.confirmationSummaryItemTitle
{
    float: left;
    width: 90px;
    font-weight: bold;
}

.confirmationSummaryItem
{
    float: left;
}

/*	---------------------------------------------------------------------------
	OperatorListing.aspx
	---------------------------------------------------------------------------	*/

/* Operator images (right side) */
ul#operatorImageList
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#operatorImageList li
{
	padding: 0;
	margin: 0;
	line-height: 1em;	/* fixes gap between <img> and <span> in IE */
}
ul#operatorImageList img
{
	display: block;
	width: 250px;
}
ul#operatorImageList li span
{
	background-color: #666;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	padding: 4px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}
/*	IE fix */
ul#operatorImageList img
{
	margin-bottom: -3px;
}

#operatorDetail
{
    float: left;
    width: 461px;
}

#operatorImageBlock
{
	float: right;
	width: 256px;
	margin-top: -8px;
	margin-right: -14px;
}

#mainIconBlock
{
    float: left;
}               

#starRatingIconBlock
{
    float: right;
}               

.amenities
{
    font-weight: bold;
}

.servicePanel
{
    padding-bottom: 10px;
}

.serviceBlock
{
    padding: 10px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1;
}

.operatorDetailItemTitle
{
    float: left; 
    width: 155px;
}

.operatorDetailItem
{
    float: left; 
    width: 290px;
    padding-bottom: 10px;
}

.servicesTitle
{
    font-weight: bold;
    padding-bottom: 7px;
}

#operatorDetail #payment-methods
{
    margin-top: 15px;
}

#operatorDetail table.product-details
{
	padding: 0;
	margin: 0;
	margin-top: 2em;
	border: none;
	background-color: #fff;
}

#operatorDetail table.product-details th,
#operatorDetail table.product-details td
{
	font-size: 0.9em;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

#operatorDetail td.shaded
{
	background-color: #f9f9f9;
}

#operatorDetail td.header
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#operatorDetail th
{
	background-color: #f9f9f9;
	text-align: left;
	font-weight: normal;
}

#operatorDetail th.unshaded
{
	background-color: transparent;
}

/*	---------------------------------------------------------------------------
	LastMinuteRates.aspx
	---------------------------------------------------------------------------	*/

.rateTableHeader
{
    white-space: nowrap;
    text-align: center;   
    font-weight: bold;
    width: 100px;
}

.ratesTableAccommodationColumn
{
    white-space: nowrap;
    font-weight: bold;
    background-color: #f5f7f1;
    padding-left: 5px;
    padding-right: 5px;   
}

.ratesTableFullRateColumn
{
    color: White;
    text-align: center;
    padding: 10px 6px 10px 6px; /* horizontal padding for FF */
}

.ratesTableAvailableDayRate
{
    font-weight: bold;
    background-color: #ffffff;
}

.ratesTableDayRates
{
    text-align: center;
    padding: 10px 0px 10px 0px;    
}

/*	---------------------------------------------------------------------------
	ShowAllNav.ascx
	---------------------------------------------------------------------------	*/

.pnlSubNav
{
    width: auto;
    padding: 5px 10px 5px 10px;      
    border: #cec9bf 1px solid; 
    background-color: #f5f7f1; 
}

/*	---------------------------------------------------------------------------
	Footer.ascx
	---------------------------------------------------------------------------	*/

#footer
{
    padding-bottom: 15px;
}

#footer .medalListing *
{
    vertical-align: middle;
}

#footer #details
{
    float: left;
}

#bookingEngineDetails
{
    float: right; 
    padding-right: 20px;
}