body 
{
    font-family:Arial;
    font-size:12px;
    background:#012842 url(../Images/bg.jpg) top center no-repeat;/*../Images/bg.jpg*/
}
a, a:visited, a:hover
{
    color:#004775;
    text-decoration:none;
}
a:hover
{
    color:#00a0db;
    text-decoration:none;
}
a:focus 
{
    outline:none;
}
.ModuleHeaderLeft
{
    width:7px;
    height:57px;
    background:transparent url(../Images/sprite.png) -230px -103px no-repeat;
    float:left;
}
.ModuleHeaderBody
{
    height:57px;
    background:transparent url(../Images/bgSprite.png) 0 0 repeat-x;
    float:left;
    position:relative;
}
.ModuleHeaderBody h1
{
    display:inline;
    float:left;
    font-size:18px;
    font-weight:bold;
    line-height:15px;
    margin-left:14px;
    margin-top:23px;
    position:relative;
    text-transform:uppercase;
}
.ModuleHeaderBody h1 sup 
{
    font-size:7px;
}
.ModuleHeaderBody h2
{
    display:inline;
    float:left;
    font-size:14px;
    font-weight:bold;
    line-height:15px;
    margin-left:14px;
    margin-top:21px;
    position:relative;
    text-transform:uppercase; 
}
.ModuleHeaderBody span.Link 
{
    display: inline;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin-right: 13px;
    margin-top: 26px;
    position: relative;
    text-transform: uppercase;
}
.ModuleHeaderBody .Link a, .ModuleHeaderBody .Link a:visited 
{
    color:#fff;
}
.ModuleHeaderBody .Link a:hover {
    color:#58e2ff;
}
.ModuleHeaderRight
{
    width:7px;
    height:57px;
    background:transparent url(../Images/sprite.png) -237px -103px no-repeat;
    float:left;
}
.Module .Body
{
    overflow:hidden;
    position:relative;
}
.Module .Body div.Underlay
{
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:0.21;
    filter:alpha(opacity=21);
    position:absolute;
    top:0;
    left:0;
}
.Module .Body .Content
{
    position:absolute;
    left:3px;
    top:0;
    overflow:hidden;
}

/*** AD ROW ***/
#HomepageOlympicAdRow
{
    float:left;
    display:inline;
    margin-top:15px;
    position:relative;
    width:980px;
    padding:3px;
}
#HomepageOlympicAdRowLeader
{
    float:left;
    position:relative;
}
#HomepageOlympicAdRowStore
{
    float:right;
    position:relative;
}
#HomepageOlympicAdRow .Overlay
{
    width:986px;
    height:96px;
    position:absolute;
    top:0;
    left:0;
    background-color:#fff;
    opacity:0.21;
    filter:alpha(opacity=21);
}

/*** SOCIALFEED ***/
.SocialFeed
{
    width:485px;
    height:348px;
}
.SocialFeed .Header, .SocialFeedSmall .Header
{
    color:#fff;
    overflow:hidden;
}
#HomepageSocialFeed
{
    position:relative;
    top:-96px;
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
#HomepageSocialFeed li
{
    float:left;
    width:479px;
    height:96px;
    background:transparent url(../Images/bgSprite.jpg) 0 -308px repeat-x;
}
#HomepageSocialFeed span.Image
{
    float:left;
    width:58px;
    height:58px;
    background:transparent url(../Images/sprite.png) -547px -91px no-repeat;
    margin:13px 0 0 13px;
}
#HomepageSocialFeed span.Image img
{
    width:48px;
    height:48px;
    margin:5px 0 0 5px;
    border:0;
}
#HomepageSocialFeed div.Text 
{
    float:left;
    margin-left:12px;
    margin-top:16px;
}
#HomepageSocialFeed h3
{
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    margin-bottom:4px;
}
#HomepageSocialFeed p
{
    width:347px;
    height:30px;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#333;
    margin-bottom:5px;
}
#HomepageSocialFeed p a, #HomepageSocialFeed p a:visited, #HomepageSocialFeed p a:hover
{
    color:#333;
}
#HomepageSocialFeed p a.HashTag, #HomepageSocialFeed p a.HashTag:visited, #HomepageSocialFeed p a.User, #HomepageSocialFeed p a.User:visited
{
    color:#004775;
}
#HomepageSocialFeed p a.HashTag:hover, #HomepageSocialFeed p a.User:hover
{
    color:#00a0db;
}
#HomepageSocialFeed p.Small
{
    font-size:10px;
    color:#808080;
    height:12px;
    margin-bottom:0;
}
#HomepageSocialFeed span.Twitter, #HomepageSocialFeed span.Facebook
{
    float:left;
    margin-left:15px;
}
#HomepageSocialFeed span.Twitter a, #HomepageSocialFeed span.Facebook a
{
    display:block;
    width:34px;
    height:34px;
    background-image:url(../Images/sprite.png);
    background-repeat:no-repeat;
    background-color:transparent;
}
#HomepageSocialFeed span.Twitter a
{
    background-position:-479px -91px;
}
#HomepageSocialFeed span.Twitter a:hover
{
    background-position:-479px -125px;
}
#HomepageSocialFeed span.Facebook a
{
    background-position:-513px -91px;
}
#HomepageSocialFeed span.Facebook a:hover
{
    background-position:-513px -125px;
}

/* small */
.SocialFeedSmall
{
    width:300px;
    height:348px;
}
.SocialFeedSmall #HomepageSocialFeed li
{
    width:294px;
    float:left;
}
.SocialFeedSmall #HomepageSocialFeed h3
{
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    margin-bottom:4px;
    width:162px;
    height:16px;
    overflow:hidden;
}
.SocialFeedSmall #HomepageSocialFeed p
{
    width:162px;
    height:30px;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#333;
    margin-bottom:5px;
}


/*** PLANETYOU ***/
.Planetyou
{
    width:486px;
    height:348px;
}
.PlanetyouSmall
{
    width:300px;
    height:348px;
}
.Planetyou .Header, .PlanetyouSmall .Header
{
    color:#fff;
    overflow:hidden;
}
.Planetyou .Body .Content, .PlanetyouSmall .Body .Content
{
    background-color:#021929;
}
.Planetyou ul, .PlanetyouSmall ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}
.Planetyou li, .PlanetyouSmall li
{
    float:left;
    width:136px;
    height:117px;
    position:relative;
    margin:18px 0 0 18px;
}
.PlanetyouSmall li 
{
    width:120px;
}
.Planetyou div.Background, .PlanetyouSmall div.Background
{
    position:absolute;
    top:0;
    left:0;
}
.Planetyou div.Background .Left, .PlanetyouSmall div.Background .Left
{
    float:left;
    width:3px;
    height:117px;
    background:transparent url(../Images/sprite.png) 0 -115px no-repeat;
}
.Planetyou div.Background .Right, .PlanetyouSmall div.Background .Right
{
    float:left;
    width:3px;
    height:117px;
    background:transparent url(../Images/sprite.png) -3px -115px no-repeat;
}
.Planetyou div.Background .Body, .PlanetyouSmall div.Background .Body
{
    float:left;
    width:130px;
    height:117px;
    background:transparent url(../Images/bgSprite.jpg) 0 -641px repeat-x;
}
.PlanetyouSmall div.Background .Body
{
    width:114px;
}
.Planetyou li a, .PlanetyouSmall li a
{
    position:relative;
    display:inline-block;
    width:114px;
    height:95px;
    margin:11px 0 0 11px;
}
.Planetyou li a img, .PlanetyouSmall li a img
{
    width:114px;
    height:95px;
    border:0;
}
.PlanetyouSmall li a img
{
    width:98px;
}
.Planetyou li a span, .Planetyou .Body .Content ul li a span.Underlay, .PlanetyouSmall li a span, .PlanetyouSmall .Body .Content ul li a span.Underlay
{
    position:absolute;
    bottom:0;
    left:0;
    width:102px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    line-height:12px;
    padding:4px 6px;
    z-index:10;
    cursor:pointer;
    text-transform:uppercase;
}
.PlanetyouSmall li a span, .PlanetyouSmall .Body .Content ul li a span.Underlay
{
    width:86px;
    text-transform:uppercase;
}
.Planetyou .Body .Content ul li a span.Underlay, .PlanetyouSmall .Body .Content ul li a span.Underlay
{
    color:#000;
    background-color:#000;
    opacity:0.7;
    filter:alpha(opacity=70);
}
.Planetyou li a span.VideoIcon, .Planetyou li a span.VideoIcon:hover, .PlanetyouSmall li a span.VideoIcon, .PlanetyouSmall li a span.VideoIcon:hover
{
    position:absolute;
    padding:0;
    width:54px;
    height:54px;
    background:transparent url(../Images/sprite.png) -6px -115px no-repeat;
    left:30px;
    top:10px;
    z-index:500;
    cursor:pointer;
}
.PlanetyouSmall li a span.VideoIcon, .PlanetyouSmall li a span.VideoIcon:hover
{
    left:23px;
}
.Planetyou li a span.VideoIcon:hover, .PlanetyouSmall li a span.VideoIcon:hover
{
    background-position: -6px -169px;
}

/* MOST POPULAR */
.MostPopular
{
    width:986px;
    height:252px;
}
.MostPopularSmall 
{
    width:671px;
    height:252px;
}
.MostPopular .Header, .MostPopularSmall .Header
{
    color:#fff;
    overflow:hidden;
}
.MostPopular .Header ul, .MostPopularSmall .Header ul
{
    list-style-type:none;
    padding:0;
    margin:0;
    position:relative;
    margin-left:80px;
    margin-top:22px;
    float:left;
}
.MostPopular .Header ul li, .MostPopularSmall .Header ul li
{
    float:left;
    font-size:10px;
    font-weight:bold;
    height:21px;
    margin-right:5px;
}
.MostPopular .Header ul li span.Left, .MostPopular .Header ul li span.Right, .MostPopularSmall .Header ul li span.Left, .MostPopularSmall .Header ul li span.Right
{
    width:10px;
    height:21px;
    display:inline-block;
    float:left;
}
.MostPopular .Header ul li.On span.Left, .MostPopular .Header ul li.On span.Right,
.MostPopular .Header ul li:hover span.Left, .MostPopular .Header ul li:hover span.Right,
.MostPopularSmall .Header ul li.On span.Left, .MostPopularSmall .Header ul li.On span.Right,
.MostPopularSmall .Header ul li:hover span.Left, .MostPopularSmall .Header ul li:hover span.Right
{
    background-image:url(../Images/sprite.png);
    background-repeat:no-repeat;
    background-color:transparent;
}
.MostPopular .Header ul li.On span.Left, .MostPopular .Header ul li:hover span.Left, .MostPopularSmall .Header ul li.On span.Left, .MostPopularSmall .Header ul li:hover span.Left
{
    background-position:-406px -91px;
}
.MostPopular .Header ul li.On span.Right, .MostPopular .Header ul li:hover span.Right, .MostPopularSmall .Header ul li.On span.Right, .MostPopularSmall .Header ul li:hover span.Right
{
    background-position:-416px -91px;
}
.MostPopular .Header ul li span.Body, .MostPopularSmall .Header ul li span.Body
{
    height:21px;
    display:inline-block;
    padding:0;
    float:left;
}
.MostPopular .Header ul li.On span.Body, .MostPopular .Header ul li:hover span.Body, .MostPopularSmall .Header ul li.On span.Body, .MostPopularSmall .Header ul li:hover span.Body
{
    background:transparent url(../Images/bgSprite.png) 0 -118px repeat-x;
}
.MostPopular .Header ul li a, .MostPopular .Header ul li a:visited, .MostPopular .Header ul li a:hover, .MostPopularSmall .Header ul li a, .MostPopularSmall .Header ul li a:visited, .MostPopularSmall .Header ul li a:hover
{
    color:#fff;
    padding:0 16px;
    display:block;
    height:21px;
    line-height:19px;
}
.MostPopularSmall .Header ul li a, .MostPopularSmall .Header ul li a:visited, .MostPopularSmall .Header ul li a:hover
{
    padding:0 14px;
}
.MostPopular .Body .Content div.Tab, .MostPopularSmall .Body .Content div.Tab
{
    width:980px;
    height:192px;
    position:absolute;
    top:0;
    left:0;
    background-color:#f5f5f5;
    display:none;
}
.MostPopularSmall .Body .Content div.Tab
{
    width:665px;
}
.MostPopular div.Tab ul, .MostPopularSmall div.Tab ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.MostPopular div.Tab li, .MostPopularSmall div.Tab li
{
    float:left;
    width:490px;
    height:64px;
    background:#fff url(../Images/bgSprite.jpg) 0 -404px repeat-x;
    overflow:hidden;
    position:relative;
}
.MostPopularSmall div.Tab li
{
    width:665px;
}
.MostPopular div.Tab li span.Number, .MostPopularSmall div.Tab li span.Number
{
    float:left;
    width:28px;
    height:22px;
    background:transparent url(../Images/sprite.png) -446px -125px no-repeat;
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin:18px 18px 0 18px;
    padding-top:6px;
    text-align:center;
}
.MostPopular div.Tab li a.Thumbnail, .MostPopularSmall div.Tab li a.Thumbnail
{
    float:left;
    display:block;
    width:54px;
    height:32px;
    position:relative;
    margin:16px 18px 0 0;
    overflow:hidden;
}
.MostPopular div.Tab li a.Thumbnail img, .MostPopularSmall div.Tab li a.Thumbnail img
{
    width:54px;
}
.MostPopular div.Tab li a.Thumbnail span.Overlay, .MostPopularSmall div.Tab li a.Thumbnail span.Overlay
{
    position:absolute;
    top:0;
    left:0;
    width:54px;
    height:32px;
    background:transparent url(../Images/sprite.png) -60px -183px no-repeat;
    cursor:pointer;
    display:block;
}
.MostPopular div.Tab li a.Thumbnail span.Overlay span.VideoIcon, .MostPopularSmall div.Tab li a.Thumbnail span.Overlay span.VideoIcon
{
    position:absolute;
    width:36px;
    height:32px;
    background:transparent url(../Images/sprite.png) -114px -183px no-repeat;
    top:0;
    left:9px;
}
.MostPopular div.Tab li a.Thumbnail:hover span.Overlay span.VideoIcon, .MostPopularSmall div.Tab li a.Thumbnail:hover span.Overlay span.VideoIcon
{
    background-position:-150px -183px;
}
.MostPopular div.Tab li div.Text, .MostPopularSmall div.Tab li div.Text
{
    float:left;
    overflow:hidden;
    width:300px;
    height:32px;
    margin:15px 0 0 0;
}
.MostPopularSmall div.Tab li div.Text
{
    width:470px;
}
.MostPopular div.Tab li div.Text h3, .MostPopularSmall div.Tab li div.Text h3
{
    margin:0 0 2px 0;
    padding:0px;
    float:left;
    color:#7f7f7f;
    font-size:14px;
}
.MostPopular div.Tab li div.Text span.Author, .MostPopularSmall div.Tab li div.Text span.Author
{
    float:left;
    margin-left:12px;
    font-size:10px;
    color:#808080;
    margin-top:2px;
}
.MostPopular div.Tab li span.Org, .MostPopularSmall div.Tab li span.Org
{
    position:absolute;
    top:1px;
    right:1px;
    width:34px;
    height:34px;
    background-image:url(../Images/sprite.png);
    background-color:transparent;
    background-repeat:no-repeat;
    z-index:10;
}
.MostPopular div.Tab li span.Org a, .MostPopularSmall div.Tab li span.Org a
{
    display:block;
    width:34px;
    height:34px;
}
.MostPopular div.Tab li span.discoverychannel, .MostPopularSmall div.Tab li span.discoverychannel
{
    background-position:-60px -115px;
}
.MostPopular div.Tab li span.discoverychannel:hover, .MostPopularSmall div.Tab li span.discoverychannel:hover
{
    background-position:-60px -149px;
}
.MostPopular div.Tab li span.discoveryworldhd, .MostPopularSmall div.Tab li span.discoveryworldhd
{
    background-position:-94px -115px;
}
.MostPopular div.Tab li span.discoveryworldhd:hover, .MostPopularSmall div.Tab li span.discoveryworldhd:hover
{
    background-position:-94px -149px;
}
.MostPopular div.Tab li span.investigationdiscovery, .MostPopularSmall div.Tab li span.investigationdiscovery
{
    background-position:-128px -115px;
}
.MostPopular div.Tab li span.investigationdiscovery:hover, .MostPopularSmall div.Tab li span.investigationdiscovery:hover
{
    background-position:-128px -149px;
}
.MostPopular div.Tab li span.sciencechannel, .MostPopularSmall div.Tab li span.sciencechannel
{
    background-position:-162px -115px;
}
.MostPopular div.Tab li span.sciencechannel:hover, .MostPopularSmall div.Tab li span.sciencechannel:hover
{
    background-position:-162px -149px;
}
.MostPopular div.Tab li span.animalplanet, .MostPopularSmall div.Tab li span.animalplanet
{
    background-position:-196px -115px;
}
.MostPopular div.Tab li span.animalplanet:hover, .MostPopularSmall div.Tab li span.animalplanet:hover
{
    background-position:-196px -149px;
}
.MostPopular div.Tab li div.Text p, .MostPopularSmall div.Tab li div.Text p
{
    clear:both;
    margin:0;
    padding:0;
    color:#333;
}
.MostPopular div.Tab span.Overlay, .MostPopularSmall div.Tab span.Overlay
{
    position:absolute;
    display:block;
    width:2px;
    height:192px;
    top:0;
    left:489px;
    overflow:hidden;
    z-index:100;
}
.MostPopularSmall div.Tab span.Overlay
{
    display:none;
}
.MostPopular div.Tab span.Overlay span, .MostPopularSmall div.Tab span.Overlay span
{
    float:left;
    display:block;
    width:1px;
    height:192px;
}
.MostPopular div.Tab span.Overlay span.Left, .MostPopularSmall div.Tab span.Overlay span.Left
{
    background-color:#000;
    opacity:0.21;
    filter:alpha(opacity=21);
}
.MostPopular div.Tab span.Overlay span.Right, .MostPopularSmall div.Tab span.Overlay span.Right
{
    background-color:#fff;
}

/*** SHOWSLIST ***/
.Showlist
{
    width:671px;
}
.Showlist .Header
{
    color:#fff;
    overflow:hidden;
}
.Showlist .Body 
{
    padding-bottom:3px;
}
.Showlist .Body .Content
{
    background-color:#021929;
    position:relative;
    padding-bottom:18px;
}

/*** SCHEDULE ***/
.Schedule
{
    width:671px;
}
.Schedule .Header
{
    color:#fff;
    overflow:hidden;
}
.Schedule .Body 
{
    padding-bottom:3px;
}
.Schedule .Body .Content
{
    background-color:#fff;
    position:relative;
    padding-bottom:18px;
}

/*** CONTENT SPOTLIGHT ***/
.ContentSpotlight
{
    width:328px;
}
.ContentSpotlight .Header
{
    color:#fff;
    overflow:hidden;
}
.ContentSpotlight .Header h1 a, .ContentSpotlight .Header h1 a:visited, .ContentSpotlight .Header h1 a:hover 
{
    color:#fff;
}
.ContentSpotlight .Body 
{
    padding-bottom:3px;
}
.ContentSpotlight .Body .Content
{
    background-color:#fff;
    position:relative;
}
.ContentSpotlight .Body .Content img 
{
    width:322px;
}

/*** FEATURES ***/
.Features
{
    width:384px;
}
.Features .Header
{
    color:#fff;
    overflow:hidden;
}
.Features .Header h1 a, .Features .Header h1 a:visited, .Features .Header h1 a:hover 
{
    color:#fff;
}
.Features .Body 
{
    padding-bottom:3px;
}
.Features .Body .Content
{
    background-color:#fff;
    position:relative;
}
.Features .Body .Content img 
{
    width:378px;
}

/*** OTHER ***/
.Other
{
    width:272px;
}
.Other .Header
{
    color:#fff;
    overflow:hidden;
}
.Other .Header h1 a, .Other .Header h1 a:visited, .Other .Header h1 a:hover 
{
    color:#fff;
}
.Other .Body 
{
    padding-bottom:3px;
}
.Other .Body .Content
{
    background-color:#fff;
    position:relative;
}
.Other .Body .Content img 
{
    width:266px;
}

/*** DP SEGMENTS AND EXTRAS ***/
.DPSegmentsExtras
{
    width:671px;
    height:1115px; /* height was 813px, increased to add in 4 more barkers */
}
.DPSegmentsExtras .Header
{
    color:#fff;
    overflow:hidden;
}
.DPSegmentsExtras .Header h1 a, .DPSegmentsExtras .Header h1 a:visited, .DPSegmentsExtras .Header h1 a:hover 
{
    color:#fff;
}
.DPSegmentsExtras .Body 
{
    padding-bottom:3px;
}
.DPSegmentsExtras .Body .Content
{
    background-color:#fff;
    position:relative;
}

/*** DP SYNC BLOG ***/
.DPSyncBlog
{
    width:986px;
    height:246px;
}
.DPSyncBlog .Header
{
    color:#fff;
    overflow:hidden;
}
.DPSyncBlog .Header h1 a, .DPSyncBlog .Header h1 a:visited, .DPSyncBlog .Header h1 a:hover 
{
    color:#fff;
}
.DPSyncBlog .Body 
{
    padding-bottom:3px;
}
.DPSyncBlog .Body .Content
{
    background-color:#fff;
    position:relative;
}

/*** DP CAROUSEL ***/
#DPCarousel 
{
    width:665px;
    height:282px;
    background:transparent url(../Images/bgSprite.jpg) 0 -758px repeat-x;
    overflow:hidden;
    position:relative;
}
#DPCarouselListContainer
{
    list-style-type:none;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    left:72px;
}
#DPCarousel li 
{
    height:218px;
    width:503px;
    padding:18px 9px 0 9px;
    float:left;
    z-index:100;
}
#DPCarouselPrev,#DPCarouselNext 
{
    position:absolute;
    top:0px; /* was 17 */
    width:63px;
    height:282px;
    display:block;
    z-index:200;
    cursor:pointer;
}
#DPCarouselPrev
{   
    left:0px;   
}

#DPCarouselNext
{   
    right:0px;   
} 
/*#DPCarouselPrev:hover
{   
    top:-15px;
    background:transparent url(../Images/DP_Arrows_Prev.png) no-repeat center center;  
}
#DPCarouselNext:hover
{   
    top:-15px;
    background:transparent url(../Images/DP_Arrows_Next.png) no-repeat center center;     
}*/
#DPCarouselNav
{
    position:absolute;
    bottom:19px;
    left:0;
    height:8px;
    list-style-type:none;
    padding:0;
    margin:0;
}

#DPCarouselNav li, #DPCarouselNav li.On
{
    float:left;
    width:8px;
    height:8px;
    margin-right:6px;
    background:transparent url(../Images/sprite.png) -307px 0px no-repeat;
    /*cursor:pointer;*/
    padding:0;
}
#DPCarouselNav li.On 
{
    background-position:-299px 0;
}

/*** DETAILS LEFT ***/
.DetailsLeft
{
    width:671px;
}
.DetailsLeft .Header
{
    color:#fff;
    overflow:hidden;
}
.DetailsLeft .Body 
{
    padding-bottom:3px;
}
.DetailsLeft .Body .Content
{
    background-color:#fff;
    position:relative;
    padding-bottom:18px;
}
.Lowercase, .LOWERCASE
{
    text-transform:lowercase;
}