/* --- HOTEL.CSS -------------------------------------------------

   Styles used in the templated Hotel pages.
   Selectors are grouped by function/page element.
   Attributes for each selector are then listed alphabetically to
   make them easy to find. Please try and stick to this convention :)

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

#main h2 {
	clear: right;
}

/* --- SUB-COLUMNS -------------------------------- */ 
/* use to divide centre section #main into columns of set widths
set up other widths here as required */
/* -- split into 228 px left col, 136 right col -- */
#imgAndOffers {
	float:left;
	margin:0 0 10px 0;
	width:388px;
}
#ratingAndFacilities {
	float:right;
	margin:0;
	width:190px;
}

/* --- INFO TAB --------------------------------------------------- */
#priceTag {
	float:right;
}
#offerAvailable h2 {
	margin-bottom: 5px;
}
#offerAvailable p {
	font-weight: bold;
}
#offerText h2 {
	clear: none;
	margin-bottom: 0;
	padding-top: 0;
}
#offerText ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 288px;
}
#offerText li {
	background-color: #ddd;
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	padding: 3px 55px 4px 4px;
	position: relative;
}
#offerText li b {
	font-size: 1.6em;
	line-height: 1.0;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 3px;
}
#offerText li b span {
	display: block;
	font-size: 0.5em;
}
dl.OfferDetails dt {
	background-color: #ddd;
	font-weight: normal;
	margin: 0;
	padding: 14px 6px;
	position: relative;
}
dl.OfferDetails dt b {
	font-size: 1.6em;
	line-height: 1.0;
	position: absolute;
	right: 6px;
	top: 5px;
	z-index: 999;
}
dl.OfferDetails dt b span {
	font-size: 0.5em;
}
dl.OfferDetails dd {
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 0.9em;
	margin: 0;
	margin-bottom: 1em;
	padding: 4px;
}

dl.OfferDetails dt b span.OfferText {
	color:#FF0000;
	font-weight: bold;
}

#OfferNote {
	clear: both;
	color: #666;
	font-size: 0.9em;
}


/* --- INFO TAB --------------------------------------------------- */
#priceTag {
	float:right;
}

#offerText {
	margin-top: 5px;
}

#offerText p {
	margin-bottom:5px;
}

#rating p {
	float:left;
	font-weight:bold;
}
#rating img.stars {
	margin:0 10px 5px 7px;
}
#facilities {
	clear:both;
}
#facilities p {
	font-weight:bold;
}
#facilities ul {
	padding-left:17px;
}

#offerAvailable {

}

#ataglance {
	clear: both;
	padding-top: 0.5em;
}
#ataglance h2 {
	margin-top: 0;
	padding-top: 0;
}

#ataglance ul {
	list-style-position: outside;
	list-style-image: url(/_assets/images/icons/virgin_v.gif);
	padding-left:20px;
}

#minimap {
	clear:both;
	float:right;
	height:148px;
	margin-bottom: 1em;
	margin-left: 10px;
	overflow:hidden;
	position:relative;
	width:190px;
}
#minimap .popup, #minimap .lgHolder, #minimap br {
	display: none;
}
#minimap .more {
	margin-top: 3px;
}
#minimap #mapLoading {
	left: 5px;
	position: absolute;
	top: 5px;
}

#virginsView {
	margin-top:-10px;
}



/* --- INFO TAB --------------------------------------------------- */
/* styles for pricing tables - see common.css */

/* --- VIRGIN BONUS ------------------------------------------------- */

#virginBonus {
	clear:both;
	background-color:#F5F5F5;
	border:1px solid #999;
	padding:0 0 15px 0;
	margin:10px 0 0 0;
	width:586px;
}
#virginBonus p {
	padding: 10px 10px 0 10px;
}
#virginBonusPriceTag {
	float:right;
	position:relative;
	right:-8px;
}
#virginBonusPromoText {
	margin: 10px 0 0 10px;
}
#virginBonus .more {
	margin:0 0 0 10px
}
#virginBonus .logo {
	float:left;
	margin:0 10px 0 0 ;
}
.plat_flag {
	margin-bottom:2em;
}

/* --- WORLDWIDE SALE --------------------------------------------- */
/* >START< STYLES FOR SALE PRICE TABLES */
#worldwideTop {
	background: transparent url(/_assets/images/MaySale2007/worldwide_sale_boxout_top.gif) no-repeat top left;
	height: 60px;
}
#worldwideBot {
	background: transparent url(/_assets/images/MaySale2007/worldwide_sale_boxout_bot.gif) no-repeat bottom left;
	color: #fff;
	padding: 0 20px 10px 10px;
}
#worldwideBot a {
	color: #fff;
}
/* >END< STYLES FOR SALE PRICE TABLES */

/* --- BOOKING FORM ------------------------------------------------- */
.HotelDisplay p {
	color: #666;
	font-size: 1.6em;
	line-height: 1;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.HotelDisplay p b {
	color: #000;
	font-weight: normal;
}
.HotelDisplay .bookableTo {
	margin: 0 !important;
}

/* Shortlist link ------------------------------------------------- */
#hotelShortlistLink {
	border: 1px solid #ccc;
}
#hotelShortlistLink a {
	display: block;
	font-size: 0.9em;
	padding: 5px 5px 6px 32px;
}
#hotelShortlistLink a:link, #hotelShortlistLink a:visited {
	background: transparent url(/_assets/images/myvhols/icon_addhotel.gif) no-repeat 0 3px;
}
#hotelShortlistLink a:hover, #hotelShortlistLink a:active {
	background: transparent url(/_assets/images/myvhols/icon_addhotel_over.gif) no-repeat 0 3px;
}
#hotelShortlistLink.inlist a:link, #hotelShortlistLink.inlist a:visited {
	background: transparent url(/_assets/images/myvhols/icon_inshortlist.gif) no-repeat 0 3px;
}
#hotelShortlistLink.inlist a:hover, #hotelShortlistLink.inlist a:active {
	background: transparent url(/_assets/images/myvhols/icon_inshortlist_over.gif) no-repeat 0 3px;
}