/* easy-clearing styles documented here: http://www.positioniseverything.net/easyclearing.html */
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/
* html .fix {height: 1%;}/*for ie*/
/*fixes issue where widths set in html push content out in ie 5 */
.ie5overflowfix {width:100%;overflow: hidden;}/*for ie*/
html>body .ie5overflowfix {overflow:visible;}/*for firefox,safari etc*/

body {margin:0px;padding:0px;background: #515151 url(/custom/templates/page/shared/images/mainBG-DarkGrey.jpg) top center repeat-x;text-align:center;}

#container {width:937px;background-color:#fff; margin:0px auto;text-align:left;position:relative;}
	#header {position:relative;height:120px;}
		#header h1 {margin:0px;padding:0px;}
			#header h1 a{margin:0;padding:0;width:937px;height:120px;background: url(/custom/templates/page/westCoastVisitHome/images/header.jpg) no-repeat top left;text-indent:-999em;display:block;}
		
		#homeLink {position:absolute;top:10px; right:10px; display:block;text-indent:-999em;width:58px;height:25px;background:url(/custom/templates/page/shared/images/homeLink.gif) no-repeat top left;}
		#eventsLink {position:absolute;top:48px;right:10px;}
		
	#featurePanel,
	#featurePanelInner {height:377px;background:#fff url(/custom/templates/page/westCoastVisitHome/images/panelLeft.jpg) no-repeat top left;padding-left:20px;overflow:hidden; position:relative;}
		#featurePanelContent,
		#featureInnerPanelContent {background: url(/custom/templates/page/westCoastVisitHome/images/panelRight.jpg) no-repeat top right;text-align:left;}

				#featureImage {float:left; width:604px; height:335px;}
				#featureContent {float:right;background:#363636 url(/custom/templates/page/westCoastHome/images/panelRight.jpg) no-repeat top right;width:313px;height:335px;overflow:hidden;position:relative;}
		#tdPageSearch{ position:absolute; right:18px;width:289px;}
			#featureContentPadding { width:269px; height:310px; margin:13px 32px 14px 12px;}
				#featureContentPadding h1,
				#featureContentPadding h2,
				#featureContentPadding h3,
				#featureContentPadding h4,
				#featureContentPadding h5,
				#featureContentPadding h6,
				#featureContentPadding p{ color:#FFF;}
			h3.featureBlurb {height:73px; text-indent:-999em;background: url(/custom/templates/page/westCoastHome/images/homeBlurb.gif) no-repeat top left;margin:8px 0 0 0;}
			a#homeMapLink {display:block;width:135px;height:208px; text-indent:-999em;position:absolute;bottom:0px;right:20px;z-index:10;background:url(/custom/templates/page/westCoastHome/images/homeMap.gif) no-repeat top left;}
			div.featureText {position:relative; z-index:20;}
			
	#featurePanelInner {height:293px !important;}
		#featurePanelInner #featureImage {background: url(/custom/templates/page/westCoastHome/images/panelRight.jpg) no-repeat top right;width:917px;position:relative;height:251px; overflow:hidden;}
			
	#homeContent, #innerContent{ width:913px; margin-top:25px; padding:0px 13px 0 11px; float:left;}	
		#left-column{
			width:605px;
			float:left;
		}
			.content-box{ text-align:left; margin:0 0 4px 0; background-repeat:repeat-y;}
				.content-bottom{ background-repeat:no-repeat; background-position:left bottom;}
					.content-top{ background-repeat:no-repeat; background-position:left top; padding:12px 12px 14px 12px;}
						.flashTitleContainer{ margin:0 0 10px 0; height:18px;}
						#Main-title.tdata{ margin:0 0 3px 0;}
							.flashTitleContainer h4,
							#AboutTheWestCoast-title h4{ margin:0; color:#FFF; font-weight:bold;}
							.tDataContainer #Main-title.tdata{ margin:6px 0 5px; padding:0/* 13px*/; width:490px; display:inline-block;}
						.tDataContainer #tDataContent{ padding:0 12px; clear:both;}
			#AboutTheWestCoast-Container{ width:605px; background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-y-repeat.jpg); background-position:bottom; margin:0 0 10px 0;}
				#AboutTheWestCoast-top{ width:595px; padding:0; background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-top.jpg);}
					#AboutTheWestCoast-bottom{ width:595px; padding:5px 5px 0 5px; background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-bottom.jpg);}
						#AboutTheWestCoast-Inner{ width:595px; /*height:293px;*/ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-inner-bg.jpg); background-position:bottom;}
							#AboutTheWestCoast-title{ background-color:#363636; padding:8px 8px 0 8px;}
							#AboutTheWestCoast-tabs{ background-image:url(/custom/templates/page/westCoastVisitHome/images/AboutTheWestCoastBox/about-wc-menu-x-repeat.jpg); background-repeat:repeat-x; background-position:top; height:29px;}
							/* See "westCoastZoneMenu2010.css" for the tab stylings */
							#AboutTheWestCoast-content{ height:340px;}
			#TradeAndMedia-Container{ width:605px; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/tradeAndMedia-y-repeat.jpg); background-position:bottom; margin:0 0 10px 0;}
				#TradeAndMedia-bottom{ width:605px; padding:0; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/tradeAndMedia-bottom.jpg);}
					#TradeAndMedia-top{ width:595px; padding:5px 5px 0 5px; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/tradeAndMedia-top.jpg);}
						#TradeAndMedia-title{ padding:7px 5px 0 5px; margin:0 0 6px 0;}
						.left-column{ width:388px; padding:10px 10px 0 10px; float:left;}
						.right-column{ width:167px; padding:10px 10px 20px 10px; float:right; background-color:#d0d0d0; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/right-column-bottom.jpg); background-repeat:no-repeat; background-position:bottom;}
			#Main-Container{ width:605px; background-image:url(/custom/templates/page/westCoastVisitHome/images/main-y-repeat.jpg); background-position:bottom;}
				#Main-Container.tDataContainer{ width:913px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-y-repeat.jpg); background-position:bottom;}
				#Main-bottom{ width:605px; background-image:url(/custom/templates/page/westCoastVisitHome/images/main-bottom.jpg);}
					#Main-bottom.tDataContainer{ width:913px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-bottom.jpg);}
					#Main-top{ width:581px; background-image:url(/custom/templates/page/westCoastVisitHome/images/main-top.jpg);}
						#Main-top.tDataContainer{ width:913px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-top.jpg); padding:7px 0 0 0;}
							#Main-top.tDataContainer #Main-title{ margin:5px 12px 8px 12px;}
			/*#innerContent #Main-Container{ width:913px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-y-repeat.jpg); background-position:bottom;}
				#innerContent #Main-bottom{ width:913px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-bottom.jpg);}
					#innerContent #Main-top{ width:889px; background-image:url(/custom/templates/page/westCoastVisitTD/images/main-top.jpg);}*/
			#left-col-thin{
				width:208px;
				padding:0 16px 10px 0;
				float:left;
			}
				#Flickr-Container,
				#Twitter-Container,
				#SocialMedia-Container,
				#News-Container{
					width:208px;
					background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-thin-repeat.jpg);
					background-repeat:repeat-y;
				}
					#Flickr-Container .content-bottom,
					#Twitter-Container .content-bottom,
					#SocialMedia-Container .content-bottom,
					#News-Container .content-bottom{ width:208px; background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-thin-bottom.jpg);}
						#Flickr-Container .content-top,
						#Twitter-Container .content-top,
						#SocialMedia-Container .content-top,
						#News-Container .content-top{ width:184px; background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-thin-top.jpg);}
							#SocialMedia-Container #SocialMedia-top.content-top{ text-align:left; padding:12px 10px 14px 10px; width:188px;}
								#SocialMedia-title{ margin:0 0 10px 2px;}
								#SocialMedia-top a{ display:block; float:left; margin:0; width:38px; height:46px;}
									#SocialMedia-top a.fl{ width:37px;}
									#SocialMedia-top a.yt{ width:36px;}
							#News-Container ul{ margin:0;}
							
					#Flickr-Container #Flickr-top.content-top{ width:194px; padding:12px 2px 14px 12px; overflow:hidden;}
						#Flickr-title{ margin:0 0 14px 0; position:relative;}
							#Flickr-link{ width:18px; height:18px; display:block; position:absolute; top:-2px; right:8px; background:url(/custom/templates/page/westCoastVisitHome/images/flickr-icon.jpg) no-repeat top left;}
								
			#More-Container{ width:381px; float:right; background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-wide-repeat.jpg);}
				#More-bottom{ width:381px; background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-wide-bottom.jpg);}
					#More-top{ width:357px; background-image:url(/custom/templates/page/westCoastVisitHome/images/left-col-wide-top.jpg);}
			#Trade-Container,
			#Media-Container{ width:293px; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/trade-y-repeat.jpg);}
				#Trade-Container{ float:left;}
				#Media-Container{ float:right;}
				#Trade-bottom,
				#Media-bottom{ width:293px; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/trade-bottom.jpg);}
					#Trade-top,
					#Media-top{ width:273px; padding:10px; background-image:url(/custom/templates/page/westCoastVisitTradeAndMedia/images/trade-top.jpg);}
						 #Trade-title,
						 #Media-title{ padding:2px 0 0 0;}
		#right-column{
			width:292px;
			float:right;
			padding:0 0 10px 0;
			text-align:right;
		}
			#VisitorGuideButton,
			#TradeManualButton,
			#ImageLibraryButton,
			#ConventionBureauButton,
			#OperatorsButton{ width:292px; display:block;}
				#VisitorGuideButton,
				#TradeManualButton{ height:40px; margin:0 0 14px 0;}
				#ImageLibraryButton,
				#ConventionBureauButton,
				#OperatorsButton{ height:37px; margin:0 0 7px 0;}
			#DirectorySearch, #Top10, #Events, #OptionalArticle{ width:292px; background-image:url(/custom/templates/page/westCoastVisitHome/images/right-col-repeat.jpg);}
				#DirectorySearch-bottom, #Top10-bottom, #Events-bottom, #OptionalArticle-bottom{ width:292px; background-image:url(/custom/templates/page/westCoastVisitHome/images/right-col-bottom.jpg);}
				#featureContent #DirectorySearch,
				#featureContent #DirectorySearch-bottom{ width:268px; background-image:none;}
					#DirectorySearch-top, #Top10-top, #Events-top, #OptionalArticle-top{ width:268px; background-image:url(/custom/templates/page/westCoastVisitHome/images/right-col-top.jpg);}
					#featureContent #DirectorySearch-top{ padding:0; background-image:none;}
						#DirectorySearch-title{ height:18px;}
			#Video{ width:282px; background-image:url(/custom/templates/page/westCoastVisitHome/flash/video-bg.jpg); background-repeat:no-repeat; padding:5px 5px 0 5px;}
				#DirectorySearch form{ clear:both; padding:0; margin:0;}
			#SiteSearch{ padding:0px 12px 14px 12px;}
			#featureContent #SiteSearch{ padding:15px 0 30px 0; margin:15px 0 0 0; border:1px solid #666; border-width:1px 0 0 0;}
				#SiteSearch h3{ display:none;}
				#DirectorySearch #DirectorySearch-title,
				#SiteSearch #SiteSearch-title{ margin:0 0 10px 0;}
				#SiteSearch #SiteSearch-title,
				#SiteSearch h4{ color:#363636;}
					#featureContent #SiteSearch,
					#featureContent #SiteSearch h4{ color:#ffffff;}
				#SiteSearch form{ height:18px; padding:0; margin:0; clear:both;}
					#SiteSearch input{ float:left; width:56px; height:22px;}
						#SiteSearch input.searchField{ width:200px; height:18px; margin:0 6px 0 0; padding:1px;}
		#addressFooter	{ background: url(/custom/templates/page/shared/images/footer.gif) repeat-x top left;clear:both;position:relative;top:20px;}
	#addressFooter img {float:right;position:relative;top:-10px;}
	#addressFooter .tagHtmlAddress {padding:10px;font-size:11px;width:917px;}	
		#addressFooter #footerCredit {width:200px; float:right;text-align:right; margin-right:10px; display:inline-block;padding-top:16px;}		
		
	#footer {width:887px;margin:0 auto 20px auto; text-align:left;padding:20px 25px;background-color:#afafaf; position:relative;}
		#footer #footerCopyright{ width:350px; float:left; font-size:12px; font-weight:bold;}
			
			#footerLinks {float:left; width:470px; padding:0 20px 0 0; text-align:right;}
				#footerLinks p{ margin:0;}
				#footerLinks ul {list-style:none;margin:0px;}
				#footerLinks li { display:inline; padding-left:15px;}
				#footerLinks a:link, #footerLinks a:visited {color:#000000; text-decoration:underline; font-size:12px; font-weight:bold;}
				#footerLinks a:hover { color:#000000; text-decoration:none;}
				
	#sub-footer{width:907px; margin:0 auto 20px auto; position:relative; padding:0 20px 0 0;}
		#tripAdvisorContainer{
			width:168px;
			float:left;
			color:#FFF; font-size:10px; line-height:13px; text-align:left;
			padding:0 0 20px 0;
		}
			#tripAdvisorContainer a, #tripAdvisorContainer a:link{ color:#FFF; font-size:10px; text-decoration:underline;}
			#tripAdvisorContainer img{ margin:0 0 4px 0;}
			#tripAdvisorContainer span{ display:block;}
		#addThisContainer{ position:absolute; top:-4px; right:-10px; padding:3px; z-index:1000; width:60px; height:18px; float:left;}
			#addThisContainer a, #addThisContainer a:link{ color:#f38e6e; text-decoration:none;}
			#addThisContainer a:hover{ color:#f38e6e; text-decoration:underline;}
				#addThisContainer a span{ display:inline;}
		.credit{ width:643px; float:left; display:block; margin:10px auto 40px auto; color:#8a8a8a; font-size:12px; font-weight:bold;}
			 .credit a, .credit a:link, .credit a:visited{color:#8a8a8a; font-size:12px; font-weight:bold;}
	
			 /* --- TABS --- */
#header ul {margin:0px;padding:0px;list-style:none;position:absolute;right:6px;bottom:0px;}
	#weatherContainer{ width:488px; height:50px; position:absolute; right:13px; top:0px;background-color:#f1f1f1; vertical-align:top;}
		#westportWeather, #greymouthWeather, #hokitikaWeather{ float:left; height:32px; padding:9px 0 9px 10px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; vertical-align:top;}
			#westportWeather,
			#westportWeather .weatherError{ width:150px;}
			#greymouthWeather,
			#greymouthWeather .weatherError{ width:162px;}
			#hokitikaWeather,
			#hokitikaWeather .weatherError{ width:142px;}
		#greymouthWeather{ border:none;}
			#weatherContainer h4{ padding:10px 7px 10px 0; margin:0; float:left; font-size:13px; font-weight:normal; color:#276999;}
			#weatherContainer .weatherError{ height:32px; display:block; padding:0; text-align:center; background-color:#F1F1F1; color:#a7a7a7;}
			#weatherContainer .weatherContainer{ float:right; width:84px;}
				#weatherContainer .weatherContainer .weatherIcon{ width:32px; float:left;}
					#weatherContainer .weatherContainer .weatherTemp{ width:40px; float:left; padding:10px 0 10px 8px;}
						#weatherContainer .weatherContainer .weatherTemp p{ margin:0; font-size:14px; font-weight:normal; color:#276999;}


Tourism Data Search 
#tdSearch h3 {background:#59872b url(/custom/templates/page/westCoastHome/images/communityDir.png) no-repeat 8px 5px;margin:0 0 15px 0;height:25px;  font-size:16px;color:#fff;font-weight:normal;line-height:16px;text-indent:-999em;}
#tdSearch form {margin:0px 0px 25px 0px; padding:0px;}
#tdSearch select {width:260px; margin-bottom:4px;}
#tdSearch input {width:192px;margin-right:5px;}
#tdSearch .submit input {width:auto;float:none;margin:0px;background:#59872B;position:relative;top:3px;padding: 0 3px;}

 TD Page 
#tdPageSearch {position:absolute; right:18px;width:289px;}
#tdPageSearch #tdSearch {padding:10px 0 0 10px;margin:0px;}
#tdPageSearch #tdSearch h3 {color:#fff; width:auto;margin-bottom:5px;margin-top:2px;}
#tdPageSearch #tdSearch form {margin:0px 0px 25px 0px; padding:0px;}
#tdPageSearch #tdSearch select {width:220px; margin-bottom:4px;}
#tdPageSearch #tdSearch input {width:150px;margin-right:5px;}
#tdPageSearch #tdSearch .submit input {width:auto;float:none;margin:0px;background:#3C4035;position:relative;top:3px;padding: 0 3px;}

#liveTourismData {width:899px;padding-bottom:20px;background:#fafafa;padding-top:20px;}
	#liveTourismDataPadding {margin: 0 20px 20px;}
	
a#addListing {display:block; margin:20px 0 0 10px;text-indent:-999em;width:253px; height:68px;background: url(/custom/templates/page/shared/images/listBusiness.png) no-repeat top left;}

/* Thrivemail */
div.thriveMail {position:relative; /*width:913px;*/}
	div.thriveMail div.thriveMailViewMessage {
		position:relative;
		top:25px;
		margin-bottom:25px;
	}
	div.thriveMail div.thriveMailViewMessageLink {
		position:absolute;
		top:-5px;
		width:100%;
	}
/* Weblog Design Styles */
.blogger-image-container { float: right; width: auto;  padding: 0 0 10px 10px;}
.blogger-image-container img {border: 1px solid #ccc; padding: 3px;}
.latest-post-blogger-name {border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; padding: 10px 5px; margin-bottom: 10px;  }
.latest-post-blogger-name span {color: #5c5c5c;}
.latest-post-blogger-name span.blogger {margin-right: 35px;}
#previous-next {border-top: 1px dotted #ccc; padding: 10px 0; clear: both; width: 100%; float: left;}
#previous-next span {font-size: 11px; color:#8a8a88; }
#previous-next div { padding: 5px;}
.previous {float: left; width: 47%;}
.previous a {padding: 3px 0 3px 21px;  background: url(/custom/templates/page/shared/images/previous-bg.png) no-repeat; background-position: top left;}
.next a {padding: 3px 21px 3px 0; background: url(/custom/templates/page/shared/images/next-bg.png) no-repeat; background-position: top right;}
.next {float: right;width: 47%; text-align: right;}
.comments-container {background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #eee; border-radius: 5px 5px 5px 5px; padding: 10px; clear: both; margin-top: 15px;}
