/* Video Landing */
#video-landing #content .content-header {padding:25px 0 12px;}
#video-landing .wrap-2 {margin-bottom:25px;}
#video-landing .accordian-wrap {margin-bottom:20px;}

.shows-video .col-2 {height: 130px; }
#video-landing .wrap-1 .col-2 p {margin:5px 0;}
#video-landing .wrap-1 .col-2 p.smaller {padding:0;}
#video-landing .show-promo {background-position:left bottom; background-repeat:no-repeat;}
#video-landing .big-thumb {display:block; overflow:hidden; width:310px; height:206px; background:url(../imgs/icons/play-big.png) no-repeat center center; text-indent:-9999px; _background-image:url(../imgs/icons/play-big-ie6.png);}

/* Generic Landing */
#generic-landing #content .content-header {padding:25px 0 12px;}
#generic-landing .wrap-2 {margin-bottom:25px;}

.show-promos {margin:0 0 30px;}
.show-promo h2,
.show-promo h3 {padding:10px 0 8px; font-family:Arial,sans-serif; letter-spacing:normal;}
.show-promo p {margin-bottom:10px; color:#333; font-size:1.167em; font-weight:700;}

.sub-promos {margin:0 0 25px; font-size:0.917em; line-height:1.364em;}
.sub-promos .col a {font-size:1.091em; font-weight:700;}
.sub-promos .col img {display:block; margin:0 0 4px;}

/* Generic Text */
#generic-text #content {padding-top:25px;}
.nav-generic {padding-top:10px;}
.nav-generic h4 {padding-left:3px; margin-bottom:10px;}
.nav-generic .menu {border:none;}
.nav-generic .menu li {border:none; margin-bottom:3px; background:none; line-height:1.167em;}
.nav-generic .menu li a {padding:4px 3px;}
	.nav-generic .menu li.selected a {background:#e9f4f8; color:#333; text-decoration:none; font-weight:700;}

/* Generic Error */
#generic-error #content {padding-top:25px;}
#generic-error .search-suggest {margin-bottom:20px;}
#generic-error .search-suggest h1 {margin-bottom:20px;}
#generic-error .search-suggest h2 {margin-bottom:10px; font-weight:400;}
#generic-error .generic-message {padding-bottom:20px; margin-bottom:20px; background:url(../imgs/decoration/two-tone-grey-bar.gif) left bottom repeat-x;}
#generic-error .generic-message h3 {margin-bottom:8px; font-weight:400;}
.popular-content {margin-bottom:25px;}
.popular-content h3 {margin-bottom:25px; font-weight:400;}
.popular-content .col {width:200px; padding-bottom:10px; margin-bottom:0;}
.popular-content .col h4 {margin-bottom:8px;}
.popular-content .bull-red {margin-bottom:16px;}
.popular-content .bull-red li {margin-bottom:3px;}
.popular-content .mod .simple-thumb {margin-bottom:15px;}
.popular-content .mod .simple-thumb li {width:190px; margin-right:0;}
.popular-content .mod .simple-thumb li .content {width:75px;}
.col-6 .mod .suggest-img li {width:470px;}
.col-6 .mod .suggest-img li img {width:100px;}
.col-6 .mod .suggest-img li .content {width:360px;}


/* h2 styles */
.h2-show #body-wrap #header{
background-image:none;
height: 163px;
}

body.h2-show #body-wrap #inner-wrap {
    background:url(../imgs/placeholders/shows/h2-interior-background.jpg) no-repeat center 1px;
}



.h2-show #inner-wrap #content .content-header {
height: 80px;
margin-top:-25px;
margin-left:-15px;
padding: 0;
}


.h2-show .content-header h1 {
float:left;
font-size:22px;
color: #333;
font-family: arial, helvetica, sans-serif;
padding-top: 36px;
padding-bottom:0;
height:44px;
line-height: 110%;
margin-left:16px;
border-right: 1px solid #587A84;
padding-right: 30px;
margin-top:1px;
margin-right: 0;
}






.h2-show #inner-wrap .content-header img {
margin-left: 30px;
margin-top: 4px;
}


.h2-show #inner-wrap .show-heading .text-entitlement {
color: #fff;
margin-left: 50px;
position: relative;
top:-30px;
}


.h2-show .content-controls {
margin-top: 50px;
}



.h2-show .content-controls a {
color: #74949c;
}

#video-landing .styled-select select {
   background: transparent;
   width: 255px;
   padding: 5px 8px;
   font-size: 13px;
   font-weight: 700;
   font-family:Arial,sans-serif;
   color: #007AC9;
   height: 28px;
   border: 0
}

#video-landing .styled-select {
   width: 230px;
   height: 28px;
   overflow: hidden;
}

/* video pages */


/* -- main navigation -- */


#video-landing .content-header{
width:1100px;
padding:0;
background:#F1F1EA;
border-bottom:1px solid #ccc;
margin-bottom: 12px;
}


#video-landing .content-header ul{
margin-left:75px;
border-left:1px solid #ccc;
height:52px;
}


#video-landing .content-header ul li {
float:left;
height:52px;
border-right:1px solid #ccc;
}

#video-landing .content-header ul li.last {
border-right:none;
}

#video-landing .content-header ul li a {
display:block;
color:#999;
text-transform: uppercase;
font-size:17px;
font-weight: normal;
letter-spacing: -0.05em;
padding: 20px 30px;
}

.topics-video .content-header ul li.topics a {
position: relative;
z-index:2;
height:13px;
background:#fff;
color: #333 !important;
cursor:default;
text-decoration:none;
}

.shows-video .content-header ul li.shows a {
position: relative;
z-index:2;
height:13px;
background:#fff;
color: #333 !important;
cursor:default;
text-decoration:none;
}

.shows-video .content-header ul li a:hover, .topics-video .content-header ul li a:hover {
color:#333 !important;
}

/* -- shows videos -- */

/* -- show vid navigation --*/
.all-shows {
position: relative;
border-bottom: 1px solid #ccc;
height:40px;
}


.all-shows h1,
.all-shows .choose,
.all-shows .browse-show,
.all-shows .season,
.all-shows .browse-season {
position: absolute;
}

.all-shows h1 {
top: 16px;
left:0;
}

.all-shows .base {
position: relative;
border: 1px solid #CCCCCC;
}


.all-shows .base div.blue-arrow {
position:absolute;
top:12px;
right:12px;
z-index:-1;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #007AC9;

}


.all-shows span.choose {
top: 16px;
left:405px;
font-weight:bold;
}


.all-shows .browse-show {
top:6px;
left:470px;
z-index:5;
}


.all-shows .browse-season {
top:6px;
left:710px;
z-index:5;
}



.browse-show li a, .browse-season li a {
display:block;
background-color:#fff;
border: 1px solid #ccc;
position:relative;
}




.all-shows a {
display: block;
padding:7px 8px;
font-size: 13px;
text-decoration: none;
}

.all-shows ul li {
width: 230px;
}

.all-shows ul li ul {
-moz-box-shadow:0px 0px 9px #999999;
-webkit-box-shadow:0px 0px 9px #999999;
box-shadow:0px 0px 9px #999999;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

.browse-show li li a, .browse-season li li a {
background-color:#f1f1ea;
border:none;
border-bottom: 1px solid #ccc;
width:240px;
}


.all-shows ul li ul li a:hover {
background-color:#008CDE;
color: #fff;
}

.shows-video .mod h1 {
border-bottom: 1px solid #ccc;
}



.shows-video .wrap-v .col-2{
margin-bottom: 16px;
}
/* All Shows Accordion */

#all-shows-accordion {margin:0 0 40px;}
#all-shows-accordion .header {position:relative; border-bottom:1px solid #e1e1e1; color:#007ac9; cursor:pointer; font-weight:700; line-height:1.091em;}
#all-shows-accordion .header span.text {display:block; padding:8px 6px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
#all-shows-accordion .ui-state-hover {background-color:#e9f4f8;}
#all-shows-accordion .header span.has-video {position:absolute; top:8px; right:20px; display:block; overflow:hidden; width:24px; height:17px; background:url(http://history.com/imgs/icons/has-video.gif) no-repeat; cursor:pointer; text-indent:-9999px;}
#all-shows-accordion .header span.ui-icon {display:none;}
#all-shows-accordion .ui-state-active {border-top:2px solid #232323; background-color:#fff; color:#333; cursor:default; font-size:1.167em;}
#all-shows-accordion .ui-state-active span.has-video {cursor:default;}
#all-shows-accordion .content {display:none; padding:10px 0; border-bottom:1px solid #e1e1e1; color:#333; font-size:0.917em;}


.shows-video .wrap-v{
width: 960px;
margin-top: 16px;
}


.shows-video #inner-wrap #content .products .four-under-grey,
.topics-video #inner-wrap #content .products .four-under-grey  {
background-image:none !important;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
}

.shows-video #inner-wrap #content .products .four-under-grey h4,
.topics-video #inner-wrap #content .products .four-under-grey h4  {
font-family: arial, helvetica, sans-serif;
font-size: 20px ;
font-weight: normal;
}

/* -- topic videos -- */

#inner-wrap #content .show-promo {
background-position: 0 0;
}

.topics-video #body-wrap #inner-wrap #content h1, .shows-video #body-wrap #inner-wrap #content h1  {
font: 400 20px arial, helvetica, sans-serif;
margin-bottom:10px;
}


.topics-video #body-wrap #inner-wrap #content #tabs h1 {
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
margin-bottom:0;
}


.shows-video #body-wrap #inner-wrap #content h2.h3, .topics-video #body-wrap #inner-wrap #content h2.h3 {

padding-bottom: 2px;
}



.topics-video #tabs {
border-bottom:1px solid #ccc;
margin-bottom: 50px;
}


.tv1 {
background:#F1F1EA;
position: relative;
}

.browse-topics {
float:left;
width:145px;
padding-top: 25px;
padding-bottom:100px;
border-right: 1px solid #ccc;
margin-right:18px;
background:#F1F1EA;
min-height: 600px;
}

.browse-topics li {
width:145px;
}
.browse-topics li a {
display:block;
padding: 12px 8px;
border-top:1px solid #ccc;
position: relative;
z-index:1;
}

.browse-topics a.current {
background:#fff;
width: 130px;
color:#333;
text-decoration:none;
cursor: default;

}


.wrap-v {
width:795px;
background:#fff;
float:left;
}

.wrap-v * {
font-family: arial, helvetica, sans-serif;
}

.wrap-v div.tabs {
display:none;
}

.wrap-v div.tabs .category-head {
margin: 16px 0 14px 0;
padding-bottom: 4px;
border-bottom: 1px solid #ccc;
}

.wrap-v div.tabs .category-head h2 {
font-weight: normal;
}

.wrap-v div.tabs .category-head h2 span {
color: #999;
}