/* homepage styles */
/* the following overrides the style in the individual modules styles */
div#new-destinations, div#destinations-3-links, div#looking-for-inspiration{
	margin:19px 0 0 0;
}
div#miscellaneous-promo{
	margin:19px 0 0 10px;
}
/* Changing/testing of email signup area */
#email-signup-hmpg {
	margin:0 0 19px 0;
}
/* homepage style for overall background image */
body.homepage div.wrap-all {
	background-image:url(/images/direct/nav-and-structure/bkgrd-page-decoration-cities.jpg);
	background-repeat:no-repeat;
	background-position:1px 70px;
	}
/* homepage structure styles that will over the structure style of all the other pages*/	
div.wrap-all div.wrap-header {
	position:relative;
	float:left;
	margin:0px 8px 34px 8px;
	padding:0;
	z-index:100; /* must be on this element for IE */
	border:none;
	}
div.wrap-all div.wrap-left-column {
	position:relative;
	float:left;
	width:238px;
	margin:0 0 10px 11px;
	border:0px solid #999999;
	clear:left;
}
div.wrap-all div.wrap-right-column {
	position:relative;
	float:right;
	width:711px;
	margin:0 11px 10px 0;
	z-index:0;
}			
div.wrap-all div.wrap-header h1  {
	position:relative;
	float:left;
	width:210px;
	height:68px;
	margin:0 0 0 11px;
	line-height:30px;/*pushes the text down since the png is partly transparent  */
	font-size:10px;
	}
div.wrap-all div.wrap-header h1 span {
	position:absolute;
	width:210px;
	height:68px;
	top:-5px;
	background-image:url(/images/direct/nav-and-structure/logo-hc.png) ;
	}
/* top nav button styles - these override the top nav styles in content-structure.css  */
div.wrap-all div.wrap-header ul.top-nav-buttons {
	position:relative;
	float:left;
	height:24px;
	margin:40px 3px 0 23px;
	padding:0;
	z-index:100;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li {
	float:left;
	width:133px;
	height:24px;
	margin:0 11px 0 0;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li a {
	text-decoration:none;
	cursor:hand;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 {
	margin:0;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li a span.tooltip{
	top:20px;
	width:124px;
	}	
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a{/* image replace for book a hotel button */
	position:relative;
	width:133px;
	height:24px;
 	font-size:11px;
	cursor:hand;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a span.topnav-link1-replace{
	background-image:url(/images/shared/nav-and-structure/nav-book-hmpg.gif);
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a:hover span.topnav-link1-replace{
	background-image:url(/images/shared/nav-and-structure/nav-book-hmpg.gif);
	background-position:0 -26px;
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link2 a{/* image replace for inspiration button */
	position:relative;
	width:133px;
	height:24px;
 	font-size:11px;
	cursor:hand;
	text-decoration:none;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link2 a span.topnav-link2-replace{
	background-image:url(/images/shared/nav-and-structure/nav-inspiration-hmpg.gif);
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link2 a:hover span.topnav-link2-replace{
	background-image:url(/images/shared/nav-and-structure/nav-inspiration-hmpg.gif);
	background-position:0 -26px;
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link3 a{/* image replace for destinations button */
	position:relative;
	width:133px;
	height:24px;
 	font-size:11px;
	cursor:hand;
	text-decoration:none;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link3 a span.topnav-link3-replace{
	background-image:url(/images/shared/nav-and-structure/nav-destinations-hmpg.gif);
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link3 a:hover span.topnav-link3-replace{
	background-image:url(/images/shared/nav-and-structure/nav-destinations-hmpg.gif);
	background-position:0 -26px;
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link4 a{/* image replace for special offers button */
	position:relative;
	width:133px;
	height:24px;
 	font-size:11px;
	cursor:hand;
	text-decoration:none;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link4 a span.topnav-link4-replace{
	background-image:url(/images/shared/nav-and-structure/nav-special-offers-hmpg.gif);
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link4 a:hover span.topnav-link4-replace{
	background-image:url(/images/shared/nav-and-structure/nav-special-offers-hmpg.gif);
	background-position:0 -26px;
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 a{/* image replace for customer services button */
	position:relative;
	width:133px;
	height:24px;
 	font-size:11px;
	cursor:hand;
	text-decoration:none;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 a span.topnav-link5-replace{
	background-image:url(/images/shared/nav-and-structure/nav-customer-services-hmpg3.gif);
	position:absolute;
	width:133px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 a:hover span.topnav-link5-replace{
	background-image:url(/images/shared/nav-and-structure/nav-customer-services-hmpg3.gif);
	background-position:0 -26px;
	position:absolute;
	width:133px;
	height:24px;
}
/* for the TOP NAV drop downs */
div.wrap-header ul.top-nav-buttons li.topnav-link2 ul.sub-nav-2, div.wrap-header ul.top-nav-buttons li.topnav-link3 ul.sub-nav-3, div.wrap-header ul.top-nav-buttons li.topnav-link4 ul.sub-nav-4, div.wrap-header ul.top-nav-buttons li.topnav-link5 ul.sub-nav-5 {
	width:128px;
}
/* must specify each li - does not recognise general styling */
div.wrap-header ul.top-nav-buttons li.topnav-link2 ul.sub-nav-2 li, div.wrap-header ul.top-nav-buttons li.topnav-link3 ul li, div.wrap-header ul.top-nav-buttons li.topnav-link4 ul li, div.wrap-header ul.top-nav-buttons li.topnav-link5 ul li{
	width:128px;
}
div.wrap-header ul.top-nav-buttons li.topnav-link2 ul.sub-nav-2 li a:hover, div.wrap-header ul.top-nav-buttons li.topnav-link3 ul.sub-nav-3 li a:hover, div.wrap-header ul.top-nav-buttons li.topnav-link4 ul.sub-nav-4 li a:hover, div.wrap-header ul.top-nav-buttons li.topnav-link5 ul.sub-nav-5 li a:hover {
	width:128px;
}
/* end for the TOP NAV drop downs */	
div.wrap-all div.wrap-header p.phone-number {
	position:absolute;
	top:81px;
	left:10px;
	width:200px;
	font-size:10px;
	font-weight:bold;
	font-size:14px;
	color:#777;
}
div.wrap-all div.wrap-header p.email-signup {
	position:absolute;
	top:83px;
	left:800px;
	margin:0;
	padding:0;
	color:#c1111e;
	font-size:12px;
	font-weight:bold;
}
div.wrap-all div.wrap-header p.email-signup a{
	color:#c1111e;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	cursor:hand;
}
div.wrap-all div.wrap-header p.email-signup a img{
	margin:0px 0 0 4px;
	padding:0;
}	
/* For the customer service box - add Chris' signature on the homepage */
#customer-services{
	height:176px;
}
#customer-services p.signature{
	display:inline;
	position:absolute;
	top:118px;
	left:15px;
	width:98px;
	height:50px;
}
#customer-services p.signature span{
	display:inline;
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(/images/direct/includes/get-know-signature.gif);
}
#customer-services p.signature2{
	display:inline;
	position:absolute;
	top:140px;
	left:75px;
	margin:0 0 0 50px;
	font-size:9px;
}
/* For the our current great deals - if ever it greats put on the homepage must adjust the height */
#current-great-deals {
	height:176px;	
}
p.emergency-message{
    position:absolute; 
    width:440px;
    top:87px; 
    left:260px; 
    margin:0; 
    padding:0; 
    color:#c1111e; 
    font-weight:bold; 
    text-align:center; 
    line-height:12px;
}
p.emergency-message a{
    color:#c1111e;
    text-decoration:none;
}