@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 index page styles */
.encounterbox {
	width:290px; 
	height:330px; 
	margin:8px 2px; 
	border:#ccc solid 1px; 
	background-position:center 152px; 
	background-repeat:no-repeat;
	position:relative;
}
.encounterbox.cheetah {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-cheetah.jpg); 
}
.encounterbox.tiger {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-tiger.jpg); 
}
.encounterbox.cheetahphoto {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-cheetahphoto.jpg); 
}
.encounterbox.tigerphoto {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-tigerphoto.jpg); 
}
.encounterbox.wombat {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-wombat.jpg); 
}
.encounterbox.possum {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-possum.jpg); 
}
.encounterbox.dingo {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-dingo.jpg); 
}
.encounterbox.tortoise {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-tortoise.jpg); 
}
.encounterbox.hospital {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-hospital.jpg); 
}
.encounterbox.cathouse {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-tiger.jpg); 
}
.encounterbox.echidna {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-echidna.jpg); 
}
.encounterbox.iguana {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-iguana.jpg); 
}

.encounterbox-tigercub {
	background-image:url(/our-animals/animal-encounters/images/experience-bg-tiger-cub.jpg); /*Tiger cub*/
	width:582px; 
	height:200px; 
	margin:2px; 
	border:#ccc solid 1px; 
	background-position:right; 
	background-repeat:no-repeat;
	position:relative;
}

.encounterbox a.bottomlink {
	height:20px; 
	width:100%;
	text-align:center; 
	font-size:14px; 
	font-weight:bold; 
	text-decoration:none;
	border-top:#ccc solid 1px; 
	position:absolute;
	bottom:0;
	color:#fff;
}

.encounterbox-tigercub a.bottomlink { /*Tiger cub bottom link*/
	height:20px; 
	width:100%;
	text-align:center; 
	font-size:14px; 
	font-weight:bold; 
	text-decoration:none;
	border-top:#ccc solid 1px; 
	position:absolute;
	bottom:0;
}

.encounterbox p {
	padding:0px 18px;
	margin:15px 0px 0px 0px;
}

.encounterbox img {
	margin-left:18px;
	margin-top:6px;
}

.encounterbox-tigercub p { /*Tiger cub p*/
	width: 350px;
	padding:0 6px;
	margin:0;
}

.encounterbox-tigercub a:link, .encounterbox-tigercub a:visited { /*Tiger cub link*/
	color:#fff;
}
.encounterbox a:hover {
	text-decoration:underline;
}
.encounterbox-tigercub a:hover { /*Tiger cub link hover*/
	text-decoration:underline;
}
.encounterbox .cheetahlink {
	background-color:#fdd200;
}
.encounterbox .tigerlink {
	background-color:#e87e24;
}
.encounterbox .wombatlink {
	background-color:#827026;
}
.encounterbox .possumlink {
	background-color:#00a6d6;
}
.encounterbox .dingolink {
	background-color:#fdd200;
}
.encounterbox .tortoiselink {
	background-color:#004730;
}
.encounterbox .hospitallink {
	background-color:#4cb74d;
}
.encounterbox .cathouselink {
	background-color:#e87e24;
}
.encounterbox .echidnalink {
	background-color:#827026;
}
.encounterbox .iguanalink {
	background-color:#82b717;
}
.encounterbox-tigercub .cublink { /*Tiger cub link bkg*/
	background-color:#e87e24;
}
#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;	
}

/* Display Status items */
.display-status-item{
	padding:10px;
}
.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 #004730;
  padding:3px;
  display:block;
  width:150px;
  color:#004730;
  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;
}
}