/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	

/* #Site Styles
================================================== */

/* simple responsive tabs/accordion */
.responsiveTabs_accordion,
.hidden{
	display: none;
}

.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
	}
* html .clear {
	height: 1%;
	}
	
.fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
	}
* html .fix {
	height: 1%;
	}

* {
    margin:0 0 0 0;
    padding:0 0 0 0;
	}
.italic {
	font-style:italic;	
}
	
/* Layout
------------------------*/

body {
	background:#fff;
	margin:0;
	left:0;
	position:relative;
	}	
	
/* Generic
------------------------*/

.container {
	padding: 0 20px !important;
	}
	
.row {
	margin:0 auto;
	max-width:980px;
	position:relative;
	width:100%;
	}

.wrapper {
	margin:0 auto;
	max-width:980px;
	}
	

/* Page Styles
================================================== */

/* Header
------------------------*/

.header {
	background:#0a3040;
	height:77px;
	left:0;
	padding:0;
	position:fixed;
	right:0;
	top:0;
	width:auto;
	z-index:300;
	-webkit-backface-visibility:none;
	-webkit-perspective:none;
	}

#headerSearch .padding {
	padding:0 0 0 16px;
	}
	
p#headerBrand {
	margin:0;
	}
	
p#headerBrand a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/logo.png) no-repeat 0 0 transparent;
	background-size: 221px 76px;
	height:76px;
	width:221px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	}	
	
#breadcrumb {
	width:100%; 
	height:30px; 
	background:rgba(5,37,50,0.4); 
	font-family:'Droid Sans', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	font-weight:700;
	margin-top:-38px;
	padding-top:8px;
	position:relative;
	z-index:100;
	}

#breadcrumb a {color:#fff; float:left;}

#breadcrumb .menuBreadcrumbTrail {width:auto; float:left;}


/* Navigation
------------------------*/

.mobile-menu  { display: none; }
.navigation { position:absolute; top:0; right:0;}
.navigation ul { margin: 0; padding: 0; list-style: none; margin-right:45px; }
.navigation ul > li { margin: 0; display: block; float: left; padding: 30px 18px 0px 18px; height:46px; position: relative; line-height: 18px;}
.navigation ul > li:hover {background:#fff; color:#072d3c;}
.navigation ul li:hover a {color:#009bce;}
.navigation ul li a { color: #fff; text-decoration: none; font-size: 14px; cursor: pointer;  font-weight:700; text-transform:uppercase;}

.navigation ul li.last {text-indent:-9999px; height:76px; margin:0; padding:0; width:40px;}
.navigation ul li.last a {background: url(/custom/templates/page/shared/coromandel-2013/images/world.png) no-repeat 50% 50%; display:block; height:76px; width:40px;}
.navigation ul li.last:hover a,
.navigation ul li.last:hover a.active {background: url(/custom/templates/page/shared/coromandel-2013/images/world-hov.png) no-repeat 50% 50% #fff; display:block; height:76px; width:40px;}
.navigation ul li .dropdown ul li.last a,
.navigation ul li.last .dropdown ul li a,
.navigation ul li.last .dropdown ul li.last:hover,
.navigation ul li .dropdown ul li.last:hover a.active {background: none; display:block; height:auto; width:100%;}

.navigation ul li .dropdown {  position: absolute; background: #fff; background: rgba(256,256,256); top: 76px; left: 0px; visibility: hidden; opacity: 0; /*transition: visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -webkit-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -moz-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -ms-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in; -o-transition:visibility 0s ease-out 0.2s, opacity 0.2s ease-in;*/ min-width: 300px; padding-top:20px; box-shadow:1px 3px 3px 0px rgba(1, 31, 43, 0.1);}

.navigation ul li .dropdown ul li { color: #072d3c; padding: 0 0 10px 20px;  width: 100%; line-height: 24px; text-indent:0px; font-size:14px; height:auto;}
.navigation ul li .dropdown ul li a { color: #072d3c; font-weight: normal; font-size: 14px; text-transform:none; width:auto; height:auto; }
.navigation ul li .dropdown ul li a:hover {color:#009bce;}

.navigation ul li.last:hover .dropdown ul li > a {background:none;}
.navigation ul li:hover .dropdown { visibility: visible; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; z-index:99999 !important; }

.navigation ul li a.slideThis { display:none; background: url(/custom/templates/page/shared/coromandel-2013/images/expand.png) no-repeat left center; background-size:25px 17px; float:right; width:20px; height:20px;}
.navigation ul li a.slideThis.slided { background: url(/custom/templates/page/shared/coromandel-2013/images/close.png) no-repeat left center !important; background-size:25px 17px !important; float:right; width:20px; height:20px;}
.mobile-close {display:none;}
div.magnify {display:none;}

.navigation ul > li#deals_and_specials{
	background-color:#00558f;
	}
	.navigation ul > li#deals_and_specials:hover{
		background-color:#fff;
		}
/* Search
------------------------*/
#searchBox{
	width:390px; 
	height:auto; 
	display:none; 
	background:#fff;
	float:right;
	
	padding:0px 0px 10px 0px;
	border-radius:0px;
	border-top:5px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
	#searchBox,
	#searchBox .ui-corner-all{ border-radius:0px 0px 0px 0px;}
	#searchBox .ui-tabs-nav{
		padding:0;
		border:none;
	}
	#searchBox .ui-widget-header{ background:none}
		#searchBox .ui-tabs-nav li,
		#searchBox .ui-state-default{
			width:50%;
			margin:0;
			border:none;
			border-radius:0px 0px 0px 0px;
			text-align:center;
			background:#00558f;
		}
		#searchBox .ui-tabs-nav li.last{ margin:0 0 2px 0;}
		#searchBox li.ui-state-active{
			width:50%;
			padding:2px 0 2px 0;
			background:#fff;
			border:none;
		}
		#searchBox li.ui-state-active{ background:#fff}
		
		#searchBox li#availability-tab {width:40%;}
		#searchBox li#full-search {width:60%;}
		
			#searchBox .ui-tabs-nav li a{
				width:100%;
				display:block;
				color:#fff;
				font-family:'Droid Sans', sans-serif;
				font-size:13px; font-weight:700;
				text-align:left;
				margin:0 auto;
				padding:10px 10px 10px 15px;
				text-transform:uppercase;
				letter-spacing:0;
			}
			#searchBox .ui-tabs-nav li a:focus{ outline:none;}
			#searchBox li.ui-state-active a{ color:#072d3c;}
	#searchBox div{ position:relative;}
	#searchBox .ui-tabs-panel{
		padding:15px;
		border:none;
		background:#fff;
		position:relative;
	}
	
	#searchBox #td_search select, #td_search input {
		background:none; 
		border:1px solid #ccc;
		width:100%;
		margin:0px 0px 10px 0px;
		font-size: 12px;
		font-family:'Droid Sans', sans-serif;
		padding:7px 5px 7px 5px;
		float:left;
	}
	
	#searchBox #td_search input#keywords {width:65%;}
	
	#searchBox #td_search span.td_startDate  {
		width:75%; 
		float:left;
	}
	#searchBox #td_search span.td_startDate select {
		width:28%; 
		float:left;
		margin-right:5px;
	}
	#searchBox #td_search span.td_startDate a {
		width:auto; 
		float:left;
	}
	#searchBox #td_search span.td_nights  {
		width:auto; 
		float:right;
	}
	#searchBox input.submit {
		background-color: #009BCE;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 1px 3px 1px rgba(1, 31, 43, 0.1);
		color: #FFFFFF;
		display: block;
		float: right;
		font-family: 'Droid Sans',sans-serif;
		font-size: 14px;
		font-weight: 700;
		padding: 5px 5px;
		text-align: center;
		text-transform: uppercase;
		min-width: 30%;
		-webkit-appearance: none;
		height:30px;
	}
	#searchBox input.submit:hover {
		background-color:#0283ad;
		color:#fff;
		}
	#searchBox h6 {font-family:'Droid Sans', sans-serif; font-size:13px; font-weight:400; margin-bottom:5px;}
	
	div.magnify {display:block;}
	.magnify a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/magnify.png) no-repeat 52% 50%;
		background-size:21px 21px;
		width:40px;
		height:77px;
		right:0px;	
		top:0;
		position:absolute;
		text-indent:9999px;
	}
	.magnify a:hover {
		background:url(/custom/templates/page/shared/coromandel-2013/images/magnify-hov.png) no-repeat 52% 50% #fff;
		background-size:21px 21px;
	}
	.magnify .HL {
		background:url(/custom/templates/page/shared/coromandel-2013/images/magnify-hov.png) no-repeat 52% 50% #fff;
		background-size:21px 21px;
	}		
	
	
/* Footer
------------------------*/

.container.footer {
	background:#0a3040;
	box-shadow:0 0 6px rgba(0, 0, 0, 0.7);
	bottom:0;
	display:block;
	height:auto;
	left:0;
	padding:0;
	-webkit-backface-visibility:none; 
	-webkit-perspective:none;
	position:fixed;
	right:0;
	width:auto;
	z-index:300;
	}

#footer-links {  
	float:none; 
	}
#footer-links ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
	}
#footer-links ul li {
	width:auto; 
	float:left; 
	text-align:center; 
	display:inline-block; 
	color:#ffffff; 
	font-family: 'Droid Sans', sans-serif; 
	font-size:13px; 
	font-weight:700; 
	text-transform:uppercase; 
	background-color:#0A3040; 
	padding:22px 9px 18px;
	border-right:1px solid #113C4E;
	}
#footer-links ul li:hover {
	background-color:#ffffff; 
	color:#072D3C !important;
	}
#footer-links ul li.voteLink ul li:hover {
	background-color:transparent; 
	color:#072D3C !important;
	}
#footer-links ul li h3 {
	text-transform:none;
	}
	#footer-links li.voteLink {
	color:#62a73b;	
	}

#footerCopyright {
	float:right;
	padding: 16px  0px 0px 0 ;
	text-align:right;
	line-height:14px;
	color:#fff;
	font-size:11px;
	}
#footerCopyright a {
	color:#fff;
	}
#footerCopyright a:hover {
	color:#009BCE;
	}
#footer-links ul li p {text-align:left; text-transform:none; padding:0; font-weight:400; margin-right:10px; float:left; font-size:15px; line-height:28px;}

#footer-links ul li ul li {
	width:auto; 
	float:left; 
	text-align:center; 
	display:inline-block; 
	color:#072D3C; 
	font-family: 'Droid Sans', sans-serif; 
	font-size:14px; 
	font-weight:700; 
	text-transform:uppercase; 
	background-color:transparent; 
	padding:0px 15px 0px 0px; 
	height:auto; 
	border:none;
	margin-bottom:20px;		
	}

#footer-links .button {
	background-color: #009BCE;
	border-radius: 3px 3px 3px 3px;
	/*box-shadow: 0 1px 3px 1px rgba(1, 31, 43, 0.3);*/
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: 'Droid Sans',sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 3px 8px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	margin-right:10px;
	margin-top:0px;
	border:none;
}
#footer-links .button:hover {
	background-color:#0283ad;
	color:#fff;
	}
#footer-links .button:visited {color:#fff;}

#footer-links .footer-left {width:48%; float:left; margin-right:20px;}
#footer-links .footer-left p.small {font-size:14px;}

#footer-links .footer-right {width:48%; float:left;}

#footer-links #mediaContent p {line-height:18px;}

#footer-links ul li.mediaLink {margin-right:0px;}


/* Social
------------------------*/

ul#socialMedia {
	float:left;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	border-right:1px solid #113C4E;
	}

ul#socialMedia li {
	float:left;
	}

ul#socialMedia li a {
	display:block;
	height:54px;
	margin:0px 4px 0px 0px;
	text-indent:-9999px;
	width:28px;
	}

ul#socialMedia li.facebook a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/fb-blue.jpg) 0 50% no-repeat;
	}
	ul#socialMedia li.facebook a:hover {
	background:url(/custom/templates/page/shared/coromandel-2013/images/fb.jpg) 0 50% no-repeat;
	}
ul#socialMedia li.twitter a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/twitter-blue.jpg) 0 50% no-repeat;
	}
	ul#socialMedia li.twitter a:hover {
	background:url(/custom/templates/page/shared/coromandel-2013/images/twitter.jpg) 0 50% no-repeat;
	}
ul#socialMedia li.youtube a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/yt-blue.jpg) 0 50% no-repeat;
	}
	ul#socialMedia li.youtube a:hover {
	background:url(/custom/templates/page/shared/coromandel-2013/images/yt.jpg) 0 50% no-repeat;
	}
ul#socialMedia li.pinterest a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/pinterest-blue.jpg) 0 50% no-repeat;
	}
	ul#socialMedia li.pinterest a:hover {
	background:url(/custom/templates/page/shared/coromandel-2013/images/pinterest.jpg) 0 50% no-repeat;
	}
ul#socialMedia li.trip-adv a {
	background:url(/custom/templates/page/shared/coromandel-2013/images/trip-adv-blue.jpg) 0 50% no-repeat;
	}
	ul#socialMedia li.trip-adv a:hover {
	background:url(/custom/templates/page/shared/coromandel-2013/images/trip-adv-color.jpg) 0 50% no-repeat;
	}

li.plannerLink:hover #plannerContent,
li.newsletterLink:hover #newsletterContent,
li.contactLink:hover #contactContent,
li.mediaLink:hover #mediaContent,
li.communityLink:hover #communityContent{
	margin-top:-300px;
	transition:margin-top 2s ease-in; 
	-webkit-transition:margin-top 2s ease-in; 
	display:block;
	}	
	
li.bookLink{cursor:pointer;}
li.bookLink #bookFooterContent{display:none;}
li.bookLink.active #bookFooterContent {
	margin-top:-300px;
	transition:margin-top 2s ease-in; 
	-webkit-transition:margin-top 2s ease-in; 
	display:block;
	}	
	


/* ---- VOTING ALTERATION ---- */
#voteContent {
	background-color: #0070a1;
	color:#fff;
    display:block;
    width:100%;
    height:auto;
    position:absolute;
    margin:0 auto;
    -webkit-transition:margin-top 2s ease-in; 
	display:none;
	left:0;
	bottom:54px;
	padding:30px 0px 20px 0px;
	border-top:1px #ccc solid;
	z-index:500;
}	
#voteContent h3 {color:#fff;}
#footer-links ul li.voteLink:hover {
	color:#fff !important;
	background-color: #0070a1;
}

li.voteLink:hover #voteContent {
	margin-top:-300px;
	transition:margin-top 2s ease-in; 
	-webkit-transition:margin-top 2s ease-in; 
	display:block;
	}	
/* ---------------- */
#footer-links ul li a.yourPlanner:link,
#footer-links ul li a.yourPlanner:visited{
	color:#62A73B;
	}
/*---------- Footer book now -----------*/
#footer-links ul li.bookLink{
	background-color:#154357;
	}
	#footer-links ul li.bookLink:hover,
	#footer-links ul li.bookLink.HL{
		background-color:#fff;
	}
#footer-links ul li span.Booknow{
	color:#009bce;
	}
	#footer-links ul li:hover span.Booknow{
	color:#0283ad;
	}

#bookFooterContent #td_search{
	width:48%;
	}
#bookFooterContent .ui-tabs-panel{
		padding:15px;
		border:none;
		background:#fff;
		position:relative;
	}
	
	#bookFooterContent #td_search select {
		background:none; 
		border:1px solid #ccc;
		width:100%;
		margin:0px 0px 10px 0px;
		font-size: 12px;
		font-family:'Droid Sans', sans-serif;
		padding:7px 5px 7px 5px;
		float:left;
	}
	
	#bookFooterContent #td_search input#keywords {width:65%;}
	
	#bookFooterContent #td_search span.td_startDate  {
		width:75%; 
		float:left;
	}
	#bookFooterContent #td_search span.td_startDate select {
		width:28%; 
		float:left;
		margin-right:5px;
	}
	#bookFooterContent #td_search span.td_startDate a {
		width:auto; 
		float:left;
	}
	#bookFooterContent #td_search span.td_nights  {
		width:auto; 
		float:right;
	}
	#bookFooterContent input.submit {
		background-color: #009BCE;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 1px 3px 1px rgba(1, 31, 43, 0.1);
		color: #FFFFFF;
		display: block;
		float: right;
		font-family: 'Droid Sans',sans-serif;
		font-size: 14px;
		font-weight: 700;
		padding: 5px 5px;
		text-align: center;
		text-transform: uppercase;
		min-width: 30%;
		-webkit-appearance: none;
		height:30px;
		cursor:pointer;
	}
	#bookFooterContent input.submit:hover {
		background-color:#0283ad;
		color:#fff;
		}
	#bookFooterContent h6 {font-family:'Droid Sans', sans-serif; font-size:13px; font-weight:400; margin-bottom:5px;}
/*-----------------*/

#plannerContent, #newsletterContent, #contactContent, #mediaContent, #communityContent, #bookFooterContent {
	background-color: #fff;
    display:block;
    width:100%;
    height:auto;
    position:absolute;
    margin:0 auto;
    -webkit-transition:margin-top 2s ease-in; 
	display:none;
	left:0;
	bottom:54px;
	padding:30px 0px 20px 0px;
	border-top:1px #ccc solid;
}	
#contactContent h3 {text-transform:none;}

.footerMobile {display:none;}	

#newsletterContent form#enquiry input {width:300px;}
	

/* Gallery
------------------------*/

.flist-item.slider-image{
    display:block !important;
	}
.slide-content{
    top:500px;
    color:#fff !important;
	}
.slide-content h2{
    color:#fff !important;
	}
#customContainer {
	background:#0A3040; 
	overflow:hidden; 
	top:76px; 
	position:relative;
	width:100%;
	z-index:0;
	} 
#customContainer .caption-box { 
	height: 100px; 
	}
#customContainer .camera {
	background:url(/custom/templates/page/shared/coromandel-2013/images/camera.png) no-repeat 80% 0; 
	position:absolute; 
	top:60%; 
	right:7%; 
	width:20px; 
	height:20px; 
	display:block; 
	float:right;
	z-index:200;
	}
#customContainer .caption { 
	display:none; 
	position:absolute; 
	top:-5px; 
	right:-5px; 
	text-align:left; 
	background-color:rgba(0,0,0, 0.5);
	width:250px; 
	height:auto; 
	padding:10px; 
	color:#fff;
	}
#customContainer .camera:hover .caption {
	display:block;
	}
	
#customContainer .caption h2, #slider .caption a { 
	color:#fff; 
	font-size:14px; 
	font-weight:700; 
	font-family:'Droid Sans', sans-serif; 
	text-transform:uppercase; 
	}
#customContainer .caption h2 { 
	padding:0 20px 0 0; 
	letter-spacing:0; 
	margin-bottom:0; 
	}
#customContainer .caption h2:hover, #customContainer .caption a:hover { }
#customContainer .caption em { 
	color:#fff; 
	}
.banner-gallery-wrapper { 
	margin:0 auto; 
	width:100%; 
	bottom:32%; 
	position:absolute; 
	left:0;
	}
.wrapper-next {
	margin:0 auto; 
	width:100%;
	}
.next-slide {
	display:block;
	width:20px;
	height:38px;	
	position:absolute;
	top:55%;
	width:50%;
	margin:0 auto;
	cursor:pointer;
	background-image:url(/custom/templates/page/shared/coromandel-2013/images/home-arrow.png);
	background-repeat:no-repeat;
	background-position:100% 0%;
	outline:none;
	right:7%;
	-webkit-tap-highlight-color:transparent;
	}
.prev-slide {
	display:block;
	width:20px;
	height:38px;	
	position:absolute;
	top:55%;
	width:50%;
	margin:0 auto;
	cursor:pointer;
	background-image:url(/custom/templates/page/shared/coromandel-2013/images/home-arrow-prev.png);
	background-repeat:no-repeat;
	background-position:12% 0%;
	outline:none;
	left:0;
	-webkit-tap-highlight-color:transparent;
	/*z-index:999;*/
	}
	
#panoCarousel{
    list-style:none;
    position:relative;
    -webkit-backface-visibility: hidden;
    -ms-touch-action: pan-y;
	margin:0 0 0 0;
    padding:0 0 0 0;
}
#panoCarousel li{
    -webkit-backface-visibility: hidden;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#thriveCarousel{
    position:relative;
    overflow:hidden;
    width:100%;
    -ms-touch-action: none;
}
.fade_animate{
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in-out;
}

#thriveCarouselContainer img{
    display:block;
	}

#panoCarousel li a.banner-link {display:block; cursor:pointer; height:100%; width:100%; z-index:100; position:absolute; top:0px; left:0px;}


.header, .footer {
		-webkit-backface-visibility: hidden;
	}
	#map-canvas {
        height: 630px;
        margin: 0px;
        padding: 0px;
    }
	.coroFeatures{
		display:none;
		position: absolute;
		top: 80px;
		height: auto;
		background: #ffffff;
		opacity: .9;
		margin: 0;
		width: 200px;
		padding: 20px 20px 20px 20px;
		box-shadow: 0 2px 5px #7a7a7a;
		left: 7%;
		z-index:99999999;
	}
	.bufferblock {
		display:none;
	}
	@media all and (min-width:768px){
		.bufferblock{
			display:block;
			width:100%;
			height:54px;
		}
		.coroFeatures{
			display:block;
		}
	}
	@media all and (max-width:767px){
		.coroFeatures{
			display:block;
			position:relative;
			top:0px;
			box-shadow:none;
			width:90%;
			left:0px;
			padding:20px;
		}
		.filterButtons{
			width:90%;
			left:5%;
			margin-top:0px !important;
			
		}
		#loc, #attr {
			width:50%;
			display:inline-block;
			float:left;
			padding:0px;
		}
		#google .filterButtons .button {padding:10px 0px !important;}
		
		.buttonHolder {top:70px !important;}
		
		.containMe {top:120px !important;}
	}


/* Map Home
------------------------*/

.home #map {
	bottom: 0;
	/* Potential iOS fix */
    height:630px;
    padding: 0;
    position: relative;
    width: 100%;
	background:none;
	z-index:150;
	top:76px;
	float:left;
}

	#map ul.resp-tabs-list {float:right; position:relative; left:0; list-style-type:none; background: none; height: 38px; margin: -38px 0px 0px 0px; z-index:100; padding:0;}
	#map .resp-tabs-list li {float:left; color:#072d3c; margin-bottom:0;  }
	#map .resp-tabs-list li a { padding: 7px 15px; margin-right:3px; display:block; cursor: pointer;  background: #00558f; margin-bottom: 0; position: relative; height:24px; font-family:'Droid Sans', sans-serif; font-weight:700; font-size:13px; text-transform:uppercase; color:#fff; letter-spacing:0;}
	#map .resp-tabs-list li a:hover {background:#fff; color:#072d3c !important;}
	#map .resp-tabs-list li#locations { background: none; }
	#map .resp-tabs-list li a.active {background:#fff; color:#072d3c;}
	#map .resp-tabs-list li a.active:after  {  position: absolute; display: block; content: ""; border-color: #ffffff  transparent  transparent  transparent; border-style: solid; border-width: 22px;height:0; width:0; position:absolute; bottom: -38px; left: 40%;}
	#map .box { padding: 0; margin-top:0px; }

	#map #locations, #map #attractions, #map #google {
		background:#aec9d4;
		overflow:hidden;
    	height:630px;
		width:100% !important;
	}
	#map #discover {
		background:#aec9d4;
		overflow:hidden;
    	height:630px;
		width:100% !important;
	}
	#map p {margin:0px;}
	
	.non-mobile-location {display:block; position:relative;}	
	.mobile-location {display:none;}


#discover-control a{
	width:auto;
	height:30px;
	display:block;
	position:fixed;
	bottom:55px;
	z-index:500;
	cursor:pointer;
	font-family:'Droid Sans', sans-serif;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	left:7%;
}

#discover-control a span {
	width:14px;
	height:7px;
	margin-right:10px;
	float:left;
	margin-top:5px;
	}
a#arrow-discover span.arrow-up {
	background:url(/custom/templates/page/shared/coromandel-2013/images/arrow-close.png) no-repeat 0 0;
	}
a#arrow-discover-close span.arrow-down {
	background:url(/custom/templates/page/shared/coromandel-2013/images/arrow-discover.png) no-repeat 0 0;
	}
	
.location #discover-control,
.inner #discover-control {
	position:absolute;
	bottom:0px;
	width:200px;
	height:50%;
	left:7%;
	}

.location #discover-control a,
.inner #discover-control a{
	position:absolute;
	bottom:15px;
	left:0;
	display:block;
	z-index:100;
	height:20px;
	cursor:pointer;
	font-family:'Droid Sans', sans-serif;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff/*#009BCE*/;
	/*border:1px solid #009BCE;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 0px 3px;*/
	padding:5px;
}
.location a#arrow-discover-close-location span.arrow-down,
.inner a#arrow-discover-close-location span.arrow-down {
	background:url(/custom/templates/page/shared/coromandel-2013/images/arrow-discover.png) no-repeat 0 0;
	}

.home .location-map,
 #innerMaps .location-map {height:630px !important; margin:0 auto!important; position:relative; width:980px !important;}


	.location #map .location-map,
	.inner #map .location-map {margin-left:-8%;}
	.location-map .regionInformation { right:0px;}
	.home .location-map .regionInformation { right:0px;}
	

#top-attractions {
	position:absolute; 
	top:80px; 
	height:auto;
	background:#fff;
	opacity:0.9;
	margin:0;
	width:180px;
	padding:20px 20px 20px 20px;
	box-shadow:0 2px 5px #7A7A7A;
	left:7%;
	}


/* LOCATION
------------------------*/

/* Location Content
	------------------------*/
	
	#content {width:100%; height:100%;}
	
	.column {
		float:left;
		margin-bottom:25px;
		margin-right:3%;
		margin-top:31px;
		position:relative;
		width:21%;	
		
	}
	.column.first {
		width:28%;
	}
	.column.last {
		margin-right:0;
	}
	
	.column h2 {
		padding:0;	
		font-weight:700;
		font-size:28px;
		line-height:30px;
	}
	
	.column h3 {
		padding:0;	
		font-weight:700;
		font-size:16px;
		margin:5px 0px 10px 0px;
		font-family: 'Droid Serif',serif;
	}
	
	.column h4 {
		padding:0;	
		font-weight:700;
		font-size:16px;
		margin:5px 0px 10px 0px;
		font-family: 'Droid Serif',serif;
	}
	
	.column h4 a {
		color:#072d3c;
	}	
	.section {
		background:#fff;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    	overflow: hidden;
	}	
	.section-last .image {
		height:260px;
	}
	
	.section.top {
		height:500px;
		background:#ccc; /* temp */
	}
	.section.top div.image {
		/*background-attachment:fixed;*/
		height:500px;	
	}
	
	#banner .image {height:500px !important;}
		
	
/* I-Site */

	#info-icon {
		background:url(/custom/templates/page/shared/coromandel-2013/images/i-site-icon.png) no-repeat 0 0;
		width:34px;
		height:34px;
		display:block;
		text-indent:-9999px;
		margin-top:2px;
		position:relative;
	}
	#info-icon-blue {
		background:url(/custom/templates/page/shared/coromandel-2013/images/i-site-icon-blue.png) no-repeat 0 0;
		width:34px;
		height:34px;
		display:block;
		text-indent:-9999px;
		margin-top:2px;
		position:relative;
	}
	#info-icon:hover, #info-icon-blue:hover {
		opacity:0.8;
	}
	
	.contact-popup {position:absolute; right:0; top:-140px; width:300px; height:100px; background:#fff; display:block; padding:15px; border-radius:5px;}
	.contact-popup:after{content: ""; border-color: #ffffff  transparent  transparent  transparent; border-style: solid; border-width: 20px;height:0; width:0; position:absolute; bottom: -37px; right:0;}
	.contact-popup h3 {font-size:14px;}

/* Map Location & Inner
------------------------*/

.location #map, .inner #map {height:auto;}
.location #map-content, .inner #map-content {height:630px;}

.location #map #discover, .location #map #plan-trip, .location #map #tides, .inner #map #hauraki, .inner #map #homegrown, .inner #map #google, .inner #map #plan-trip, .inner #map #tides {background:/*#aec9d4*/#B3D1FF; height:auto; position:relative; overflow:hidden;}
.location #map #plan-trip, .location #map #tides, .inner #map #plan-trip, .inner #map #tides {padding:20px 0px 20px 0px;}
.location #map #tides, .inner #map #tides {height:auto;}
.location #map .location-map,
.inner #map .location-map {height:579px; width:1920px; /*margin-left:-130px;*/ position:relative;}

.location #content #map #discover.box div.wrapper,
.inner #content #map #discover.box div.wrapper  {max-width:none;}

.location #content #map #discover.box div.wrapper div.non-mobile-location div.wrapper {max-width:980px;}

#plan-trip.box div.wrapper h3 {margin-bottom:20px;}



/* INNER
------------------------*/

/* Inner Content
	------------------------*/

#inner-content, .inner-content {height:100%; padding:40px 1% 100px 1%; float:left; width:98%; margin-bottom:30px;}

#inner-content h2, .inner-content h2 {font-family:'Droid Sans', sans-serif; font-weight:400;}

/* Top Attractions
	------------------------*/

.topAttractions {
	display:block;
	font-size:0;
	margin:0 0 42px 0;
	}
	.topAttractionsColumn {
		display:inline-block;
		margin:0 0 15px 0;
		vertical-align:top;
		width:50%;
		}
		.topAttractionsColumn p {
			font-size:16px;
			line-height:24px!important;
			}
		.topAttractionsColumn.first p {
			font-size:24px;
			line-height:32px!important;
			}
		.topAttractionsColumn .padding {
			padding:0 0 0 30px;
			}
		.topAttractionsColumn.first .padding {
			border-right:1px #e5e5e5 solid;
			padding:0 30px 0 0;
			}
		
	.topAttractions ul {
		background:#e8f1f5;
		list-style:none;
		margin:0;
		padding:0 10px;
		}
		.topAttractions ul li {
			display:inline-block;
			font-size:14px;
			margin:0!important;
			padding:20px 0 10px 0;
			position:relative;
			text-align:center;
			vertical-align:top;
			width:33.33%;
			}
		.topAttractions ul li.firstPlace {
			width:100%;
			}
			.topAttractions ul li a {
				display:block;
				padding:0 10px;
				}
				.topAttractions ul li img {
					border:0;
					display:block;
					height:auto;
					margin:0 0 10px 0;
					width:100%;
					}
					.topAttractions ul li a span {
						background:#009bce;
						border:2px #fff solid;
						border-radius:50%;
						color:#fff;
						display:block;
						height:40px;
						left:50%;
						line-height:40px;
						margin:2px 0 0 -22px;
						position:absolute;
						top:0;
						width:40px;
						}
					.topAttractions ul li.firstPlace a span {
						font-size:30px;
						height:70px;
						top: 20px;
						line-height:64px;
						margin:-36px -26px 0 0;
						left:50px;
						
						width:70px;
						z-index:1;
						}
						.topAttractions ul li a span sup {
							display:inline-block;
							font-size:8px;
							padding:0 0 0 1px;
							}
						.topAttractions ul li.firstPlace a span sup {
							font-size:12px;
							}

@media all and (max-width: 520px) { 

	.topAttractionsColumn {
		margin:0;
		width:100%;
		}
		
	.topAttractionsColumn .padding {
		padding:0;
		}
	.topAttractionsColumn.first .padding {
		border-right:0;
		padding:0;
		}

	.topAttractions ul li {
		width:100%;
		}
		
		.topAttractions ul li.firstPlace a span {     background: #009bce;
    border: 2px #fff solid;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 40px;
    left: 50%;
    line-height: 40px;
    margin: 2px 0 0 -22px;
    position: absolute;
    top: 0;
	font-size: 8px;
    width: 40px; }

}

/* #Media Queries
================================================== */
@media all and (max-width: 480px) { 
	html>body .next-slide,
	html>body .prev-slide {top:24% !important;}
	#breadcrumb {height:auto; padding-bottom:15px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media all and (max-width: 767px) { 

	
	.location #content #row2.row .column.last {margin-bottom:30px;}
	
	#breadcrumb {
		width:100%; 
		height:30px; 
		background:rgba(5,37,50,1.0); 
		font-family:'Droid Sans', sans-serif;
		font-size:12px;
		text-transform:uppercase;
		color:#fff;
		font-weight:700;
		margin-top:-1px;
		padding-top:8px;
		}
	
	html>body #searchBox {width:100%;}
	html>body #searchBox li#availability-tab {width:35%;}
	html>body #searchBox li#full-search {width:65%;}
	html>body #searchBox #td_search span.td_startDate select {width:25%;}
	
	html>body .column.first {width:100%;}
	html>body .column {width:100%;}
		
	html>body img {height:auto;}
		
	.section.top {min-height:0px;}
	.section {box-shadow:none;}

/* --- Banner Gallery --- */
/* Need to create static images for smartphones */
	html>body #banner-gallery {background:none; position:relative; top:76px; overflow:hidden; min-height:235px; left:0px;}
	html>body #banner-gallery img {width:100%; }
	

	
	
/* --- Home Tabs --- */		
	html>body .mobile-location {display:block;}
/*	html>body .non-mobile-location {display:none;}
*/	html>body #discover-control {display:none;}
	
	.home #map {height:auto; overflow:hidden; float:left;}
	#map #locations, #map #attractions, #map #discover {padding-top:20px; padding-bottom:20px; height:auto;}
	#map #google {padding:5%; width:90% !important; height:630px !important;}
	
	
	/* Location */
	.location #banner.section, .location .section-last {display:none;}

	/* --- Tab Accordian TD--- */		
	.responsiveTabs h2{ display: block; margin-bottom: 0; clear:both;}
	.responsiveTabs ul.resp-tabs-list { display: none; }
	.responsiveTabs_accordion{ display: block; }
 
    h2.responsiveTabs_accordion { display: block; background-color:#00558F; border: none; border-bottom: 1px solid #014a7c; color: #fff; font-size: 16px;  position: relative; height:auto; margin:0 !important; }
   	h2.responsiveTabs_accordion a { color: #fff;  width: 90%; height: 100%; display:block; padding: 20px 0 20px 20px; }

    h2.responsiveTabs_accordion a:after {  position: absolute; display: block; content: ""; border-style: solid; border-width: 12px; height:0; width:0; position:absolute; border-color: #fff  transparent transparent transparent;  bottom: 10px; right: 22px;  }
	h2.responsiveTabs_accordion a:hover:after {  position: absolute; display: block; content: ""; border-style: solid; border-width: 12px; height:0; width:0; position:absolute; border-color: #fff  transparent transparent transparent;  bottom: 10px; right: 22px;  }
    h2.responsiveTabs_accordion.active a:after {  border-color: transparent transparent #fff  transparent;  bottom: 25px; right: 22px;   }

	#customContainer .caption-box {display:none;}
	
	.column {margin-bottom:0px;}
	
	#coro-detail-tabs #td-map {border:1px solid #ccc; float:none;}

}


@media all and (max-width: 920px) { 

	html>body #inner-content,
	html>body .inner-content {height:100%; padding:40px 0px; float:left; /*margin-bottom:50px;*/}	
	
	.location #map .location-map,
	.inner #map .location-map {margin-left:-600px;}
	.location-map .regionInformation {width:190px !important; right:100px !important;}
	.location-map .regionInformation img {width:190px !important;}
	
	#plannerContent, #newsletterContent, #contactContent, #mediaContent, #communityContent {bottom:98px; position:absolute; padding:20px 10px 10px 10px;}
	
	#map #locations, #map #attractions, #map #google {padding-bottom:40px;}
	
	#footer-links ul li p {font-size:13px;}
	
}

@media all and (max-width: 980px) { 

/* --- Footer --- */	
	.container.footer {display:none;}
	
	.footerMobile {
		float:left;
		width:100%;
		height:auto;
		display:block; 
		background:#0A3040; 
		color:#fff;
		position:relative;
		top:0px;
		padding-bottom:20px;
		z-index:300;
		}
		
	.footerMobile #footer-links {
		width:100%;
		}
	
	.footerMobile #footer-links ul {
		margin:0;
		padding:0;
		list-style-type:none;
		}
	
	.footerMobile #footer-links ul li {
		width:33%; 
		height:40px;
		float:left;
		padding:20px 0px 0px 0px;
		color:#fff;
		text-align:center;
		font-family: 'Droid Sans', sans-serif; 
		font-size:12px; 
		font-weight:700; 
		text-transform:uppercase;
		position:relative; 
		border-bottom:1px solid #113C4E;
		}
	.footerMobile #footer-links ul li.contactLink,
	.footerMobile #footer-links ul li.industryLink {border-right:none;}
	
	.footerMobile #footer-links ul li.communityLink {border-right:none; width:100%;}
				
	.footerMobile ul#socialMedia {		
		width:100%;
		padding:5px 0px;
		text-align:center;
		float:left;
		margin:0;
		border-right:none;
		}
	
	.footerMobile ul#socialMedia li {
		display:inline-block;
		float:none;
		}
	
	.footerMobile ul#socialMedia li a {
		display:block;
		height:54px;
		margin:0px 4px 0px 0px;
		text-indent:-9999px;
		width:28px;
		}
	
	ul#socialMedia li.facebook a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/fb.jpg) 0 50% no-repeat;
		}
	ul#socialMedia li.twitter a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/twitter.jpg) 0 50% no-repeat;
		}
	ul#socialMedia li.youtube a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/yt.jpg) 0 50% no-repeat;
		}
	ul#socialMedia li.pinterest a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/pinterest.jpg) 0 50% no-repeat;
		}
	ul#socialMedia li.trip-adv a {
		background:url(/custom/templates/page/shared/coromandel-2013/images/trip-adv-color.jpg) 0 50% no-repeat;
		}
	.footerMobile #footerCopyright {width:100%; float:left; text-align:center; padding:0; line-height:20px;}
}

	
/* IPAD Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	#discover-control {display:none;}
	
	.location #map.Coromandel-Town .location-map {margin-left:-625px;}
	.location #map.Paeroa .location-map {margin-left:-625px;}
	.location #map.Pauanui .location-map {margin-left:-625px;}
	.location #map.Tairua .location-map {margin-left:-625px;}
	.location #map.Thames .location-map {margin-left:-625px;}
	.location #map.Waihi .location-map {margin-left:-500px;}
		.location #map.Waihi .location-map .regionInformation {right:230px !important;}
	.location #map.Whangamata .location-map {margin-left:-625px;}
	.location #map.Whitianga .location-map {margin-left:-625px;}
	
	.inner #map .location-map {margin-left:-600px;}
	.location-map .regionInformation {width:190px !important; right:100px !important;}
	.location-map .regionInformation img {width:190px !important;}
	
	#discover .wrapper {padding:0px;}

	
}

@media all and (max-width: 1024px) { 
	.section {position:relative;}
	.section.image .image {background-attachment:scroll !important;}
	.section-last {position:relative;}
	.section-last .image {background-attachment:scroll !important;}
	
	.location-map .mapHighlights a.mapAuckland,
	.location-map .mapHighlights a.mapHamilton {display:none !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1280px) 
and (orientation : portrait) { 
	
	.section {position:relative;}
	.section.image .image {background-attachment:scroll !important;}
	.section-last {position:relative;}
	.section-last .image {background-attachment:scroll !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1280px) 
and (orientation : landscape) { 
	
	.section {position:relative;}
	.section.image .image {background-attachment:scroll !important;}
	.section-last {position:relative;}
	.section-last .image {background-attachment:scroll !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

	
	.location #map.Coromandel-Town .location-map {margin-left:-400px;}
		.location #map.Coromandel-Town .location-map .regionInformation {right:50px !important;}
	.location #map.Paeroa .location-map {margin-left:-300px;}
		.location #map.Paeroa .location-map .regionInformation {right:150px !important;}
	.location #map.Pauanui .location-map {margin-left:-400px;}
		.location #map.Pauanui .location-map .regionInformation {right:50px !important;}
	.location #map.Tairua .location-map {margin-left:-400px;}
		.location #map.Tairua .location-map .regionInformation {right:50px !important;}
	.location #map.Thames .location-map {margin-left:-450px;}
		.location #map.Thames .location-map .regionInformation {right:0px !important;}
	.location #map.Waihi .location-map {margin-left:-260px;}
		.location #map.Waihi .location-map .regionInformation {right:190px !important;}
	.location #map.Whangamata .location-map {margin-left:-400px;}
		.location #map.Whangamata .location-map .regionInformation {right:50px !important;}
	.location #map.Whitianga .location-map {margin-left:-400px;}
		.location #map.Whitianga .location-map .regionInformation {right:50px !important;}
	
	.inner #map .location-map {margin-left:-400px;}

}

@media (min-width : 921px) 
and (max-width : 1400px) 
 { 

	
	.location #map.Coromandel-Town .location-map {margin-left:-400px;}
		.location #map.Coromandel-Town .location-map .regionInformation {right:50px !important;}
	.location #map.Paeroa .location-map {margin-left:-300px;}
		.location #map.Paeroa .location-map .regionInformation {right:150px !important;}
	.location #map.Pauanui .location-map {margin-left:-400px;}
		.location #map.Pauanui .location-map .regionInformation {right:50px !important;}
	.location #map.Tairua .location-map {margin-left:-400px;}
		.location #map.Tairua .location-map .regionInformation {right:50px !important;}
	.location #map.Thames .location-map {margin-left:-450px;}
		.location #map.Thames .location-map .regionInformation {right:0px !important;}
	.location #map.Waihi .location-map {margin-left:-260px;}
		.location #map.Waihi .location-map .regionInformation {right:190px !important;}
	.location #map.Whangamata .location-map {margin-left:-400px;}
		.location #map.Whangamata .location-map .regionInformation {right:50px !important;}
	.location #map.Whitianga .location-map {margin-left:-400px;}
		.location #map.Whitianga .location-map .regionInformation {right:50px !important;}
	
	.inner #map .location-map {margin-left:-450px;}
		.inner #map .location-map .regionInformation {right:0px !important;}
	
	html>body .next-slide,
	html>body .prev-slide {top:50%;}

}

/* Retina Graphics */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
	html>body p#headerBrand a {
		background-image:url(/custom/templates/page/shared/coromandel-2013/images/logo.png);
		background-size: 195px 67px;
	}	
	
	html>body .magnify a {
		background-image:url(/custom/templates/page/shared/coromandel-2013/images/magnify.png);
		background-size:21px 21px;
	}
	html>body .magnify a:hover {
		background-image:url(/custom/templates/page/shared/coromandel-2013/images/magnify-hov.png);
		background-size:21px 21px;
	}
	html>body .magnify .HL {
		background-image:url(/custom/templates/page/shared/coromandel-2013/images/magnify-hov.png);
		background-size:21px 21px;
	}		

}


@media only screen and (max-width: 921px) { 
	
	.wrapper {padding:0px 20px;}	
	
	#inner-content #coro-detail-tabs .wrapper,
	.inner-content #coro-detail-tabs .wrapper {padding:0;}
	
	html>body .next-slide,
	html>body .prev-slide
	 {top:40%;}
	
	#footer-links ul li {font-size:13px; padding:18px 10px;}
	
}

@media only screen and (min-width: 921px) { 

	#row2 .column {height:280px;}
	#row2 .column a.button {position:absolute; bottom:0px; right:0px;}
}


@media only screen and (max-width: 1024px) { 


#footerCopyright {
	float:left;
	text-align:left;
	padding-bottom:10px;
	padding-left:20px;
	}
	
	.header {height:auto; position:relative; width:100%; overflow:hidden; }
	#customContainer {top:0px; float:left;}
	.home #map {top:0px;}
	
.mobile-close {display:block; float:left; width:150px; height:30px; background:#009bce; color:#fff !important; position:absolute; bottom:-40px; right:20px; text-transform:uppercase; font-size:14px; font-weight:700; text-align:center; line-height:35px; height:40px;}
  	.mobile-menu  { display:block; position:absolute; top:0; right:0; }
    .mobile-menu  li { margin: 0; width:40px; height:76px; display:inline-block;}
	.mobile-menu li.active { background: url(/custom/templates/page/shared/coromandel-2013/images/options.png) center center no-repeat #009bce; background-size:32px 32px;}
    .mobile-menu .openMenu  { display: block; float: left; text-indent: -9999em; height: 76px; width: 40px; background: url(/custom/templates/page/shared/coromandel-2013/images/options.png) center center no-repeat; background-size:32px 32px; }
 
	.navigation { display: none; }
    .navigation.show  { display: block; position:relative; top:0; left:0px; background:#072d3c; float:left; width:100%; height:100%;}
	.navigation ul {margin:0; padding:0;}
	.navigation ul:hover {background:#fff;}
    .navigation ul li a.slideThis {display:block; background: url(/custom/templates/page/shared/coromandel-2013/images/expand.png) no-repeat left center !important; background-size:25px 17px !important; float:right !important; width:20px !important; height:20px !important;}
	.navigation ul li.last {width:100%; height:auto; padding:0px;}
	.navigation ul li.last a{text-indent:0px; background:none; height:30px; width:100px; padding:10px 0px 10px 20px; float:left;}
	.navigation ul li.last a:hover {text-indent:0px; background:none; height:30px; width:100px; padding:10px 0px 10px 20px;}
	.navigation ul li .dropdown {display: none; opacity: 1; visibility: visible; min-width:100%; float:left; }
	.navigation ul li { width:100%; height: auto; line-height: 30px; padding:10px 0px; border-bottom:1px solid #113C4E;}
	.navigation ul li a { padding-left:20px; }
	.navigation ul li li { padding: 0; }
	.navigation ul li .dropdown {position:relative; top: 0; left: 0; padding-top:10px; border:none; float:left; box-shadow:none;}
	.navigation ul li .dropdown ul li {padding:0px 0px 10px 0px; border:none;}
	.navigation ul > li:hover.active, .navigation ul > li:hover a.active {background:#072d3c !important; color:#fff;}
	.navigation ul li .dropdown ul li > a {padding:0px 0px 0px 20px;}
	 
	.navigation ul li.last:hover a,
	.navigation ul li.last:hover a.active {background: none; display:block; height:auto;}
	
	.navigation ul li.last div.dropdown ul li a {padding:0px 0px 0px 20px;}	
	
	div.magnify {display:none;}
	
	#searchBox {width:100%;}
	
	.row {max-width:1024px;}
	
	/*#discover-control {display:none !important;}*/
	
	.location-map .mapHighlights a.mapAuckland {display:none;}
}


/* ========= VOTING ========= */

/* --- Leaderboard --- */

	.listing .rankingButton {
		background-color:#62a73b;
		height: 15px;
		line-height: 13px;
		color: #fff;
		padding: 10px;
		float: left;
		display: block;
		width: auto;
		position: relative;
		top: 35px;
		left: 0;
		z-index: 200;
		font-family: 'Lobster', cursive;
		font-size:24px;
	}
	.tabContainer.hidden {
		display:none;
	}
	.leaderboardTabs a:link,
	.leaderboardTabs a:visited{
		margin-bottom:10px;
		background-color: #00558f;
		padding: 12px 15px;
		color: #fff;
		font-weight:700;
	}
	.leaderboardTabs a.active,
	.leaderboardTabs a:hover{
		background-color: #e8f1f5;
		color: #072d3c;
	}
	.leaderboardTabs {
		border-bottom: 5px solid #e8f1f5;
		height:30px;
	}
	
	@media all and (max-width: 420px) {
		.leaderboardTabs a:last-child {
			display:none;
			}
	}
		

		
/* --- Vote Call To Action - Home Page --- */

.mobileVote {
	width:50%;
	display:block;
	padding:20px 0px;
	float:left;
	text-align:center;
	border-bottom:1px solid #113c4e;
	}
.mobileVote a{
	text-transform:uppercase;
	color:#62a73b !important;
	font-weight:700;
}


.HomePageGalleryOverlay {
	background-color: rgba(255,255,255,0.8);
	position:absolute;
	top:12%;
	height:170px;
	padding:50px 0px 50px 0px;
	width:40%;
	right:20%;
	line-height:45px;
	}
	.HomePageGalleryOverlay:before {
		border-color: transparent transparent rgba(255,255,255,0.8);
		border-style: solid;
		border-width: 0 0 270px 50px;
		content: "";
		display: inline-block;
		height: 0;
		left: -50px;
		line-height: 0;
		outline: medium none;
		position: absolute;
		top: 0;
		width: 0;
	}
.voteHeadline {
	font-family: 'Lobster', cursive;
	font-size:/*45px*/ 3em;
	text-align:center;
	color:#0a3040;
	width:100%;
	float:left;
}
.voteGFYS {
	background-image:url(/custom/templates/page/home2014/images/votegfys.png);
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size: 68% auto;
	width:100%;
	float:left;
	height:60px;
	display:block;
	margin:15px 0px;	
}
.button.vote {		
	width:200px;
	background-color:#62a73b;
	margin-left:35%;
	float:left;
}

/* --- Vote Call To Action - Inner Banners --- */
.votingOverlay {
	background-color: rgba(255,255,255,0.8);
	position:absolute;
	top:25%;
	height:100px;
	padding:50px 20px 50px 10px;
	width:35%;
	right:10%;
	line-height:45px;
	vertical-align:middle;
	}
	.votingOverlay:before {
		border-color: transparent transparent rgba(255,255,255,0.8);
		border-style: solid;
		border-width: 0 0 200px 50px;
		content: "";
		display: inline-block;
		height: 0;
		left: -50px;
		line-height: 0;
		outline: medium none;
		position: absolute;
		top: 0;
		width: 0;
	}
	.votingOverlay p {
		line-height:1.5em;
		font-family: 'Lobster', cursive;
		font-size:/*34px*/ 2.5em;
		text-align:center;
		color:#0a3040;
	}
	.votingOverlay .green{
		color:#62a73b;
	}
	.votingOverlay span.logo{
		margin:10px 0 0 19px;
		background-image:url(/custom/templates/page/home2014/images/votegfys-sml.png);
		background-repeat:no-repeat;
		background-position:50% 0%;
		background-size: 390px 45px;
		width:/*390px*/100%;
		height:45px;
		display:block;
		}
	
@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		.votingOverlay span.logo{
			background-image:url(/custom/templates/page/home2014/images/votegfys-sml@2x.png);
			background-size: 390px 45px;
			}
		}	
/* --- Voting Inner Page - Registration Form --- */

.inner-content-top {
	float: left;
    height: 100%;
    margin-bottom: 0px;
    padding: 40px 1% 0px;
    width: 98%;
}
.inner-vote-form {
	float: left;
    height: auto;
    margin-bottom:30px;
    padding: 0px;
    width: 100%;
	background-color:#0070A2;
}
.inner-vote-form p {
	color:#fff;
	padding:10px 0px;
	width:100%;	
	float:left;
	font-weight:700;
	font-size:14px;
	font-style:italic;
	margin-top:10px;
}
.inner-vote-form p a {
	color:#fff;	
}
.inner-vote-form p a:hover {
	color:#62a73b;	
}

.inner-content-bottom {
	float: left;
    height: 100%;
    margin-bottom: 30px;
    padding: 0px 1% 100px;
    width: 98%;
}

.inner-vote-form .form-box {	
	padding:30px 0;
}
.inner-vote-form .form-box h3 {
	color:#fff;	
	font-size:27px;
	line-height:33px;
	padding:0 0 17px 0;
}

.inner-vote-form h4{
	font-size:18px;
	line-height:22px;
	color:#fff;
	padding:24px 0;
	}
	
	.inner-vote-form h4 a:link,
	.inner-vote-form h4 a:visited{
		font-style:italic;
		color:#fff;
		font-size:22px;
		/*text-transform:uppercase;*/
		/*text-decoration:underline;*/
		}
	.inner-vote-form h4 a:hover{
		color:#62a73b;
		}	

.badurl {
	color:#fff;
	margin:20px 0px 10px 0px;
	font-family:"Droid Serif",serif;
	font-size:16px;
}

.inner-vote-form .row{width:94%;}

.inner-vote-form .form-box .form-field-block{
	float:left;
	width:25%;
	display:inline-block;
	}
	.inner-vote-form form .form-box .form-field-block input{
		padding:6px 2%;
		width:90%;
		border:0;
		}
	.inner-vote-form form .form-box .form-field-block select{
		padding:5px 2%;
		width:90%;
		border:0;
		
		}	
	.inner-vote-form .form-box .form-field-block label{
		float:none;
		display:block;
		color:#fff;
		}
		
	.inner-vote-form form button{
		border:0;
		cursor:pointer;
		float:none;
		background-color:#62a73b;
		margin:19px 0 0 0;
		}	
		.inner-vote-form form button:hover{
			background-color:#4f8f2a;
			}

.inner-vote-form .form-box .form-field-block{
	float:left;
	width:25%;
	display:inline-block;
	}

/* --- Voting TD Listing --- */

.voteButton,
a.voteButton:focus,
.voteToWin,
a.voteToWin:focus {
	background-color:#62a73b !important;
	float:left !important;	
	color:#fff;
	width:130px;
	margin-left:10px;
	margin-bottom:10px;
}
.voteButton:hover,
.voteToWin:hover {
	background-color:#3f7521 !important;
}
.voteButton.Hidden,
.voteToWin.Hidden {
	display:none;
}
.novote {
	padding: 2px;
	background-color:red;
	color:white;
}
.btnAddMessage p {
	padding: 5px;
	background-color: ##ffA;
}
.btnAddMessage {
	display:inline-block;
	width:100%;
	text-align:center;
}

.listing .btnAddMessage p{
	margin-bottom:0;
	padding-top:0;
	}

/* --- Voting Footer --- */



.footerRight .votesRemaining {
	border:2px solid #fff;
	border-radius:10px;	
	padding:15px;
	margin-right: 15px; 
}
.footerVoteTally {
	font-size:14px;
}

.footerLeft {
	float:left;
	width:63%;
	padding-right:10px;
}
.footerRight {
	float:left;
	width:35%;
}
.footerRight span.formError {
	color:#fff;	
}

#footer-links .button.green{
	background-color:#62a73b;
	}

#footer-links .button.green:hover{
	background-color:#4f8f2a;
	}
	
#voterConfirmation .form-field-block label{
	line-height:28px;
	}
	
/* Inner Banners */
@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) {
	
	.votingOverlay {
		top:5%;
		width:
	}
	.votingOverlay p {
		line-height:1em;
		font-size:2em;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	#voteContent {padding:30px 2% 20px;}	
	.HomePageGalleryOverlay,
	.votingOverlay {
		top:5%;
		width:60%;
	}	
	.voteGFYS {
		background-image:url(/custom/templates/page/home2014/images/votegfys@2x.png);
		background-size: 80% auto;	
	}
	.button.vote {margin-left:32%;}
	
	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.HomePageGalleryOverlay {
		top:3%;
		width:60%;
		height:150px;
		padding:25px 0px 25px 0px;
	}	
	.HomePageGalleryOverlay:before {
		border-width: 0 0 200px 25px;
		left: -25px;
	}
	.voteHeadline {
		font-size:30px;
	}
	.voteGFYS {
		background-image:url(/custom/templates/page/home2014/images/votegfys@2x.png);
		background-size: 60% auto;	
		height:36px;
	}
	.button.vote {margin-left:25%;}
	
	.votingOverlay {
		top:3%;
		width:60%;
		height:100px;
		padding:25px 0px 25px 0px;
				display:none;
	}	
	
	.votingOverlay:before {
		border-width: 0 0 200px 25px;
		left: -25px;

	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	.voteHeadline {
		font-size:16px;
	}
	.HomePageGalleryOverlay {
		top:3%;
		width:65%;
		height:100px;
		padding:10px 0px 25px 0px;
	}
	.HomePageGalleryOverlay:before {
		border-width: 0 0 135px 25px;
		left: -25px;
	}
	.voteGFYS {
		background-image:url(/custom/templates/page/home2014/images/votegfys@2x.png);
		background-size: 70% auto;	
		height:30px;
		margin:0;
	}	
	.button.vote {margin-left:25%; width:auto; }
	a.voteToWin {width:95%; margin-left:0px;}
	
	.votingOverlay {
		display:none;
	}	
	
	.inner-vote-form .form-box .form-field-block{
	float:none;
	width:80%;
	display:block;
	}
	
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 467px)
and (max-width : 767px) {
	.HomePageGalleryOverlay {
		top:12%;
		width:65%;
		height:100px;
		padding:10px 0px 25px 0px;
	}
	.HomePageGalleryOverlay:before, {
		border-width: 0 0 155px 25px;
		left: -25px;
	}
	
	/*.voteHeadline {
		font-size:22px;
	}
	.voteGFYS {
		background-image:url(/custom/templates/page/home2014/images/votegfys@2x.png);
		background-size: 50% auto;	
		height:42px !important;
		margin:0;
	}	*/
	.button.vote {margin-left:35%; width:auto; margin-top:10px;}
	
}

.button.get-voting { font-size: 15px; text-align: center; padding: 20px; line-height: 40px !important; float: none; margin: 0 auto; width: 300px; font-style: normal; color: #fff; }
.inner-vote-form .profileForm p { color: #333; }
.mobileLogout li { line-height: inherit; list-style: none; padding: 0; margin: 0; }
.mobileLogout li button { outline: none; cursor: pointer; background: none !important; color: #62a73b !important; border: none  !important; box-shadow: none  !important; border-radius: 0px; padding: 0 !important; margin: 0; line-height: 18px !important; text-align: center; float: none; display: inline-block;  }