/*/////////////////////////////////////////////////////////////
//
//  AUCKALND ZOO - Global CSS
//
//	Main Colours:
//	--------------------------------------------------
//	#455b2e - dark green 	- background
//	#f3edde - cream 	- content background
//	#8e3f28 - brown		- H1, H2, H3
//	#736e5f - dark brown	- Right Column Background
//	#687f0a - green		- bold links
//	#ffd464 - orange	- H5
//	#4a4b4b - dark grey	- generic font color
//
/////////////////////////////////////////////////////////////*/
:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; }

/* ================= HOME PAGE STYLES ================ */

#MontageHolder {
	width: 812px;
	padding: 4px;
	background: #3c4d02;
}

#mainGraphicHolder{
	width: 574px;
	height: 261px;
	background: #999;
}

#featuredEventHolder{
	width: 238px;
	height: 132px;
	background: #f3eddd url(../images/drivers/featured_event_BG.jpg) no-repeat;
}

#mainDriverHolder{
	width: 238px;
	height: 129px;
	background: #666;
}


/* =========== PAGE TITLE / ICONS / BANNER =========== */

#welcome {
	width: 820px;
	background: url(../images/h_welcome_top.jpg) no-repeat top left;
}

#WDDriver {
	width: 100%;
	text-align: right;
}
#welcome_leftBG{
	width: 25px;
	height: 114px;
	background: url(../images/h_welcome_left.jpg) no-repeat bottom left;
}
#welcomeTextHolder{
	width: 533px
}
#welcomeTextHolder h3{
	float: left;
	width: 503px;
	padding: 25px 0 10px 30px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}



#welcomeImage{
	float: left;
	padding: 3px;
	background: white;
	border: 1px solid #999;
	margin-right: 10px;
}

#welcomeDriver {
	background: #f3edde url(../images/drivers/fatz_bg.jpg) no-repeat top right;
	width: 232px;
	height: 124px;
	padding: 40px 0 0 30px;
	line-height: 120%;
}
#welcomeDriver a {
	color: #97dcf9;
}

#welcomeDriver h3{
	color: #fff;
	width: 120px;
	margin: 0 8px 4px 0;
	font-size: 12px;
	font-weight: bold;
}

#welcomeDriver p{
	color: #fff;
	width: 120px;
	margin: 0 8px 0 0;
	font-size: 10px;
	line-height: 130%;
}

#welcomeDriver.driverImgLink{
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 60px 0;
}

/* ================= MAIN DRIVERS ================ */

#driverHolder{
	width: 808px;
	padding: 0 4px 0 8px;
	height: 286px;
	background: url(../images/drivers/home_driver_colourBG.jpg) no-repeat top;
}
#driverHolder h3{
	float: left;
	width: 156px;
	margin: 0;
	padding: 0;
}
#driverHolder p{
	float: left;
	padding: 0 5px 0 5px;
	margin: 5px 0 0 0;
	line-height: 130%;
	font-size: 11px;

}
#driverHolder p img{
	float: right;

}
div.aquaDriver, div.limeDriver, div.violetDriver{
	width: 162px;
	padding: 11px;
	margin: 0 7px 0 0;
}

div.blueDriver{
	width: 210px;
	padding: 11px;
	margin: 0 0 0 0;
}
.driverImg {
	border: 3px solid;
	overflow: hidden;
	width: 154px;
	height: 100px;
}
.driverImgPoll {
	border: 3px solid;
	overflow: hidden;
	width: 173px;
	height: 100px;
}
#driverHolder a{
	margin-top: 5px;
	color: #fff;
}

#driverHolder a:hover{
	text-decoration: underline
}
#driverHolder .driverImgLink, #driverHolder h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 2px; 
}
#driverHolder .driverImgLink {
	float: left;
	margin: 0;
}
div.blueDriver h3			{ color: #03415a; padding: 0px; margin: 0px; line-height: 110%; }
div.aquaDriver h3			{ color: #904347; padding: 0px; margin: 0px; line-height: 110%; } /* aqua has been replaced with a pink */
div.violetDriver h3			{ color: #6e4eaa; padding: 0px; margin: 0px; line-height: 110%; }
div.limeDriver h3			{ color: #678f00; padding: 0px; margin: 0px; line-height: 110%; }

div.blueDriver .driverImgPoll 		{ border-color: #03415a;}
div.aquaDriver .driverImg 		{ border-color: #904347; } /* aqua has been replaced with a pink */
div.violetDriver .driverImg 		{ border-color: #6e4eaa; }
div.limeDriver .driverImg 		{ border-color: #678f00; }


/* =============== CONTENT PAGE DRIVERS ======================= */

.leftDriver img {
	margin-bottom: 10px;
}

/* =============== UPLOADS SECTION ======================= */

#latestUploads {
	width: 820px;
	background: url(../images/h_latest_uploads_BG.gif) repeat-y;
	margin-bottom: 20px;
}

/* =============== LATEST PHOTOS ======================= */

#latestPhotoHolder {
	width: 578px;
	background: url(../images/h_title_latestPhotos.jpg);
	background-repeat: no-repeat;
}

#photoLinks {
	float: right;
	margin: 12px 0 0 0;
}

#photoLinks .imageBullet a{
	width: auto;
	padding: 0 14px 4px 23px;
}

/*this is the ara the holds the photos together */
#latestPhotos {
	width: 536px;
	padding: 10px 0 0 20px;
}

#latestPhotos p {
	margin: 0;
	padding: 0;
}

#latestPhotos strong {
	color: #687f0a;
}


.galleryImage {
	margin: 0;
	padding: 0;
}
.galleryImage img{
	float: left;
	padding: 2px;
	margin: 0 8px 0 0;
	background: #fff;
	border: 1px solid #999;
}
.galleryDetails{
	float: left;
	margin: 0;
	padding: 0;
}

/* ====================== GALLERY ============================ */

/*this is the ara the holds the photos together */
#galleryItemHolder {
	float: left;
	width: 570px;
	margin: 0px 20px 0 20px; 
	padding: 0;
}

.galleryItemHeading {
	clear: both;
}
.imageGalleryHolder {
	background: #736e5f;
	margin: 0 auto;
}
.imageGalleryHolder img {
}	

/*this is the subroutine that controlls each individual photo */



.galleryDetails{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;

}
.galleryItem {
	height: 170px;
}
.galleryItem p {
	margin: 0;
	padding: 0;
}
.galleryItem strong {
	color: #687f0a;
}

a.gallery_text_link {
	color: #687f0a;
}

a.gallery_text_link:hover {
	text-decoration: underline;
}
#galleryFooter {
	width: 520px;
}
#galleryFooter  p{
	color: #999;
}

/* ====================== LATEST VIDEO ============================ */

#latestVideos {
	width: 228px;
	padding: 6px 4px 0 8px;
	background: url(../images/h_title_latestVideos.jpg);
	background-repeat: no-repeat;
}

#flvPlayer {
	width: 210px;
	padding: 8px;
	background: url(../images/bg_flvplayer.gif);
}

#videoLinks {
	
}

#videoDriver {
	
}

/* ----------------- foliage overaly ------------- */

#leftSpacing{
	width: 45px;
	height: 155px;
}

#extra_foliage1 {
	display: none;
}

#extra_foliage {
	width: 50px;
	height: 155px;
	font-size: 1%;
	margin: 890px 0 0 0;
}

table {
	float: left;
}

table table{
	float : none
}
table td{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

/* -- buttons with interchangable image-bullets -- */

div.imageBullet{

	padding: 6px;
}

div.imageBullet a{
	height: 18px;
	float: left;
	color: #5e7703;	
	font-weight: bold;
	padding: 4px 0 0 23px;
}

div.imageBullet_dark  {
	margin-bottom: 10px;
	padding: 6px;
}

div.imageBullet_dark  a{
	height: 18px;
	float: left;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 0 0 23px;
}

a.arrowBTN_dark {
	background: url(../images/btn_arrow_darkBG.gif) no-repeat left;
}

div.imageBullet a:hover{
	text-decoration: underline;
}

.arrowBTN{
	background: url(../images/btn_arrow_creamBG.gif) no-repeat left;
}
.goTOP {

	float: right;

}
.goTOP a{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	padding: 2px 5px 2px 15px;
	background: url(../images/gotop.gif) no-repeat left #6d8a04;
}
.goTOP a:hover{
	text-decoration: none;
	background: #d7d1c2;
}

.arrow_up_BTN{
	background: url(../images/btn_arrow_up_creamBG.gif) no-repeat left;
}

.eyeBTN{
	background: url(../images/btn_eye_creamBG.gif) no-repeat left;
}
.imageBG_BTN { 
	margin-right: 5px; 
}
div.imageBG_BTN a{
	float: left;
	width: 130px;
	height:	21px;
	margin: 0 0 0 0;
	padding: 10px 0 2px 33px;
	color: #5e7703;
	font-weight: bold;
}

div.imageBG_BTN a.fernBTN{
	background: url(../images/btn_fernBG.gif) no-repeat left;
	padding-left: 35px;
}

a.koruBTN{
	background: url(../images/btn_koruBG.gif) no-repeat left;
}

/* ================= KIWI BIRD ================== */

#kiwiHolder {
	float: none;
	width: 70px;
	height: 140px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -481px;
	padding: 0;
	margin-bottom: -140px;
}

/* ================= TUATARA ================== */

#tuataraHolder {
	float: none;
	width: 177px;
	height: 44px;
	position: absolute;
	top: 87px;
	left: 50%;
	margin-left: 146px;
	padding: 0;
	margin-bottom: -44px;
}

/*  ================= AUCKLAND ZOO LOGO =============== */

#logoLink {
	display:block;
	float: none;
	width: 185px;
	height: 110px;
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -344px;
	padding: 0;
	margin-bottom: -110px;
	background: url(../images/logos/auckland_zoo_logo.gif) no-repeat top left;
	/*font-size:1%;*/
/*	background: green;*/
}

#logoLink:hover{
	background: url(../images/logos/auckland_zoo_logo_over.gif) no-repeat top left;
}

/* ================= TOP NAV ================== */

#topNavHolder {
	float: right;	
}

#topNav {
	margin: 18px 40px 0 0; font-size: 11px;
}

#topNav li{
	float: left;
	padding: 0;
	margin:0;
}

#topNav li a{
	float: left;
	padding: 2px 5px 2px 5px;
	margin:0;
	font-weight: bold;
	color: #0060a1;
	border-left: 1px solid #0060a1;
}

#topNav li a:hover{
	text-decoration: underline;
}

#topNav li:first-child a{
	border: none;
}

#topNav li#cart a, #topNav li#login a, #topNav li#yourAccount a, #topNav li a.special{
	color: #8e3f28;
	border-left: 1px solid #8e3f28;
}

/* ================ Weather Module =============== */

#weatherUserDIV {
	position:absolute;
	width: 277px;
	height: 91px;
	margin: -91px  0 0 -132px;
	left: 50%;
	top: 131px;
 }

/* ================= Search Window ================== */

form#animalSearchForm {
	position: absolute;
	display: block;
	height: 40px;
	width: 200px;
	left: 50%;
	top:  80px;
	margin: -35px 0 0  178px;
	padding: 0;
}

form#animalSearchForm label {
	color: #455b2e;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}

form#animalSearchForm input {
	margin: 0;
	padding: 0;
}

form#animalSearchForm input#searchwindow {
	font-size: 11px;
	padding: 1px;
	margin: 0 0 0 0;
	width: 140px;
}

form#animalSearchForm input#buttonGo {
	padding: 16px 0 0 10px;
	margin: 0;
}

.searchButton {
	border: none;
	background: url(../images/btn_go.gif) center no-repeat;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

/* ================= Banner Image ================= */

/*#banner {
	border: red 1px solid;
}

#banner img{
	float: left;
	padding: 0;
	margin: 0;
}*/

/* ================= PAGE TITLE + ICON ================= */

#sitemap .homeIntro { width: 775px; padding-left: 45px; background: url(../images/bg_pageTitle.jpg) 0 0 no-repeat; }
#sitemap .homeIntro h2 { float: left; margin-top: 11px; margin-bottom: 0px; }
#sitemap .homeIntro ul { float: right; }
#sitemap .homeIntro li { display: inline; }

/* ================= FLASH DRIVER HOLDER ============== */

div.flashDriverHolder {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

/* ================= FOOTER =================== */

#footer_drivers {
	width: 820px;
	/*height: 94px;*/
	padding: 15px 0 5px 0;
	background: url(/images/divider_802px.gif) no-repeat top;
}

#footer_drivers a {
	float: left;
	padding: 3px;
	background: #a9a18c;
	margin: 0 0 0 13px;
}

#footer_nav {
	width: 820px;
	height: 77px;
	text-align: center;
}

/* ================= FOOTER NAV =================== */

#footer_nav ul{
	padding: 0;
	margin: 23px 0 0 15px;
}

*html #footer_nav ul{
	margin: 23px 0 0 15px;
}

#footer_nav ul li{
	float: left;
	font-size: 10px;
	padding: 0 4px 0 3px;
	border-left: 1px solid #777;
}

#footer_nav ul li:first-child{
	border-left: none;
}

#footer_nav ul li a{
	color: #777;
}

#footer_nav ul li a:hover{
	text-decoration: underline;
}

/* ================= FOOTER BOTTOM =================== */

#footerBottom {
	padding: 5px 0 40px 20px;
	margin: 0 auto;
}

#footerBottom p, #footerBottom a, #footerBottom img {
	float: left;
	font-size: 10px;
}

#footerBottom p  {
	color: #adbf99;
	margin: 15px 5px 0 5px;
}

#footerBottom a {
	color: #fae051;
	padding: 15px 5px 0 0;
}

/* ===================== BREADCRUMB ==================== */

#contentHolderNoBG  #breadcrumb {
	width: 768px;
}

/* ================= SHOP STYLES ================ */

#shopColumn {
	width: 600px;
	padding: 0 0 0 10px;
	float: left;
}
#shopColumn img { padding: 3px;
	background-color: #ffffff;
	border: 1px solid #ccc;
}
#shopColumn li {
	margin-bottom: 10px;
}
#shopColumn h3 {
	font-size: 16px;
	font-weight: bold;
	color: #687F0A;
}
.shopCategories {
	width: 100px;
	margin: 0px 20px 10px 0px;
	float: left;
	padding-left: 15px;
	background: url(../images/shop/dot.gif) left no-repeat;
}
.shopList {
	background-color: #e4dece;
	margin-bottom: 7px;
	width: 600px;
}
.shopList p {
	margin: 5px 0px 0px 0px;
}
.shopTmbImage {
	background: url(../images/shop/shopList_imgBG.gif) #d3cec0;
	width: 90px;
	height: 90px;
}
.shopTitle {
	color: #6d8a04;
	font-weight: bold;
	font-size: 16px;
}
.shopListDetail {
	width: 380px;
	padding: 10px 0px 10px 10px;
}
.shopListPriceInfo {
	background: url(../images/shop/shopList_priceBG.gif);
	padding-left: 10px;
	width: 120px;
	font-weight: bold;
	font-size: 11px;
}
.ButtonAddtoCart {
	background: url(../images/shop/add_to_cart.gif) no-repeat #769408;
	padding-left: 30px;
	padding-top: 3px;
	display: block;
	width: 70px;
	height: 21px;
	color: #f2fe80;
	font-weight: bold;
}
.ButtonGotoCart {
	background: url(../images/shop/go_to_cart.gif) no-repeat #769408;
	padding-left: 10px;
	padding-top: 3px;
	display: block;
	width: 90px;
	height: 21px;
	color: #f2fe80;
	font-weight: bold;
}

/* ================= PRODUCT STYLES ================ */

.shopProductPage {
	margin-bottom: 7px;
	width: 600px;
}
.shopProductImage {
	padding-right: 20px;
}
.shopProductOption {
	color: #8E3F28;
	font-weight: bold;
	font-size: 13px;
}
.shopProductPrice, .shopProductOption {
	padding: 5px 10px 5px 0px;
}

/* ================= NEWS PAGE ================ */

.newsArticle {
	padding: 6px 0px 6px 0px;
	width: 400px;
	border-bottom: 1px dotted #ddd7c6;
}
.newsArticle a {
	color:#8E3F28;
	font-size: 14px;
}
.newsDate {
	color:#687f0a;
	font-size: 11px;
}

/* ================= PHOTO GALLERY ================ */

#galleryColumn {
	width: 550px;
	padding: 0 0 0 10px;
}
.galleryDisplay {
	width: 150px;
	height: 200px;
	float: left;
	margin: 0px 20px 20px 0px;
}
.galleryDisImage {
	width: 150px;
	height: 130px;
	overflow: hidden;
}

/* ================= SEARCH RESULT STYLES ================ */

#searchResult {
	margin: 10px;
}
#xsltsearch {
	margin: 0;
	padding: 0px;
}
.xsltsearch_result {
	margin-bottom: 5px;
	clear: both;
	float: left;
	border-bottom: 1px dotted #736e5f;
	width: 500px;
	padding: 10px 0px 10px 0px;
}
.xsltsearch_result p {
	margin: 0;
	padding: 0;
}
.xsltsearch_ordinal {
	font-weight: bold;
}
.xsltsearch_title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.xsltsearch_score {
	font-size: 75%;
}
p.xsltsearch_result_description {
	padding-bottom: 10px;
}
.xsltsearch_description strong {
	background: #FFC;
} 
#xsltsearch_navigation {
	text-align: center;
	clear:both;
}
#xsltsearch_navigation .disabled {
	color: #999;
}
#xsltsearch_stats {
	font-size: 75%;
	color: #666;
}
.xsltsearch_form {
	background: #e4dece;
	padding: 15px;
}
#xsltsearch_summary strong {
	font-size: 16px;
	color: #8E3F28;
}

/* ================= FAQ STYLES ================ */

#accordion {
	margin:20px 0px;
}

.toggler {
	cursor: pointer;
	font-size: 13px;
	margin: 0 0px 4px 0;
	padding: 0px 0px 6px 20px;
	font-weight: bold;
	clear: both;
	width: 590px;
	float: left;
	border-bottom: 1px solid #e7e0ce;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
.element {
	border-bottom-color: #ddd;
	margin-bottom: 5px;
	margin-left: 20px;
	clear: both;
	width: 570px;
}
blockquote {
	padding: 5px 20px;
}

div.message {
	color:#FF0000;
	float: none;
}
div.errors{
	color:#FF0000;
	float: none;
}

div.top-message {
	width: 100%;
	position: absolute;
	top: 0;
}
div.top-message span {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1000px;
	padding: 10px;
	color: #8e3f28;
	background-color: #ffffff;
	font-size: 20px;
	overflow: visible;
	z-index: 980;
	opacity: 0.85;
 	filter:alpha(opacity=85);
 	-moz-opacity: 0.85;
	border-left: 3px solid #cccccc;
	border-right: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
}

















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {
color: #8e3f28;
font-size: 22px;
font-weight: normal;
}

h2 {
color: #8e3f28;
font-size: 16px;
font-weight: normal;
font-weight: bold;
}

h3 {
font-size: 12px;
font-weight: lighter;
}

h5 {
border-bottom: 1px dotted #0060A1;
color: #000000;
font-size: 13px;
margin: 5px 0 10px;
padding: 0 0 5px;
clear: both;
}

h4 {
border-bottom: 1px dotted #0060A1;
color: #0060A1;
font-size: 13px;
margin: 5px 0 10px;
padding: 0 0 5px;
clear: both;
}

.imgWhiteB {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
float:left;
margin:0 10px 10px 0;
padding: 3px 3px 3px 3px;
clear: both;
}