/*-------------------------------------------
Wellington Zoo
-------------------------------------------*/

/*
Type
General
Layout
Header
Menu
Content
News

Booking Process
Functions
Booking Form

Venue Form
Venue Detail
Buttons
*/


h1 { margin:0px 0px 18px 0px; letter-spacing:0; color:#433915; font-size:54px; line-height:1; text-transform:uppercase; font-family:'TheMixBlackRegular', Arial Black, Arial, sans-serif; font-weight: normal;font-style: normal;}
h2 { margin:18px 0px 9px 0px; letter-spacing:0; color: #433915; font-size:24px; line-height:1; text-transform:uppercase; font-family:'TheMixBlackRegular', Arial, "helvetica", sans-serif; font-weight: normal;font-style: normal;}
h3 { margin: 18px 0px 9px; letter-spacing:0; color: #433915; font-size:14px; line-height:1.2857; text-transform:uppercase;  }
h4 { margin: 36px 0px 9px 0px; color:#777676; font-size:1.2em; font-weight:normal; }


@font-face {
    font-family: 'TheMixBlackRegular';
    src: url('../fonts/themixblack-caps-webfont.eot');
    src: url('../fonts/themixblack-caps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/themixblack-caps-webfont.woff') format('woff'),
         url('../fonts/themixblack-caps-webfont.ttf') format('truetype'),
         url('../fonts/themixblack-caps-webfont.svg#TheMixBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

h3.intro {
	margin: 0 0 25px 0;
	color:#999999;
	letter-spacing: 0em;
    }

p {
	margin: 0 0 9px;
	color:#272111;
	font-size: 12px;
	line-height: 18px;
    }

label {
    font-size:10px;
    margin-right:5px;
    }

#content img {
	margin: 0px 0px 0px 4px;
    }

#content ul {
	margin: 18px 0;
	padding: 0;
	font-size: 12px;
	list-style: none;
	line-height: 18px;
    }

#content ul li {
	margin: 2px;
	padding: 0 0 0 15px;
	background: url(images/li.gif) no-repeat 0 7px;
    }

select {
	font-size: 11px;
	}

#column_left strong  {color:#433915;}
p strong  {color:#433915;}
#content ul strong  {color:#433915;}

/*--------------------------------------------
  GENERAL
--------------------------------------------*/
html, body {
	background: #27210b url(images/body.jpg) center center ;
}

* {
	/* font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0pt;
	padding:0pt;
}
/*strong, em, b, i {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}*/
img {
	border:0;
}
hr {
	display:none;
}
a {
	color:#435018;
}
.flash_block_replaced_content {
	display: none;
}
/*--------------------------------------------
  LAYOUT
--------------------------------------------*/
#wrapper {
	padding:0;
	margin: 0;
	position: relative;
}
/*--------------------------------------------
  HEADER
--------------------------------------------*/
#site_header_wrapper {
    /*height:189px;*/
	/*background: #27210b url(images/site_header.jpg) center top repeat-x;*/
	background: #27210b url(images/site_header_2.jpg) center top repeat-x;
	margin:0px;
	position:relative;
	border-bottom: 1px solid #687245;
	z-index:20;
}

#site_header {
	width:978px;
	margin: 0px auto;
	position:relative;
	height:189px;
	/*height:149px;*/
}

#header_animal {
	position:absolute;
	z-index:5;
	bottom: 30px;
	right: 200px;
	width: 138px;
	height: 133px;
}

#page_header #giraffe {
	position:absolute;
	z-index:5;
	bottom: 29px;
	right: 200px;
	width: 138px;
	height: 133px;
}

#page_header #tiger {
	position:absolute;
	z-index:5;
	bottom: 0px;
	right: 71px;
}

#page_header #meerkat {
	position:absolute;
	z-index:5;
	bottom: 0px;
	right: 71px;
}

#logo {
	width:138px;
	height:92px;
	position:absolute;
	top: 0px;
	left:0px;
}

/* [ Top Menu / Site Tools ] */

#site_tools {
	width: 250px;
	height: 75px;
	position: absolute;
	top: 0;
	right: 0px;
	background: url(images/site_tools.png) 0 0 no-repeat;
}

	* html #site_tools {
		background-image: url(images/site_tools.gif);
		}

	#site_tools ul {
		position: absolute;
		list-style:none;
		height: 30px;
		width: 240px;
		left: 5px;
		top: 0;
		font-size: 10px;
	}
	
		#site_tools li {
			float: left;
			background: url(images/site_tools_li.gif) no-repeat right top;
		}
		
			#site_tools li.last {
				background: none;
				}
		
		#site_tools li a {
			display: block;
			height: 30px;
			color: #ffdf73;
			text-decoration: none;
			line-height: 30px;
			/*padding: 0 10px;*/
			padding: 0 17px;
			float: left;
		}
		
		#site_tools li a:hover {
			text-decoration: underline;
			}

		
		#search_box label {
			color:#FCFDD8;
			font-size: 11px;
			display:block;
			font-weight: normal;
			padding: 0;
			border:none;
			position: absolute;
			left: 15px;
			bottom: 18px;
			display: none;
		}
		
		#search_box .mini_search_field {
			position: absolute;
			width: 130px;
			height: 16px;
			left: 50px;
			bottom: 15px;
			border: none;
			color: #666666;
			display: block;
			padding: 2px 5px;
			font-size: 11px;
			background: url(images/mini_search_field.gif) 0 0;
			z-index:10;
		}
		
		#search_box input.focus {
			background-position: 0 -20px;
			color: #333;
			}
		
		#search_box .mini_search_button {
			position: absolute;
			right: 25px;
			bottom: 10px;
			display:block;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			width: 27px;
			height: 25px;
			background: url(images/mini_search_button.gif) 0 0;
		}
		
		#search_box .mini_search_button:hover {
			background-position: 0 -25px;
		}

/*--------------------------------------------
  MENU at hmenu/menu.css
--------------------------------------------*/


/*--------------------------------------------
  SUB-MENU at sub_menu/sub_menu.css
--------------------------------------------*/

#page_header_wrapper {
	background: #354013 url(images/page_header_wrapper.gif) repeat-x top;
	height: 0px;
	position: relative;
	z-index:11;
	
	}
	
	#page_header {
		width: 978px;
		position: relative;
		margin: 0 auto;
		height: 0px;
		}

/*--------------------------------------------
  CONTENT
--------------------------------------------*/
#main_wrapper {
	padding: 0 0 50px 0;
	background:#FCFDD8;
	position: relative;
	z-index: 10;
}

#main {
	margin: 0px auto;
	width: 978px;
	padding: 10px 0 0;
	/*min-height: 400px;*/
	min-height: 500px;
	visibility:visible;
}

	* html #main {
		height: 500px;
		}

	#main:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}

#main .img_border {
	border:solid 1px #CCCCCC;
	padding:4px;
	margin-bottom:25px;
}

#content {
	width:736px;
	float:right;
	margin:0;
}

#breadcrumb {
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 10px 0;
	}

.job_description, .job_apply {font-size:12px}

/* [ Content Columns ] */

/* [ Left ] */
#column_left, .column_left {
	width:372px;
	float:left;
}

#column_left dl {
	position:relative;
	background:url(../images/common/dashed_line.gif) left top repeat-x;
	font-size:.8em;
	margin: 20px 0;
}

#column_left dt {
	position:absolute;
	left:0;
	width:120px;
	font-weight:bold;
	background:url(../images/common/dashed_line.gif) left bottom repeat-x;
	padding: 7px 0;
}

#column_left dd {
	padding-left:120px;
	text-align:right;
	padding: 7px 0;
	background:url(../images/common/dashed_line.gif) left bottom repeat-x;
	font-size:.9em;
}

/* [ Right ] */
#column_right, .column_right {
	width:342px;
	float:right;
}

#column_wide    {
    float:left;
    width:736px;
    border-top:1px dashed #BDBF93;
    margin-top:5px; 
    }


/*--------------------------------------------
NEWS
--------------------------------------------*/			
#news_items {
}

 #news_items .item, .animal_items .item, #news_article {
 	border-top: 1px solid #DED6A8;
	padding: 20px 0;
	margin: 20px 0;
	min-height: 1px;
	}
	
		#news_items .item:after, .animal_items .item:after {
			content: ".";
			clear: both;
			display: block;
			visibility: hidden;
			height: 0;
			}
			
		* html #news_items .item,
		* html .animal_items .item {
		  height: 1px;
		}
	
	#news_items .item h2, .animal_items .item h2 {
		margin: 0;
		}
		
	#news_items .item img, .animal_items .item img {
		float: right;
		/*margin: -20px 0 -20px 20px;*/
		margin: -20px 0 20px 20px;
		}
		
		#news_items.whats-on .item img, .animal_items .item img {
		float: right;
		margin: 10px 0 0px 20px;
		}
	
	#news_items .item .title, .animal_items .item .title {
		font-size: 12px;
		font-weight: bold;
		color: #443a16;
		display: block;
		}
		
	#news_items .item .date, .animal_items .item .date {
		font-size: 10px;
		color: #a09b77;
		display: block;
		}
		
	#news_items .bt_brown, .animal_items .bt_brown {
		clear: none;
		}
	
    #news_article img.right {
		float: right;
		margin: -20px 0 20px 20px;
		}
	
	#news_article p, #news_article h2 {
	    width:360px;
		}


/***************************/
/***** Booking process *****/

#content .left   {float:left;}

.linkWrap   {
    background:#DEE0AB;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px 10px;
    font-size:0.8em;
    box-shadow: inset 0 -1px #fff;
    margin-top:20px;
    float:left;
    border: 1px solid #CCCE9F;
    }

.invalid {
        font-size:0.8em;
        color:Red;
        border:1px #E66A6A solid; 
        background:#FAE8E2;
        padding:10px; 
        color:#990000;
        border-radius: 4px;
        -moz-border-radius: 4px;
        }

.assistance .control .invalid {width:238px;}

.primary {
        width:300px;
        float:left;
        margin-bottom:10px;
        }
        
.secondary {
        width:410px;
        float:right;
        min-height:140px;
        position:relative;
        margin-bottom:10px;
        }

.bookingSummary {
    float:left;
    background: none repeat scroll 0 0 #EFF1BE;
    border: 1px solid #CCCE9F;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 10px;
    padding:10px;
    box-shadow: 0 -1px #FFFFFF inset;
    width:714px;
    margin-bottom:10px;
    }
        
.bookingSummary .primary    {width:340px;}
.bookingSummary .secondary  {width:350px;}

#content .bookingSummary ul {margin:0;}
#content .bookingSummary ul li {
    list-style:none;
    background:none;
    padding:0;
    line-height:1.6;
    position:relative;
    }
    
#content .bookingSummary ul li ul {
    margin:0 0 -21px 112px; 
    position:relative; 
    top:-21px;
    }
    
#content .bookingSummary ul li ul li{
    color:#433915;
    font-weight:bold;
    }
    
#content .bookingSummary p  {float:left;}
#content .bookingSummary span {
    color:#272111;
    display:inline-block;
    text-align:right;
    width:110px;
    }
#content .bookingSummary strong     {color:#433915;}
#content .bookingSummary sub        {font-size:11px;color:#435018;}  
#content .bookingSummary p          {font-size:11px;color:#435018;margin:0;}    
#content .bookingSummary label {
    font-size:12px;
    width:200px;
    text-align:right;
    font-weight:normal;
    color:#272111;
    }

.calendarSummary            {float:left;width:978px;}
.calendarSummary .primary   {width:500px;}
.calendarSummary .secondary {width:450px;}

.calendarSummary .bookingAlert  {
    border:1px #E66A6A solid; 
    background:#FAE8E2;
    padding:10px; 
    color:#990000;
    margin-right:10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:12px;
    }

.calendarSummary .keylong       {float:left;width:280px;}
.calendarSummary .keyshort      {float:left;width:100px;}
.calendarSummary span {
        font-size:12px;
        display:block; 
        font-weight:bold;
        color:#433915;
        }
.calendarSummary .bt_brown      {float:left;}

#content .calendarSummary ul    {float:left;margin:10px 0;}
#content .keyshort ul           {width:100px;}

#content .bookingicon {
        display: block;
        height: 60px;
        /*overflow: hidden;*/
        /*text-indent: -9999px;*/
        width: 60px;
        padding:0;
        margin:0 10px 0 0;
        float:left;
        }
#content .bookingicon span {
    position:absolute;
    bottom:-5px;
    font-weight:normal;
    }        
        
#content .event-morning      {background:url("../../_resx/css/events-calendar/venue_sprite.png") 0 0;}
#content .event-afternoon    {background:url("../../_resx/css/events-calendar/venue_sprite.png") -60px 0;}
#content .event-allday       {background:url("../../_resx/css/events-calendar/venue_sprite.png") 0 -60px;}
#content .event-evening      {background:url("../../_resx/css/events-calendar/venue_sprite.png") -60px -60px;}

/***** Functions *****/

#content .functionWrapper {
        float:left; 
        width:725px;
        /*background:#DEE0AB;
        border-radius:4px;        
        padding:10px 5px;*/        
        }
#content .functionWrapper li {
        float:left; 
        list-style:none;
        margin:0 14px 14px 0;
        padding:0;
        }
#content .functionWrapper .last  {margin:0;}

#content .functionWrapper li a{
        float:left; 
        width:230px; 
        height:115px; 
        background:#eff0cd url("images/imgLandDefault.jpg") no-repeat scroll top left;
        list-style:none;
        display:block;
        border:1px #C0C195 solid;
        border-radius:4px;
        -moz-border-radius: 4px;
        position:relative;
        }

#content .functionWrapper li a.african  {background:#eff0cd url("images/imgLandAfrican.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.deck     {background:#eff0cd url("images/imgLandDeck.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.plaza    {background:#eff0cd url("images/imgLandPlaza.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.nest     {background:#eff0cd url("images/imgLandNest.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.archibald{background:#eff0cd url("images/imgLandArchibald.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.living   {background:#eff0cd url("images/imgLandLiving.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.theatre  {background:#eff0cd url("images/imgLandTheatre.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.panda    {background:#eff0cd url("images/imgLandPanda.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.chimp    {background:#eff0cd url("images/imgLandChimp.jpg") no-repeat scroll top left;}
#content .functionWrapper li a.kamalas  {background:#eff0cd url("images/imgLandKamalas.jpg") no-repeat scroll top left;}

#content .functionWrapper .venue {
    border-top:1px #fff solid;
    position:absolute;
    bottom:0;
    background:#ddde9b url("images/bgFunctionDefault.gif") repeat-x scroll top left;
    width:230px;
    text-align:center;
    color:#63541f;
    border-radius:0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    padding:4px 0 2px 0;
    text-decoration:none;
    /*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(213,214,133)),color-stop(1, rgb(234,234,185)));
    background-image: -moz-linear-gradient(center bottom,rgb(213,214,133) 0%,rgb(234,234,185) 100%);*/
    }
    
#content .functionWrapper .title {
    /*font-size:16px;*/ font-size:14px;
    font-weight:bold;
    display:block;
    text-shadow:1px 1px #FCFDD8;
    font-family:Arial Black, Arial, sans-serif;
    }
    
#content .functionWrapper .capacity {
    display:block;
    font-size:11px;
    }

a:-webkit-any-link {text-decoration:none!important;}

#content .functionWrapper li a:hover    {border:1px #9C9E79 solid;}

#content .functionWrapper li a:hover .venue {
    border-top:1px #ffc83c solid;
     background:#ddde9b url("images/bgFunctionHover.gif") repeat-x scroll top left;
    /*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(79,86,15)),color-stop(1, rgb(144,148,18)));
    background-image: -moz-linear-gradient(center bottom,rgb(79,86,15) 0%,rgb(144,148,18) 100%);*/
    color:#ffdf73;
    }

#content .functionWrapper li a:hover .title {text-shadow:1px 1px #333;}

/***** Booking form *****/

.bookingInformation {
    background:#EFF1BE;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #CCCE9F;
    margin-right:10px;
    }

.myschoolvisit .list {
    background: #EFF1BE url("images/bgWatermark.gif") no-repeat scroll center 6px;
    min-height:57px;
    }

#content .calendarSummary .bookingInformation ul    {float:none;}
#content .calendarSummary .bookingInformation ul li {list-style:none;padding:0;background:none;}

#content .bookingInformation ul    {float:none;}
#content .bookingInformation ul li {list-style:none;padding:0;background:none;}

.bookingInformation span {
    color: #272111;
    display: inline-block;
    text-align: right;
    width: 190px;
    font-weight:normal;
    }

.bookingConfirmation .bookingInformation span {width:220px;}
    
.bookingInformation strong {
    font-weight:bold; 
    color:#272111;
    /*width:200px;*/
    text-align:left; 
    display:inline-block;
    }

#content .calendarSummary .myschoolvisit ul {
    margin:0; 
    line-height:14px;
    }
    
#content .calendarSummary .bookingInformation .school-booking {
    border-bottom:1px #ccce9f solid; 
    margin:0; 
    padding:10px 0; 
    width:488px; 
    position:relative;
    background:#EFF1BE;
    }

.schoolvisit li.event a, .schoolvisit li.event span {
    text-align:center;
    text-indent: 0;
    font-weight:bold;
    }
    
#content .school-booking.alternate  { /*background:#f7f9c4!important; */}

#content .school-booking .time {
    text-align:left;
    padding:10px 0 0 20px; 
    width:175px; 
    display:inline-block;
    zoom: 1;
	*display:inline; 
	float:left;
	}
	
#content .school-booking strong     {}
#content .school-booking .details {
    width:205px;
    font-size:11px; 
    display:inline-block;
    zoom: 1; 
    *display:inline;
    }
    
#content .school-booking .time li   {/*width:150px;*/}

#content .school-booking .remove {
    background:transparent url("images/icon_sprite.png") no-repeat scroll 0 -79px;
    padding:4px 0 4px 25px;
    text-align:right;
    display:inline-block;
    zoom: 1;
	*display:inline;
	position:relative;
	top:-8px;
    }

#column_left .bookingInformation span   {width:140px;}

.assistance #column_right {margin-top:22px;}

.bookingConfirmation {margin:10px 0;}
.bookingConfirmation .bookingInformation {box-shadow: 0 -1px #FFFFFF inset;}

.bookingControls {
    border-top:1px #ccce9f solid; 
    background:#e6e8b7;
    margin-top:5px;
    }
#content .bookingControls ul {
    margin:0;
    padding:7px 12px;
    position:relative;
    box-shadow:0 -1px #fff inset;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    line-height:18px!important;
    }
    
#content .bookingControls ul li     {display:inline;}
#content .bookingControls a:hover {text-decoration:none;}
.bookingControls .return            {}
.bookingControls .return a {
    background:transparent url("images/icon_sprite.png") no-repeat scroll 0 -53px;
    padding:2px 0 2px 25px;
    }
    
.bookingControls .assistance {position:relative;right:-99px;}

.bookingControls .assistance a {
    background:transparent url("images/icon_sprite.png") no-repeat scroll 0 0;
    padding:2px 0 2px 25px;
    }

.bookingControls .request {
    position: absolute; 
    left:0; 
    top:10px; 
    width:150px;
    }

.bookingControls .request a {
    background:transparent url("images/icon_sprite.png") no-repeat scroll 0 0;
    padding:2px 0 2px 25px;
    }

.myschoolvisit .bookingControls {text-align:right; position:relative;}

.bookingControls span {padding: 7px 6px;}

.bookingControls span .bt_green.wide {
    background: url("images/input_green_wide.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 150px;
    }

.bookingControls span .bt_green.wide:hover {
    background-position: 0 -27px;
    }
        
.bookingControls .book {
    position:relative;
    right:-99px;
    }
    
.bookingControls .book .bt_green.wide {
    display:inline-block;
    background: url("images/input_green_wide.gif") no-repeat scroll 0 0 transparent;
    width:150px;
    }
    
.bookingControls .book .bt_green.wide:hover {
    background-position: right -27px;
    }


.bt_green.wide:hover {
    background-position: 0 -27px;
    }


#formControlWrapper {
    float:left;
    border-bottom: 1px dashed #BDBF93;
    padding-bottom:20px;
    margin-bottom:20px;
    }

.formControl {
    background:#EFF1BE;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    border: 1px solid #CCCE9F;
    float:left;
    box-shadow: 0 -1px #FFFFFF inset;
    }

.formControl .invalid {
    border:1px #E66A6A solid; 
    background:#FAE8E2;
    padding:10px; 
    color:#990000;
    margin:0 40px 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:12px;
    }
     
.formControl .bt_green {
        float:right;
        position:absolute;
        bottom:0;
        right:0;
        }
        
#formResults {
        float:left;
        }

#formResults h2{
        margin: 9px 0 18px;
        }

.venueTile {
        float:left;
        width:720px;
        margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:1px #BDBF93 dashed;
        }
    
#content .venueTile img {
        height:150px; 
        width:200px; 
        display:block; 
        background:#eee;
        border:1px #ccc solid;
        float:left;
        margin:0 20px 0 0;
        border-radius:4px;
        -moz-border-radius: 4px;
        }
.locked                     {font-size:0.8em;padding:2px 0 0 5px;float:left;font-weight:bold;color:#272111;}    
.venueContent strong        {font-weight:bold;font-size:0.8em;color:#433915;}
.venueControl               {float:right;}
.venueControl .bt_green     {float:right;}
.venueControl a.venueInfo   {font-size:10px;margin:8px 15px 0 0;float:right;padding:4px 0 4px 22px;display:block; background:transparent url("images/icon_sprite.png") no-repeat scroll 0 -25px;}
.venueControl a:hover       {text-decoration:none;}

.venueTile.multi {
    border-bottom: 1px dashed #BDBF93;
    padding-bottom: 10px;
    }

.venueTile.multi .venueControl {margin-top:72px;}

/***** Venue form *****/

.upsell                 {float:left;margin-bottom:10px;}
.upsellWrapper          {
    float:left; 
    padding:10px 0;
    width:736px;
    border-radius:4px;
    -moz-border-radius: 4px;
    }
.upsellTile             {float:left; width:230px;margin-right:22px;}
.upsellTile.last        {margin:0;}
.upsellTile .checkbox   {display:inline-block;}
.upsellTile input       {float:left;position:relative;}
.upsellTile h3          {display:block;margin:0 0 5px 0;}
.upsellTile p           {float:left;font-size:10px;line-height:1.4;}
#content .upsellTile img {
        height:115px; 
        width:230px; 
        display:block; 
        background:#eee;
        border:1px #ccc solid;
        float:left;
        margin:0 0 10px 0;
        background:#eff0cd url("images/bgUpsell.gif") no-repeat scroll top left;
        border-radius:4px;
        -moz-border-radius:4px;
        }

.catering           {float:left;}
.organisation       {float:left;margin:5px 0;}
.organisation div   {float:left;}
.organisation span  {float:left;font-size:12px;}

/***** Venue detail *****/

.enquireForm {
    background: #FCFDD8 url("images/bgEnquire.gif") no-repeat scroll top left;
    /*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(252,253,216)),color-stop(0.87, rgb(238,240,187)),color-stop(1, rgb(222,224,172)));
    background-image: -moz-linear-gradient(center bottom,rgb(252,253,216) 0%,rgb(238,240,187) 87%,rgb(222,224,172) 100%);*/
    padding:10px;
    border-radius:4px;
    -moz-border-radius: 4px;
    float:right;
    width:200px;
    }

a.return {
    background: url("images/icon_sprite.png") no-repeat scroll 0 -53px transparent;
    padding: 2px 0 2px 25px;
    font-size:0.8em;
    display:block;
    margin-bottom:20px;
    }
a.return:hover  {text-decoration:none;}

.enquireForm h3 {
    margin:9px 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    }
    
.enquireForm .enquireButton {
    background: url("images/enquire_sprite.png") top left;
    display:block;
    height:40px;
    width:200px;
    text-indent:-9999px;
    overflow:hidden;
    }

.enquireForm .enquireButton:hover {
    background: url("images/enquire_sprite.png") bottom left;
    display:block;
    height:40px;
    width:200px;
    }

/*--------------------------------------------
BUTTONS
--------------------------------------------*/	
.button_sidebar {
	float: none;
	width: 200px;
	}
	
.bt_green {
	display:block;
	float:left;
	height: 27px;
	margin:5px 0;
	font-size: 10px;
	color:#FCFDD8;
	background:url(images/button_green.gif) right 0 no-repeat;
	padding: 0;
	clear:both;
	text-decoration:none;
	cursor:pointer;
    }

.bt_green strong {
	display: block;
	background: url(images/button_green_strong.gif) 0 0 no-repeat;
	cursor:pointer;
	padding: 0 10px 2px 25px;
	font-weight: normal;
	line-height: 25px;
	padding-bottom: 2px;
	color:#FCFDD8!important;
	}
	
	.bt_green:hover {
		background-position: right -27px;
	}
	.bt_green:hover strong {
		background-position: 0 -27px;
	}
	
	.bt_green.twitter strong { background-image:url(images/button_twitter_strong.gif); }
	.bt_green.facebook strong { background-image:url(images/button_facebook_strong.gif); }
	.bt_green.facebook { width:143px; }
	
.bt_brown {
	display:block;
	float:left;
	height: 20px;
	margin: 5px 0;
	font-size: 10px;
	color: #fcfdd8;
	background: url(images/button_brown.gif) right 0 no-repeat;
	padding: 0;
	clear: both;
	text-decoration:none;
}

#content .bt_brown strong {
		display: block;
		background: url(images/button_brown_strong.gif) 0 0 no-repeat;
		cursor:pointer;
		padding: 0 10px 2px 10px;
		font-weight: normal;
		line-height: 18px;
		color: #fcfdd8;
	}

.infobox .bt_brown strong {
		display: block;
		background: url(images/button_brown_strong.gif) 0 0 no-repeat;
		cursor:pointer;
		padding: 0 10px 2px 10px;
		font-weight: normal;
		line-height: 18px;
		color: #fcfdd8;
	}
	
	.bt_brown:hover {
		background-position: right -20px;
	}
	.bt_brown:hover strong {
		background-position: 0 -20px;
	}
	
input.bt_green {
    width:80px;
    padding:0px 0px 1px 10px !important;
    border:none;
    float:none;
    background: url(images/input_green.gif) 0 0 no-repeat;
    color: #fcfdd8;
}

.bt_green.wide {
    background: url("images/input_green_wide.gif") no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 150px;
    }

.file_upload a
{
    font-size:10px;
}
	
/*--------------------------------------------
PHOTO WIDGET
--------------------------------------------*/
#photo_widget {
	position:relative;
	
}
#photo_widget #img_tag {
	position:absolute;
	z-index:10;
	bottom:0px;
	width:344px;
	background:#000000;
	color:#ffffff;
}
#photo_widget #img_tag p {
	color:#ffffff;
	padding:3px;
	margin:0px;
	font-size:10px;
}
#photo_widget #image_gallery {
	margin:0px;
	padding:0px;
	position:relative;
	height:276px;
	background:url(../images/common/bg_photo_widget.jpg)left bottom no-repeat;
	list-style:none;
	border: 1px solid #DDDF98;
	width:342px;
}
#photo_widget #image_gallery li {
	margin:0px;
	padding:0px;
	position:absolute;
	overflow:hidden;
	width:342px;
}
#photo_widget #image_gallery li a {
	margin:0px;
	padding:0px;
	text-align:center;
}
#photo_widget #image_gallery li a img {
	margin:0px;
	padding:0px;
}
#photo_widget #gallery_nav {
	margin:0px;
	padding:0px;
	list-style:none;
	height:30px;
	
}
#photo_widget #gallery_nav li {
	float:left;
	margin:0px;
	padding:0px;
	background: none;
}
#photo_widget #gallery_nav a {
	display:block;
	overflow:hidden;
	height:30px;
	border:none;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}
#photo_widget #gallery_nav a img {
	margin:0px;
	padding:0px;
}
#photo_widget #gallery_nav #previous a {
	width:35px;
	background-image:url(gallery/bt_photo_prev.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#photo_widget #gallery_nav #next a {
	width:35px;
	background-image:url(gallery/bt_photo_nxt.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#photo_widget #gallery_nav #enlarge a {
	width:55px;
	background-image:url(gallery/bt_enlrg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#photo_widget #gallery_nav #previous a:hover {
	background-position:left -30px;
}
#photo_widget #gallery_nav #next a:hover {
	background-position:left -30px;
}
#photo_widget #gallery_nav #enlarge a:hover {
	background-position:left -30px;
}


/*--------------------------------------------
    PEOPLE TIMETABLE
---------------------------------------------*/
#people_timetable {
    margin:10px 0px 10px 0px;
	border-spacing:0px;
	border-collapse:collapse;
	width:700px;
}

#people_timetable td {
	font-size:11px;
	margin:0px;
	padding:5px 5px;
	background: none;
}

#people_timetable .alt td {
    background: #EEF0BB;
}

#people_timetable .active td, #people_timetable .active td p {
    background: #484F0F;
    color:#EEF0BB;
}

#people_timetable .alt .timetable_hour,
#people_timetable .active .timetable_hour {
    background: none;
    color:inherit;
}

#people_timetable td p {
    font-size:11px;
}

#people_timetable .timetable_hour {
    width:40px;
    border:none;
    background:none;
    text-align:right;
    vertical-align:text-top;
}

#people_timetable .timetable_desc {
    border:1px solid #c0af77;
}

#people_timetable .active .timetable_desc {
    border:1px solid #484F0F;
}



/*--------------------------------------------
  SIDEBAR
--------------------------------------------*/
#sidebar {
	float: left;
	margin:0px 60px 20px 0px;
	width:180px;
	padding: 20px 0 0;
}
/*---> SIDE NAV <---*/
.infobox #sidenav {
	background:url(images/side_nav_li.gif) left top no-repeat;
	margin-bottom: 0 0 20px 0;
	list-style:none;
}

#sidenav li {
	display:block;
	width:180px;
	background:url(images/side_nav_li.gif) left bottom no-repeat;
	margin: 0 -10px;
	padding:0;
}

#sidenav li a {
	font-size:10px;
	padding:4px 13px;
	display:block;
	color:#435018;
	font-weight:bold;
	margin: 0;
	padding: 4px 10px;
	background: none;
}

#sidenav li a:hover {
}

#sidenav .current a {
	text-decoration:none;
	background:url(../images/common/bg_side_nav.gif) top left repeat-y;
}

.animals a strong {
	display:block;
	padding:7px 13px 10px 45px;
}

.animals a strong.cheetah {
    background:url(images/cheetah.gif) 10px center no-repeat;
}

.animals a strong.big-cat {
    background:url(images/big-cat.gif) 10px center no-repeat;
}

.animals a strong.giraffe {
    background:url(images/giraffe.gif) 10px center no-repeat;
}

.animals a strong.red-panda {
    background:url(images/red-panda.gif) 10px center no-repeat;
}


#sidebar select {
  min-height:16px;
  padding: 3px 2px 2px 2px;
  width: 150px;
  border: none;
  background: #DEE0AB url(images/sideselectbg.gif) no-repeat top left;
  font-size: 11px;
  font-family: tahoma;

}

/*---> INFO BOX <---*/
.infobox {
	background:url(images/bg_info_box.gif) left top no-repeat;
	padding: 10px 10px 20px;
	margin: 10px 0;
	min-height: 50px;
}

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


	.infobox h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px;
		margin: 9px 0 9px 0;
	}

	.infobox ul {
		list-style:none;
		font-size: 11px;
		margin: 0;
	}
	
	.infobox li {
		padding: 2px 0;
		margin: 0px;
		line-height: 15px;
	}
	
	.infobox li a {
		text-decoration:underline;
		background:url(images/arrow_li.gif) left 3px no-repeat;
		padding: 0 0 0 10px;
		margin:0px;
		color:#435018;
		border:none;
		display: block;
	}
	
	.infobox li a:hover {
		text-decoration:none;
	}
	
	.infobox p {
		color:#435018;
		font-size: 11px;
		line-height: 15px;
	}
	
	.infobox .rss {
		border-top:1px dotted #856217;
		border-bottom:1px dotted #856217;
		padding:5px 0px 5px 20px;
		background:url(../images/common/icon_rss.gif) left center no-repeat;
	}

	.infobox .rss a {
		color:#435018;
		text-decoration:underline;
	}
	
img.side_img
{
    margin:0px 0px 3px 0px;
}
/*--------------------------------------------
SIDEBAR newsletter form
--------------------------------------------*/
.infobox .sign_up {
}
.infobox .sign_up label {
	font-size: .7em;
	font-weight:normal;
}
.infobox .sign_up input {
	font-size: .7em;
	border: none 0px;
	background:url(../images/common/form_sidebar_newsletter.gif) left top no-repeat;
	width:121px;
	height:21px;
	padding:3px 8px;
}
.infobox .sign_up .button {
	font-size: .7em;
	border: none 0px;
	background:url(../images/common/form_bt_go.gif) left top no-repeat;
	width:30px;
	height:21px;
	padding:3px 8px;
	cursor:pointer;
	text-indent:-9999px;
}
.infobox .newsletter {
	padding:5px 0px 5px 20px;
	background:url(../images/common/icon_sign_up.gif) left center no-repeat;
	font-weight:bold;
	letter-spacing:-1px;
}
.infobox .newsletter a {
	color:#435018;
	text-decoration:underline;
}
/*--------------------------------------------
  FOOTER
--------------------------------------------*/
#footer_wrapper {
	background:url(images/footer_wrapper.jpg) center top repeat-x;
	position: relative;
	clear: both;
	z-index: 1;
}

#footer {
	margin: 0 auto;
	padding: 30px 0;
	width: 978px;
	color: #FFDF73;
	position: relative;
	font-size: 11px;
}

	#footer .logo_zoo {
		width: 60px;
		height: 55px;
		float: left;
		text-indent: -9999px;
		background: url(images/footer_logo_zoo.gif) top left no-repeat;
	}
	
	#footer .logo_wellington {
		width:120px;
		height:55px;
		float:left;
		margin: 0 10px 0 40px;
		text-indent:-9999px;
		background:url(images/footer_wellington_logo.gif) top left no-repeat;
	}
	
	#footer a {
		color:#FFDF73;
	}
	
	#footer a:hover {
		background:#435018;
		color:#FFFFFF;
	}

#site_credit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 30px 0 0;
}


/*--------------------------------------------
  ACCORDION LIST
--------------------------------------------*/
.animal_title
{
    font-weight:bold;
}
.animal_sub_title
{

}

/*--------------------------------------------
  SUPPORTERS
--------------------------------------------*/
.supporters
{
    margin:20px 10px 20px 0px;
    width:170px;
    height:100px;
    float:left;
    text-align:center;
}

.supporters p
{
    font-size:10px;
    color:#676358;
}

/*--------------------------------------------
  PAGE MESSAGE
--------------------------------------------*/


.page_message {
    border:1px #E66A6A solid; 
    background:#FAE8E2;
    padding:10px; 
    color:#990000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:12px;
}

.input_day,.input_month,.input_year {
    border:none;
    width:35px;
    height:20px;
    padding:4px 2px 0 4px;
    font-size:11px;
    font-family:Tahoma, Sans-Serif;
    background:url(images/day_bg.gif) no-repeat;
}

.input_calendar {
    background:url(images/calendarbg.gif) no-repeat 27px 5px;
}

.input_calendar input {
    border:none;
    height:20px;
    padding:4px 2px 0px 4px;
    font-size:11px;
    font-family:Tahoma, Sans-Serif;
    background:none;
}

hr.clear
{
    clear:both;
    display:block;
    border:none;
}

#cc_validation_no
{
    display:none;
}

#credit_card_accept_list
{
    margin-bottom:10px;
}

.cc_verification_help, #cc_verification_close
{
    font-size:9px;
}

#comodo_seal
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:fixed;
    bottom:-3px;
    right:0px;
}

#comodo_seal img
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.select_month, .select_year
{
  min-height:16px;
  padding: 3px 2px 2px 2px;  
  border: none;
  font-size: 11px;
  font-family: tahoma;
}

.select_month {
    width: 40px;
    background: #DEE0AB url(images/month-select-bg.gif) no-repeat top left;  
}

.select_year {
  width:56px;
  background: #DEE0AB url(images/year-select-bg.gif) no-repeat top left;
    }

.brown_box {
    border:1px solid #DED6A8;
    padding:10px;
    width:220px;
    height:50px;
    }

#adopt_animal {
	clear:both;
	margin-top:80px;
    }

.checkbox {
    position:relative;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 25px;
    }

.checkbox input {
    position:absolute;
    top:0px;
    left:5px;
    }

.schoolTopics {margin:20px 0;}
.schoolTopics label {color:#435018; font-weight:bold;}
.schoolTopics table label {font-weight:normal; padding-left:5px;}

ul#twitter_update_list li { margin: 0 0 9px; }