/*-----------------------------------------------------------------------------------------------*/
/*                                          CONTACT LANDING                                      */
/*-----------------------------------------------------------------------------------------------*/

:focus {outline: 0;}

#title {
	height:20px !important;
	margin-bottom: -20px;
	position: relative;
}
#content_title {display: none;}

a.help_btn {
	background: url(../../images/contact/help_btn_blue.gif);
	width: 140px;
	height: 20px;
	display: block;
	float: right;
	margin-top: -4px;
	}
	
a:hover.help_btn {
	background-position: 0 -20px;
	}

.tab {
	width: 110px;
	height: 190px;
	display: block;
	float: left;
	padding: 10px;
	margin-right: 3px;
	position: relative;
	}
	
#faq.tab {background: url(../../images/contact/tab_faq.gif) no-repeat;}	
#talk.tab {background: url(../../images/contact/tab_talk.gif) no-repeat;}	
#track.tab {background: url(../../images/contact/tab_track.gif) no-repeat;}	
#contact.tab {background: url(../../images/contact/tab_contact.gif) no-repeat; width: 116px; height: 193px; padding-right: 0px; margin-right: 0;}	

.tab p {
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	margin: 48px 0 5px 0;
	}
	
.tab a {
	width: 110px;
	height: 35px;
	display: block;
	position: absolute;
	bottom: 10px;
	}
	
#faq a:hover, #talk a:hover, #track a:hover  {background-position: 0 -35px;}	
	
#faq a {background: url(../../images/contact/btn_faq.gif) no-repeat;}	
#talk a {background: url(../../images/contact/btn_talk.gif) no-repeat;}	
#track a {background: url(../../images/contact/btn_track.gif) no-repeat;}	

#talk img {position: absolute; bottom: 50px;}
#contact img {margin-left: -3px;}
#seebelow {position: absolute; top: 165px; left: 15px; z-index:20; border: none !important;}
#seebelow img {border: none !important;}

#email_menu {
	background: url(../../images/contact/email_menu.png) no-repeat;
	position: absolute;
	width: 130px;
	padding: 10px;
	padding-bottom: 20px;
	left: 352px;
	top: 50px;
	z-index: 50;
	display: none;
	}
	
#email_menu li {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #de4120;
	}
	
#email_menu li a {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	display: block;
	padding: 0 2px;
	}
	
#email_menu  li a:hover {
	background: #a51900;
	color: #fff;
	text-decoration: none;
	}
	
#email_menu li.close {
	height: 12px;
	border: none;
	}

#search {
	background: url(../../images/contact/search_bg.gif) no-repeat;
	width: 505px;
	height: 510px;
	clear: both;
	padding: 10px;
	position: relative;
	}
	
/*-----------------------------------------------------------------------------------------------*/
/*                                           Location                                            */
/*-----------------------------------------------------------------------------------------------*/		
	
	
	
#location {
	background: url(../../images/contact/location_bg.gif) no-repeat;
	width: 234px;
	height: 80px;
	position: absolute;
	padding: 10px;
	}
	
a.location {
	background: url(../../images/contact/btn_location.gif) no-repeat;
	width: 222px;
	height: 35px;
	display: block;
	margin-top: 10px;	
	}
	
a:hover.location {
	background-position: 0 -35px;
	}

.location_menu {
	position: absolute;
	display: none;
	top: 81px;
	z-index: 50;
	}
	
.location_menu li.top {background: url(../../images/contact/location_menu_top.png) no-repeat; height: 5px;}
.location_menu li {background: url(../../images/contact/location_menu_bg.gif); width: 222px;}	
.location_menu li.btm {background: url(../../images/contact/location_menu_btm.png)no-repeat;  height: 5px;}

	
.location_menu a {
	color: #5a5a50;
	padding: 5px 10px;
	width: 198px;
	margin: 0 2px;
	height: 12px;
	border-bottom: solid 1px #fff;
	display: block;
	}
	
.location_menu li a:hover {
	background: #d7d7cd;
	text-decoration: none;
	}
	
.location_menu a.last {border: none;}	

	
/*-----------------------------------------------------------------------------------------------*/
/*                                               MAP                                             */
/*-----------------------------------------------------------------------------------------------*/	
	
	
#map {
	background: #30302c;
	width: 505px;
	height: 505px;
	position: absolute;
	}
	
#map .title {
	position: absolute;
	right: 100px;
	top: 10px;
	}
	
.map_menu {
	background: url(../../images/contact/map_menu.png) no-repeat;
	padding: 8px 10px;
	width: 130px;
	height: 75px;
	display: block;
	position: absolute;
	z-index: 100;
	display: none;
	}
	
.map_menu li {
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: 1px solid #de4120;
	}
	
.map_menu li:last-child  {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	}
	
.map_menu li a {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 2px 2px 0px 2px;
	}
	
.map_menu li a:hover {
	background: #a51900;
	color: #fff;
	text-decoration: none;
	}
	
.close a {
	background: url(../../images/contact/btn_close.png) 0 0 no-repeat;
	width: 55px;
	height: 20px;
	position: absolute;
	bottom: 17px;
	right: 6px;
	}
	
.close a:hover {
	background: url(../../images/contact/btn_close.png) 0 -20px no-repeat !important; 
	}
	
#tauranga_menu.map_menu {
	left: 360px;
	top: 110px;
	}
	
#gisborne_menu.map_menu {
	background: url(../../images/contact/map_menu_3.png) no-repeat;
	left: 370px;
	top: 120px;
	height: 100px;
	}
	
#wanganui_menu.map_menu {
	background: url(../../images/contact/map_menu_wide.png) no-repeat;
	width: 135px; 
	left: 290px;
	top: 170px;
	}
	
#nelson_menu.map_menu {
	left: 230px;
	top: 215px;
	}
	
#timaru_menu.map_menu {
	left: 155px;
	top: 320px;
	}

#template {
	background: url(../../images/contact/map/template.gif) no-repeat;
	width: 400px;
	height: 475px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	}

#template li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#template a {display: block; text-indent: -9999px; text-decoration: none;}

#whangarei {left: 200px; top: 12px; width: 105px; height: 82px; z-index: 40;}
#northshore {left: 200px; top: 85px; width: 72px; height: 32px; z-index: 41;}
#auckland {left: 220px; top: 108px; width: 66px; height: 38px; z-index: 39;}
#hamilton {left: 230px; top: 98px; width: 75px; height: 80px; z-index: 38;}
#tauranga {left: 275px; top: 140px; width: 90px; padding-right:20px; height: 70px; z-index: 36;}
#newplymouth {left: 180px; top: 175px; width: 105px; height: 43px; z-index: 40;}
#taupo {left: 265px; top: 177px; width: 40px; height: 30px; z-index: 42;}
#gisborne {left: 290px; top: 152px; width: 110px; height: 95px; z-index: 35;}
#wanganui {left: 200px; top: 200px; width: 95px; height: 64px; z-index: 39;}
#wellington {left: 240px; top: 220px; width: 70px; height: 65px; z-index: 34;}
#nelson {left: 170px; top: 235px; width: 70px; height: 78px; z-index: 40;}
#westcoast {left: 60px; top: 268px; width: 124px; height: 114px; z-index: 40;}
#christchurch {left: 130px; top: 302px; width: 120px; height: 60px; z-index: 40;}
#timaru {left: 98px; top: 340px; width: 65px; height: 100px; z-index: 41;}
#queenstown {left: 55px; top: 358px; width: 59px; height: 55px; z-index: 42;}
#invercargill {left: 10px; top: 365px; width: 105px; height: 90px; z-index: 39;}

#whangarei a {height: 82px;}
#northshore a {height: 32px;}
#auckland a {height: 38px;}
#hamilton a {height: 80px;}
#tauranga a {height: 70px;}
#newplymouth a {height: 43px;}
#taupo a {height: 30px;}
#gisborne a {height: 95px;}
#wanganui a {height: 64px;}
#wellington a {height: 65px;}
#nelson a {height: 78px;}
#westcoast a {height: 114px;}
#christchurch a {height: 60px;}
#timaru a {height: 100px;}
#queenstown a {height: 55px;}
#invercargill a {height: 90px;}

#whangarei a:hover {background: url(../../images/contact/map/template.gif) -200px -492px no-repeat;}
#northshore a:hover {background: url(../../images/contact/map/template.gif) -200px -1040px no-repeat;}
#auckland a:hover {background: url(../../images/contact/map/template.gif) -220px -588px no-repeat;}
#hamilton a:hover {background: url(../../images/contact/map/template.gif) -230px -1528px no-repeat;}
#tauranga a:hover {background: url(../../images/contact/map/template.gif) -275px -1095px no-repeat;}
#newplymouth a:hover {background: url(../../images/contact/map/template.gif) -180px -655px no-repeat;}
#taupo a:hover {background: url(../../images/contact/map/template.gif) -265px -1607px no-repeat;}
#gisborne a:hover {background: url(../../images/contact/map/template.gif) -290px -632px no-repeat;}
#wanganui a:hover {background: url(../../images/contact/map/template.gif) -200px -2105px no-repeat;}
#wellington a:hover {background: url(../../images/contact/map/template.gif) -240px -1175px no-repeat;}
#nelson a:hover {background: url(../../images/contact/map/template.gif) -170px -1665px no-repeat;}
#westcoast a:hover {background: url(../../images/contact/map/template.gif) -60px -748px no-repeat;}
#christchurch a:hover {background: url(../../images/contact/map/template.gif) -130px -1257px no-repeat;}
#timaru a:hover {background: url(../../images/contact/map/template.gif) -98px -1770px no-repeat;}
#queenstown a:hover {background: url(../../images/contact/map/template.gif) -55px -1313px no-repeat;}
#invercargill a:hover {background: url(../../images/contact/map/template.gif) -10px -2270px no-repeat;}
