@charset "utf-8";
/*
Title:         Homepage styles for Virgin Holidays + Hip Hotels
Author:        www.zolv.com
Notes:         Selectors are grouped by layout area. Attributes for each selector are listed alphabetically. 
*/

/* Headers --------------------------------- */
h1 {
	font-weight: normal;
	margin: 0;
}
h2 {
	/*background: transparent url(/_assets/images/bg_H1Home.jpg) no-repeat top left;*/
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 4px;
}

/* Layout ---------------------------------- */
#Wrap {
	padding-top: 1px; /* just to tidy up the absolute positioning in FF (it takes top absolute form inside the padding, where IE takes it from outside) */
	position: relative;
}
#HomeContent {
	position: relative;
	margin-top: 410px;
}
#MainCol {	
	float: left;
	position: relative; /* fixes ActionBox placement in IE6 */
	width: 620px;
}
#MainCol #imgPlaceholder {
	background: transparent url(/_assets/images/promos/DUMMY_HOMEGURU.jpg) no-repeat 0 0;
	height: 140px;
	width: 620px;
}
#PromoCol {
	float: right;
	width: 290px;
}
.GuruPlaceholder {
	float:right;
}
#guru_review  {
	background:transparent url(/_assets/images/quote.gif) no-repeat left top;
	padding-left:25px;
}
#customer_title {
	font-style:italic;
	text-align:right;
}
#customer_review {
	background:transparent url(/_assets/images/quote.gif) no-repeat left top;
	padding-left:25px;
}
.FeaturedHotel {
	background-color: #f5f5f5;
	height: 370px;
	left: 00px;
	position: absolute;
	top: 0px;
	width: 920px;
}
.FeaturedHotelControls {
	background-color: pink;
	height: 20px;
	overflow: hidden; /* just for during build */
	position: absolute;
	right: 10px;
	top: 10px;
	width: 112px;
}
#SearchPanel {
	background: transparent url(/_assets/images/bg_SearchPanel.png) repeat top left;
	_background-image: none;
	_background-color: #000;
	color: #fff;
	left: 30px;
	padding: 10px 10px 20px;
	position: absolute;
	top: 30px;
	width: 167px;
	z-index: 900;
}

#SearchPanel ul.locations {
	list-style-type: none; 
	margin-top: 8px; 
}
#SearchPanel ul.locations li  {
	padding: 0px 0px 3px 3px; 
}
#SearchPanel ul.locations li input {
	left: -3px;
	position: relative; 
	vertical-align: -2px; 
}
#SearchForm table.propositions  { margin: 0px }
#SearchForm table.propositions tr td label { left: 4px; }


/* Promos ---------------------------------- */
.PromoBox {
	background-color: #e8e8e8;
	background-position: 15px 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	min-height: 113px;
	padding: 5px 10px;
}
.PromoBox.Two img {
	float: left;
}
.PromoBox.Two p {
	padding: 0px 10px 5px 100px;
}
.PromoBox p {
	margin-bottom: 0;
}
.PromoBox p.PromoLink {
	margin-bottom: 0;
}
.PromoBox p.PromoLink a {
	background: transparent url(/_assets/images/icons/PromoLink.gif) no-repeat 0 60%;
	padding-left: 12px;
}
.PromoBox.One dd {
	background: transparent url(/_assets/images/icons/Bullet.gif) no-repeat 0 60%;
	line-height: 1.5;
	padding-left: 10px;	
}
.PromoBox.One dd.Caption {
	background: none;
	padding-left: 0;
}

/* Search panel styles ---------------------- */
#SearchPanel h2 {
	background: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.3em;
	padding: 0;
}
#SearchPanel select {
	width: 167px;
}
#SearchPanel a {
	color: #fff;
}
#SearchPanel a:hover {
	color: #F1ECF1;
}

/* Featured hotels styles ------------------- */
.FeaturedHotelInfo {
	background: transparent url(/_assets/images/bg_FeaturedHotelInfo.png) no-repeat top left;
	_background-image: none;
	_background-color: #fff;
	left: 197px;
	padding: 12px 15px 15px;
	position: absolute;
	top: 10px;
	width: 239px;
	z-index: 110;
}
.FeaturedHotelInfo p {
	font-weight: bold;
	margin-bottom: 0;
}
.HomeThumb1,
.HomeThumb2,
.HomeThumb3 {
	background-color: #e8e8e8;
	border: 1px solid #fff;
	height: 98px;
	position: absolute;
	right: 10px;
	width: 110px;
	z-index: 110;
}
.HomeThumb1 {
	top: 40px;
}
.HomeThumb2 {
	top: 150px;
}
.HomeThumb3 {
	top: 260px;
}

/* Featured hotels controls ---------------- */
.FeaturedHotelControls p span {
	display: none;
}
.FeaturedHotelControls ul {
	
}

/* Sales pitch text ------------------------ */
#VHipIntro {
	float: left;
	font-size: 1.2em;
	margin:20px 20px 20px 0;
	padding-left: 10px;
	width: 275px;
}
#VHipIntro h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
}
#VHipIntro h2 span {
	display: block;
	padding-right: 10px;
	text-align: right;
}
#VHipIntro ul {
	font-weight: bold;
	line-height: 2.0;
	list-style-type: none;
}
/* GuruBenefits ---------------------------------- */
#GuruBenefits {
	float: right;
	margin-top: 20px;
	padding-right: 20px;
	width:295px;
}
#GuruBenefits ul {
	padding-left: 20px;
}
#GuruBenefits li {
	line-height: 1.5;
}
/* ActionBox ------------------------------- */
.ActionBoxTop {
	background: transparent url(/_assets/images/bg_ActionBoxTop_homeWide.gif) no-repeat top left;
	_font-size: 1px; /* prevents gappage in IE6 */
	height: 5px;
	margin: 0 auto;
	width: 550px;
}
.ActionBox {
	background: transparent url(/_assets/images/bg_ActionBoxBot_homeWide.gif) no-repeat bottom left;
	font-weight: normal;
	height:50px;
	margin: 0 auto 20px;
	padding:3px 20px 20px 15px;
	position:relative;
	width:515px;
}
.ActionBoxLeft {
	float:left;
}
.ActionBoxRight {
	float:right;
}
.ActionBox p {
	font-size: 1.3em;
	margin-bottom: 0;
	margin-top:5px;
	clear:left;
}
.ActionBox .PhoneNo {
	float: right;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	margin-top: 0.1em;
}
.ActionBox .OnlineForm {
	font-weight: normal;
	margin: 0;
	float:right;
	clear:both;
}
/* GuruProfiles ----------------------------- */
#GuruProfiles {
	background: transparent url(/_assets/images/bg_GuruProfile.gif) repeat-y top left;
	_background: none;
	color: #fff;
	width: 920px;
}
#Guru1, #Guru2 {
	margin-right: 10px;
}
.GuruProfile {
	background-color: #512745;
	float: left;
	margin: 0 0 10px 10px;
	_margin-left: 6px;
	width: 290px;
}
.GuruProfile .content {
	padding: 10px 0 0 10px;
}
.GuruProfile .content h3 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.GuruProfile .content h3 a {
	color: #fff;
	text-decoration: none;
}
.GuruProfile .content h3 a:hover {
	text-decoration: underline;
}
.GuruProfile .content p {
	margin-bottom: 1em;
}
.GuruProfile .content img.GuruPlaceholder {
	float: right;
	height: 140px;
	margin-right: -5px;
	margin-top: -20px;
	_margin-top: 0;
	width: 130px;
}

#location_panel {
	padding-top:4px;
}

#location_panel label {
	display:none;
}

#location_panel h3 {
	color:#ffffff;
}

#location_panel p {
	margin-top:8px;
}
#uniquepromos {margin:0 0 10px 0; padding:0;}
#supperclub {background: transparent url(/_assets/images/supper/hm-banner-supperclub.jpg) no-repeat top left;margin:0 0 0 10px; padding:0;width:285px;height:128px;float:left;}
#supperclub a {display:block;width:285px;height:128px;text-decoration:none;color:#FFF;padding:60px 0 0 145px;}
#supperclub h2 {font-size: 1.1em; margin: 0 0 0.5em;font-weight:bold;text-decoration:none;color:#FFF;}
#supperclub p {font-size: 1.0em; color:#FFFFFF;text-decoration:none;width:130px;}
#vhipvip {background: transparent url(/_assets/images/supper/hm-banner-vhipvip.gif) no-repeat top left;margin:0; padding:0;width:285px;height:128px;float:right;margin:0 20px 0 0;}
#vhipvip a {display:block;width:285px;height:128px;text-decoration:none;color:#FFF;padding: 90px 5px 0 135px;}
#vhipvip h2 {font-size: 1.1em; margin: 0 5px 0.5em ;font-weight:bold;text-decoration:none;color:#FFF;}
*html #vhipvip {position:absolute;left:320px;}
*html #vhipvip a {padding:0;}
*html #vhipvip h2 {padding: 90px 5px 0 135px;}
*html #supperclub a {padding:0;}
*html #supperclub h2 {padding:60px 0 0 145px;}
*html #supperclub p {padding:0 0 0 145px;}