/*HOMEPAGE*/



.bc_region_ae .MasterContentDiv .MainPanel .ContentText{ pointer-events:none}

.bc_region_es .MainHeaderDiv.WithBanner{ display:none}

.bc_region_es .MainContentDiv{ padding-top:0}


/*  ----------------------------------------------  New Highlight with purple background  -----------------------------------------  */
/*Germany*/
.bc_region_de .MainPanel .ContentText .Title.DINCEBold{
font-size:50px; line-height:55px}

.MasterContentDiv .MainPanel .ContentText .Title.DINCEBold{line-height: 50px;
font-size: 45px;
margin-bottom: 0;}

.MasterContentDiv .MainPanel .ContentText{pointer-events:all;}
.MasterContentDiv .MainPanel .ContentText .Links
{
    padding-top: 7px;
    width: auto;
    overflow:hidden;

    pointer-events:auto;
	margin-top:10px
}
.MasterContentDiv .MainPanel .ContentText .Subtitle2{ width:420px}
.MainContentDiv .MainPanel .ContentText .Title span.typeface-js-vector-container {
	width:420px;
    display:block;
	position:relative;
	bottom:auto;
}
/*People*/
.MainContentDiv .MainPanel .People .ContentText .Subtitle{background:transparent url(../Images/Main/logoNatgeoPeopleHighlight.png) no-repeat;}
.MainContentDiv .MainPanel .People .ContentText .TxDate{ font-family:'helvetica_neue_lt_com65Md'; margin:10px 0}
.MainContentDiv .MainPanel .People .ContentText .Subtitle2{ text-transform:none; font-family: 'helvetica_neue_lt_com55_roman'; font-size:16px;}
 .MainContentDiv .MainPanel .People .ContentText .Title,
.MainContentDiv .MainPanel .People .ContentText .Title.DINCEBoldBold,
.MainContentDiv .MainPanel .People .ContentText .Title.ArialBold
{font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important; color:#fff; line-height:45px;}
.bc_region_tr .MainContentDiv .MainPanel .People .ContentText .Title{ text-transform:inherit}
.MainContentDiv .MainPanel .People .ContentText .container{background: transparent url(../Images/Controls/MainPanelDescriptionPeopleBg.png) no-repeat left bottom; width: 398px;}

/*Wild*/
.MainContentDiv .MainPanel .Wild .ContentText .Subtitle{background:none!important; display:block!important}
.MasterContentDiv .MainPanel .NgcHd .ContentText .Subtitle
{ width: 154px;height:55px;overflow:hidden; top:20px;background:transparent url(../Images/Main/logoNatgeoHDHighlight.png) no-repeat;position:absolute;text-indent:-999px;}

/*Natgeo*/
.MasterContentDiv .MainPanel .ContentText .TxDate{font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important;
margin-top:10px; width:400px}
.MasterContentDiv .MainPanel .ContentText .Subtitlem
{ width: 178px;height:55px;overflow:hidden;top:20px;background:transparent url(../Images/Main/logoNatgeoHighlight.png) no-repeat;position:absolute;text-indent:-999px;}
.MasterContentDiv .MainPanel .ContentText .Subtitle2{
	/*font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important; letter-spacing:0.25em;
	font-size: 14px;color: #fff;overflow:hidden;padding-top:10px;text-transform:uppercase;*/}
.MasterContentDiv .MainPanel .ContentText .Title{
	font-family:'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif!important; font-weight: 400!important; letter-spacing:0.25em;
	
	color: #fff;/*margin-top: 74px;*/display: inline-block;line-height: 36px;text-transform:uppercase;font-size: 36px; width:auto; height:auto;}
.MasterContentDiv .MainPanel .ContentText .container
{ /*background:url(../Images/Controls/MainPanelDescriptionBg2.png) no-repeat right top rgba(0, 0, 0, 0.5);*/width:515px;padding: 25px 10px 15px 40px; position:absolute; bottom:0}
/*.bc_region_it .MasterContentDiv .MainPanel .ContentText .container{background: transparent url(../Images/Controls/MainPanelDescriptionBg_italy.png) no-repeat left bottom;}*/

@font-face {
    font-family: 'helvetica_neue_lt_com65Md';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.eot?#iefix') format('embedded-opentype'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.woff') format('woff'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-md-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica_neue_lt_com75_bold';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.eot?#iefix') format('embedded-opentype'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.woff') format('woff'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-bd-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue_lt_com55_roman';
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.eot');
    src: url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.eot?#iefix') format('embedded-opentype'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.woff') format('woff'),
url('../../Scripts/Typeface/Fonts/helveticaneueltcom-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*  ----------------------------------------------  end/ New Highlight with purple background  -----------------------------------------  */





body.WithBanner
{
	/*background-image:url(../Images/HomePage/BackgroundWithBanner.png);
	background-position:center top;*/
	background-color:#000;
	background-repeat:no-repeat;
	overflow-x:hidden;
}
body.NoBanner
{
   
	background-color:#000;
	background-repeat:no-repeat;
	overflow-x:hidden;
}

/*body.NoBanner:after{
	background-image:url(../Images/HomePage/bgFooter.jpg);
	background-position:center bottom;
	content:"";
	height:1000px;
	width:1000px
	}*/

.HomePageContent{
	float: left;
	width: 980px;
	background-color: #f7f7f7;
	position: relative;
	z-index: 500;
	    box-shadow: inset -331px 0px 0 #e3e3e3;
}

.HomePageContent .leftColumn
{
    float: left;
    width: 650px;
    background-color: #f7f7f7;
    padding-bottom: 20px;
}

.HomePageContent .leftColumn .modulesContainer
{
    margin-top: 20px;
    float:right;
    width: 640px;
    margin-left: 10px;
    font-size: 12px;
	background:url("../Images/HomePage/dotted-BG.png") repeat-y scroll 319px top;
}

/*.HomePageContent .leftColumn .modulesContainer :nth-child(2n)
{
    border-right: none;
}*/

.HomePageContent .rightColumn
{
    float: left;
    width: 330px;
    padding-bottom: 20px;

}

.HomePageContent .rightColumn:after{
	/*background: url("../Images/Main/shadowBar.png");*/
	background-position: left top;
	content: "";
	height: 100%;
	width: 47px;
	position: absolute;
	right: 282px;
	top: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	pointer-events: none;
}

.HomePageContent .rightColumn .followUsDiv
{
    width: 306px;
    float: left;
    padding: 10px 12px 0 12px;
    color: #A8A9AD;
    border-top: 1px solid #a3a3a3;
    margin-top: 10px;
}

.HomePageContent .rightColumn .followUsDiv h2
{
    float: left;
    font-size: 16px;
    color: #000;
    padding-top: 5px;font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;/*book*/ text-transform:uppercase!important; letter-spacing:0.25em
}

.HomePageContent .rightColumn .followUsDiv ul
{
    float: left;
}

.HomePageContent .rightColumn .followUsDiv li
{
    float: left;
    margin-left: 8px;
}

.HomePageContent .rightColumn .followUsDiv li img
{
    height: 30px;
}

/*=== WHAT'S ON ===*/

.WhatsOn
{
    width: 620px;
    margin-left:20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #bebdbd;
    color: #808080;
}
.WhatsOn a
{
    color: #808080;
}

.WhatsOn .WhatsOnHeader
{
    height: 30px;
    width: 620px;
}

.WhatsOn .WhatsOnHeader h3
{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    float: left;
	font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important;
}

.WhatsOn .WhatsOnHeader ul
{
    float: right;
    padding-top: 8px;
    font-size: 13px;
    font-weight: bold;
}

.WhatsOn .WhatsOnHeader ul li
{
    padding: 0px 10px 0px 10px;
    float: left;
}

.WhatsOn .WhatsOnHeader ul li a
{
    font-size: 10px;
    font-weight: bold;
	color:#000;
	color: #000000;
font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important;
}

.WhatsOn .WhatsOnHeader ul li a:hover{ text-decoration:none; color:#fc0}

.WhatsOnTabs
{
    background: #f6f7f7 url(../Images/TabButtons/TabButtonsBg.gif) repeat-x 2px bottom;
    width: 620px;
    margin-bottom: 15px;
    float: left;
}

.WhatsOnTabs .Tab
{
    margin-right: 2px;
}

.WhatsOnTabs .Ngc
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoNotSelected.gif);
}

.WhatsOnTabs .NgcSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Wild
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoWildNotSelected.gif);
}

.WhatsOnTabs .WildSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoWildSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Adventure
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoAdventureNotSelected.gif);
}

.WhatsOnTabs .AdventureSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoAdventureSelected.gif) no-repeat left top;
}

.WhatsOnTabs .NgcHd
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoHDNotSelected.gif);
}

.WhatsOnTabs .NgcHdSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoHDSelected.gif) no-repeat left top;
}

.WhatsOnTabs .Music
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoMusicNotSelected.gif);
}

.WhatsOnTabs .MusicSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoMusicSelected.gif) no-repeat left top;
}

.WhatsOnTabs .WildHd
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoWildHDNotSelected.gif);
}

.WhatsOnTabs .WildHdSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoWildHDSelected.gif) no-repeat left top;
}

.WhatsOn h4
{
    color: #000;
	font-family:"Geograph", Helvetica, "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; text-transform:none!important; 
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
}


.WhatsOn .WhatsOnContent
{
    position: relative;
    z-index: 100;
}

.WhatsOn .NowShowing
{
    height: 163px;
    width: 220px;
}

.WhatsOn .NowShowing h5
{
    font-size: 15px;
    width: 220px;
    float: left;
    padding-top: 7px;
	color: #000000;
font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important;
}

.WhatsOn .NowShowing p
{
    width: 220px;
    padding: 5px 0px;
    float: left;
}

.WhatsOn .Tonight
{
    width: 380px;
}

.WhatsOn .Tonight .EpisodeDetails
{
    border-top: 1px solid #D6D7D8;
    padding: 7px 0;
    width: 380px;
    float: left;
}
.WhatsOn .Tonight .EpisodeDetails.FirstItem
{
    border-top: 0;
}

.WhatsOn .Tonight .ShowingHour
{
    font-weight: bold;
    font-size: 15px;
    padding-right: 10px;
    width: 60px;
    float: left;
    position: relative;
    z-index: 1950;
    text-align: right;
}

.WhatsOn .Tonight .EpisodeDetails .ReminderDiv
{
    float: left;
    width:15px;
    height: 15px;
}

.WhatsOn .Tonight h5
{
    color: #666666;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
}

.WhatsOn .Tonight .OverlayDescription
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    background-color: #EAEAEC;
    padding: 10px;
    width: 200px;
    z-index: 1940;
}

.WhatsOn .Tonight .OverlayDescriptionArrow
{
    /*background: transparent url(../Images/WhatsOnModule/EpisodeDetailsArrow.gif) no-repeat center center;*/
    height: 13px;
    width: 7px;
    position: absolute;
    top: 0px;
    left: -20px;
    display: none;
    z-index: 1930;
}


.WhatsOn .Tonight .OverlayDescription h5
{
    border-bottom: 1px solid #C5C6C9;
    padding-bottom: 8px;
    font-weight: bold;
    padding-left: 0px;
}

.WhatsOn .Tonight .OverlayDescription p
{
    padding-top: 8px;
    float: left;
}

.WhatsOn .Tonight .EpisodeDetails:hover .OverlayDescription
{
    display: block;
}

.WhatsOn .Tonight .EpisodeDetails:hover .OverlayDescriptionArrow
{
    display: block;
}

/*MOST POPULAR SHOWS*/

.MostPopularShows
{
    width: 330px;
    float: left;
    border-top: 1px solid #a3a3a3;
    padding-top: 20px;
    margin-top: 10px;
}

.MostPopularShows h3
{
    color: #000;
    font-size: 16px!important;
    margin-left: 12px;
    margin-bottom: 5px;
	font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;/*book*/ text-transform:uppercase!important; letter-spacing:0.25em
}


.MostPopularShows .Item
{
    padding: 10px 8px;
    float: left;
    width: 314px;
    font-size: 13px;
    color: #808080;

    border-top: 1px solid #ffffff;
    -moz-box-shadow: 0px -1px 0px #babab9;
    -webkit-box-shadow: 0px -1px 0px #babab9;
    box-shadow: 0px -1px 0px #babab9;
    margin-top: 1px;
}
.MostPopularShows .Item.NoBorder
{
    border-top: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
}
.MostPopularShows .Item:hover
{
    background-color: #f6f2c7;
    text-decoration: none;
}

.MostPopularShows .Item img
{
    width: 140px;
    height: 79px;
    float: left;
    border: 2px solid #f8f8f8;
    margin-right: 6px;
    -moz-box-shadow: 0px 0px 3px #333333;
    -webkit-box-shadow: 0px 0px 3px #333333;
    box-shadow: 0px 0px 3px #333333;
}

.MostPopularShows .Item:hover img
{
    border-color: #fdda01;
}
.MostPopularShows .Item a
{
    color: #62645c;
	line-height:100%
}

.MostPopularShows .Item{display: block;
padding-top: 5px;}


/*most popular videos HOME*/
.MostPopularVideos .Item{ position:relative}
.MostPopularVideos .imgOverlay{position: absolute; left: 43px; top: 16px; width:69px; height:69px; background: transparent url(../Images/GenericModule/VideoOverlay.png) no-repeat center center; z-index:1; display:inline-block}
.MostPopularVideos a:hover .imgOverlay{background-image: url(../Images/GenericModule/VideoOverlayHover.png)}


/*=== GENERIC MODULE ===*/

.GenericModule
{
    float: left;
    width: 300px;
    height: 340px;
    padding: 0 9px 10px 10px;
    color: #808080;
    /*border-right: 1px dotted #BEBDBD;*/
}

.GenericModule .Content
{
    float: left;
    border-top: 1px dotted #BEBDBD;
}

.GenericModule .Content .GrayHeader
{
    padding-top: 9px;
    height: 32px;
}

.GenericModule .Content a
{
    color: #000;
	text-decoration:underline
	}

.GenericModule .Content a:hover{text-decoration:none}

.GenericModule .Content h4 a{color: #000; text-decoration:none; font-family:"Geograph", Helvetica, "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; text-transform:none!important; font-weight:bold}

.GenericModule.NoBorderTop .Content
{
    border-top: 0;
}
.GenericModule.NoBorderRight
{
    padding-right: 10px;
    border-right: 0;
}

.GenericModule .ImageLink
{
    float:left;
    position:relative;
}
.GenericModule .ImageLink img
{
    float:left;
    width: 300px;
    height: 169px;
}
.GenericModule.Video .ImageLink .imgOverlay
{
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 169px;
    background: transparent url(../Images/GenericModule/VideoOverlay.png) no-repeat center center;
}
.GenericModule.Video .ImageLink:hover .imgOverlay
{
    background-image: url(../Images/GenericModule/VideoOverlayHover.png)
}

/*.GenericModule.Competition .ImageLink .imgOverlay
{
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background: transparent url(../Images/GenericModule/CompetitionNew.png) no-repeat left top;
}

.GenericModule.Custom .ImageLink .imgOverlay
{
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 63px;
	background: transparent url(../Images/GenericModule/CustomNew.png) no-repeat left top;
}*/

.GenericModule h4
{
    float:left;
    clear: left;
    width: 300px;
    padding-top: 9px;
}

.GenericModule h4 a
{
    font-size: 15px;
    font-weight: bold;
    color: #808080;
}

.GenericModule .Description
{
    padding: 9px 0 3px 0;
    float:left;
    clear: left;
    width: 300px;
}


/*=== WEBISODES MODULE ===*/

.WebisodesModule
{
    width: 319px;
    height: 340px;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;

    /*border-right: 1px dotted #BEBDBD;*/
}

.WebisodesContent
{
    width: 319px;
    margin-top: 11px;
}

.WebisodesContent.NoBorderRight
{
    width: 320px;
    border-right: 0;
}

.WebisodesContent.NoBorderRight .WebisodesContent
{
    width: 320px;
}

.WebisodesModule .PaddingSides
{
    padding: 0 10px;
}



/*== HEADER ==*/
.WebisodesModule a.WebsiodesLogo
{
    float: left;
    background: transparent url(../Images/Webisodes/Logo.png) no-repeat left top;
    width: 107px;
    height: 17px;
    margin-top: 13px;
}

.WebisodesModule a.WebsiodesLogo:hover
{
    background-position: left bottom;
}

.WebisodesModule .ViewButtons
{
    float: left;
    margin-left: 25px;
    margin-top: 14px;
}

.WebisodesModule .ViewButtons .DefaultBtn
{
    width: 20px;
    height: 16px;
    background: transparent url(../Images/Webisodes/BtnDefaultView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .ThumbBtn
{
    width: 19px;
    height: 16px;
    background: transparent url(../Images/Webisodes/BtnThumbView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .ListBtn
{
    width: 19px;
    height: 16px;
    background: transparent url(../Images/Webisodes/BtnListView.png) 0 0;
    float: left;
}

.WebisodesModule .ViewButtons .DefaultBtn:hover, .WebisodesModule .ViewButtons .ThumbBtn:hover, .WebisodesModule .ViewButtons .ListBtn:hover
{
    background-position: 0px -16px;
}

.WebisodesModule .ViewButtons .DefaultBtn.selected, .WebisodesModule .ViewButtons .ThumbBtn.selected, .WebisodesModule .ViewButtons .ListBtn.selected
{
    background-position: 0px -32px;
}

.WebisodesModule .sponsorLogo
{
    width: 70px;
    height: 30px;
    background-color: #71bad0;
    float: right;
}


.WebisodesLoading
{
    position: absolute;
    top: 41px;
    left: 10px;
    width: 300px;
    background: transparent url(../Images/Webisodes/LoadingBg.png) repeat;
    z-index: 10;
    height: 169px;
    display: none;
}

.WebisodesLoading.NoBackground
{
    background: none;
}

.WebisodesLoading .LoadingLogo
{
    background: transparent url(../Images/Webisodes/LoadingLogo.gif) no-repeat;
    width: 32px;
    height: 46px;
    margin: 66px 0 0 137px;
}

.WebisodesThumbnailLoading
{
    position: absolute;
    top: 38px;
    left: 10px;
    width: 300px;
    z-index: 10;
    height: 279px;
    display: none;
}

.WebisodesThumbnailLoading .LoadingVideoItem
{
    height: 87px;
    padding: 3px 0;
    width: 300px;
}

.WebisodesThumbnailLoading .LoadingVideoItem .imageContainer
{
    width: 148px;
    height: 87px;
    background: transparent url(../Images/Webisodes/LoadingBg.png) repeat;
    float: left;
}

.WebisodesThumbnailLoading .LoadingVideoItem .loadingLogo
{
    background: transparent url(../Images/Webisodes/LoadingLogo.gif) no-repeat;
    width: 32px;
    height: 46px;
    float: left;
    margin: 20px 58px;
}


/*== DEFAULT VIEW ==*/

.WebisodesModule .image
{
    position: relative;
}

.WebisodesModule .image img
{
    width: 300px;
    height: 169px;
    border: none;
}

.WebisodesModule .new
{
    position: absolute;
    right: -2px;
    top: -2px;
    width: 125px;
    height: 67px;
    background: transparent url(../Images/POD/WidgetNew.png) no-repeat scroll left top;
}

.WebisodesModule .PlayVideoLink
{
    margin-bottom: 9px;
}

.WebisodesModule .PlayBtn
{
    position: absolute;
    width: 300px;
    height: 169px;
    top: 0;
    left: 0;
    background: transparent url(../Images/Webisodes/PlayBtnSmall.png) no-repeat scroll center center;
}

.WebisodesModule .image:hover .PlayBtn
{
    background-image: url(../Images/Webisodes/PlayBtnLarge.png);
}

.WebisodesModule .contentText .title
{
    color: #000;
    font-size: 15px;
	font-family:"Geograph", Helvetica, "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; text-transform:none!important; font-weight:bold
}

.WebisodesModule .contentText .description
{
    float: left;
    font-family: Arial;
    width: 300px;
    padding: 9px 0 3px 0;
    color: #808080;
}

.WebisodesModule a
{
    color: #000;
	text-decoration:underline
}

.WebisodesModule a:hover{text-decoration:none}


.WebisodesModule .ThumbList
{
    float: left;
}

.WebisodesModule .ThumbList li.VideoItem
{
    padding: 3px 0px;
    height: 87px;
    overflow: hidden;
    width: 319px;
}

.WebisodesModule .ThumbList li:hover,  .WebisodesModule .TitleList li:hover, .WebisodesModule .PlayVideoLink:hover
{
    background-color: #F6F2C7;
    text-decoration: none;
}

/*== THUMB VIEW ==*/
.WebisodesModule .ThumbList .contentText
{
    width: 146px;
    float: left;
}

.WebisodesModule .ThumbList .imageContainer
{
    background-color: #f8f8f8;
    width: 148px;
    height: 87px;
    float: left;
}

.WebisodesModule .ThumbList .image
{
    width: 140px;
    height: 79px;
    border: 1px solid #ebebeb;
    margin: 1px;
    padding: 2px;
}

.WebisodesModule .ThumbList .contentText .title
{
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    color: #666;
    float: left;
    width: 147px;
}

.WebisodesModule .ThumbList .contentText .duration
{
    font-family: Arial;
    font-weight: normal;
    color: #7A7A7A;
}

.WebisodesModule .ThumbList .contentText .description
{
    float: left;
    font-family: Arial;
    color: #666;
    width: 147px;
}

.WebisodesModule .ThumbPager
{
    float: left;
    border-top: 1px dotted #b7b8bb;
    margin-top: 7px;
    margin-left: 10px;
    width: 80px;
    padding: 8px 103px 0px 110px;
}

.WebisodesModule .ThumbPager a
{
    background: transparent url(../Images/Webisodes/pagerItem.png) no-repeat 0px 0px;
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 7px;
}

.WebisodesModule .ThumbPager a:hover
{
    background-position: 0px -10px;
}

.WebisodesModule .ThumbPager a.selected
{
    background-position: 0px -20px;
}


/*== TITLE VIEW ==*/

.WebisodesModule .TitleList
{
}

.WebisodesModule .TitleList li a
{
    border-bottom: 1px dotted #c9cacc;
    padding: 4px;
    width: 292px;
    float: left;
	text-decoration:none
}

.WebisodesModule .TitleList a:hover
{
    text-decoration: none;
}

.WebisodesModule .TitleList .showtitle
{
    font-family: Arial;
    font-size: 12px;
    color: #7A7A7A;
    font-weight: bold;
}

.WebisodesModule .TitleList .title
{
    font-family: Arial;
    font-size: 12px;
    color: #7A7A7A;
    font-weight: normal;
}

/*== POD MODULE ===*/

.PODModule
{
    width: 300px;
    padding: 0 9px 10px 10px;
    height: 340px;

    /*border-right: 1px dotted #BEBDBD;*/

}


.PODModule.NoBorderRight
{
    padding-right: 10px;
    border-right: 0;
}



.PODModule .PodModuleHeader
{
    float: left;
    height: 41px;
    width: 300px;
}

.PODModule .LogoSmall
{
    width: 24px;
    height: 23px;
    background: transparent url(../Images/POD/LogoSmall.png) no-repeat scroll left top;
    margin-top: 11px;
}

.PODModule .headerText
{
    color: #000;
    font-size: 16px;
    margin-top: 10px;
   font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 700!important;letter-spacing:0.25em; text-transform:uppercase!important;
    background: transparent url(../Images/POD/LogoSmall.png) no-repeat scroll 0px 0px;
    padding-left: 29px;
    padding-bottom: 6px;
}

.PODModule .headerText:hover
{
    background-position: 0px -30px;
    text-decoration: none;
}

.PODModule .new
{
    position: absolute;
    right: -2px;
    top: -2px;
    width: 125px;
    height: 67px;
    background: transparent url(../Images/POD/WidgetNew.png) no-repeat scroll left top;
}

.PODModule .image
{
    cursor: pointer;
    position: relative;
}

.PODModule .date
{
    margin-top: 9px;
}

.PODModule .contentText
{
    padding: 9px 0 3px 0;
}


.PODModule h4.date a
{
    color: #000;
    font-size: 15px;
    font-family:"Geograph", Helvetica, "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; text-transform:none!important; font-weight:bold
}

.PODModule .contentText .text
{
    color: #808080;
    font-size: 12px;
    width: 294px;
    float: left;
    font-family: Arial;
}


.PODModule .contentText .text a
{
    color: #808080;
}

.PODModule .contentLink
{
    float: left;
    clear: left;
    width: 300px;
}
.PODModule .contentLink a
{
    color: #000; text-decoration:underline
}

.PODModule .contentLink a:hover{ text-decoration:none}

.PODModule .sponsorLogo
{
    width: 70px;
    height: 30px;
    background: #000;
}


/*SOCIAL PLUGINS*/
.FBLikeBox, .TwitterFeed
{
    float: left;
    padding-top: 20px;
    padding-left: 15px;
    width: 315px;
}
.FBLikeBox h3, .TwitterFeed h3
{
    color: #000;
    font-size:16px!important;
    margin-bottom: 5px;
	font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;/*book*/ text-transform:uppercase!important; letter-spacing:0.25em
}

.FBLikeBox .content
{
    background-color: #ffffff;
    width: 300px;
}











/*MAIN PANEL*/

.MainPanel
{
    visibility: visible;
    float: left;
    position: relative;
    z-index: 1;

    width: 980px;
    height: 460px;
    background-color: #000000;
}

.Carousel
{
    overflow:hidden;
    width: 980px;
    height: 460px;
    background-color: #000000;
}



.PanelDetails{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    overflow:hidden;
    width: 980px;
    height: 460px;
    background-color: #000000;
}


.MainPanel .MainPanelImage{
    border: none;
    overflow: hidden;
    width: 980px;
    height: 460px;
	opacity:1
}




.Carousel a.ButtonXSmall .middle{font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;/*book*/ text-transform:uppercase!important; letter-spacing:0.25em; font-size:14px}


.Carousel a.ButtonXSmall, a.ButtonSmall, .Carousel a.ButtonBig
{ color:#fff; text-shadow:none; font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;/*book*/ text-transform:uppercase!important}


.Carousel a.ButtonXSmall .right,
.Carousel a.ButtonXSmall .left
{ background:none; width:0}
.Carousel a.ButtonXSmall .middle
{ background:none;}

/*
.PanelBackground
{
    background: transparent url(../Images/Controls/MainPanelDescriptionBg.png) repeat scroll left top;
    width: 330px;
    height: 460px;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
}*/

.PanelShadows
{
    background: transparent url(../Images/Controls/MainPanelShadows.png) no-repeat left top;
    width: 980px;
    height: 480px;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.MainPanel .ContentText
{
    /*background: transparent url(../Images/Controls/MainPanelDescriptionBorder.png) no-repeat left top;*/
    /*width: 980px;*/
    padding-top: 1px;
    position: absolute;
    bottom: -600px;
    left: 0;
    color: #f6f7f7;
    font-size: 17px;
    z-index: 3;
	pointer-events:none;
	/*pointer-events:none;*/
}
.MainPanel .ContentText .container
{
    /*background: transparent url(../Images/Controls/MainPanelDescriptionBg.png) no-repeat -2px bottom;*/
    width: 621px;
    padding: 15px 10px 15px 50px;
}

.MainPanel .ContentText .Title
{
    /*width: 900px;*/
    color: #ffcc00;
    display: inline-block;
    line-height: 85%;
    font-size: 80px;
    /* margin-bottom:50px;  margin-bottom:67px; */
    bottom:155px;
    text-transform:uppercase;
    width:900px;
    height:250px;
    letter-spacing:-3px;
    z-index:-1;
}

.MainPanel .ContentText .Title.DINCEBold{
	line-height: 75px;
    font-size: 70px;
	margin-bottom:56px;
	}

.MainPanel .ContentText .Title.DINCEBold span, .MainPanel .ContentText .Title.NGCDinOnAirBold span{ width:900px; display:block}

.MainPanel .ContentText .Title span.typeface-js-vector-container {
    bottom: 215px;
    position: absolute;
    vertical-align: bottom;
    width:900px;
    display:block;
}

.MainPanel .ContentText .TxDate
{
    color: #fff;
    font-size:14px;
    overflow:hidden;

}

.MainPanel .ContentText .TxDate span{ font-size:25px; font-family:"Times New Roman", Times, serif; font-weight:bold}

.MainPanel .ContentText .Subtitle
{
    width: 530px;
    font-size: 14px;
    color: #fc0;
    overflow:hidden;
    padding-top: 2px;
font-family: 'Geograph', "Gotham A", "Gotham B", "CenturyGothic",AppleGothic,Gill Sans,Gill Sans MT,sans-serif; font-weight: 400!important;letter-spacing:0.25em; text-transform:uppercase!important;
    top:230px;
}

.MainPanel .ContentText .Subtitle2
{
	font-family:"Geograph", Helvetica, "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; text-transform:none!important;
    width: 530px;
    font-size: 14px;
    color: #fff;
    overflow:hidden;
    padding-top: 8px;
	/* position:absolute; */
	top:165px;
}

.MainPanel .ContentText .Links
{
    padding-top: 7px;
    width: 690px;
    overflow:hidden;

    pointer-events:auto;
}

.MainPanel .ContentText .Links .MainPanelLink
{
    float: left;
    margin-right: 4px;
    z-index: 5;
}





.MainPanel .ButtonsList
{
    position: absolute;
    right: 20px;
    bottom: 16px;
    width: 600px;
    z-index: 10;
}

.MainPanel .ButtonsList li
{
    float: left;
    margin-left: 6px;
}

.MainPanel .ButtonsList li.NoPadding
{
    margin-left: 0;
}

.MainPanel .ButtonsList a
{
    float: left;
    cursor:pointer;
}

/* === Button List  - with thumbnails */

.MainPanel .ButtonsList.HasThumbs a
{
    height: 38px;
    width: 68px;
}

.MainPanel .ButtonsList.HasThumbs a img
{
    float: left;
    height: 34px;
    width: 64px;
    cursor:pointer;
    border: 2px solid transparent;
}

.MainPanel .ButtonsList.HasThumbs li a:hover img
{
    border: 2px solid #ffd200;
}

.MainPanel .ButtonsList.HasThumbs a.ButtonSelected img
{
    border: 2px solid #ffd200;
}

/* === Button List  - with dots */

.MainPanel .ButtonsList.NoThumbs ul
{
    margin: 0 auto;
    float: right;
}

.MainPanel .ButtonsList.NoThumbs ul li
{
    position: relative;
}

.MainPanel .ButtonsList.NoThumbs a
{
    width: 20px;
    height: 20px;
    background: transparent url(../Images/Controls/MainPanelButton.png) no-repeat 0px 0px;
}

.MainPanel .ButtonsList.NoThumbs a span.arrow
{
    width: 18px;
    height: 9px;
    display: none;
    position: absolute;
    top: -11px;
    left: 0;
    background: transparent url(../Images/Controls/MainPanelThumbArrow.png) no-repeat center center;
}

.MainPanel .ButtonsList.NoThumbs a img
{
    display: none;
    position: absolute;
    top: -60px;
    left: -20px;

    border: 2px solid #c8c8c8;
    width: 80px;
    height: 45px;
    background-color: #fff;
    padding: 1px;
}

.MainPanel .ButtonsList.NoThumbs li a:hover
{
    background-position: 0px -20px;
}

.MainPanel .ButtonsList.NoThumbs li a:hover span.arrow, .MainPanel .ButtonsList.NoThumbs li a:hover img
{
    display: block;
}

.MainPanel .ButtonsList.NoThumbs a.ButtonSelected
{
    background-position: 0px -20px;
}

.MainPanel .ArrowPrevious, .MainPanel .ArrowNext
{
    position: absolute;
    top: 190px;
    z-index: 10;
    width: 26px;
    height: 52px;
}

.MainPanel a.ArrowPrevious
{
    background-image: url(../Images/Controls/MainPanelArrowPrevious.png);
    left: 11px;
    text-decoration: none;
}
.MainPanel a.ArrowNext
{
    background-image: url(../Images/Controls/MainPanelArrowNext.png);
    right: 11px;
    text-decoration: none;
}


/* === LOADER === */
.Loading{
    background: transparent url(../Images/Controls/loader.gif) no-repeat center center;
}
/*.Loading .ContentText, .Loading .MainPanelImage img
{
	display:none;
}*/


/* ------------  Natgeo People introduction  ------------   */


.MainContentDiv .WhatsOnTabs .People
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoPeopleNotSelected.gif);
}

.MainContentDiv .WhatsOnTabs .PeopleSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoPeopleSelected.gif) no-repeat left top;
}


.bc_region_tr .MainContentDiv .WhatsOnTabs .Adventure
{
    width: 115px;
    height: 39px;
    background-image: url(../Images/TabButtons/NatGeoPeopleNotSelected.gif);
}

.bc_region_tr .MainContentDiv .WhatsOnTabs .AdventureSelected
{
    width: 139px;
    height: 40px;
    background: transparent url(../Images/TabButtons/NatGeoPeopleSelected.gif) no-repeat left top;
}


/* FNP-1331 : ADD TO homePage.css*/

.bc_region_nl .cookieLight{z-index: 3; position: relative;}
.bc_region_nl #div-gpt-ad-917013979237936930-3 {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    display:block;
}
.bc_region_nl .MainFooterDiv{z-index:1}




/* Fonts file */
/*Natgeo ------------------------*/
@font-face {
  font-family: 'PFDinTextPro-ExtraBlack';
  src: url("../fonts/natgeo/2F0D5C_0_0.eot");
  src: url("../fonts/natgeo/2F0D5C_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo/2F0D5C_0_0.woff2") format("woff2"), url("../fonts/natgeo/2F0D5C_0_0.woff") format("woff"), url("../fonts/natgeo/2F0D5C_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'PFDinTextPro-Medium';
  src: url("../fonts/natgeo/2F0D5C_1_0.eot");
  src: url("../fonts/natgeo/2F0D5C_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo/2F0D5C_1_0.woff2") format("woff2"), url("../fonts/natgeo/2F0D5C_1_0.woff") format("woff"), url("../fonts/natgeo/2F0D5C_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'PFDinTextPro-Light';
  src: url("../fonts/natgeo/2F0D5C_2_0.eot");
  src: url("../fonts/natgeo/2F0D5C_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo/2F0D5C_2_0.woff2") format("woff2"), url("../fonts/natgeo/2F0D5C_2_0.woff") format("woff"), url("../fonts/natgeo/2F0D5C_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'ClarendonBTPro-Bold';
  src: url("../fonts/natgeo/2F0D5C_3_0.eot");
  src: url("../fonts/natgeo/2F0D5C_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo/2F0D5C_3_0.woff2") format("woff2"), url("../fonts/natgeo/2F0D5C_3_0.woff") format("woff"), url("../fonts/natgeo/2F0D5C_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaPeople-Bold';
  src: url("../fonts/natgeo_people/helveticaneueltcom-bd-webfont.eot");
  src: url("../fonts/natgeo_people/helveticaneueltcom-bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo_people/helveticaneueltcom-bd-webfont.woff2") format("woff2"), url("../fonts/natgeo_people/helveticaneueltcom-bd-webfont.woff") format("woff"), url("../fonts/natgeo_people/helveticaneueltcom-bd-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaPeople-Regular';
  src: url("../fonts/natgeo_people/helveticaneueltcom-md-webfont.eot");
  src: url("../fonts/natgeo_people/helveticaneueltcom-md-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo_people/helveticaneueltcom-md-webfont.woff2") format("woff2"), url("../fonts/natgeo_people/helveticaneueltcom-md-webfont.woff") format("woff"), url("../fonts/natgeo_people/helveticaneueltcom-md-webfont.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaPeople-Roman';
  src: url("../fonts/natgeo_people/helveticaneueltcom-roman-webfont.eot");
  src: url("../fonts/natgeo_people/helveticaneueltcom-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/natgeo_people/helveticaneueltcom-roman-webfont.woff2") format("woff2"), url("../fonts/natgeo_people/helveticaneueltcom-roman-webfont.woff") format("woff"), url("../fonts/natgeo_people/helveticaneueltcom-roman-webfont.ttf") format("truetype"); }
/* ------------- end --------------- NATGEO Font styles -----------------------------------------------------***************--------------------------------------------  */

/*# sourceMappingURL=fonts.css.map */




/*.bc_region_me .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_me .MainMenuList .MenuButtonTitle,
.bc_region_me .MainHeaderDiv .MainMenuItem.NoSeperator.ListingsButton h3 a {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_uk .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_uk .MainMenuList .MenuButtonTitle,
.MainHeaderDiv .MainMenuItem.NoSeperator.ListingsButton h3 a {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_es .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_es .MainMenuList .MenuButtonTitle  {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_no .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_no .MainMenuList .MenuButtonTitle  {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_tr .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_tr .MainMenuList .MenuButtonTitle  {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_se .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_se .MainMenuList .MenuButtonTitle {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_pt .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_pt .MainMenuList .MenuButtonTitle {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_ro .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_ro .MainMenuList .MenuButtonTitle {font-family: 'Helvetica Neue' !important;
    font-weight: bold;}


.bc_region_cz .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_cz .MainMenuList .MenuButtonTitle {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_za .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_za .MainMenuList .MenuButtonTitle {font-family: 'PFDinTextPro-ExtraBlack' !important;}


.bc_region_dk .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_dk .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}

.bc_region_il .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_il .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}

.bc_region_hr .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_hr .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}

.bc_region_si .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_si .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}

.bc_region_rs .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_rs .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}

.bc_region_bg .MasterContentDiv .MainPanel .ContentText .Title,
.bc_region_bg .MainMenuList .MenuButtonTitle
{font-family: 'PFDinTextPro-ExtraBlack' !important;}*/