@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		3;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	8;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
	list-style: none;
	list-style-image: none;
	padding: 0;
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	width: 88.6666%;
	margin-left: auto;
	margin-right: auto;
}
.body{
    text-align: center;
    font-family: "Calibri Light", Calibri, Candara, "Segoe UI", Arial, sans-serif;	
}
.p {
}
.bodyText {
    font-weight: 100;
    font-family: "Calibri Light", Calibri, Candara, "Segoe UI", Arial, sans-serif;	
}
h1 {
	font-size: 2rem;
	font-weight: 400;
	text-align: center;		
}
h2 {
}
h3 {
	font-size: 1.2rem;
	font-weight: 800;
	text-align: center;	
}
h4  {
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;		
}
.banner {
    clear: both;
}
.navigationBar {
	max-height: 25px;
	width: 50%;
	float: right;
	margin-bottom: 20px;
}
.footer {
	text-align: center;
	width: 100%;
	max-width: 1200px;
	margin-top: 50px;
	line-height: 50px;
}
.mainContent {
    text-align: center;
    overflow-x: visible;
    overflow-y: visible;
    position: static;
}
.footerHLWP {
	margin-left: auto;
	height: auto;
	top: -93px;
	left: 132px;
	position: static;
}

.footerCopyright {
    position: static;

}


.indexSlideshow {
	text-align: center;
	max-width: 1230px;
	z-index: 99;
	margin-bottom: 10px;
	margin-top: 20px;
}

.mainHeading {
}
#mainHeading {
}

.pageHeading {
}
.pageHeader {
    width: 90%;
    color: #DDDDDD;
    float: left;
    text-align: center;


}
#indexIntroduction {
	background-color: #151515;
}
#introductionText {
	width: 100%;
	text-align: center;
	max-width: 950px;
}
#latestNews {
	margin-top: -10px

}

/* Start of Mailerlite Newsletter CSS */

#sideBarSignUpForm {
    width: 100%;
    background-color: #1D1D1D;
    float: none;	
	margin-bottom: 20px;
}

#footerSignUpForm {
    width: 100%;
    background-color: #1D1D1D;
    float: none ;
	
}

/* End of Mailerlite Newsletter CSS */

#diary {

}

#news {

}
.sectionHeader {
	font-weight: 400;
	color: #DDDDDD;
	font-size: 2.5rem;
	text-align: center;
}

.newsHeader {
}
.newsDate {
	font-style: italic;
}

.gridContainer.clearfix .fluid.mainContent #diary .fluid.sectionHeader {
}
.gridContainer.clearfix .fluid.mainContent #diary #diaryEvents #diaryOneHeader {
}

.diaryHeader {
	font-weight: 600;
	text-align: center;
}
.diaryText {
	font-weight: 100;
	text-align: center;
}
#conservation {

}
.oldNewslettersHeader {
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 20px
}
.wildlifeSlideshow {
    max-width: 900px;
    min-width: 160%;
    margin-left: -30%;
    margin-bottom: 50px;
    min-height: 500px;
    text-align: center;
}

.articlesSection {
	width: 100%;
}
.footerOthers {
	width: 28.5714%;
}

/*  following four css entries commented out because they have an error and I think they're redundant

.formname {
	font-size: 1em;
	text-align: left;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
	width: 100%;
}
.formemail {
	left: 100px;
	font-size: 1em;
	text-align: left;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"	
	width: 100%;
}
.formcomment {
	font-size: 1em;
	text-align: left;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"	
	width: 100%;
}
.formtext {
	font-size: 1em;
	text-align: left;
	text-align: justify;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"	
	width: 100%;
}

*/

.newsImage {
	max-width: 100%;

}
.oldNews {
}
.oldNews {
	margin-top: 50px;

}
.contactForm {
}
.privacyPolicyList {
	text-align: left ;
	font-size: 1.1rem ;
	
}
.contactIntroduction {
	font-size: 12pt;
	text-align: center;
}
.ttsPageHeader {
	width: 100%;
	margin-bottom: -20px;
	margin-top: 40px;
	text-align: center;
}
.ttsSlideshow {
	margin-bottom: 5px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 230px;
}
.ttsIntroduction {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.talksList {
	line-height: 15pt;
	margin-bottom: 50px;
}
.availableTalks {
}
.talksSummary {
	margin-bottom: 50px;
}

.subHeader {
	font-weight: 400;
	font-size: 30pt;
}
.talksBookings {
	margin-bottom: 50px;
	border-color: #555555;
	border-style: solid;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	width: 97%;
}

.photoTrainingList {
	margin-top: 15px;
}

.computerTrainingList {
}

.salesIntroduction {
	min-height: 230px;
}

.salesDigital {
    padding-top: 10px;
    width: 100%;
}
.salesPrints {
    padding-top: 10px;
}
.salesCanvas {
    padding-top: 10px;
}
.salesCommercial {
    padding-top: 10px;
    width: 100%;
}

.conditionsOfUse {
	width: 100%;
	text-align: center;
	margin-top: 50px;
	clear: both;
}
.returnHomeLink {
}
.returnHomeButton {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	display: inline-block;
	margin-top: 20px;
}
.listOfVideosLeft {
	float:none;
	width: 100%;
	font-size: 1.2rem;	
	font-weight: 500;	
}
.listOfVideosRight {
	float:none;
	width: 100%;
	font-size: 1.2rem;	
	font-weight: 300;
}
.wildlifeSpeciesList {
}
.species1stColumn {
}
.species2ndColumn {
}
.firstColumnList {
}
.firstColumnKenya {
}
.firstColumnList {
}
.wlSpecies {
	color: #FFFFFF;
	margin-bottom: 50px;
	margin-top: 50px;
}
.wlFirstColumn {


}
.wlSecondColumn {

}
.wlFirstList {
}
.wlSecondList {
}
.wlFirstItem {
}
.wlItem01 {
	margin-left: 0;
	clear: both;
}
.wlItem02 {
}
.wlItem06 {
}
.wlSpeciesHeader {
	font-weight: bold;
}
.wlItem03 {
}
.wlItem04 {
}
.wlItem05 {
}
.wlItem07 {
}
.wlItem08 {
}
.wlItem09 {
}
.wlItem10 {
}
.wlItem01b {
}
.wlSpeciesHeader {
	font-weight: bold;
}
.latestNewsHeader {
	width: 200px;
}
.animalSpeciesIntro {
}
.wlCameraTrap {



}
.footerLinks {
	margin-top: -20px;
}

.SearchEnglishName {
}
.searchLatinName {
}
.searchEnglishName {
}
.searchType {
}
.wildlifeSearch {
}
.wildlifeSearch {
}
.wildlifeSearching {
	text-align: left;
}
.resultsTable {
	margin-left: 5px;
	color: #D53032;
}
.gridContainer.clearfix {


}
.gridContainer.clearfix .fluid.mainContent .fluid.resultsTable #conservation {
}
.gridContainer.clearfix .fluid.mainContent #news {

}
.previousAndNextLinks {
}
.previousPage {
	float: left;
	width: 35%;
	text-align: left;
}
.nextPage {
	width: 35%;
	float: right;
	text-align: right;
}
.pageNavigation {
	margin-left: 20%;
}
.wildlifeSearch {
	text-align: center;



}
.wildlifeNavigation {


}
.previousPage {
	text-align: left;
	height: 20px;



}
.nextPage {
	text-align: right;
	height: 20px;

}
.gridContainer.clearfix .fluid.mainContent .fluid.wildlifeSearch table tr {
}
.tableThumbnail {
	min-width: 100px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width: 1px;
}
.noRecordsMessage {
	color: #1E4ECD;
}
.tableDescription {
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-width: 1px;
}
.thumbnailBox {
	min-width: 100px;
	border-top-color: #909090;
	border-left-color: #909090;
	border-top-style: solid;
	border-left-style: solid;
	min-height: 100px;
	padding-right: 10px;
	border-width: thin;
	padding-bottom: 5px;
	padding-top: 5px;
}
.descriptionBox {
	border-top-color: #909090;
	border-right-color: #909090;
	border-top-style: solid;
	border-right-style: solid;
	min-height: 100px;
	width: 99%;
	text-align: center;
	border-width: thin;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tableNoRecords {
}
.tableNoRecords {
}
.speciesPageHeader {
	text-align: center;
	margin-top: -20px;
}
.detailsPageDescription {
	margin-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.detailsBackButton {
	margin-top: 20px;
	text-align: center;
}
.detailsImageTable {
	margin-top: -40px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.searchForm {
	margin-top: 40px;
	text-align: left;
	width: 20%;
	float: left;
}
.searchHintDialog {
}
.detailsImage {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width: 650px;
}
#detailsLandscape img {
	width: 100%;
	max-width: 650px;

}
#detailsLandscape {
}
#detailsPortrait {
}
.gridContainer.clearfix .fluid.mainContent .fluid.detailsImageTable table tr #detailsLandscape img {
}
#detailsPortrait img {
	width: 100%;
	max-width: 435px;
}
.searchSummary {
}
.firstPage {
	text-align: left;
	height: 20px;

}
.pageCount {
	text-align: center;
	height: 20px;

}
.lastPage {
	text-align: right;
	height: 20px;

}
#navTable {




}
#navTable td {
	width: 20%;
	text-align: center;
	border-bottom: 3px solid #909090;
	border-top: 3px solid #909090;
	height: 40px;
}
#tableText {
}
#tableText td {

}
.advancedSearch {

	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border: thin solid #909090;
	width: 95%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 50px;
}

.adSearchText {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
#advanced-form {
}
.gridContainer.clearfix .fluid.mainContent #advancedSearchForm .fluid.adSearchText {
}
.talksIntroduction {
}
.trainingIntroduction {
}
.languageLink {
    width: 20%;
    min-width: 80px;
    font-style: italic;
    text-align: left;
    right: auto;
    margin-top: -25px;
    margin-bottom: 10px;
    float: left;
}
.languageSearchPage {
	width: 10%;
	min-width: 100px;
	float: right;
	text-align: right;
}
.testLink {
	z-index: 100;
	top: 500px;
}
.nextImageLink {
}
.searchResubmit {
}
.searchResubmit {
}
.searchTextMessage {
	text-align: center;
	width: 100%;
	font-weight: 300;
	margin-top: 5px;
	margin-bottom: 20px;
}
.detailsImageLinks {
	margin-top: 50px;
	padding-bottom: 20px;
	padding-top: 10px;
}
.detailsHeading {
	margin-top: 20px;
}
.ImageCaption {
	text-align: center;
	font-style: italic;
	font-weight: 100;
}
.newSubHead {
}
.birdSpeciesList {
	float:left;
}
.mammalSpeciesList {
	float:right;
}
.mammalSpecies {
}
.birdSpecies {
}
.mammalSpeciesList {
}
.listOfBirdSpecies {
}
.listOfMammalSpecies {
}
.listOfSpeciesCentre {
	width: 100%;
	text-align: center;
}
.birdHeader {
}
.mammalHeader {
}
#latestNews #newsItem30 .fluid.mammalHeader {
}

.textFullWidth {
	font-weight: 100;
}
.textLeftColumn {
	font-weight: 100;
}
.textRightColumn {
	font-variant: normal;
	font-weight: 100;
}
.imageTwoLandscape {
	font-style: italic;
	text-align: center;
}
.imageOneCentre {
	font-style: italic;
	font-weight: 100;
	text-align: center;
}
.imageRight {
}
.speciesListHeader {
}
.speciesWrapper {
}
.TextWideCentred {
	font-weight: 100;
}
.newsLargeHead {
}
#oldNews {
}
#oldNewsList {


}
.newsLink {
    min-height: 50px;
}
.multiCaptionWrapper {
	font-style: italic;
	text-align: center;
}
.multiCaptionLeft {
	width: 50%;
	float: left;
}
.multiCaptionRight {
	float: right;
	width: 50%;
}
.goproVideoHolder {
}
.textFullCentred {
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	font-weight: 100;
}
.d7200-video-holder {
	text-align: center;
	font-size: 12pt;
}
.tripleCaptionLeft {
	width: 33%;
	float: left;
}
.tripleCaptionCentre {
	width: 33%;
	float: left;
}
.tripleCaptionRight {
	width: 33%;
	float: left;
}
.availableTalksListLeft {
	width: 100%;
	text-align: center;
}
.talksByLocation {
}
.availa {
}
.availableTalksListRight {
	width: 100%;
	text-align: center;
	font-size: 1.1rem;
}
.talksByType {

}
.talksColumnHeading {
}
.talksListItem {
}
.talksSubHeading {
}
.talksGeneral {
}
.lle {
}
.leftColumnImage {
	text-align: left;
	float: left;
	width: 600px;
	margin-left: 13px;
}
.rightColumnImage {
	width: 600px;
	float: right;
	margin-right: 13px;
}
.indexIntroductionImage {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.tripReports {
}
.scandinaviaHuntingStats {
	margin-left:10%;
	margin-right:100px;
}

.educationText {
	width: 100%;
}
.sectionHeaderCymraeg {
	color: #DDDDDD;
	text-align: center;
}
.diaryHeaderCymraeg {
	color: #DDDDDD;
	text-align: center;
}
.bannerImage {
 	visibility: collapse;
	float: left;
	width: 1px;
}
.bannerText {
    font-family: Gabriola;
    width: 100%;
    text-align: center;
}
.bannerHughLansdown {
	font-size: 3rem;
	font-weight: 400;
	width: 100%;
}
.bannerWildlifePhotography {
	font-size: 2rem;
	font-weight: 100;
	width: 100%;
}
.hokkaidoTsurui {
	border-bottom: thin solid #FFFFFF;
	margin-bottom: 30px;
}
.hokkaidoLakeFuren {
}
.hokkaidoRausu {
}
.reportSection {
	border-bottom: thin solid #FFFFFF;
}

/* Start of Book Media Links CSS */

.bannerWildlifeOfTheWorld {
    font-size: 2rem;
    font-weight: 300;
    width: 100%;
    text-align: center;
}
.bannerCountry {
	font-family: Gabriola;
    font-weight: 300;
    font-size: 3rem;
    width: 100%;
    float: left;
    text-align: center;
    position: static;
}
.pageBanner {
    width: 100%;
    text-align: center;
	font-family: Gabriola;
}
.bookMediaContent {
    text-align: center;
    position: static;
}
.bookMediaHeader {
}
.bookMediaHolder {
}
.bookVideoHolder {
}
.listOfLinks {
    font-size: 1rem;
    font-weight: 100;
    text-align: center;
}
.bufferingNotice {
    font-size: .9rem;
    font-weight: 50;
	font-style: italic;
    text-align: center;
}
.bookFooterLinks {
    font-size: 1.2rem;
    position: absolute;
    text-align: center;
    top: 1200px;
}
.mapHolder {
    position: relative;
    width: 100%;
    top: 10px;
}
.mapBackground {
    position: static;
    width: 10%;
    top: 0px;
}
.testImage {
	position: absolute;
    width: 10%;
    top: 10%;
	left:10%;
}
.behaviourImages {
    position: static;
    left: 0px;
    width: 200px;
    top: 0px;
    clear: both
}

/* Start of dedicated css for Image Mosaics */

.imageMosaicTopLeft {
	font-style: italic;
}
.imageMosaicTopRight{
	font-style: italic;	
}
.imageMosaicBottomLeft {
	font-style: italic;	
}
.imageMosaicBottomRight {
	font-style: italic;	
}


/* End of dedicated css for Image Mosaics */

/* Dedicated css for positioning audio controls (mobile) */

.playSound {
	display: block;
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: visible;
}

/* End of dedicated css for positioning audio controls*/


/* Start of dedicated css for interactive maps */

/* To add a new map for a new book:

1  Create the new map with layers for habitat, cities, parks etc. and save the layers separately.
2  Create the show and hide labels and save them.
3  Copy an existing map html document and make the necessary adjustments.
4  Copy the css (mobile) for an existing book and make the necessary adjustments. 
5  Copy the return button css for both Tablet and Desktop and adjust as necessary.

/* Start of dedicated css (mobile) for WotW - China interactive map */

.tibetanPlateau {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 500px;
    opacity: 70%;
    visibility: hidden;
}
.desert {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.mountains {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.forest {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.hills {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.greatWall {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 80%;
	visibility: hidden;
}
.cities{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.chinaLabel{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
}
.mapEvent {
}
.elementHolder {
    position: static;
    width: 100%;
}
.showTibetanPlateau {
	position: relative;
	top:10px;
}
.hideTibetanPlateau {
	position: relative;
	top: -40px;
	left:150px;
	visibility: hidden;
	float:right
}
.showDesertIcon {
	position: relative;
	top: -40px;
	left:0px;
}
.hideDesertIcon {
	position: relative;
	top: -90px;
	visibility: hidden;	
	left:150px;
}
.showMountainsIcon {
	position: relative;
	top: -90px;
	left:0px;
}
.hideMountainsIcon {
	position: relative;
	top: -140px;
	visibility: hidden;	
	left:150px;
}
.showForestIcon {
	position: relative;
	top: -140px;
	left:0px;
}
.hideForestIcon {
	position: relative;
	top: -190px;
	visibility: hidden;	
	left:150px;
}
.showHillsIcon {
	position: relative;
	top: -190px;
	left:0px;
}
.hideHillsIcon {
	position: relative;
	top: -240px;
	visibility: hidden;	
	left:150px;
}
.showWallIcon {
	position: relative;
	top: -240px;
	left:0px;
}
.hideWallIcon {
	position: relative;
	top: -290px;
	visibility: hidden;	
	left:150px;
}
.showCitiesIcon {
	position: relative;
	top: -290px;
	left:0px;
}
.hideCitiesIcon {
	position: relative;
	top: -340px;
	visibility: hidden;	
	left:150px;
}
.returnToChinaMediaFromMap {
    position: relative;
    text-align: center;
	top: -300px;	
    float: right;
}


/* End of dedicated css for WotW - China interactive map */

/* Start of dedicated css (mobile) for WotW - Costa Rica interactive map */

.crCaribbeanCoast {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 70%;
    visibility: hidden;
}
.crMountains {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.crRainforest {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.crWetlands {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.crDryForest {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.crNationalParks {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 80%;
	visibility: hidden;
}
.crCities{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.costaricaLabel{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
}
.mapEvent {
}
.elementHolder {
    position: static;
    width: 100%;
}
.showcrCaribbeanCoastIcon {
	position: relative;
	top:10px;
}
.hidecrCaribbeanCoastIcon {
	position: relative;
	top: -40px;
	left:150px;
	visibility: hidden;
	float:right
}
.showcrMountainsIcon {
	position: relative;
	top: -40px;
	left:0px;
}
.hidecrMountainsIcon {
	position: relative;
	top: -90px;
	visibility: hidden;	
	left:150px;
}
.showcrRainforestIcon {
	position: relative;
	top: -90px;
	left:0px;
}
.hidecrRainforestIcon {
	position: relative;
	top: -140px;
	visibility: hidden;	
	left:150px;
}
.showcrWetlandsIcon {
	position: relative;
	top: -140px;
	left:0px;
}
.hidecrWetlandsIcon {
	position: relative;
	top: -190px;
	visibility: hidden;	
	left:150px;
}
.showcrDryForestIcon {
	position: relative;
	top: -190px;
	left:0px;
}
.hidecrDryForestIcon {
	position: relative;
	top: -240px;
	visibility: hidden;	
	left:150px;
}
.showcrNationalParksIcon {
	position: relative;
	top: -240px;
	left:0px;
}
.hidecrNationalParksIcon {
	position: relative;
	top: -290px;
	visibility: hidden;	
	left:150px;
}
.showcrCitiesIcon {
	position: relative;
	top: -290px;
	left:0px;
}
.hidecrCitiesIcon {
	position: relative;
	top: -340px;
	visibility: hidden;	
	left:150px;
}
.returnToCostaRicaMediaFromMap {
    position: relative;
    text-align: center;
	top: -300px;	
    float: right;
}

/* End of dedicated css for WotW - Costa Rica interactive map */

/* Start of dedicated css (mobile) for WotW - Madagascar interactive map */

.maSpinyForest {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 70%;
    visibility: hidden;
}
.maHighlands {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.maRainforest {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.maDryForest {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.maNationalParks {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 80%;
	visibility: hidden;
}
.maCities{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.madagascarLabel{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
}
.mapEvent {
}
.elementHolder {
    position: static;
    width: 100%;
}
.showmaSpinyForestIcon {
	position: relative;
	top:10px;
}
.hidemaSpinyForestIcon {
	position: relative;
	top: -40px;
	left:150px;
	visibility: hidden;
	float:right
}
.showmaHighlandsIcon {
	position: relative;
	top: -40px;
	left:0px;
}
.hidemaHighlandsIcon {
	position: relative;
	top: -90px;
	visibility: hidden;	
	left:150px;
}
.showmaRainforestIcon {
	position: relative;
	top: -90px;
	left:0px;
}
.hidemaRainforestIcon {
	position: relative;
	top: -140px;
	visibility: hidden;	
	left:150px;
}
.showmaDryForestIcon {
	position: relative;
	top: -140px;
	left:0px;
}
.hidemaDryForestIcon {
	position: relative;
	top: -190px;
	visibility: hidden;	
	left:150px;
}
.showmaNationalParksIcon {
	position: relative;
	top: -190px;
	left:0px;
}
.hidemaNationalParksIcon {
	position: relative;
	top: -240px;
	visibility: hidden;	
	left:150px;
}
.showmaCitiesIcon {
	position: relative;
	top: -240px;
	left:0px;
}
.hidemaCitiesIcon {
	position: relative;
	top: -290px;
	visibility: hidden;	
	left:150px;
}

.returnToMadagascarMediaFromMap {
    position: relative;
    text-align: center;
	top: -250px;	
    float: right;
}

/* End of dedicated css for WotW - Madagascar interactive map */

/* Start of dedicated css (mobile) for WotW - South Africa interactive map */

.saSavanna {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 70%;
    visibility: hidden;
}
.saThicketAndWoodland {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.saHighveld {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.saFynbos {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 70%;
	visibility: hidden;
}
.saSucculent {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 80%;
	visibility: hidden;
}
.saNama{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.saNationalParks {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	opacity: 80%;
	visibility: hidden;
}
.saCities{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.southafricaLabels{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
}
.mapEvent {
}
.elementHolder {
    position: static;
    width: 100%;
}
.showsaSavannaIcon {
	position: relative;
	top:10px;
}
.hidesaSavannaIcon {
	position: relative;
	top: -40px;
	left:150px;
	visibility: hidden;
	float:right
}
.showsaThicketAndWoodlandIcon {
	position: relative;
	top: -40px;
	left:0px;
}
.hidesaThicketAndWoodlandIcon {
	position: relative;
	top: -90px;
	visibility: hidden;	
	left:150px;
}
.showsaHighveldIcon {
	position: relative;
	top: -90px;
	left:0px;
}
.hidesaHighveldIcon {
	position: relative;
	top: -140px;
	visibility: hidden;	
	left:150px;
}
.showsaFynbosIcon {
	position: relative;
	top: -140px;
	left:0px;
}
.hidesaFynbosIcon {
	position: relative;
	top: -190px;
	visibility: hidden;	
	left:150px;
}
.showsaSucculentIcon {
	position: relative;
	top: -190px;
	left:0px;
}
.hidesaSucculentIcon {
	position: relative;
	top: -240px;
	visibility: hidden;	
	left:150px;
}
.showsaNamaIcon {
	position: relative;
	top: -240px;
	left:0px;
}
.hidesaNamaIcon {
	position: relative;
	top: -290px;
	visibility: hidden;	
	left:150px;
}
.showsaNationalParksIcon {
	position: relative;
	top: -290px;
	left:0px;
}
.hidesaNationalParksIcon {
	position: relative;
	top: -340px;
	visibility: hidden;	
	left:150px;
}
.showsaCitiesIcon {
	position: relative;
	top: -340px;
	left:0px;
}
.hidesaCitiesIcon {
	position: relative;
	top: -390px;
	visibility: hidden;	
	left:150px;
}
.returnToMadagascarMediaFromMap {
    position: relative;
    text-align: center;
	top: -250px;	
    float: right;
}

/* End of dedicated css for WotW - South Africa interactive map */

/* Start of dedicated css (mobile) for WotW - Japan interactive map */

.jHokkaido {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
/*	opacity: 70%;   */
	visibility: hidden;
}
.jCentralIslands {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
/*	opacity: 70%;   */
	visibility: hidden;
}
.jSouthernIslands {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
/*	opacity: 70%;   */
	visibility: hidden;
}
.jIslandNames{
	position: absolute;
    width: 100%;
	top: 0px;
/*	opacity: 70%;   */
	visibility: hidden;
}
.jNationalParks {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
/*	opacity: 70%;   */
	visibility: hidden;
}
.jCities{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
.southafricaLabels{
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
}
.mapEvent {
}
.elementHolder {
    position: static;
    width: 100%;
}
.showjHokkaidoIcon {
	position: relative;
	top: 10px;
	left:0px;
}
.hidejHokkaidoIcon {
	position: relative;
	top: -40px;
	visibility: hidden;	
	left:150px;
}
.showjCentralIslandsIcon {
	position: relative;
	top: -40px;
	left:0px;
}
.hidejCentralIslandsIcon {
	position: relative;
	top: -90px;
	visibility: hidden;	
	left:150px;
}
.showjSouthernIslandsIcon {
	position: relative;
	top: -90px;
	left:0px;
}
.hidejSouthernIslandsIcon {
	position: relative;
	top: -140px;
	visibility: hidden;	
	left:150px;
}
.showjIslandNamesIcon {
	position: relative;
	top: -140px;
	left:0px;
}
.hidejIslandNamesIcon {
	position: relative;
	top: -190px;
	visibility: hidden;	
	left:150px;
}
.showjNationalParksIcon {
	position: relative;
	top: -190px;
	left:0px;
}
.hidejNationalParksIcon {
	position: relative;
	top: -240px;
	visibility: hidden;	
	left:150px;
}
.showjCitiesIcon {
	position: relative;
	top: -240px;
	left:0px;
}
.hidejCitiesIcon {
	position: relative;
	top: -290px;
	visibility: hidden;	
	left:150px;
}
.returnToMadagascarMediaFromMap {
    position: relative;
    text-align: center;
	top: -250px;	
    float: right;
}

/* End of dedicated css for WotW - Japan interactive map */


.carnivoresVideo {
	position: relative;	
	top: 0px;	
}
.carnivoresWarningMessage {
	text-align: center;		
	position: relative;	
	background-color: black;	
	top: 0px;
	font-size: 1.5rem;
}
.permissionLabelMessage {
	position: relative;	
	text-align: center;	
	background-color: green;	
	top: 0px;
	font-size: 1.2rem;
}
.cancelLabelMessage {
	position: relative;		
	text-align: center;
	background-color: red;	
	font-size: 1.2rem;	
	top: 100px;
}
.mapIntroduction {
    font-size: 1.2rem;
	text-align: center;
}
.bookIntro {
    text-align: center;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.bookLinksTable {
	width: 100%;
	border: 0;
	font-size: 1rem;
	font-weight: 100;
	text-align: center;
}
.extrasLinksTable {
	width: 100%;
	border: 0;
	font-size:2rem;
	font-weight: 200;
}



/* End of Book Media Links CSS */


.fluid.mainContent .bookPreviewPageContainerr .bookPreviewPageHolder {
}


/* Start of Book Preview page CSS */

.bookInfoHeading{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 15px;
    visibility: visible;
    text-align: center;
    position: static;
}
.bookPreviewPageHolder{	
	position: relative;
    visibility: visible;
    text-align: left;
}
.bookPreviewImage1{
	width: 95%;	
    text-align: center;
    position: relative;
    visibility: visible;
	margin-bottom:10px;
	margin-top:10px;	
}
.bookPreviewImage2{
	width: 95%;		
    text-align: center;
    position: absolute;
    visibility: hidden;
	top:245px;
	margin-bottom:10px;
	margin-top:10px;	
}
.bookPreviewImage3{
	width: 95%;		
    text-align: center;
    position: absolute;
    visibility: hidden;	
	top:245px;
	margin-bottom:10px;
	margin-top:10px;	
}
.bookPreviewImage4{
	width: 95%;		
    text-align: center;
    position: absolute;
    visibility: hidden;
	top:245px;
	margin-bottom:10px;
	margin-top:10px;	
 }
.bookThumbnailHolder{
	position:static;
	margin-top:10px;
    text-align: center;	
}
.bookThumbnail1{
    max-width: 250px;
    position: static;
    visibility: visible;
    margin-left: 1%;
    margin-right: 1%;
    width: 20%;
	float:left;
	margin-top:5px;
}
.bookThumbnail2{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookThumbnail3{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookThumbnail4{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookDescription{
    max-width: 600px;
    font-family: "Calibri Light", Calibri, Candara, "Segoe UI", Arial, sans-serif;
    font-size: 1.2rem;
	position: static;
	top:250px;
}
.bookMediaLink{
    position: static;
    visibility: visible;
    font-weight: 500;
    font-size: 1.4rem;
}
.mediaLinksButton {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	display: inline-block;
	margin-top: 20px;
}

/* End of Book Preview page CSS */



/* Slideshow container */
.slideshow-container {
    max-width: 1200px;
    position: relative;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "previous button" to the left */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* start of Natural Planet Books logo css  */

.npBooksLogo  {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.npBooksIntro  {
	text-align: center;
	font-weight: 700;
    font-size: 2rem;
}

.npBooksLinks {
	text-align: left;
	font-weight: 500;
    font-size: 1.4rem;
}


.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3s;
}

@keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 94.08%;
	padding-left: 1.96%;
	padding-right: 1.96%;
	margin-left: auto;
}
.body{
}
.p {
}
.bodyText {
	font-size: 1.1rem;
}
h1 {
	font-size: 2.5rem;
}
h2 {

}
h3 {

}

.banner {
}
.navigationBar {
	width: 100%;
	margin-bottom: 25px;
}
.footer {
	width: 100%;
	float: left;
}
.mainContent {



}
.footerHLWP {
	height: auto;
	width: 100%;
}	
.indexSlideshow {
	padding-right: 2px;
}
.mainHeading {
}
#mainHeading {
}
.pageHeading {
}
.pageHeader {
	margin-top: 25px;



}
.gridContainer.clearfix .fluid.pageHeader {


}
#indexIntroduction {
    width: 100%;
    text-align: center;
    background-color: #1D1D1D;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
#introductionText {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#latestNews {


}

/* Start of Mailerlite Newsletter CSS */	
	
#sideBarSignUpForm {

}

#footerSignUpForm {

}	
	
/* End of Mailerlite Newsletter CSS */	
	
#diary {
    margin-right: -6px;
    text-align: center;
}
#news {


}
.sectionHeader {

}
#newsHeaderOne {


}
#newsHeaderTwo {


}
.newsHeader {

}
.diaryHeader {
	font-size: 1.1rem;	

}
.diaryText {
	font-size: 1.1rem;
}	
.newsDate {



}
#newsOneHeader {


}
#newsOneDate {


}
#conservation {

}
.wildlifeSlideshow {
	margin-left: 1px;
	min-width: 450px;


}
.wildlifeColumn1 {


}
.wildlifeColumn2 {


}
.wildlifeColumn3 {


}
.wildlifeColumn4 {


}
.articlesSection {


}
.footerOthers {
	width: 13.7931%;

}
.formname {
	width: 100%;
	max-width: 30ch;
}
.formemail {
	width: 100%;
	max-width: 50ch;
}
.formcomment {
	width: 100%;
	height: 10ch;
	max-width: 50ch;
}
.formtext {
}
.newsImage {
}
.oldNews {
}
.oldNews {
	margin-top: 0px;
}

.contactForm {
}
.twitterButton {
}
.contactIntroduction {
}
.ttsSlideshow {
	width: 300px;

}
.ttsIntroduction {
	width: 100%;
	clear: none;
	text-align: justify;
}
.talksList {
}
.availableTalks {
}
.talk01 {
}
.talksSummary {
}
.ttsPageHeader {
	width: 100%;
}

.returnHomeLink {
}
.returnHomeButton {
}
.wildlifeSpeciesList {
}
.listOfVideosLeft {
	font-size: 1.3rem;
	font-weight: 500;
	float:none;
	width: 100%;
	text-align: center;	
}
.listOfVideosRight {
	font-size: 1.3rem;
	font-weight: 300;
	float:none;
	width: 100%;
	text-align: center;	
}	
.species1stColumn {
}
.species2ndColumn {
}
.firstColumnList {
}
.firstColumnKenya {
}
.firstColumnList {
}
.wlSpecies {
	margin-top: 100px;

}
.wlFirstColumn {
}
.wlSecondColumn {
}
.wlFirstList {
}
.wlSecondList {
}
.wlFirstItem {
}
.wlItem01 {
clear: both;
margin-left: 0;
}
.wlItem02 {
}
.wlItem06 {
}
.wlSpeciesHeader {
}
.wlItem03 {
}
.wlItem04 {
}
.wlItem05 {
}
.wlItem07 {
}
.wlItem08 {
}
.wlItem09 {
}
.wlItem10 {
}
.wlItem01b {
}
.wlSpeciesHeader {
}
.rssLinkButton {
}
.latestNewsHeader {
}
.animalSpeciesIntro {
}
.wlCameraTrap {
}
.footerLinks {
}
.conditionsOfUse {
	width: 100%;
	text-align: left;
	margin-top: 20px;
	clear: both;
}
.SearchEnglishName {
}
.searchLatinName {
}
.searchEnglishName {
}
.searchType {
}
.wildlifeSearch {
}
.wildlifeSearch {
}
.wildlifeSearching {

}
.resultsTable {
	text-align: justify;
}
.previousAndNextLinks {
}
.previousPage {

}
.nextPage {
}
.pageNavigation {
	width: 80%;
}
.wildlifeSearch {
	margin-left: 10%;
	margin-right: 10%;
	width: 79%;
}
.wildlifeNavigation {
}
.previousPage {
}
.nextPage {
}
.noRecordsMessage {
	color: #2318B5;
}
.testdiv {
}
.thumbnailBox {
}
.descriptionBox {
}
.tableNoRecords {
}
.tableNoRecords {
}
.speciesPageHeader {
}
.detailsPageDescription {
}
.detailsBackButton {
}
.detailsImageTable {
}
.searchForm {
	width: 20%;

}
.searchHintDialog {
}
.detailsImage {
}
.searchSummary {
}
.firstPage {
}
.pageCount {
}
.lastPage {
}
.advancedSearch {
	margin-bottom: 20px;
	margin-top: 30px;
}

.adSearchText {

}
.talksIntroduction {
    width: 100%;
}
.trainingIntroduction {
}
.languageLink {
    margin-top: 10px;
}
.languageSearchPage {
	margin-top: -20px;
	margin-right: 20px;
}
.testLink {
}
.nextImageLink {
}
.searchResubmit {
}
.searchResubmit {
}
.searchTextMessage {


}
.detailsImageLinks {
}
.detailsHeading {
}
.meCaption {
	text-align: center;
}
.newSubHead {

}
.birdSpeciesList {
}
.mammalSpeciesList {
}
.birdSpecies {
}
.mammalSpeciesList {
}
.mammalSpeciesList {
}
.listOfBirdSpecies {
}
.listOfMammalSpecies {
}
.birdHeader {
}
.mammalHeader {
}
.textFullWidth {
	font-size: 1.1rem;
}
.textLeftColumn {
	font-size: 1.1rem;
}
.textRightColumn {
	font-size: 1.1rem;
}
.imageTwoLandscape {
}
.imageOneCentre {
}
.imageRight {
}
.speciesListHeader {
}
.speciesWrapper {
}
.TextWideCentred {
	font-size: 1.1rem;
}
.newsLargeHead {
}
#oldNews {
}
#oldNewsList {

}
.newsLink {
	font-size: 1.1rem;
}
.multiCaptionWrapper {
}
.multiCaptionLeft {
}
.multiCaptionRight {
}
.goproVideoHolder {
}
.textFullCentred {
	font-size: 1.1rem;
}
.d7200-video-holder {
}
.tripleCaptionLeft {
}
.tripleCaptionCentre {
}
.tripleCaption {
}
.leftColumnImage {
}
.rightColumnImage {
}
.indexIntroductionImage {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 29px;

}
.tripReports {
}	

	

.educationText {
    width: 20%;
    float: left;
    clear: none;
}
.sectionHeaderCymraeg {
}
.diaryHeaderCymraeg {
    font-weight: 800;		
}
.bannerImage {
	visibility: visible;
	width: 20%;
	float: left;
}
.bannerHughLansdown {
	text-align: center;
}
.bannerWildlifePhotography {
	font-size: 2rem;
	text-align: center;
}
.bannerText {
	float: left;
	width: 75%;
	clear: none;
}
.hokkaidoTsurui {
}
.hokkaidoLakeFuren {
}
.hokkaidoRausu {
}
.reportSection {
}
.salesCommercial {
}
.salesDigital {

}
.salesPrints {

}
.salesCanvas {

}
.salesGifts {

}
.salesIntroduction {

}

.photoTrainingList {

}

.computerTrainingList {
	font-size: 1.1rem;
}
.bannerWildlifeOfTheWorld {
    font-size: 2rem;
    font-weight: 300;
    width: 40%;
    text-align: left;
    float: left;
}
.bannerCountry {
	position: absolute;
    font-weight: 300;
    font-size: 4rem;
    width: 50%;
    left: 45%;
    text-align: centre;
    margin-top: 0px;
	top: 60px;
}
.pageBanner {
    width: 100%;
    text-align: center;
	font-family: Gabriola;
}
.bookMediaContent {
}

.bookMediaHeader {
}

.bookMediaHolder {
}

.bookVideoHolder {
}

.listOfLinks {
    font-size: 1.5rem;
    font-weight: 150;
}
.bufferingNotice {
    font-size: 1rem;
    font-weight: 100;
	font-style: italic;
    text-align: center;
}
.bookFooterLinks {
}

.mapHolder {
}

.mapBackground {
}

.testImage {
}

.mapBehaviours {
}

.listOfBehaviours {
}

.mapEvent {
}

.interacctiveElements {
}

.mapImages {
}

.behaviourImages {
}

.tibetanPlateau {
}

.hideIcon {
}

.mapEvent {
}

.behaviourHolder {
}

.hideTibetanPlateau {
}

.showDesertIcon {
}

.hideDesertIcon {
}

.mapIntroduction {
}

.bookIntro {
}

.hide_tablet {
display: none;
}

.zeroMargin_tablet {
margin-left: 0;
}

.bookLinksTable {
	width: 100%;
	border: 0;
	font-size: 1.5rem;
	font-weight: 150;
	text-align: center;
}
	
/* Dedicated css for positioning audio controls (Tablet) */

.playSound {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: visible;
}

/* End of dedicated css for positioning audio controls */	
	
	
/* Start of book media css (tablet). Minimal because 'mobile' css mostly works for all three screen sizes. */
	
/* Start of China book media css (tablet). */
/* End of China book media css (tablet). */
	
/* Start of Costa Rica book media css (tablet). */
	
.returnToCostaRicaMediaFromMap {
    position: relative;
    text-align: center;
	top: -300px;	
    float: right;
}

/* End of Costa Rica book media css (tablet). */
	
/* Start of Madagascar book media css (tablet). */
	
.returnToMadagascarMediaFromMap {
    position: relative;
    text-align: center;
	top: -250px;	
    float: right;
}

/* End of Madagascar book media css (tablet). */
	
/* Start of South Africa book media css (tablet). */
	
/* CSS for South Africa Carnivores warning message */	
	
.carnivoresWarningMessage {
	text-align: center;		
	position: relative;	
	background-color: black;	
	top: 0px;
	font-size: 2rem;
}
.permissionLabelMessage {
	position: relative;	
	text-align: center;	
	background-color: green;	
	top: 0px;
	font-size: 1.5rem;
}
.cancelLabelMessage {
	position: relative;		
	text-align: center;
	background-color: red;	
	font-size: 1.5rem;	
	top: 100px;
}	

/* End of South Africa book media css (tablet). */	
	
/* End of book media css (tablet). */
	
	
	

/* Slideshow container */
.slideshow-container {
    max-width: 1200px;
    position: relative;
    margin-top: 25px;

}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 94.7333%;
	max-width: 1232px;
	padding-left: 1.6333%;
	padding-right: 1.6333%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	text-align: center;
}
h1 {
	font-size: 3rem;
}	
		
.banner {
	width: 10%;
	float: left;
	clear: none;
	min-width: 370px;
}
.navigationBar {
	float: right;
	width: 48%;
	clear: none;
	margin-top: 5px;
	margin-bottom: 0px;
}
.mainContent {

}
.footerCopyright {
	margin-top: -20px;

}	
.indexSlideshow {
    margin-left: auto;
    top: 500px;
    left: auto;
    right: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
}
.mainHeading {
}
#mainHeading {
}
.pageHeading {
}
.pageHeader {
	right: auto;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
}
#indexIntroduction {
    max-width: 100%;
    text-align: left;
    background-color: #1D1D1D;
    margin-bottom: 20px;
}
#introductionText {
	float: left;
	width: 65%;
	text-align: justify;
	margin-top: 10px;
	margin-right: 5%;
	margin-bottom: 30px;

}
#latestNews {
}
#newsItemOne {

}
#newsItemTwo {
}
#newsItemThree {
}
	

/* Start of Mailerlite Newsletter CSS Desktop */	

#sideBarSignUpForm {
    width: 30%;
    background-color: #1D1D1D;
    float: left;	
	margin-bottom: 20px;
}

#footerSignUpForm {
	padding: 0px;

}	
	
/* End of Mailerlite Newsletter CSS Desktop */		
	
#diary {
    float: left;
    width: 30%;
    margin-bottom: 20px;
    background-color: #1D1D1D;
    text-align: center;
    font-size: 14pt;
}
#diaryEntryOne {
}
#diaryEntryTwo {
}
#diaryEntryThree {
}
.bodyText {

}
#news {
    float: right;
    width: 60%;
    margin-bottom: 20px;
}
.sectionHeader {
}
#newsHeaderOne {
}
#newsHeaderTwo {
}
.newsHeader {


}
.newsDate {
}
#newsOneHeader {
}
#newsOneDate {
}
#conservation {
    margin-bottom: 20px;
    background-color: #1D1D1D;
    padding-left: 5px;
}
.wildlifeSlideshow {
	max-width: 900px;
	position: absolute;
	left: 50%;
	right: 50%;
	-o-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: 280px;
	margin-bottom: 100px;
}
.wildlifeColumn1 {
	max-width: 20%;
}
.wildlifeColumn2 {
}
.wildlifeColumn3 {
}
.wildlifeColumn4 {
}
.articlesSection {
}
.footerOthers {
	width: 10.2564%;
	margin-left: 2.5641%;
}
.formname {
	font-size: 1.2em;
	text-align: left;
	width: 30ch;
}
.formemail {
	font-size: 1.2em;
	text-align: left;
	width: 50ch;
}
.formcomment {
	font-size: 1.2em;
	text-align: left;
	width: 50ch;
}
.formtext {
	font-size: 1.2em;
	text-align: left;
}
.newsImage {
}
.oldNews {
}

.contactForm {
}
.twitterButton {
}
.privacyPolicyList {
	text-align: left ;
	font-size: 1.2rem ;
	
}	
.contactIntroduction {
}
.ttsSlideshow {
    width: 300px;
    float: right;
    clear: none;
}
.ttsIntroduction {
	margin-left: 10px;
	margin-right: 10px;
	width: 60%;

}
.talksList {
	width: 60%;
	float: left;
	border-color: #555555;
	border-style: solid;
	padding-bottom: 20px;
}
.availableTalks {
}
.talk01 {
}
.talksSummary {
	width: 60%;
	float: left;
}
.ttsPageHeader {
    width: 55%;
    float: left;
    margin-right: 10px;
}
.talksBookings {
	float: right;
	width: 35%;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	max-width: 280px;
}
.bookingsList {
}
.booking01 {
}
.talkSummary {
}
.photoTrainingList {
	width: 45%;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -3px;
}
.computerTrainingList {
	width: 45%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.examTrainingList {
	width: 45%;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}
.photographyTraining {
}
.examTraining {
}
.computerTraining {
}
.trainingSummary {
}
.trainingHeader {
}

.salesPrints {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border-color: #555555;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	min-height: 480px;
}
.salesDigital {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #555555;
	border-style: solid;
	float: right;
	min-height: 480px;
}	
.salesCanvas {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #555555;
	border-style: solid;
	float: left;
}
.salesIntroduction {
	width: 60%;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 30px;
}
.salesCommercial {
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #555555;
	border-style: solid;
	float: right;
}
.image001 {
}
.rfbLemurs {
}
.returnHomeLink {
}
.returnHomeButton {
}
.wildlifeSpeciesList {
}
.listOfVideosLeft {
	font-size: 1.3rem;
	font-weight: 500;
	float:left;
	width: 40%;
	margin-left: 5%;
	margin-top: 10px;
	text-align: center;	
}
.listOfVideosRight {
	font-size: 1.3rem;
	font-weight: 300;
	float:right;
	width: 40%;
	margin-right: 5%;
	margin-top: 10px;	
	text-align: center;	
}		
.species1stColumn {
}
.species2ndColumn {
}
.firstColumnList {
}
.firstColumnKenya {
}
.firstColumnList {
}
.wlSpecies {
	top: 1000px;
	position: absolute;
	margin-top: 150px;
	font-size: 12pt;
	max-width: 1180px;

}
.wlFirstColumn {
	float: left;
	width: 50%;
}
.wlSecondColumn {
	float: right;
	width: 50%;
}
.wlFirstList {
}
.wlSecondList {
}
.wlFirstItem {
}
.wlItem01 {
clear: both;
margin-left: 0;
}
.wlItem02 {
}
.wlItem06 {
}
.wlSpeciesHeader {
}
.wlItem03 {
}
.wlItem04 {
}
.wlItem05 {
}
.wlItem07 {
}
.wlItem08 {
}
.wlItem09 {
}
.wlItem10 {
}
.wlItem01b {
}
.wlSpeciesHeader {
}
	
.rssLinkButton {
}
.latestNewsHeader {
}
.animalSpeciesIntro {
}
.wlCameraTrap {
	position: absolute;
	top: 1050px;
}
.footerLinks {
}
.conditionsOfUse {
	width: auto;

}
.SearchEnglishName {
}
.searchLatinName {
}
.searchEnglishName {
}
.searchType {
}
.wildlifeSearch {
}
.wildlifeSearch {
}
.wildlifeSearching {
}
.resultsTable {
	font-size: 12pt;
}
.previousAndNextLinks {
}
.previousPage {
}
.nextPage {
}
.pageNavigation {
}
.wildlifeSearch {
	margin-left: 20%;
	margin-right: 20%;
	width: 59%;
	margin-top: 20px;

}
.wildlifeNavigation {
}
.previousPage {
}
.nextPage {
}
.noRecordsMessage {
}
.testdiv {
}
.thumbnailBox {
	border-left-style: none;
	border-top-style: none;

}
.descriptionBox {
	border-right-style: none;
	border-top-style: none;

}
.tableNoRecords {
}
.tableNoRecords {
}
.speciesPageHeader {
}
.detailsPageDescription {
}
.detailsBackButton {
}
.detailsImageTable {
}
.searchForm {
	width: 50%;
}
.searchHintDialog {
}
.detailsImage {
}
.searchSummary {
}
.firstPage {
}
.pageCount {
}
.lastPage {
}
.advancedSearch {

}

.adSearchText {
}
.talksIntroduction {
    width: 65%;
}
.trainingIntroduction {
	width: 50%;
}
.languageLink {
	width: 10%;
	margin-top: -20px;
	float:right;
}
.languageSearchPage {
	top: 300px;
}
.testLink {
}
.nextImageLink {
}
.searchResubmit {
}
.searchResubmit {
}
.searchTextMessage {
}
.detailsImageLinks {
}
.detailsHeading {
}
.meCaption {
	text-align: center;
}
.newSubHead {
	clear: both;
	width: 100%;
	text-align: center;
}
.listOfBirdSpecies {
	float: left;
	width: 40%;
}
.listOfMammalSpecies {
	float: right;
	width: 40%;
}
.birdHeader {
	color: #FFFFFF;
}
.mammalHeader {
	color: #FFFFFF;
}
.textFullWidth {
	width: 100%;
	text-align: justify;
}
.textLeftColumn {
	width: 49%;
	float: left;
	text-align: justify;
}
.textRightColumn {
	width: 49%;
	float: right;
	text-align: justify;
}
.imageTwoLandscape {
	width: 100%;
}
.imageOneCentre {
	text-align: center;
	width: 100%;

}
.imageRight {
	float: right;
	width: 49%;
	text-align: center;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
}
.speciesListHeader {
	text-align: center;
	width: 100%;
}
.speciesWrapper {
}
.TextWideCentred {
	text-align: center;
	width: 100%;
}
.newsLargeHead {
	width: 100%;
	clear: both;
	text-align: center;
	font-weight: bold;
}
#oldNews {
    margin-bottom: 20px;
    float: left;
    margin-left: 0px;
    width: 30%;
    padding-left: 5px;
    padding-right: 5px;
}
#oldNewsList {
}
.newsLink {
	min-height: 70px;
}
.multiCaptionWrapper {
}
.multiCaptionLeft {
}
.multiCaptionRight {
}
.goproVideoHolder {
}
.textFullCentred {
}
.d7200-video-holder {
}
.tripleCaptionLeft {
}
.tripleCaptionCentre {
}
.tripleCaption {
}
.leftColumnImage {
}
.rightColumnImage {
}
.indexIntroductionImage {
    float: left;
    width: 20%;
    margin-left: 5%;
    margin-right: 5%;
}
.tripReports {
    width: 30%;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    background-color: #1D1D1D;
}		
	
/* Start of dedicated css for Image Mosaics */

.imageMosaicTopLeft {
	width: 50%;
	float: left;
}
.imageMosaicTopRight{
	width: 50%;	
	float: right;	
}
.imageMosaicBottomLeft {
	width: 50%;	
	float: left;	
}
.imageMosaicBottomRight {
	width: 50%;	
	float: right;	
}


/* End of dedicated css for Image Mosaics */	

/* Start of dedicated css for positioning audio controls (desktop) */

.playSound {
	position: absolute;
    width: 100%;
	top: 0px;
	left: 0px;
	visibility: visible;
}

/* End of dedicated css for positioning audio controls */	
	
/* Commented out because talks no longer used 	
	
.availableTalksListLeft {
}
.talksByLocation {
}
.availa {
}
.availableTalksListRight {
}
.talksByType {
}
.talksColumnHeading {
}
.talksListItem {
}
.talksSubHeading {
}
.talksGeneral {
}
.lle {
}
	
end of commented out talks css  */
	
.educationText {
    width: 20%;
    float: left;
    clear: none;

}
.sectionHeaderCymraeg {
}
.diaryHeaderCymraeg {

	
}
.bannerHughLansdown {
	font-size: 2.5rem;
}
.bannerWildlifePhotography {
}
.bannerText {
	float: left;
	clear: none;
	margin-left: 12px;
	min-width: 218px;
	width: 10%;
	margin-top: 5px;
}
.hokkaidoTsurui {
}
.hokkaidoLakeFuren {
}
.hokkaidoRausu {
}
.reportSection {
}
.bannerWildlifeOfTheWorld {
    font-size: 2rem;
    font-weight: 400;
    width: 20%;
    text-align: left;
    float: left;
}
.bannerCountry {
    font-weight: 300;
    font-size: 5rem;
    width: 55%;
    float: right;
	text-align: left;
	left: 40%;
}
.pageBanner {
    width: 100%;
    text-align: center;
	font-family: Gabriola;
}
.bannerImage {
	width: 20%;
	float: left;
}
.bannerHughLansdown {
	text-align: center;
}
.bannerWildlifePhotography {
	font-size: 2rem;
	text-align: center;
}
.bookMediaContent {
}
.bookMediaHeader {
}
.bookMediaHolder {
}
.bookVideoHolder {
}
.listOfLinks {
    font-size: 2rem;
    font-weight: 200;   
	width: 60%;
    text-align: center;
    margin-left: 20%;
}
.bufferingNotice {
    font-size: 1.2rem;
    font-weight: 100;
	font-style: italic;
    text-align: center;
}	
.bookFooterLinks {
}
.mapHolder {

}
.mapBackground {
}
.testImage {
}
.mapBehaviours {
}
.listOfBehaviours {
}
.mapEvent {
}
.interacctiveElements {
}
.mapImages {
}
.elementHolder {
    position: relative;
    width: 65%;
	float:left;
}	
.behaviourImages {
	position:relative;
	width: 35%;
	float: right;
	top:-400px;
	left:-60px;
}
.tibetanPlateau {
}
.hideIcon {
}
.mapEvent {
}
.behaviourHolder {
}
.hideTibetanPlateau {
}
.showDesertIcon {
}
.hideDesertIcon {
}
.mapIntroduction {
}
.bookIntro {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

.bookLinksTable {
	font-size: 2rem;
	font-weight: 200;	
	width: 100%;
	text-align: center;
}

.returnToChinaMediaButton {
    position: relative;
    text-align: center;
    clear: both
}
	
.returnToChinaMediaFromMap {
    position: relative;
    text-align: center;
	top: -650px;
    clear: both
}	
	
/* Start of Book Preview page CSS */

.bookInfoHeading{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 15px;
    visibility: visible;
    text-align: center;
    position: static;
}
.bookPreviewImageHolder{
    width: 60%;
    position: relative;
    visibility: visible;
	float:left;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	top: 30px;
}
.bookPreviewImage1{
    text-align: left;
    position: relative;
    visibility: visible;
	float:left;
    margin-left: auto;
    margin-right: auto;
}
.bookPreviewImage2{
    text-align: left;
    position: absolute;
    visibility: hidden;
	top:0px;
    margin-left: auto;
    margin-right: auto;	
}
.bookPreviewImage3{
    text-align: left;
    position: absolute;
    visibility: hidden;	
	top: 0px;
    margin-left: auto;
    margin-right: auto;	
}
.bookPreviewImage4{
    text-align: left;
    position: absolute;
    visibility: hidden;
	top: 0px;
    margin-left: auto;
    margin-right: auto;	
 }
.bookThumbnailHolder{
	width: 70%;
	osition:static;
	float:left;
}
.bookThumbnail1{
    max-width: 250px;
    position: static;
    visibility: visible;
    margin-left: 1%;
    margin-right: 1%;
    width: 20%;
	float:left;
	margin-top:5px;
}
.bookThumbnail2{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookThumbnail3{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookThumbnail4{
    max-width: 250px;
    position: static;
    visibility: visible;
	margin-left: 1%;
    margin-right: 1%;
	width: 20%;
	float:left;
	margin-top:5px;	
}
.bookDescription{
	width: 40%;
    font-family: "Calibri Light", Calibri, Candara, "Segoe UI", Arial, sans-serif;
    font-size: 1.4rem;
	position: static;
	margin-top:-25px;
	float:left;
	text-align: center;
}
.bookMediaLink{
    position: static;
    visibility: visible;
    font-weight: 500;
    font-size: 1.4rem;
	margin-top:30px;
}
.mediaLinksButton {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	display: inline-block;
	margin-top: 20px;
}

/* End of Book Preview page CSS */
	
/* Start of book media css (desktop). Minimal because 'mobile' css mostly works for all three screen sizes. */
	
/* Start of China book media css (desktop). */
/* End of China book media css (desktop). */
	
/* Start of Costa Rica book media css (desktop). */
	
.returnToCostaRicaMediaFromMap {
    position: relative;
    text-align: center;
	top: -650px;	
    float: right;
}

/* End of Costa Rica book media css (desktop). */
	
/* Start of Madagascar book media css (desktop). */
	
.returnToMadagascarMediaFromMap {
    position: relative;
    text-align: center;
	top: -550px;	
    float: right;
}

/* End of Madagascar book media css (desktop). */
	
/* Start of South Africa book media css (desktop). */
	
/* CSS for South Africa Carnivores warning message */	
	
.carnivoresWarningMessage {
	text-align: center;		
	position: relative;	
	background-color: black;	
	top: 0px;
	font-size: 2.5rem;
}
.permissionLabelMessage {
	position: relative;	
	text-align: center;	
	background-color: green;	
	top: 0px;
	font-size: 2rem;
}
.cancelLabelMessage {
	position: relative;		
	text-align: center;
	background-color: red;	
	font-size: 2rem;	
	top: 100px;
}	

/* End of South Africa book media css (desktop). */		
	
/* End of book media css (desktop). */

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
}img:hover {
	background-image: url(../../images/index-image300-23.jpg);
}