/* About The West Coast Container */
#AboutTheWestCoast-tabs{}
	#AboutTheWestCoast-tabs ul{ margin:0; padding:0 0 0 6px; list-style:none;}
		#AboutTheWestCoast-tabs ul li{ list-style-image:none; display:block; float:left; padding:0;}
			#BoxTabsTab1{ width:52px;}
			#BoxTabsTab2{ width:83px;}
			#BoxTabsTab3{ width:120px;}
			#BoxTabsTab4{ width:99px;}
			#BoxTabsTab5{ width:128px;}
			#BoxTabsTab6{ width:100px;}
			#AboutTheWestCoast-tabs .BoxTabs{
				background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-off-bg.jpg);
				background-repeat:repeat-x; background-position:top;
			}
			#AboutTheWestCoast-tabs .BoxTabsActiveTab{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-on-bg.jpg); color:#FFF;}
				.tab-right{
					height:29px;
					padding:0 12px 0 0;
					background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-off-right.jpg);
					background-repeat:no-repeat; background-position:right;
				}
					.BoxTabsActiveTab .tab-right{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-on-right.jpg);}
				.tab-left{
					height:19px;
					padding:10px 0 0 12px;
					background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-off-left.jpg);
					background-repeat:no-repeat; background-position:left;
					font-size:14px; font-weight:bold;
				}
				#BoxTabsTab1 .tab-left{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/firstTab-off-left.jpg);}
					.BoxTabsActiveTab .tab-left{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/tab-on-left.jpg);}
					#BoxTabsTab1.BoxTabsActiveTab .tab-left{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/firstTab-on-left.jpg);}
					.tab-left a, .tab-left a:link, .tab-left a:visited{ color:#4e84ab; text-decoration:none;}
						.tab-left a:hover{ color:#4e84ab; text-decoration:underline;}
					.BoxTabsActiveTab .tab-left a, .BoxTabsActiveTab .tab-left a:link, .BoxTabsActiveTab .tab-left a:visited, .BoxTabsActiveTab .tab-left a:hover{ color:#FFF; text-decoration:none;} 	
						.BoxTabsActiveTab .tab-left a:hover{ color:#FFF; text-decoration:underline;}
	#AboutTheWestCoast-content div{ display:none;}
	#AboutTheWestCoast-content div.map-container{ float:left; width:252px; height:340px;}
	#AboutTheWestCoast-content div.map-content-container{ float:left; width:325px; height:311px; padding:0 18px 0 0; margin:19px 0 10px 0; position:relative;}
		#AboutTheWestCoast-content div.BoxTabsVisibleContent{ display:block;}
		#AboutTheWestCoast-content div div{ display:block;}
			.map-container{}
				.map-points-layer{}
				.map-points{}

					ul.map-points,
					ul.location-links{
						list-style:none;
						margin:0; padding:0;
						position:relative;
					}
						
						#homeContent ul.map-points li,
						#homeContent ul.location-links li{
							list-style-image:none;
							position:absolute;
							width:7px; height:7px;
							padding:0;
							background-image:none;
						}
							#homeContent ul.map-points li{
								list-style-image:none;
								background-image:url(/custom/templates/page/westCoastVisitHome/images/map-dot.gif);
								background-repeat:no-repeat; background-position:left top;
							}
							
							/* ================= Location Points ================= */
								.karamea{ top:34px; left:156px;}
									ul.location-links li.karamea a:hover,
									ul.location-links li.Map1TabsActiveTab a.karamea-link,
									ul.location-links li.Map3TabsActiveTab a.karamea-link,
									ul.location-links li.Map4TabsActiveTab a.karamea-link,
									ul.location-links li.Map5TabsActiveTab a.karamea-link,
									ul.location-links li.Map6TabsActiveTab a.karamea-link,
									ul.location-links li.karamea a:hover span,
									ul.location-links li.Map1TabsActiveTab a.karamea-link span,
									ul.location-links li.Map3TabsActiveTab a.karamea-link span,
									ul.location-links li.Map4TabsActiveTab a.karamea-link span,
									ul.location-links li.Map5TabsActiveTab a.karamea-link span,
									ul.location-links li.Map6TabsActiveTab a.karamea-link span{ width:48px; left:-67px;}
								.granity{ top:74px; left:150px;}
									ul.location-links li.granity a:hover,
									ul.location-links li.Map1TabsActiveTab a.granity-link,
									ul.location-links li.Map3TabsActiveTab a.granity-link,
									ul.location-links li.Map4TabsActiveTab a.granity-link,
									ul.location-links li.Map5TabsActiveTab a.granity-link,
									ul.location-links li.Map6TabsActiveTab a.granity-link,
									ul.location-links li.granity a:hover span,
									ul.location-links li.Map1TabsActiveTab a.granity-link span,
									ul.location-links li.Map3TabsActiveTab a.granity-link span,
									ul.location-links li.Map4TabsActiveTab a.granity-link span,
									ul.location-links li.Map5TabsActiveTab a.granity-link span,
									ul.location-links li.Map6TabsActiveTab a.granity-link span{ width:39px; left:-58px;}
								.westport{ top:84px; left:140px;}
									ul.location-links li.westport a:hover,
									ul.location-links li.Map1TabsActiveTab a.westport-link,
									ul.location-links li.Map3TabsActiveTab a.westport-link,
									ul.location-links li.Map4TabsActiveTab a.westport-link,
									ul.location-links li.Map5TabsActiveTab a.westport-link,
									ul.location-links li.Map6TabsActiveTab a.westport-link,
									ul.location-links li.westport a:hover span,
									ul.location-links li.Map1TabsActiveTab a.westport-link span,
									ul.location-links li.Map3TabsActiveTab a.westport-link span,
									ul.location-links li.Map4TabsActiveTab a.westport-link span,
									ul.location-links li.Map5TabsActiveTab a.westport-link span,
									ul.location-links li.Map6TabsActiveTab a.westport-link span{ width:52px; left:-71px;}
								.reefton{ top:98px; left:150px;}
									ul.location-links li.reefton a:hover,
									ul.location-links li.Map1TabsActiveTab a.reefton-link,
									ul.location-links li.Map3TabsActiveTab a.reefton-link,
									ul.location-links li.Map4TabsActiveTab a.reefton-link,
									ul.location-links li.Map5TabsActiveTab a.reefton-link,
									ul.location-links li.Map6TabsActiveTab a.reefton-link,
									ul.location-links li.reefton a:hover span,
									ul.location-links li.Map1TabsActiveTab a.reefton-link span,
									ul.location-links li.Map3TabsActiveTab a.reefton-link span,
									ul.location-links li.Map4TabsActiveTab a.reefton-link span,
									ul.location-links li.Map5TabsActiveTab a.reefton-link span,
									ul.location-links li.Map6TabsActiveTab a.reefton-link span{ width:40px; left:-59px;}
								.punakaiki{ top:99px; left:134px;}
									ul.location-links li.punakaiki a:hover,
									ul.location-links li.Map1TabsActiveTab a.punakaiki-link,
									ul.location-links li.Map3TabsActiveTab a.punakaiki-link,
									ul.location-links li.Map4TabsActiveTab a.punakaiki-link,
									ul.location-links li.Map5TabsActiveTab a.punakaiki-link,
									ul.location-links li.Map6TabsActiveTab a.punakaiki-link,
									ul.location-links li.punakaiki a:hover span,
									ul.location-links li.Map1TabsActiveTab a.punakaiki-link span,
									ul.location-links li.Map3TabsActiveTab a.punakaiki-link span,
									ul.location-links li.Map4TabsActiveTab a.punakaiki-link span,
									ul.location-links li.Map5TabsActiveTab a.punakaiki-link span,
									ul.location-links li.Map6TabsActiveTab a.punakaiki-link span{ width:52px; left:-71px;}
								.greymouth{ top:132px; left:131px;}
									ul.location-links li.greymouth a:hover,
									ul.location-links li.Map1TabsActiveTab a.greymouth-link,
									ul.location-links li.Map3TabsActiveTab a.greymouth-link,
									ul.location-links li.Map4TabsActiveTab a.greymouth-link,
									ul.location-links li.Map5TabsActiveTab a.greymouth-link,
									ul.location-links li.Map6TabsActiveTab a.greymouth-link,
									ul.location-links li.greymouth a:hover span,
									ul.location-links li.Map1TabsActiveTab a.greymouth-link span,
									ul.location-links li.Map3TabsActiveTab a.greymouth-link span,
									ul.location-links li.Map4TabsActiveTab a.greymouth-link span,
									ul.location-links li.Map5TabsActiveTab a.greymouth-link span,
									ul.location-links li.Map6TabsActiveTab a.greymouth-link span{ width:60px; left:-78px;}
								.moana{ top:140px; left:140px;}
									ul.location-links li.moana a:hover,
									ul.location-links li.Map1TabsActiveTab a.moana-link,
									ul.location-links li.Map3TabsActiveTab a.moana-link,
									ul.location-links li.Map4TabsActiveTab a.moana-link,
									ul.location-links li.Map5TabsActiveTab a.moana-link,
									ul.location-links li.Map6TabsActiveTab a.moana-link,
									ul.location-links li.moana a:hover span,
									ul.location-links li.Map1TabsActiveTab a.moana-link span,
									ul.location-links li.Map3TabsActiveTab a.moana-link span,
									ul.location-links li.Map4TabsActiveTab a.moana-link span,
									ul.location-links li.Map5TabsActiveTab a.moana-link span,
									ul.location-links li.Map6TabsActiveTab a.moana-link span{ width:35px; left:-54px;}
								.kumara{ top:142px; left:130px;}
									ul.location-links li.kumara a:hover,
									ul.location-links li.Map1TabsActiveTab a.kumara-link,
									ul.location-links li.Map3TabsActiveTab a.kumara-link,
									ul.location-links li.Map4TabsActiveTab a.kumara-link,
									ul.location-links li.Map5TabsActiveTab a.kumara-link,
									ul.location-links li.Map6TabsActiveTab a.kumara-link,
									ul.location-links li.kumara a:hover span,
									ul.location-links li.Map1TabsActiveTab a.kumara-link span,
									ul.location-links li.Map3TabsActiveTab a.kumara-link span,
									ul.location-links li.Map4TabsActiveTab a.kumara-link span,
									ul.location-links li.Map5TabsActiveTab a.kumara-link span,
									ul.location-links li.Map6TabsActiveTab a.kumara-link span{ width:39px; left:-58px;}
								.hokitika{ top:156px; left:123px;}
									ul.location-links li.hokitika a:hover,
									ul.location-links li.Map1TabsActiveTab a.hokitika-link,
									ul.location-links li.Map3TabsActiveTab a.hokitika-link,
									ul.location-links li.Map4TabsActiveTab a.hokitika-link,
									ul.location-links li.Map5TabsActiveTab a.hokitika-link,
									ul.location-links li.Map6TabsActiveTab a.hokitika-link,
									ul.location-links li.hokitika a:hover span,
									ul.location-links li.Map1TabsActiveTab a.hokitika-link span,
									ul.location-links li.Map3TabsActiveTab a.hokitika-link span,
									ul.location-links li.Map4TabsActiveTab a.hokitika-link span,
									ul.location-links li.Map5TabsActiveTab a.hokitika-link span,
									ul.location-links li.Map6TabsActiveTab a.hokitika-link span{ width:42px; left:-61px;}
								.ross{ top:180px; left:106px;}
									ul.location-links li.ross a:hover,
									ul.location-links li.Map1TabsActiveTab a.ross-link,
									ul.location-links li.Map3TabsActiveTab a.ross-link,
									ul.location-links li.Map4TabsActiveTab a.ross-link,
									ul.location-links li.Map5TabsActiveTab a.ross-link,
									ul.location-links li.Map6TabsActiveTab a.ross-link,
									ul.location-links li.ross a:hover span,
									ul.location-links li.Map1TabsActiveTab a.ross-link span,
									ul.location-links li.Map3TabsActiveTab a.ross-link span,
									ul.location-links li.Map4TabsActiveTab a.ross-link span,
									ul.location-links li.Map5TabsActiveTab a.ross-link span,
									ul.location-links li.Map6TabsActiveTab a.ross-link span{ width:25px; left:-44px;}
								.fox-glacier{ top:210px; left:91px;}
									ul.location-links li.fox-glacier a:hover,
									ul.location-links li.Map1TabsActiveTab a.fox-glacier-link,
									ul.location-links li.Map3TabsActiveTab a.fox-glacier-link,
									ul.location-links li.Map4TabsActiveTab a.fox-glacier-link,
									ul.location-links li.Map5TabsActiveTab a.fox-glacier-link,
									ul.location-links li.Map6TabsActiveTab a.fox-glacier-link,
									ul.location-links li.fox-glacier a:hover span,
									ul.location-links li.Map1TabsActiveTab a.fox-glacier-link span,
									ul.location-links li.Map3TabsActiveTab a.fox-glacier-link span,
									ul.location-links li.Map4TabsActiveTab a.fox-glacier-link span,
									ul.location-links li.Map5TabsActiveTab a.fox-glacier-link span,
									ul.location-links li.Map6TabsActiveTab a.fox-glacier-link span{ width:60px; left:-79px;}
								.franz-josef-glacier{ top:200px; left:99px;}
									ul.location-links li.franz-josef-glacier a:hover,
									ul.location-links li.Map1TabsActiveTab a.franz-josef-glacier-link,
									ul.location-links li.Map3TabsActiveTab a.franz-josef-glacier-link,
									ul.location-links li.Map4TabsActiveTab a.franz-josef-glacier-link,
									ul.location-links li.Map5TabsActiveTab a.franz-josef-glacier-link,
									ul.location-links li.Map6TabsActiveTab a.franz-josef-glacier-link,
									ul.location-links li.franz-josef-glacier a:hover span,
									ul.location-links li.Map1TabsActiveTab a.franz-josef-glacier-link span,
									ul.location-links li.Map3TabsActiveTab a.franz-josef-glacier-link span,
									ul.location-links li.Map4TabsActiveTab a.franz-josef-glacier-link span,
									ul.location-links li.Map5TabsActiveTab a.franz-josef-glacier-link span,
									ul.location-links li.Map6TabsActiveTab a.franz-josef-glacier-link span{ width:107px; left:-126px;}
								.bruce-bay{ top:219px; left:77px;}
									ul.location-links li.bruce-bay a:hover,
									ul.location-links li.Map1TabsActiveTab a.bruce-bay-link,
									ul.location-links li.Map3TabsActiveTab a.bruce-bay-link,
									ul.location-links li.Map4TabsActiveTab a.bruce-bay-link,
									ul.location-links li.Map5TabsActiveTab a.bruce-bay-link,
									ul.location-links li.Map6TabsActiveTab a.bruce-bay-link,
									ul.location-links li.bruce-bay a:hover span,
									ul.location-links li.Map1TabsActiveTab a.bruce-bay-link span,
									ul.location-links li.Map3TabsActiveTab a.bruce-bay-link span,
									ul.location-links li.Map4TabsActiveTab a.bruce-bay-link span,
									ul.location-links li.Map5TabsActiveTab a.bruce-bay-link span,
									ul.location-links li.Map6TabsActiveTab a.bruce-bay-link span{ width:54px; left:-73px;}
								.haast{ top:239px; left:63px;}
									ul.location-links li.haast a:hover,
									ul.location-links li.Map1TabsActiveTab a.haast-link,
									ul.location-links li.Map3TabsActiveTab a.haast-link,
									ul.location-links li.Map4TabsActiveTab a.haast-link,
									ul.location-links li.Map5TabsActiveTab a.haast-link,
									ul.location-links li.Map6TabsActiveTab a.haast-link,
									ul.location-links li.haast a:hover span,
									ul.location-links li.Map1TabsActiveTab a.haast-link span,
									ul.location-links li.Map3TabsActiveTab a.haast-link span,
									ul.location-links li.Map4TabsActiveTab a.haast-link span,
									ul.location-links li.Map5TabsActiveTab a.haast-link span,
									ul.location-links li.Map6TabsActiveTab a.haast-link span{ width:30px; left:-49px;}
							/* =================================================== */
							
							ul.location-links li a{
								width:7px; height:7px;
								padding:0;
								display:block;
								text-indent:-999em;
								font-size:0px; line-height:0px;
								font-weight:bold;
								text-decoration:none;
								overflow:hidden;
								position:relative;
								outline:none;
							}
								ul.location-links li a:focus{ outline:1px dotted; outline-offset:-1px;}
								ul.location-links li a:hover,
								ul.location-links li.Map1TabsActiveTab a,
								ul.location-links li.Map3TabsActiveTab a,
								ul.location-links li.Map4TabsActiveTab a,
								ul.location-links li.Map5TabsActiveTab a,
								ul.location-links li.Map6TabsActiveTab a{
									padding:6px 28px 5px 5px;
									display:inline-block;
									text-indent:0em;
									height:13px;
									font-size:11px; line-height:11px;
									background-image:url(/custom/templates/page/westCoastVisitHome/images/map-dot-over.gif);
									background-repeat:no-repeat; background-position:right top;
									background-color:#363636;
									border-bottom:1px solid #b6b6b6;
									border-right:1px solid #b6b6b6;
									z-index:100;
									color:#ffffff;
									text-decoration:none;
									top:-8px;
								}
								
									/* --- Cross browser compatability --- */
									ul.location-links li a:hover span,
									ul.location-links li.Map1TabsActiveTab a span,
									ul.location-links li.Map3TabsActiveTab a span,
									ul.location-links li.Map4TabsActiveTab a span,
									ul.location-links li.Map5TabsActiveTab a span,
									ul.location-links li.Map6TabsActiveTab a span{ display:block;}
									
			.map-content-container{}
				#AboutTheWestCoast-content div div.Map1Tabs,
				#AboutTheWestCoast-content div div.Map3Tabs,
				#AboutTheWestCoast-content div div.Map4Tabs,
				#AboutTheWestCoast-content div div.Map5Tabs,
				#AboutTheWestCoast-content div div.Map6Tabs{ display:none;}
				div#AboutTheWestCoast-content div div.Map1TabsVisibleContent,
				div#AboutTheWestCoast-content div div.Map3TabsVisibleContent,
				div#AboutTheWestCoast-content div div.Map4TabsVisibleContent,
				div#AboutTheWestCoast-content div div.Map5TabsVisibleContent,
				div#AboutTheWestCoast-content div div.Map6TabsVisibleContent,
				div#AboutTheWestCoast-content div div.Map1TabsVisibleContent div,
				div#AboutTheWestCoast-content div div.Map3TabsVisibleContent div,
				div#AboutTheWestCoast-content div div.Map4TabsVisibleContent div,
				div#AboutTheWestCoast-content div div.Map5TabsVisibleContent div,
				div#AboutTheWestCoast-content div div.Map6TabsVisibleContent div{ display:block;}
						.location-content-image{ width:323px; height:154px; overflow:hidden; margin:0 0 0 1px;}
							.location-content-image p{ margin:0;}
						.location-content-title{
							width:284px; height:27px;
							margin:0 0 0 1px; padding:7px 10px 0 30px;
							font-size:18px; line-height:18px; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF;
						}
						.location-content-text{
							width:303px; height:100px;
							padding:10px 10px 0 10px; margin:0 0 0 1px;
							font-size:11px; line-height:18px;
						}
							.location-content-text p{ font-size:11px; line-height:18px;}
							.Map1TabsVisibleContent a.more-on-location-button,
							.Map3TabsVisibleContent a.more-on-location-button,
							.Map4TabsVisibleContent a.more-on-location-button,
							.Map5TabsVisibleContent a.more-on-location-button,
							.Map6TabsVisibleContent a.more-on-location-button,
							.DistrictTabsVisibleContent a.more-on-location-button{ font-size:12px; font-weight:bold; line-height:18px; float:right; padding:0 10px 0 0;}
							
			/* Districts Styles */
			#BoxTabsContent2 .map-container{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-inner-bg-district.jpg); background-repeat:no-repeat; background-position:top left;}
			.map-district-link,
			.map-district{ position:relative; width:184px; height:303px; margin:25px 0 0 2px; background-repeat:no-repeat;}
			.map-district-link{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/districts-map.gif);}
				.map-district-link map{ display:block;}
				.district-overlay{ position:absolute;}
				.districts-map-bg{ position:absolute; z-index:10;}
			#AboutTheWestCoast-content div div.DistrictTabs{ display:none;}
			#AboutTheWestCoast-content div div.DistrictTabsVisibleContent{ display:block;}
				#AboutTheWestCoast-content div div .highlighted-region{ position:absolute; z-index:40; display:none;}
				
					#AboutTheWestCoast-content div div #buller-district.highlighted-region{ width:52px; height:113px; top:6px; left:-118px;}
						#AboutTheWestCoast-content div div.DistrictTabsVisibleContent #buller-district.highlighted-region{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/districts-map-buller-over.gif); display:block;}
						
					#AboutTheWestCoast-content div div #grey-district.highlighted-region{ width:53px; height:45px; top:99px; left:-127px;}
						#AboutTheWestCoast-content div div.DistrictTabsVisibleContent #grey-district.highlighted-region{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/districts-map-grey-over.gif); display:block;}
						
					#AboutTheWestCoast-content div div #westland-district.highlighted-region{ width:165px; height:173px; top:136px; left:-248px;}
						#AboutTheWestCoast-content div div.DistrictTabsVisibleContent #westland-district.highlighted-region{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/districts-map-westland-over.gif); display:block;}