/* Gateway Map */
.mapArea { clear: both; text-align: center; height: 503px; padding: 24px 0 0; position: relative; background: url(../../images/bg/bg_ports_map.jpg) -22px 0 no-repeat; }
	.mapArea h2 { color: #fff; margin: 0 0 8px; }
	.mapToggle { text-align: center; margin: 12px 0 0; vertical-align: top; position: relative; z-index: 4; }
		#destMap, #departMap { position: absolute; width: 909px; height: 500px; top: 0; left: 0; z-index: 3; }
		#departMap { top: -15px; }
		#departMap { visibility: hidden; }
		#destinationsBtn, #departuresBtn { min-width: 156px; margin: 0 -1px; text-align: center; display: inline-block; font-size: 1.3em; text-transform: uppercase; font-weight: bold; position: relative; }
		#destinationsBtn { padding: 0 0 0 6px; }
		#departuresBtn { padding: 0 6px 0 0; }
			#departuresBtn a, #destinationsBtn a { display: inline-block; height: 29px; line-height: 29px; }
			#departuresBtn a { color: #fff; padding: 0 12px 0 15px; }
			#destinationsBtn a { color: #061556; padding: 0 15px 0 12px; }
			#destinationsBtn a:hover, #departuresBtn a:hover { text-decoration: none; }
				#destinationsBtn .pointer, #departuresBtn .pointer { position: absolute; bottom: -14px; left: 0; font-size: 23px; *font-size: 20px; width: 100%; text-align: center; display: none; }
				.destinationsActive #destinationsBtn .pointer, .departuresActive #departuresBtn .pointer { display: block; }
				#destinationsBtn .pointer { color: #f5c65e; }
				#departuresBtn .pointer { color: #0b4185; }

	.mapArea .pin { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; font-size: 10px; font-weight: bold; text-transform: uppercase; position: absolute; padding: 2px 0 0 8px; top: 0px; min-width: 55px; line-height: 11px; cursor: pointer; }
		.mapArea .pinInner { padding: 0 8px 0 0; }
		.mapArea .pin a { color: #061556; display: block; padding: 2px 0 4px; }
		.mapArea .pin a:hover { text-decoration: none; }
		.mapArea .pin .pointer { position: absolute; top: 100%; font-size: 14px; line-height: 14px; height: 14px; width: 14px; display: block; margin-top: -6px; }
		
	#destinationsBtn { background: url(../../img/bg/destinations-btn-rounded.png) 0 center no-repeat; }
	#destinationsBtn a { background: url(../../img/bg/destinations-btn-bg.png) 0 center repeat-x; min-width: 145px; }
	#departuresBtn { background: url(../../img/bg/departures-btn-rounded.png) right center no-repeat; }
	#departuresBtn a { background: url(../../img/bg/departures-btn-bg.png) 0 center repeat-x; min-width: 145px; }
	
	/* Destination Pins */
	#alcanDestPin { left: 65px; top: 136px; }
		#alcanDestPin .pointer { left: 28px; }
	#fareDestPin { left: 722px; top: 224px; }
		#fareDestPin .pointer { left: 25px; }
	#austlDestPin { right: 72px; top: 349px; }
		#austlDestPin .pointer { right: 35px; }
	#bahamDestPin { right: 643px; top: 244px; }
		#bahamDestPin .pointer { right: 28px; }
	#bermuDestPin { left: 288px; top: 229px; }
		#bermuDestPin .pointer { left: 28px; }
	#atlcoDestPin { left: 230px; top: 180px; }
		#atlcoDestPin .pointer { left: 39px; }
	#caribDestPin { left: 180px; top: 294px; }
		#caribDestPin .pointer { left: 33px; } 
	 #tpaciDestPin { left: 790px; top: 280px }
	 #cubanDestPin { left: 210px; top: 269px }
	#tpanDestPin { left: 210px; top: 300px;}
	#dubaiDestPin { right: 285px; top: 248px; }
		#dubaiDestPin .pointer { right: 36px; }
	#europDestPin { left: 410px; top: 158px; }
		#europDestPin .pointer { left: 29px; }
	#hawaiDestPin { left: 3px; top: 250px; }
		#hawaiDestPin .pointer { left: 10px; }
	#mediterraneanDestPin { left: 418px; top: 199px; }
		#mediterraneanDestPin .pointer { left: 44px; }
	#islanDestPin { left: 70px; top: 438px; }
		#islanDestPin .pointer { left: 40px; }
	#samerDestPin { left: 267px; top: 385px; }
		#samerDestPin .pointer { left: 46px; }
	#tatlDestPin { left: 310px; top: 321px; }
		#tatlDestPin .pointer { left: 40px; }
	#pacifDestPin { left: 55px; top: 186px; }
		#pacifDestPin .pointer { left: 75px; }
	#sopacDestPin { left: 10px; top: 380px; }
		#sopactDestPin .pointer { left: 40px; }
	
		
	.destinationsActive .pin { background: url(../../img/bg/des-pin-short-left.png) 0 bottom no-repeat; height: 19px; }
		.destinationsActive .pinInner { background: url(../../img/bg/des-pin-short-right.png) right bottom no-repeat; height: 19px; }
			.destinationsActive .pinInner a { background: url(../../img/bg/des-pin-bg.png) 0 -13px repeat-x; padding-top: 4px; }
				.destinationsActive .pin .pointer { color: #f7d385; }
	
	/* Departure Pins */
	#northamericaDepPin, #am�ricadonorteDepPin, #norteam�ricaDepPin { left: 134px; top: 200px; }
		#northamericaDepPin .pointer, #am�ricadonorteDepPin .pointer, #norteam�ricaDepPin .pointer { left: 39px; }
	#asiathepacificDepPin, #�siaepac�ficoDepPin, #asiayelpac�ficoDepPin { left: 718px; top: 219px; }
		#asiathepacificDepPin .pointer, #�siaepac�ficoDepPin .pointer, #asiayelpac�ficoDepPin .pointer { left: 25px; }
	#northerneuropeDepPin, #nortedaeuropaDepPin, #nortedeeuropaDepPin { left: 454px; top: 136px; }
		#northerneuropeDepPin .pointer, #nortedaeuropaDepPin .pointer, #nortedeeuropaDepPin .pointer { left: 23px; }
	#southamericacaribbeanDepPin, #am�ricadosulecaribeDepPin, #sudam�ricayelcaribeDepPin { left: 255px; top: 332px; }
		#southamericacaribbeanDepPin .pointer, #am�ricadosulecaribeDepPin .pointer, #sudam�ricayelcaribeDepPin .pointer { left: 48px; }
	#spainportugalandfranceDepPin, #espanhaportugalefran�aDepPin, #espa�aportugalyfranciaDepPin { right: 473px; top: 201px; }
		#spainportugalandfranceDepPin .pointer, #espanhaportugalefran�aDepPin .pointer, #espa�aportugalyfranciaDepPin .pointer { right: 7px; }
	#dubaiDepPin, #dub�iDepPin { right: 310px; top: 279px; }
		#dubaiDepPin .pointer, #dub�iDepPin .pointer { right: 11px; top: -1px; margin-top: -7px; color: #ace3ff; }
	#italyandturkeyDepPin, #it�liaeturquiaDepPin, #italiayturqu�aDepPin { left: 467px; top: 200px;}
		#italyandturkeyDepPin .pointer, #it�liaeturquiaDepPin .pointer, #italiayturqu�aDepPin .pointer { left: 10px; }
		
	.departuresActive .pin { background: url(../../img/bg/dep-pin-short-left.png) 0 bottom no-repeat; height: 19px; }
		.departuresActive .pinInner { background: url(../../img/bg/dep-pin-short-right.png) right bottom no-repeat; height: 19px; }
			.departuresActive .pinInner a { background: url(../../img/bg/dep-pin-bg.png) 0 -13px repeat-x; padding-top: 4px; }
				.departuresActive .pin .pointer { color: #70c1f2; }

	/* Selected & hover Pins */
	.selectedPin { z-index: 2; }
	.selectedPin .pointer { z-index: 3; }
	
	.mapArea .map .pinHover, .mapArea .map .selectedPin { background: url(../../img/bg/map-pin-hover-short-left.png) 0 bottom no-repeat; height: 19px; }
	.mapArea .map .pinHover .pinInner, .mapArea .map .selectedPin .pinInner { background: url(../../img/bg/map-pin-hover-short-right.png) right bottom no-repeat; height: 19px; }
	.mapArea .map .pinHover .pinInner a, .mapArea .map .selectedPin .pinInner a { background: #fff url(../../img/bg/map-pin-hover.png) 0 bottom repeat-x; }
	.mapArea .map .pinHover .pointer, .mapArea .map .pinHover .pointer, .mapArea .map .selectedPin .pointer, .mapArea .map .selectedPin .pointer { color: #dcecf5; }
	
	/* Tooltips */
	.pinTooltip { position: absolute; display: none; background: #fff; z-index: 2; }
		.pinTooltip span { display: block; background: url(../../img/bg/tooltip-header-right.png) right 0 no-repeat; padding: 0 9px 0 0; }
			.pinTooltip span span { background: url(../../img/bg/tooltip-header.png) 0 0 no-repeat; padding: 10px 20px 10px; text-align: center; color: #fff; }
				.pinTooltip span span span { display: inline-block; padding: 5px 0 5px 21px; background: url(../../img/bg/tooltip-crown.png) 0 center no-repeat; font-size: 12px; line-height: 1.2; font-weight: normal; }
		.pinTooltip ul { float: left; margin: 0; padding: 0; padding: 4px 20px 13px; }
		.pinTooltip .oneList { float: none; width: 302px; }
			.pinTooltip li { width: 131px; text-transform: none; padding: 5px 0 4px; border-bottom: 1px solid #dbdbdb; }
			.pinTooltip .last { border: 0; padding: 10px 0 0; }
			.pinTooltip .oneList li { width: 131px; margin: 0 auto; display: block; }
				.pin .pinTooltip a { background: none repeat scroll 0 0 transparent !important; color: #0076bd; font-weight: normal; }
				.pin .pinTooltip a:hover { text-decoration: underline; }
			
	.mapArea .map .pinTooltip .closeBtn { display: block; width: 19px; height: 19px; text-indent: -9999em; position: absolute; background: url(../../img/bg/close-btn.png) 0 0 no-repeat !important; top: 7px; right: -19px; background-position: 0 0 !important; }
	
	
/* IE Fixes */
.ie7 #departuresBtn, .ie6 #departuresBtn, .ie7 #destinationsBtn, .ie6 #destinationsBtn, .ie7 #departuresBtn a, .ie6 #departuresBtn a, .ie7 #destinationsBtn a, .ie6 #destinationsBtn a, .pinTooltip span span span { zoom: 1; display: inline; }

.ie7 #departuresBtn a, .ie6 #departuresBtn a, .ie7 #destinationsBtn a, .ie6 #destinationsBtn a { min-width: 150px; line-height: 27px; padding-bottom: 2px; }
.ie7 #departuresBtn .pointer, .ie6 #departuresBtn .pointer, .ie7 #destinationsBtn .pointer, .ie6 #destinationsBtn .pointer { bottom: -16px; zoom: 1; }
.ie6 #departuresBtn, .ie6 #destinationsBtn { background: none; margin: 0 12px 0 -10px; }
.ie6 #departuresBtn .pointer, .ie6 #destinationsBtn .pointer { text-align: left; left: 60px; }


.ie7 .pin a { min-width: 51px; }
.ie6 .destinationsActive .pin, .ie6 .destinationsActive #atlcoDestPin, .ie6 .destinationsActive #austlDestPin { background: url(../../img/bg/des-pin-bg.png) 0 center repeat-x; padding: 0; }
.ie6 .departuresActive .pin, .ie6 .departuresActive #canadaDepPin, .ie6 .departuresActive #australiaDepPin, .ie6 .departuresActive #nwnaDepPin, .ie6 .departuresActive #hawaiiDepPin, .ie6 .departuresActive #gulfDepPin, .ie6 .departuresActive #caribbeanDepPin { background: url(../../img/bg/dep-pin-bg.png) 0 center repeat-x; padding: 0; }
.ie6 .pinInner { display: inline; padding: 0; background: none !important; }
.ie6 .pin a { display: block; zoom: 1; display: inline; background: none !important; padding: 4px 8px !important; }

.ie6 .mapArea .map .pinHover { background: #fff url(../../img/bg/map-pin-hover.png) 0 bottom repeat-x !important; height: 19px; }
.ie6 .mapArea .map .pinHover .pinInner { background: none; }
.ie6 .mapArea .map .pinHover .pinInner a { background: none; padding-top: 4px; }

.ie7 .pin .closeBtn, .ie6 .pin .closeBtn, .ie8 .pin .closeBtn, .ie9 .pin .closeBtn { min-width: 0; padding: 0 !important; background: url(../../img/bg/close-btn.png) 0 0 no-repeat !important; clear: both; }