/*
 *	Stylesheet for Hotels by Wyndham VRAP by Troy Lutton 15/09/2007
*/

*
{
	font-family:arial;
	font-size:11px;
	text-align:left;
}
a {
	color:#4c9bae;
}
a:hover
{
	text-decoration:underline;
}
html,body
{
	text-align:center;
	margin:0px 5px;
	padding:0px;
	margin-bottom:10px;
}

form
{
	display:inline;
}

h1, h2, h3, h4
{
	color:#017C8B;
}
/* -------------------------- BODY -------------------------- */

#BodyContainer
{
    margin:auto;
    padding:0px;
    background:#FFFFFF;
    /*background:#CCC;*/
    width:900px;
}

/* -------------------------- HEADER / FOOTER -------------------------- */

#HeaderBox
{
	height:55px;
	width:100%;
	margin:0px;
	margin-top:20px;
	margin-bottom:3px;
}
#HeaderLogoLeft
{
	float:left;
}
#HeaderLogoRight
{
	float:right;
}
#BannerTop
{
	margin-bottom:5px;
}

/* -------------------------- HOME CONTAINERS & BOXES -------------------------- */

#destinationList
{
	width:100%;
}
#GridBodyColumn
{
	clear:right;
    float:right;
    width:710px;
 	margin:0px;
}
#GridBodyColumn a:hover
{
	text-decoration:none;
}
#GridBodyColumn a
{
	text-decoration:underline;
}
#GridBodyColumn h1
{
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
}
#GridBodyColumn h2
{
	font-size:14px;
	margin-top:0px;
	margin-bottom:10px;
}
#HomeBannerBox
{
    width:100%;
 	margin:0px;
	margin-bottom:5px;	
}
#HomeInfoContainer
{
    width:100%;
 	margin:0px;
	clear:both;
}
#HomeInfoContainer .spacer
{
	width:5px;
	float:left;
	height:100px;
}

/* -------------------------- NAV TOP AND BOTTOM -------------------------- */

#NavTop
{
	clear:both;
	height:15px;
	margin-bottom:5px;
}
#NavTopLeft
{
	float:left;
}
.nav a
{
    font-size: 12px;
	color: #707173;
    text-decoration: none;
    font-weight:bold;
}
.nav a:hover
{
    text-decoration: underline;
}
.nav a:visited
{
    color: #707173;
}
.NavSeparator
{
	padding:0px 5px;
	text-align:center;
    font-size: 12px;
    color: #959495;
}
#NavTopRight
{
	float:right;
}
#FooterBox
{
	padding-top:10px;
	width:100%;
	clear:both;
}
#NavBottomLeft
{
	float:left;
}
#NavBottomRight
{
	float:right;
}

/*------------------------*/


/* start 'more details' type links */
.ButtonClickThrough
{
	float:right;
	font-weight:bold;
	line-height:1px;
}
.ButtonClickThrough img, .ButtonClickThrough input
{
	vertical-align:middle;
}
.ButtonClickThrough a
{
	color:black;
	text-decoration:none;
}
.ButtonClickThrough a:hover
{
	color:black;
	text-decoration:underline;
}





#GridLeftColumn
{
	clear:left;
    float:left;
    width:180px;
	margin-right:5px;
}
#NavLeftDestinationBox
{
	clear:both;
 	margin:0px;
	margin-bottom:5px;
	border:1px solid #9ACBD2;
	background-color:#9ACBD2;
}
#NavLeftDestinationBox .title, #NavLeftSignupBox  .title
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}
#NavLeftSignupBox  .title
{
	color:#017B88;
}
#NavLeftDestinationBox .content, #NavLeftSignupBox  .content
{
	margin-bottom:10px;
}
#NavLeftSignupBox .content input
{
	width:150px;
}
#NavLeftBookingBox
{
	clear:both;
	margin-bottom:5px;
	border:1px solid #7EBDC4;
	background-color:#FFFFFF;
}
#NavLeftBookingBox .crownTitle
{
	color:white;
	font-weight:bold;
	background-color:#017C8B;
	padding:5px 10px 5px 10px;
	background-image:url('/images/crown_home_small.gif');

	font-size:12px;
	height:20px;
	line-height:20px;
}
#NavLeftBookingBox .content
{
	padding:5px 5px 5px 5px;
}
#NavLeftSignupBox, #NavLeftDestinationBox
{
	padding:10px 10px 10px 10px;
}
#NavLeftSignupBox
{
	clear:both;
	border:1px solid #E4E4E4;
	background-color:#E4E4E4;
}

#NavLeftBookingBox input
{
	width:100px;
	text-align:center;
}
#NavLeftBookingBox img
{
	vertical-align:middle;
}
#NavLeftBookingBox select
{
	/*width:125px;*/
	text-align:center;
}

/* start homepage containers */
#GridContentContainer
{
	clear:left;
    float:left;
    width:900px;
 	margin:0px;
	margin-right:10px;
	margin-top:5px;
}
.HomeInfoBox
{
	width:350px;
	float:left;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #7EBDC6;
	height:165px;
}
.HomeInfoBox .title
{
	color:white;
	font-size:12px;
	font-weight:bold;
	height:20px;
	overflow:hidden;
	line-height:20px;
	background-color:#017C8B;
	padding:5px 10px 5px 10px;
}
.HomeInfoBox .description
{
	overflow:hidden;
	padding:5px;
}
.HomeInfoBox .ButtonClickThrough
{
	margin-top:10px;
	margin-right:5px;
	vertical-align:bottom;
}


/***********************************/

/* -------------------------- TABLES -------------------------- */

#GridBodyColumn td, GridBodyColumn th {	
	padding:5px;
	border-collapse:collapse;
	border:1px solid #959495;
	margin:0px;
}

#GridBodyColumn table {
	border-collapse:collapse;
}

/* -------------------------- TABLES -------------------------- */

.termsStar
{
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}

.propertyDropDown
{
	width:165px;
}

/* Popup Calendars */

.calendarField
{width:80px;text-align:center;display:inline;vertical-align:middle;background-color:white;}

.calendarImg
{cursor:hand;cursor:pointer;margin-right:5px;vertical-align:middle;}

.calendarDiv
{display:none; position:absolute;width:175px;height:160px;margin-top:20px;z-index:1000;}

.calendarDiv table
{width:100%;}

#brown {
	background-color:white;
	margin-top:10px;
}
#brown td, #brown th {
	border:1px solid white;
	padding:5px;
}
#brown th {	
	background-color: #d1b796;
}
#brown td {	
	background-color: #e5d6c3;
	text-align:center;
}
/* END Popup Calendars */

.redStar
{
	font-weight:bold;
	font-size:16px;
	color:#B81237;
	vertical-align:middle;
	text-align:center;
	margin-left:3px;
}
#enquiryForm table, #enquiryForm td
{
	border:0px;
	margin:3px 0px 3px 0px;
}
#enquiryForm td
{
	vertical-align:middle;
	padding:3px 3px 3px 3px;
}
#enquiryForm fieldset
{
	padding-top:5px
}

#availabilityTable
{
	width:100%;
}

#availabilityTable input
{
	vertical-align:middle;
}



/* Booking forms styles */

.bookNav
{
	margin:10px 0px 10px;
	background-color:#EAE9E9;
	height:21px;
	width:100%;
}

.bookNavBtnRight
{
	float:right;
	cursor:pointer;		
	width:100px;
	height:21px;
}
.bookNavBtnLeft
{
	float:left;
	cursor:pointer;		
	width:100px;
	height:21px;
}

/* Booking tables look and feel */

/* blue grey 
.bookingTable
{	
	width:100%;
	background-color:#D6D8DB;
	border:1px solid #0074BE !important;
}
.bookingTable td
{
	vertical-align:middle;	
	border:none !important;
	padding:4px 4px 4px 4px !important;
}
.bookingTable th 
{
	color:#ffffff;
	padding:5px 5px 5px 5px;	
	border-bottom:1px solid white;
	background-color:#0074BE;	
}
.bookingRowEven
{	
	background-color:#D6D8DB;
}
.bookingRowOdd
{
	background-color:#4991CE;	
}
.bookingPackagePrice
{
	font-size:12px;
	font-weight:bold;
}
.bookingCurrency
{
	font-size:9px;
}
.bookingTable .name
{
	clear:both;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.bookingTable .occupants
{
	clear:both; 
	font-size:12px;
	font-weight:bold;	
	margin-bottom:5px;
}
.bookingTable .description
{
	clear:both;
	margin-bottom:5px;
}
.bookingTable input, .bookingTable textarea
{
	padding-left:2px !important;
	vertical-align:middle;	
}
.bookingTotal
{
	font-weight:bold;font-size:14px;
}
.bookingTotalPrice
{
	font-weight:bold;color:#B81237;font-size:18px;
}
.bookingSubtitle
{
	background-color:#4991CE !important;color:black !important;border-top:1px solid white !important;
}
.bookingIDNum
{	
	size:16px;
	font-weight:bold;	
}
*/

/* blue
.bookingTable
{	
	width:100%;
	background-color:#95B7E0;
	border:1px solid #0074BE !important;
}
.bookingTable td
{
	vertical-align:middle;	
	border:none !important;
	padding:4px 4px 4px 4px !important;
}
.bookingTable th 
{
	color:#ffffff;
	padding:5px 5px 5px 5px;	
	border-bottom:1px solid white;
	background-color:#0074BE;	
}
.bookingRowEven
{	
	background-color:#95B7E0;
}
.bookingRowOdd
{
	background-color:#4991CE;	
}
.bookingPackagePrice
{
	font-size:12px;
	font-weight:bold;
}
.bookingCurrency
{
	font-size:9px;
}
.bookingTable .name
{
	clear:both;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.bookingTable .occupants
{
	clear:both
	font-size:12px;
	font-weight:bold;	
	margin-bottom:5px;
}
.bookingTable .description
{
	clear:both;
	margin-bottom:5px;
}
.bookingTable input, .bookingTable textarea
{
	padding-left:2px !important;
	vertical-align:middle;	
}
.bookingTotal
{
	font-weight:bold;font-size:14px;
}
.bookingTotalPrice
{
	font-weight:bold;color:#B81237;font-size:18px;
}
.bookingSubtitle
{
	background-color:#4991CE !important;color:black !important;border-top:1px solid white !important;
}
.bookingIDNum
{	
	size:16px;
	font-weight:bold;	
}
*/
/* teal
.bookingTable
{	
	width:100%;
	background-color:#87BBC5;
	border:1px solid #007C8A !important;
}
.bookingTable td
{
	vertical-align:middle;	
	border:none !important;
	padding:4px 4px 4px 4px !important;
}
.bookingTable th 
{
	color:#ffffff;
	padding:5px 5px 5px 5px;	
	border-bottom:1px solid white;
	background-color:#007C8A;	
}
.bookingRowEven
{	
	background-color:#87BBC5;
}
.bookingRowOdd
{
	background-color:#2D99A7;	
}
.bookingPackagePrice
{
	font-size:12px;
	font-weight:bold;
}
.bookingCurrency
{
	font-size:9px;
}
.bookingTable .name
{
	clear:both;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.bookingTable .occupants
{
	clear:both
	font-size:12px;
	font-weight:bold;	
	margin-bottom:5px;
}
.bookingTable .description
{
	clear:both;
	margin-bottom:5px;
}
.bookingTable input, .bookingTable textarea
{
	padding-left:2px !important;
	vertical-align:middle;	
}
.bookingTotal
{
	font-weight:bold;font-size:14px;
}
.bookingTotalPrice
{
	font-weight:bold;color:#B81237;font-size:18px;
}
.bookingSubtitle
{
	background-color:#2D99A7 !important;color:black !important;border-top:1px solid white !important;
}
.bookingIDNum
{	
	size:16px;
	font-weight:bold;	
}
*/

/*  green */
.bookingTable
{	
	width:100%;
	/*background-color:#BDCDA0;*/
	background-color:#E4E4E4;

	/*border:1px solid #6E9934 !important;*/
	border:1px solid #9ACBD2 !important;
}
.bookingTable td
{
	vertical-align:middle;	
	border:none !important;
	padding:5px 5px 5px 5px !important;
}
.bookingTable th 
{
	/*color:#ffffff;*/
	color:black;
	padding:5px 5px 5px 5px;	
	border-bottom:1px solid white;
	/*background-color:#6E9934;	*/
	background-color:#9ACBD2;
}
.bookingRowEven
{	
	background-color:#EDEDED;	
}
.bookingRowOdd
{		
	background-color:#E4E4E4;
}
.bookingPackagePrice
{
	font-size:12px;
	font-weight:bold;
}
.bookingCurrency
{
	font-size:10px;
}
.bookingTable .name
{
	clear:both;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
.bookingTable .occupants
{
	clear:both;
	font-size:12px;
	font-weight:bold;	
	margin-bottom:5px;
}
.bookingTable .description
{
	clear:both;
	margin-bottom:5px;
}
.bookingTable input, .bookingTable textarea
{
	padding-left:2px !important;
	vertical-align:middle;	
}
.bookingTotal
{
	font-weight:bold;font-size:14px;
}
.bookingTotalPrice
{
	font-weight:bold;color:#B81237;font-size:18px;
}
.bookingSubtitle
{
	background-color:#9ACBD2 !important;color:black !important;border-top:1px solid white !important;
}
.bookingIDNum
{	
	font-size:16px;
	font-weight:bold;	
}

/* booking outcome box */
#bookingOutcome
{	
	font-size:12px;
	line-height:20px;
	padding:10px 10px 10px 10px;
	background-color:#E7E9EB;		
}
#bookingOutcome div
{		
	font-size:12px;	
	margin-bottom:5px;	
}
#bookingOutcome img
{	
	margin-top:8px;
	margin-bottom:10px;
	margin-right:10px;	
}
.bookingSuccess
{	
	color:black;
	border:1px dashed #6E9934;
}
.bookingError
{	
	color:#B81237;	
	border:1px dashed #B81237;
}
.bookingPriceCell
{
	 border-top:1px solid #9ACBD2;
	 background-color:#ffffff;
}
/* end booking tables look and feel */

/* overrides for calendar */
#enquiryArrivalDate, #enquirydepartureDate
{
	border-collapse:separate;
}
#enquiryArrivalDate td, #enquiryArrivalDate th, #enquirydepartureDate td, #enquirydepartureDate th
{
	padding:2px !important;
}
#enquiryArrivalDate th, #enquirydepartureDate th
{
	background-color:none !important;
}
#enquiryArrivalDate td, #enquirydepartureDate td
{
	border:1px solid #E0E0E0 !important;
}
#enquiryArrivalDate a, #enquirydepartureDate a
{	
	text-decoration:none;
}

#HomeBannerBox td {
	border-width:0px;
	padding:0px;
}

/* -------------------------- HOTEL LIST ITEMS -------------------------- */

.hotelListItem, .attractionListItem, .conferenceListItem
{	
	width:100%;
    float: left;
    border-bottom: #959495 1px solid;
    vertical-align: top;
    text-align: left;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.hotelListItem .title, .attractionListItem .title, .conferenceListItem .title
{	
	margin-top:0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
}
.hotelListItem img.thumb, .attractionListItem img.thumb, .conferenceListItem img.thumb
{
    float:left;
    margin-right:5px;
}
.hotelListItem .content
{
	float:left;
	width:500px;
}
.hotelListItem .details
{
	float:right;
	text-align:right;
}
.price
{	
	color:#B71338;
	padding-top:0px;
	text-align:left;
	vertical-align:middle;
	margin-bottom:3px;
}
.figure
{
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
}
.hotelListItem .action 
{
	clear:both;
	margin-top:10px;
	text-align:right;	
}
.hotelListItem .action img, .attractionListItem .action img, .conferenceListItem .action img
{
	vertical-align:middle;
	margin-left:5px;
}
.hotelListItem .action a, .attractionListItem .action a, .conferenceListItem .action a
{
	color:black;	
	font-size:11px;
}
.lastListItem 
{
	border-width:0px;
	border-bottom:0px;
}

.specialListItem h2 {
	margin-bottom:2px
}
.specialListItem h3 {
	margin:0px 0px 4px 0px; 
	font-size:12px; 
	color:#99c6d1;
}
.forceTopBorder {
	border-top:#959495 1px solid; 
	padding-top:7px;
}

ul {
	margin:4px 1.4em;
	list-style-type: circle;
}

a.bookBtn {
	text-decoration: none;
	padding: 5px 10px; 
	background-color: rgb(1, 124, 139); 
	color: white; 
	font-weight: bold;
	display:block;
	width:30px;
	text-align:center;
	margin:0px auto;
}