/*

Header styles.

These styles are shared between the ecom and www sites, ONLY include styles here if they are to 
be used on both sites. 

Ecom has an id of "ECOM" set on the body tag so you can use that to
set any ecom only styles or to over-write any styles you need too (such as different urls for backgrounds etc.)
these over-written rules should all appear at the bottom of the doc, name spaced with the ECOM id and 
should be safe to include on www too.

Table of contents
~~~~~~~~~~~~~~~~~

- Header
- ECOM over-writes

/* START : New Header Styles */
#sitewideHeader {
	margin-bottom: 	15px;
	background: 	#fff;
	border-top: 	5px solid #0B1979;
	height: 		125px;
	position: 		relative;
	float: 			left;
	width: 			1000px;
	/*background: #F3F7FB url(/siteimages/shared/headers/sitewideHeaderHero1.jpg) left 1px no-repeat;*/
}

#sitewideHeader #sitewideLogo {
	margin: 		20px 0 15px 15px;
}

#sitewideAtolConfidence a,
#sitewideBTA a {
	position: 		absolute;
	width: 			205px;
	height: 		67px;
	top: 			11px;
	left: 			360px;
	background: 	url(/siteimages/shared/headers/sitewideHeaderATOLConfidence.jpg) 0 0 no-repeat;
}

#sitewideBTA a {
	background: 	url(/siteimages/shared/headers/sitewideHeader-BTA-Awards.jpg) 0 0 no-repeat;
}

#sitewideBTA a span,
#sitewideAtolConfidence a span {
	text-indent: 	-9999px;
	float: 			left;
}	

#sitewideHeader a img {
	border: 		0;
}	

#sitewideAtolConfidence a {
	position: 		absolute;
	width: 			271px;
	height: 		67px;
	top: 			11px;
	left: 			320px;
	background: 	url(/siteimages/shared/headers/sitewideHeaderATOLConfidence.jpg) 0 0 no-repeat;
}
	
#sitewideAtolConfidence a span {
	text-indent: 	-9999px;
	float: 			left;
}	

#sitewideHeader #sitewideTelephone {
	font: 			bold 26px Arial, Helvetica, sans-serif; 
	color: 			#335C85;
	margin: 		0;
	float: 			right;
	position: 		absolute;
	right: 			130px;
	top: 			23px;
	text-align: 	right;
}
	
#sitewideHeader #sitewideNavigation {
	padding: 		0;
	margin: 		0;
	width: 			998px;
	height: 		33px;
	position: 		absolute;
	bottom: 		0;
	left: 			0;
	border: 		1px solid #344297;
	border-bottom: 	0;
	z-index: 		10;
	clear: 			both;
	float: 			left;
	background: 	#0E1D84 url(/siteimages/shared/headers/sitewideNagivationBg.jpg) left top repeat-x;
}

#sitewideHeader #sitewideNavigation li {
	list-style: 	none;
	float: 			left;
	display: 		inline;
}
	
#sitewideHeader #sitewideNavigation li a {
	color: 			#fff;
	font-weight: 	bold;
	text-decoration:none;
	float: 			left;
	padding: 		9px 15px 8px 15px;
	position: 		relative;
}	
	
#sitewideHeader #sitewideNavigation li.withDrop #offers_popup,
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup,
#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup,
#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup {
	background: 	#FEFEFE; 
	border: 		1px solid #036;
	border-top: 	0;
	display: 		none; 
	width: 			190px; 
	padding: 		10px 10px 15px 10px;
	position: 		absolute; 
	top: 			32px; 
	left: 			-1px; 
	z-index: 		5; 
	
	box-shadow: 2px 2px 1px #D0DEEE;
	-moz-box-shadow: 2px 2px 1px #D0DEEE;
	-webkit-box-shadow: 2px 2px 1px #D0DEEE;
}	

#sitewideHeader #sitewideNavigation li.withDrop:hover #offers_popup, 
#sitewideHeader #sitewideNavigation li.withDrop:hover #destination_popup, 
#sitewideHeader #sitewideNavigation li.withDrop:hover #brochures_popup, 
#sitewideHeader #sitewideNavigation li.withDrop:hover #holidaytype_popup {
	display: block;
	}  
	
#sitewideHeader #sitewideNavigation li.withDrop #offers_popup strong,
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup strong,
#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup strong,
#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup strong,
.popdown strong {
	color: 			#666;
	border-bottom: 	1px solid #9FBDDD;
	margin-bottom: 	15px;
	padding-bottom: 5px;
	display: 		block;
}

/*#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup strong {
	margin-left: 	5px;
}*/
	
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup {
	background: 	#FEFEFE url(/siteimages/shared/headers/sitewideHeaderDestinationsBg.jpg) center center no-repeat; 
	width: 			400px; 	
}		

#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup {
	background: 	#FEFEFE; 
	width: 			290px; 
}	

.withDrop ul li a:hover {
	color: 			#FF7812 !important;
}

#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup {
	background: 	#FEFEFE; 
	width: 			350px; 
}	

#sitewideHeader #sitewideNavigation li.withDrop {
	margin-right: 	0;
}		

#telephone_number {
	float: 			right;
	width: 			250px;
	padding: 		0;
	margin: 		0;
	padding-right: 	80px;
}

#telephone_number strong {
	display: 		block;
}

#sitewideHeader #sitewideNavigation li.withDrop a {
	padding: 		9px 31px 8px 15px;
}	

#sitewideHeader #sitewideNavigation li.withDrop a span {
	background: 	url(/siteimages/shared/headers/sitewideHeaderNavDrop.jpg) right top no-repeat;
	position: 		absolute;
	right: 			10px;
	top: 			13px;
	margin-left: 	5px;
	width: 			12px;
	height: 		7px;
}	
	
#sitewideHeader #sitewideNavigation li.withDrop a:hover span,
#sitewideHeader #sitewideNavigation li.withDrop.current a span,
#sitewideHeader #sitewideNavigation li.withDrop:hover span {
	background: 	url(/siteimages/shared/headers/sitewideHeaderNavDropActiveArrow.jpg) right top no-repeat;
}		

#sitewideHeader #sitewideNavigation li a:hover,
#sitewideHeader #sitewideNavigation li.withDrop.current a,
#sitewideHeader #sitewideNavigation li.withDrop:hover {
	background: 	#F5F8FC url(/siteimages/shared/headers/sitewideHeaderNavDropActive.jpg) left top repeat-x;
	color: 			#036;
}		

#sitewideHeader #sitewideNavigation li.withDrop:hover a {
	color: #036;
	}

#sitewideHeader .withDropPanel {
	position: 		relative;
	z-index: 		1000 !important;
	border-top: 	0;
}
	
#sitewideHeader #sitewideNavigation li li a,
#sitewideHeader #sitewideNavigation li.withDrop.current li a {
	color: 			#036;
	background: 	none;
	padding: 		0 !important;
	margin: 		0;
	float: 			none;
	display: 		block;
}
	
#sitewideHeader #sitewideNavigation li li a:hover,
#sitewideHeader #sitewideNavigation li.withDrop .viewAll a:hover,
#sitewideHeader .popdown_content .viewAll a:hover,
#sitewideHeader .popdown_content .viewAll:hover {
	background: 	none;
	color: 			#FF7812;
	text-decoration:underline;
}	
	
#sitewideHeader #sitewideNavigation li.withDrop .viewAll a:hover {
	text-decoration:none;
}		
	
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularDestinations,
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularHolidayTypes {
	width: 			395px;
	float: 			left;
	display: 		inline;
	margin-left: 	5px;
}	

#sitewideHeader #sitewideNavigation li.withDrop ul,
#sitewideHeader #sitewideNavigation li.withDrop .viewAll,
#sitewideHeader .popdown_content .viewAll {
	padding: 		0;
	margin: 		0;
}
	
#sitewideHeader #sitewideNavigation li.withDrop li,
.pages_last_visited li {
	margin: 		0 0 5px 0;
}		

#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularDestinations li,
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularHolidayTypes li,
#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup li,
#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup li {
	float: 			left;
	display: 		block;
	width: 			92px;
	padding: 		0;
	margin: 		0 0 5px 0;
}
	
#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup li {
	width: 			140px;
}	

#sitewideHeader #sitewideNavigation li.withDrop #holidaytype_popup li {
	width: 			170px;
}	

#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularHolidayTypes {
	width: 			140px;
	margin-left: 	40px;
}

#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularHolidayTypes li,
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularDestinations li a {
	width: 			auto;	
}	
	
#sitewideHeader #sitewideNavigation li.withDrop #destination_popup #popularHolidayTypes li {
	width: 			120px;
}	

#sitewideHeader #sitewideNavigation li.withDrop .viewAll,
#sitewideHeader .popdown_content .viewAll {
	display: 		block;
}	
	
#sitewideHeader #sitewideNavigation li.withDrop .viewAll a,
#sitewideHeader .popdown_content .viewAll a,
#sitewideHeader .popdown_content .viewAll {
	float: 			left;
	width: 			100%;
	color: 			#9FBDDD;
	border-top: 	1px solid #9FBDDD;
	background: 	none;
	margin-top:	 	15px;
	padding: 		5px 0 0 0;
	display: 		block;
}
	
#sitewideHeader #sitewideLuggage,	
#sitewideHeader #sitewideAssistance,
#sitewideHeader #sitewideConfidence,
#sitewideHeader #sitewideHeaderSubLinks {
	position: 		absolute;
	float: 			right;
	right: 			5px;
	top: 			2px;
}

#sitewideHeader #sitewideAssistance {
	right: 			10px;
	top: 			4px;
}	
	
#google-search input {
	font-size: 		10.5px;
}	

#sitewideHeader #sitewideAssistance #sitewideTopAssist {
	margin-left: 	15px;
}	

#sitewideHeader #sitewideHeaderSubLinks {
	top: 			67px;
	margin: 		0 !important;
	padding: 		0;
}

#sitewideHeader #sitewideHeaderSubLinks,
#sitewideHeader #sitewideHeaderSubLinks a {
	text-decoration:none;
	z-index: 		120;
	font-size: 		11px;
	font-weight: 	bold;
}	
	
#sitewideHeader #sitewideHeaderSearch {
	bottom: 		3px;
	float: 			right;
	right: 			3px;
	position: 		absolute;
	z-index: 		20;
}	

#sitewideHeader #sitewideHeaderSearch form,
#sitewideHeader #sitewideHeaderSearch form p,
#sitewideHeader #sitewideHeaderSearch form label {
	padding: 		0;
	margin: 		0;
}		

#sitewideHeader #sitewideHeaderSearch form label {
	display: 		none;
}	
	
#sitewideHeader #sitewideHeaderSearch form #google_query {
	background: 	#FAFAFA;
	border: 		1px solid #9FBDDD;
	border-right: 	0;
	padding: 		4px 4px 5px 4px;
	margin: 		0 -4px 0 0 ;
	color: 			#999;
}		

#sitewideHeader #sitewideHeaderSearch form #google_button {
	margin: 		0;
}

#brochures_popup,
#offers_popup {
	width: 			175px;
	padding: 		15px;
}

#sitewideHeader #sitewideNavigation li.withDrop #brochures_popup {
	width: 			280px;
}

#brochures_popup ul, div#brochures_popup ul li,
#destination_popup ul, div#destination_popup ul li,
#offers_popup ul, div#offers_popup ul li {
	list-style: 	none;
	margin: 		0;
	padding: 		0;
}


#sitewideHeaderEmergency {
	padding: 		6px 0;
	margin: 		0 0 15px 0;
	display: 		block;
	clear: 			both;
	float: 			left;
	width: 			1000px;
}
	
#sitewideHeaderEmergency p {
	margin: 		0 0 5px 0;
	padding: 		0;
	line-height: 	16px !important;
	color: 			#036;
}	

#sitewideHeaderEmergency p a {
	color: 			#036;
	text-decoration:none;
	font-weight:	bold;
}

#sitewideHeaderEmergency p a:hover {
	color: 			#FF7812;
}

#sitewideHeaderSubLinks {
	float: 			right;
	margin-right: 	5px;
}

/* END : New Header Styles */


#ie6Notify {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px 0 25px 0;
	margin: 0;
	border-bottom: 2px solid #FF6;
	background: #FFb;
	color: #444;
	width: 100%;
	float: left;
	z-index: 1000;
	display: none;
	}

#ie6Notify div {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#ie6Notify #close_ie6Notify {
	position: absolute; 
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(/siteimages/shared/headers/ie6nofice-close.jpg) 0 0 no-repeat;
	float: right;
	}

#ie6Notify #close_ie6Notify span {
	display: none;
	}

#ie6Notify div p {
	margin:0 0 5px 0;
	}
/******************************************************

ECOM over-writes

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

/* The header images "should" all exist on the ecom servers in the same folder as on live eg /siteimage/ */

#ECOM {}