/***Masthead***/
.replace { 
  position: relative;
  /* hide overflow: hidden from mac ie5 \*/
  overflow: hidden;
  /* end hide from mac ie5 */
  margin: 0;
  padding: 0;
}
.replace em {
  display: block;
  position: absolute;
  top: 0px; left: 0px;
  z-index:1; /*for Opera 5 and 6*/
}
#aps-banner, #aps-banner-pid {
  width:946px;
  height:31px;
  padding:33px 14px 36px 14px;
}
#aps-banner-pid {
  padding:11px 14px 8px 14px;
}
#aps-banner h1 {
  line-height:1em;
}
#aps-banner img, #aps-banner-pid img {
  float:left;
}
#aps-banner a.logo, #aps-banner a.beta,
#aps-banner-pid a.logo, #aps-banner-pid a.beta {
  display:block;
  float:left;
  height:31px;
}
#aps-banner a.beta,
#aps-banner-pid a.beta {
  margin-left:3px;
}
#aps-banner.default, #aps-banner.default em,
#aps-banner-pid.default, #aps-banner-pid.default em {
  width: 974px;
  height: 100px;
  padding:0;
}
#aps-banner-pid.default, #aps-banner-pid.default em {
  height: 50px;
}

/***Breadcrumbs***/
ol#crumb {
  border-top:1px solid #e9eced;
  border-bottom:1px solid #aeb7be;
  padding:0.4em 14px;
}
ol#crumb li {
  float: left;
  padding: 0.1em 0 0.1em 2em;
}
ol#crumb li.first {
  padding-left: 0;
}

/***Breadcrumbs for PIDs***/
ol#crumb.pid {
  border-top:none;
  padding:0;
}
ol#crumb.pid li {
  padding:14px 16px;
  border-right:1px solid #aeb7be;
}
ol#crumb.pid li.masterbrand {
  float:right;
  border-right:none;
  padding:2px 16px 1px 0;
}
ol#crumb.pid li.masterbrand a {
  display:block;
  width:66px;
  height:43px;
}
ol#crumb.pid li.programmes,
ol#crumb.pid li.last {
  display:none;
}

/***Main Content***/
#blq-content {
  border-top:1px solid #ecedef;
  padding: 14px 14px;
}

/***Grid***/
.row, .col {
  width: 946px;
}
.row .col-a {
  width: 546px;
  float: left;
  margin-right: 14px;
}
.row .col-b {
  width: 386px;
  float: right;
}
.col h1, .col-a h1, .col-b h2 {
  margin:0;
  padding:8px 10px;
  border-bottom:1px solid #d1d7dd;
}

/***Additional Grid/Layout***/
/***List Container - also see tabs and episode item***/
dl.years dt,
dl.months dt,
ol.episodes {
  clear: left;
  width: 512px;
}

/***Layout Hacks***/
/***need to review as site extends***/
#episodes-list-brand .col-a h1, #episodes-list-brand .col-b h2,
#episodes-list-series .col-a h1, #episodes-list-series .col-b h2, 
#episodes-show-brand .col-b h2,
#episodes-show-series .col-b h2, 
#episodes-show-tag-brand .col-a h1, #episodes-show-tag-brand .col-b h2,
#episodes-show-tag-series .col-a h1, #episodes-show-tag-series .col-b h2,
#series-list-brand .col-b h2,
#series-list-series .col-b h2 {
  margin-bottom:-9px;
}

/***Headings***/
h1 span {
  display:block;
}
h1 span.outlet,
h1 span.desc {
  margin-bottom:-0.5em;
}
.col h2, .col-a h2, .col-b h3,
#episodes-show-brand dl dt,
#episodes-show-series dl dt,
#episodes-show-tag-brand dl dt,
#episodes-show-tag-brand dl dt dl dt,
#episodes-show-tag-series dl dt,
#episodes-show-tag-series dl dt dl dt {
  display:block;
  padding: 6px 15px 6px 15px;
  margin: 0 -15px 0.5em -15px;
  border-top:1px solid #d1d7dd;
}

/***Content***/
.content {
  padding:8px 10px 8px 10px;
}
p {
  padding-bottom:1em;
}
.note {
  border-top:1px solid #f7f9f9;
  border-bottom:1px solid #dee2e5;
  padding: 1em 15px 0 15px;
  margin: -8px -15px 0.833em -15px;
}

/***Preformatted Code***/
pre {
  border-top:1px solid #f2f2f2;
  border-left:1px solid #d1d7dd;
  margin:0 0 1em 0;
  padding:4px 14px 26px 14px;
  overflow-x:auto;
  width:482px;
}
li pre {
  margin-top:1em;
  width:468px;
}
html>body pre {
  padding-bottom:6px;
  overflow:auto;
  width:auto;
}
html>body li pre {
  width:auto;
}

/***Peers (prev/next: episode, series, day, month etc)***/
#peers dl,
#show-day #months dl {
  float: left;
  width: 45%;
  padding-right:5%;
}
li.prev a, dl.prev a {
  display:block;
  width:auto;
}

/***A-Z list and Year links***/
#blq-content .navlist {
  width:100%;
  padding: 15px;
  margin:0 -15px 2em -15px;
}
#blq-content .navlist li {
  float:left;
  margin-right:2px;
  margin-bottom:2px;
}
#blq-content .navlist li a,
#blq-content .navlist li span {
  display:block;
  text-align:center;
  padding:6px 0 5px 0;
  margin:0;
}
#blq-content #letters li a,
#blq-content #letters li span {
  width:29px;
}
#blq-content #letters li.numbers a,
#blq-content #letters li.numbers span {
  width:50px;
}
#blq-content #years li a,
#blq-content #years li span {
  width: 4em;
}

/***Tabs***/
/***Originates from http://alistapart.com/articles/slidingdoors2/***/
#blq-content #tabs {
  float: left;
  width: 519px;
  margin: 1em -7px 2em -7px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: relative;
  padding-left: 7px;
}
#blq-content #tabs ul {
  width: 49%;
  margin-bottom: 0;
}
#blq-content #tabs li {
  display: inline;
}
#blq-content #tabs li a,
#blq-content #tabs li.focus  {
  float: left;
  padding-left: 6px;
  margin-right: 8px;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: left top;
}
#blq-content #tabs li a span,
#blq-content #tabs li.focus span  {
  float: left;
  display: block;
  background-repeat: no-repeat;
  background-position: right top;
  padding: 15px 12px 15px 6px;
}
#blq-content #tabs a:hover {
  background-position: 0% -300px;
}
#blq-content #tabs a:hover span {
  background-position: 100% -300px;
}
#blq-content #tabs li.focus {
  background-position: 0 -150px;
}
#blq-content #tabs li.focus span {
  background-position: 100% -150px;
  padding-bottom: 16px;
}
#blq-content #tabs p {
  width: 49%;
  text-align: right;
  position: absolute;
  top: 15px;
  right: 8px;
  padding-bottom: 1px; /* Reveals link bottom border in Win IE */
  margin-left: 0;
}

/***Episode Lists***/
dl.years dt,
dl.months dt {
  margin-bottom: 2em;
}
dl.months dd {
  margin-bottom: 5em;
}
dl.years dt,
dl.months dt,
ol.episodes {
  margin-top:1em;
}

/***Episode Item***/
ol.episodes li {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
ol.episodes li div.position,
ol.episodes li div.episode {
  float: left;
}
ol.episodes li div.position {
  width: 209px;
  margin-right: 14px;
}
ol.episodes li div.episode {
  width: 289px;
}
ol.episodes li div.logo {
 padding-bottom: 2em;
}
ol.episodes li div.logo div.time,
ol.episodes li div.logo div.location {
  margin-left: 95px;
}
ol.episodes li div.position div.location {
  padding-top: 0.072em;
}
ol.episodes li div.position div.location.service {
  display: none;
}
ol.episodes li div.position span.date {
  display:block;
}
ol.episodes li div.position span.endtime {
  display: none;
}
ol.episodes li div.episode div.availability {
  padding:0.072em 0 0.072em 15px;
}

/***TLEO list filter***/
#filter {
  border-top:1px solid #f7f9f9;
  border-bottom:1px solid #dee2e5;
  padding: 1em 15px 0 15px;
  margin: -8px -15px 8px -15px;
}
#filter .availability {
padding:0.072em 0 0.072em 15px;
}

/***TLEO lists***/
#blq-content li span.availability {
  padding:0.072em 0 0.072em 15px;
}

/***Other lists***/
ol#brands,
ol#series,
ul#formats,
ul#genres,
ul#outlets,
ul#tv,
ul#radio {
  margin-top:1em;
}
ol#brands li,
ol#series li,
ul#formats li,
ul#genres li,
ul#sub-genres li,
ul#outlets li,
ul#tv li,
ul#radio li {
  padding-left:14px;
  margin-bottom:0.4em;
}
ol#brands li.withsynopsis {
  margin-bottom:1em;
}
ol#brands li.withsynopsis p {
  padding-bottom:0;
}
p.nothingtoshow {
  clear:left;
}

/***PIDs - Parents & Microsite***/
#parents,
#microsite {
  margin-bottom:1em;
}
#parents ol li {
  float: left;
  padding-left: 2em;
  margin-bottom:0;
}
#parents ol li.first {
  padding-left: 14px;
}