@media screen {

#our-animals #primarynav a:link#ouranimals, #our-animals #primarynav a:visited#ouranimals {
	background-position:-160px -50px;
}

#our-animals #secondarynav {
	background-color:#827026;
	color:#f7d117;	
}
#our-animals #secondarynav a {
	color:#f7d117;
}
#our-animals #secondarynav li {
	background-image: url(/our-animals/images/listarrow.gif);
}

#our-animals h3 {
	color:#f7d117;
	background-color:#827026;
	font-size:12px;
	
}
#our-animals h2 {
	background-color:#b5b38c;
}
#our-animals h1 {
	background-color:#b5b38c;
}

#our-animals h3 a {
	color:#f7d117;
	text-decoration:none;
	display:block;
}

#our-animals .extrasbox {
	border:#ccc solid 1px;
	margin:0 0 10px 3px;
	width:260px;
}
#our-animals .extrasbox h4 {
	background-color:#b5b38c; 
	margin:0; 
	padding:3px;
}
#our-animals .extrasbox p {
	 padding:0 5px;
	 /* padding:0 0 5px 5px; T R B L */
}

/* ------ NEW SIDE NAV -- START --- ------ */

#sidenav ul, #sidenav li {
	background-color:#C0BDA5;		/*  <<<< Change this background colour <<<< */
}
#sidenav a:hover {
	background-color:#cfceb1;	    /*  <<<< Change this background colour <<<< */
	color:#000000;
}

/* ------ NEW SIDE NAV -- END --- ------ */



#crosspromote h4 {
	background-color:#b5b38c;
	padding:3px;
}

#crosspromote a:hover{
	color:#5d9632;
}

/* ANIMAL ENCOUNTERS UPDATED 05-2011*/
#enc-intro-box{
	float:left;
}
#enc-intro-content{
	padding:0 5px;float:left;width:510px;
}
#enc-book{
	padding:0 5px;float:right;width:200px;border-left:1px dotted;margin-right:5px;
}
#enc-book p{
	text-align:center;
}
#encsort-box{
	background-color:#ecece2;padding:5px;width:730px;margin:5px 0 0 5px;
}
#encsort-sub-box{
	margin-left:4px;
}
#encsort-title{
	float:left;width:730px;background-color:#ffffff;margin:8px 0 5px 0;
}
.encsort{
	width:130px;background-color:#d9d9c6;padding:5px;margin:2px;cursor:pointer;text-align:center;	
}
.encid{
	width:240px;margin:5px;float:left;cursor:pointer;
}
.encimg{
	width:240px;height:145px;float:left;opacity:0.9;
}
.encdetail{
	width:230px;background-color:#c6c6a9;color:#005830;padding:5px;float:left;font-weight:bold;
}
#encenq{
	display:none;padding:10px;background-color:#FFFFFF;width:500px;height:430px;text-align:left;border:10px #b3b38c solid;
}
#enclogo{
	margin:10px 0 0 0;
}
#submid{
	float:left;
}
#encounter_media {
	float:right; 	
	width:250px; 
	margin:30px 0 0 5px; 
	padding:5px 5px 1px 5px; 
	border:#ccc solid 1px; 
	background-color:#fff;
}

#encounter_media img{
	margin-bottom: 3px;
}

.ss_info {
	background-image:url(/our-animals/amazing-animals/images/ss_info_button.gif);
	background-repeat:no-repeat;
	float:left;
	width:100px;
	height:30px;
	/*margin:2px;*/
}
.ss_info a{
	text-indent: 10px;
	padding: 0px 0px 0px 5px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	line-height: 30px;
}

/*.ss_head {
 background-color: #EEE8CC;
	display: block;
	clear: left;
	width: 99%;
	height: 18px;
	padding: 2px;
	margin: 2px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 5px;
	text-decoration: none;
}*/

/* Sub Species A to Z */
#animal-list-container{
	margin:10px 4px;
	background-color:#FFD200;
	padding-bottom:5px;
}
#animal-list{
	height:150px;
	overflow:scroll;
	overflow-x:hidden;
	background-color:#CCCCCC;
}
#animal-list ul{
	background-color:#005830;
}
.sslist{
	padding:5px;
	text-align:left;
	margin-bottom:1px;
	background-color:#E0E0E0;
	cursor:pointer;
}
.sslist a{
	text-decoration:none;
}
.sslist a:hover{
	text-decoration:none;
	color:#005830;	
}
.star-bullet{
list-style-image: url(../get-involved/images/star-small.png);
}

/* Display Status items */
.display-status-item{
	padding:10px;
	width:230px;
}
.display-status-item img{
	padding-right:8px
}
/* -------- info popup --------- */

a.tooltip {
  z-index:24;
  position:relative;
  text-decoration:none;
}
a.tooltip img {
  border:none;
}

a.tooltip:hover {
  z-index:25;
  border-bottom:0px solid black;
}


a.tooltip span {
  display:none;
}


a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  border:1px solid #005830;
  padding:3px;
  display:block;
  width:150px;
  color:#005830;
  background-color:#ECECEC;
  text-decoration:none;
}

.dvd_brief{
	float:left;
	width:100%;
	padding:5px 0 10px 0;
	margin:0;
	border-bottom:1px dashed #e1e1e1;
}
.dvd_details{
	float:left;
	width:500px;
	padding:0;
	margin:0;
	border:1px solid red;
	background-color:#00CC00;
}
.dvd_brief_details{
	float:left;
	width:390px;
	padding:0;
	margin:0;
}
ul.video_details{
	float:left;
	padding:0;
	margin:0;	
	width:160px;
	list-style-type:none;
}
.dvd_brief_details_description{
	float:left;
	width:220px;
	margin:0;
	padding:0;
}
ul.video_details li{
	padding:0;
	margin:0;
	line-height:15px;
	list-style-type:none;

}
.dvd_brief_img{
	float:left;
	border:1px solid #000;
	padding:3px;
	margin:0;
}
.daily_video_diary{
	float:left;
	padding:0;
	margin:0;
	width:100%;
}
#daily_video_diary_player{
	float:left;
	padding:0;
	margin:10px 0;
	width:100%;
	/*border:1px solid red;*/
	height:100px;
	text-align:center;
}
#dvd_full_details{
	float:left;
	width:430px;
	padding:0;
	margin:0;
}
#dvd_full_comments{
	float:left;
	padding:0;
	margin:0;
	width:100%;
}
.comments_total{
	font-size:10px;
	font-weight:normal;
}
.dvd_full_comment{
	float:left;
	padding:5px;
	margin:0;
	width:100%;
}
#dvd_question_invite{
	float:right;
	width:100%;
	margin-top:20px
}
.our-anim-box{
	margin:0 5px;
	float:left; 
	width:370px;
	min-height:400px;
}
/* Platinum Zoo Adventure */
.tour-info-section{
	float:left;
}
.tour-info-section h2{
	width:593px;
}
.horizontalwrap-animals{
	float:left;
	margin-left:12px;
}
.boxtext-animals{
	width:350px;
	float:left;
	padding:0px 0px 5px 5px;
}
.adoption{
	display:block;
	padding:10px;
	margin:5px 5px 5px 15px;
	width:160px;
	background-color:#d9d9c6;
}
#subscribeForm {
	background-color:none; 
	border:none; 
	padding:0; 
	margin:10px 0 0 0;
}
#subscribeForm a:link, #subscribeForm a:hover, #subscribeForm img{
	background:none;
	border:none;
	outline:none;
	padding:0;
	margin:0;
}
/* for side bar animal diaries */
.side_diary{
	float:left;
	margin:0;
	padding:0;
	clear:both;
}
.side_diary li {
	float:left;
	background: none repeat scroll 0 0 #D1D1B9;
	border-bottom: 2px solid #FFFFFF;
	color: #005830;
	font-size: 10px;
	list-style: none outside none;
	width: 165px;
	margin:0;
	padding:3px 10px 8px;
}
.additional_media{
	width:100%;
	clear:both;
	margin-bottom:5px;
}

}