/* reset elements  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

li{list-style:none;}

/* general styles*/
body {
	background-color:#e3e6ea;
	background-image: url(/images/direct/nav-and-structure/bkgrd-all-pages.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	padding-bottom:30px;
	text-align:center;
	}
tr{
	vertical-align:top;
	margin:0;
	padding:0;
}		  
td, p, dd {
	font-size: 11px;
	color: #555;
	line-height: 150%;
	margin:0;
	padding:0;
	}
h1{
	color:#560F6B;
	font-size:18px;
	font-weight:bold;
}		
/* default link styling, no underline then underline on hover */
a {
	color:#555;
	text-decoration: none;
	}
a:hover {
	text-decoration:underline;
	cursor:pointer;
	}
a:visited{
	text-decoration:underline;
	}				
img {
	border:none;
	vertical-align:top;
	}
table{
	margin:0;
	padding:0;
}
input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	height:16px;
}
/* for text styling for all drop down menus */
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
}
	
/* page structure for those pages that are 974 wide */ 
div.wrap-all {
	position:relative;
	width:974px;
	margin-top:30px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
	text-align:left;
	}
div.wrap-all div.wrap-header {
	position:relative;
	float:left;
	width:965px;
	margin:0px 8px 7px 8px;
	padding:0 0 11px 0;
	z-index:200; /* must be on this element for IE */
	border-bottom:1px solid #ccc;
	}	
div.wrap-all div.wrap-left-column {
	position:relative;
	float:left;
	width:238px;
	margin:3px 0 50px 11px;
	border:0px solid #999999;
	clear:left;
}
div.wrap-all div.wrap-right-column {
	position:relative;
	float:right;
	width:700px;
	margin:19px 11px 50px 9px;
}
div.wrap-all div.wrap-right-column div.wrap-centre-right{
	position:relative;
	z-index:1;
	float:left;
	width:470px;
}
div.wrap-all div.wrap-right-column div.wrap-far-right{
	position:relative;
	float:right;
	width:230px;
}
div.wrap-all div.wrap-footer {
	clear:both;
	margin:11px 11px 10px 11px;
}
div.content-box{
	position:relative;
	margin:0;
	padding:0;
	float:left;
}				
hr{
	border-top:1px solid #E1D5E6;
	color:#E1D5E6;
}
/* error 404 page not found styling*/ b
div.page-not-found p{
	margin:150px 0 0 0;
	line-height:145%;
	}
div.page-not-found p a{
	font-weight:bold;
	}	
.redtxt{
	color:#c1111e;
}
.categoryheader{
	font-weight:bold;
	color:#167b61;
}
.show-for-print{
	display:none;
	visibility:hidden;
}
/* maps from citypage*/ 
body.citymaps-window{
	background-image:none;
	}
	
/* tool tip styles shared by all tool tips! */
a:link span.tooltip, a:visited span.tooltip {
	display:none;
	margin-left:6px;
	}
a:hover span.tooltip, a:active span.tooltip {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	padding:2px;
	display:block;
	background-color:#f4f5f7;
	border:1px #bcbcbc solid;
	font-size:100%;
	color:#555;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	z-index:1000;
	}

/* HEADER styles - see width-fixes.css for top nav styles for all  974px width pages  */

/* Logo styles for all pages accept homepage */	
div.wrap-all div.wrap-header p.logo  {
	position:relative;
	float:left;
	width:210px;
	height:68px;
	margin:0 0 0 3px;
	line-height:30px;  /*pushes the text down since the png is partly transparent  */
	}
div.wrap-all div.wrap-header p.logo a{
	text-decoration:none;
	cursor:pointer;
}
div.wrap-all div.wrap-header p.logo span {
	position:absolute;
	width:210px;
	height:68px;
	top:-5px;
	background-image:url(/images/direct/nav-and-structure/logo-hc.png) ;
	}		
div.wrap-all div.wrap-header p.strapline {
	position:absolute;
	top:15px;
	left:804px;
	width:146px;
	height:15px;
	line-height:12px;
	margin:0;
	padding:0;
}
div.wrap-all div.wrap-header p.strapline span {
	position:absolute;
	width:146px;
	height:15px;
	margin:0;
	padding:0;
	background-image:url(/images/direct/includes/header-strapline.gif);
	background-repeat:no-repeat;
}
div.wrap-all div.wrap-header p.email-signup {
	position:absolute;
	top:78px;
	left:731px;
	margin:0;
	padding:0;
}	

/* Universal style for ULs - mistake taken from Popup.css. Eventually delete and test entire site */	
div#hotel-img p, ul {
	margin: 0 6px;
	padding: 0;
}

/* TOP NAV button styles for all pages EXCEPT the hmpg - see homepage.css for the override of these top nav styles for homepage only  */		
div.wrap-all div.wrap-header ul.top-nav-buttons {
	position:relative;
	float:left;
	height:24px;
	margin:43px 0 0 42px;
	padding:0;
	z-index:200;
	list-style:none;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li {
	position:relative;
	float:left;
	width:131px;
	height:24px;
	margin:0 12px 0 0;
	padding:0;
}

div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 {
	position:relative;
	float:left;
	width:131px;
	height:24px;
	margin:0;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li a {
	text-decoration:none;
	cursor:pointer;
	padding-right:0;
}
	
/* Nav buttons - image replace. For the styles for the homepage see homepage.css */	
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a{ /* image replace for book a hotel button */
	position:relative;
	width:131px;
	height:24px;
 	font-size:11px;
	}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a span.topnav-link1-replace{
	position:absolute;
	background-image:url(/images/shared/nav-and-structure/nav-book.gif);
	width:131px;
	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.gif);
	background-position:0 -26px;
	position:absolute;
	width:131px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link2 a{/* image replace for inspiration button */
	position:relative;
	width:131px;
	height:24px;
 	font-size:11px;
	cursor:pointer;
	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.gif);
	position:absolute;
	width:131px;
	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.gif);
	background-position:0 -26px;
	position:absolute;
	width:131px;
	height:24px;
}
div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link3 a{/* image replace for destinations button */
	position:relative;
	width:131px;
	height:24px;
 	font-size:11px;
	cursor:pointer;
	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.gif);
	position:absolute;
	width:131px;
	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.gif);
	background-position:0 -26px;
	position:absolute;
	width:131px;
	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:131px;
	height:24px;
 	font-size:11px;
	cursor:pointer;
	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.gif);
	position:absolute;
	width:131px;
	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.gif);
	background-position:0 -26px;
	position:absolute;
	width:131px;
	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:131px;
	height:24px;
 	font-size:11px;
	cursor:pointer;
	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-services3.gif);
	position:absolute;
	width:131px;
	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-services3.gif);
	background-position:0 -26px;
	position:absolute;
	width:131px;
	height:24px;
}

/* Down states on those pages that are in the new structure */
/*
body.booking div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link1 a span.topnav-link1-replace{
	position:absolute;
	width:131px;
	height:24px;
	cursor:pointer;
	text-decoration:none;
	background-image:url(/images/shared/nav-and-structure/nav-book.gif);
	background-position:0 -53px;
	}
body.inspiration div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link2 a span.topnav-link2-replace{
	position:absolute;
	width:131px;
	height:24px;
	cursor:pointer;
	text-decoration:none;
	background-image:url(/images/shared/nav-and-structure/nav-inspiration.gif);
	background-position:0 -53px;
	}
body.destinations div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link3 a span.topnav-link3-replace{
	position:absolute;
	width:131px;
	height:24px;
	cursor:pointer;
	text-decoration:none;
	background-image:url(/images/shared/nav-and-structure/nav-destinations.gif);
	background-position:0 -53px;
	}
body.special-offers div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link4 a span.topnav-link4-replace{
	position:absolute;
	width:131px;
	height:24px;
	cursor:pointer;
	text-decoration:none;
	background-image:url(/images/shared/nav-and-structure/nav-special-offers.gif);
	background-position:0 -53px;
	}
body.customer-services div.wrap-all div.wrap-header ul.top-nav-buttons li.topnav-link5 a span.topnav-link5-replace{
	position:absolute;
	width:131px;
	height:24px;
	cursor:pointer;
	text-decoration:none;
	background-image:url(/images/shared/nav-and-structure/nav-customer-services3.gif);
	background-position:0 -53px;
	}	
*/
/* Dropdown menus for all except the book a hotel button */
div.wrap-header ul.top-nav-buttons li ul {
	position:absolute;
	top:21px;
	left:0px;
	margin:0;
	padding:0;
	width:126px;
	display:none;
	background-color:#f4f5f7;
	border:1px solid #aaa;
	list-style:none;
	z-index:1000;
}
/* must specify each li - does not recognise general styling */
div.wrap-header ul.top-nav-buttons li.topnav-link2 ul 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{
	height:16px;
	width:119px;
	margin:0;
	padding:1px 0 2px 0;
	line-height:14px;
	z-index:1000;
}

div.wrap-header ul.top-nav-buttons li.topnav-link2 ul.sub-nav-2 li a, div.wrap-header ul.top-nav-buttons li.topnav-link3 ul.sub-nav-3 li a, div.wrap-header ul.top-nav-buttons li.topnav-link4 ul.sub-nav-4 li a, div.wrap-header ul.top-nav-buttons li.topnav-link5 ul.sub-nav-5 li a{
	text-decoration: none; 
	color:#666;
	padding:1px 0 0 0;
	margin: 0;
	display:block;
	height:17px;
}
div.wrap-header ul.top-nav-buttons li.topnav-link2 ul.sub-nav-2 li a:hover{
	background:#35a0a7;
	color:#ffffff;
	width:126px;
	height:17px;
	font-weight:bold;
}
div.wrap-header ul.top-nav-buttons li.topnav-link3 ul.sub-nav-3 li a:hover{
	background:#b2b219;
	color:#ffffff;
	font-weight:bold;
	width:126px;
	height:17px;
}
div.wrap-header ul.top-nav-buttons li.topnav-link4 ul.sub-nav-4 li a:hover{
	background: #c1111e;
	color:#ffffff;
	font-weight:bold;
	width:126px;
	height:17px;
}
div.wrap-header ul.top-nav-buttons li.topnav-link5 ul.sub-nav-5 li a:hover{
	background: #167b61;
	color:#ffffff;
	font-weight:bold;
	width:126px;
	height:17px;
}
div.wrap-header ul.top-nav-buttons li ul li a.compact:hover
{
    letter-spacing:-0.05em;
}
div.wrap-header ul.top-nav-buttons li:hover ul, div.wrap-header ul.top-nav-buttons li.over ul{
	display: block;
	width:126px; 
}

/* home button */
div.wrap-all div.wrap-left-column a.button-home	{
	position:relative;
	width:57px;
	height:14px;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;	
}
div.wrap-all div.wrap-left-column a.button-home span	
{
	background-image:url(/images/shared/nav-and-structure/nav-home.gif);
	position:absolute;
	width:57px;
	height:14px;	
}