/*  @ Title:  Layout style sheet */
body {
	text-align: left;
	font: 75%/ 1.5 "arial", Verdana, sans-serif;
	background: #FBFBFB url(../images/ci/bg/body-bg.jpg) no-repeat center
		top;
	color: #4D4D4D;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*misc styles*/
p {
	margin-bottom: 10px;
	font-size: 1.1em;
}

#tabbedContentBody ul {
	padding-left: 20px;
	margin-bottom: 10px;
}

#tabbedContentBody ul li {
	list-style: disc;
}

/*-- brightcode players --*/
#bc_smallPlayer {
	display: block;
	width: 480px;
	height: 270px;
}

#bc_largePlayer {
	display: block;
	width: 640px;
	height: 360px;
}

.auto_play_video {
	display: block;
	width: 480px;
	height: 270px;
	background: #000;
}

/*-- content on white background --*/
#hygeineContent,#encyclopediaContent,#error-404,.featuredVideos,#searchResults,#tabbedContent
	{
	background-color: #FFF;
	color: #000;
}

/*-- link colors on white bg --*/
#hygeineContent a,#encyclopediaContent a,#error-404 a,.featuredVideos a,#searchResults a,#tabbedContent a
	{
	color: #AA141E;
}

/*-- paragraph padding on textual areas --*/
#hygeineContent p,#encyclopediaContent p,#error-404 p,.articleDetail p {
	padding: 0 0 10px 0;
}

.articleDetail h4 {
	font-weight: bold;
	font-size: 1.1em;
}

/*-- content on dark grey background  --*/
#onNext,#relatedShows,#relatedDays,#popularHistoryDays,#relatedEncycEntries
	{
	background-color: #FFF;
}

/*-- decorated link styles on dark background --*/
#onNext a.decoratedLink,#relatedShows a.decoratedLink,#relatedDays a.decoratedLink,#popularHistoryDays a.decoratedLink,#relatedEncycEntries a.decoratedLink,#phhWatchPreview a.decoratedLink,#hpDayInHistory a.decoratedLink,#asBottom a.decoratedLink,#newsletterContent a.decoratedLink
	{
	background: url(../images/ci/ico/redLinkArrowOnWhite.gif) no-repeat left
		center;
}

p a {
	font-weight: bold;
}

/*-- standard link --*/
a {
	color: #AA141E;
	text-decoration: none;
}

a:hover,a:focus {
	text-decoration: underline;
}

img a {
	border: none
}

/*-- toggle more/less buttons - due to change --*/
a.hidden,.moreHidden {
	display: none !Important;
}

.closeMore,a.showFullText {
	font-weight: bold;
	cursor: pointer;
}

/*-- general style for a wide button (such as share link etc) --*/
a.btnWide {
	display: block;
	height: 23px;
	padding: 7px 0 0 0;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

a.shareTransparentBg,a.shareNonTransparent-1,a.shareNonTransparent-2 {
	width: 108px;
	padding-left: 30px;
}

/*-- our three different backgrounds for the share buttons --*/
a.shareTransparentBg {
	background:
		url(../images/shareTransparentBg.png) 0
		0 no-repeat;
}

a.shareNonTransparent-1 {
	background:
		url(../images/shareNonTransparent-1.png)
		0 0 no-repeat;
}

a.shareNonTransparent-2 {
	background:
		url(../images/shareNonTransparent-2.png)
		0 0 no-repeat;
	color: #000;
}

a.recordWithSky,a.skyRecordNonTransparent-1,a.skyRecordNonTransparent-2
	{
	width: 108px;
	padding-left: 25px;
}

/*-- the three different backgrounds for the record buttons --*/
a.recordWithSky {
	background:
		url(../images/recordBtnWide.png) 0 0
		no-repeat;
}

a.skyRecordNonTransparent-1 {
	background:
		url(../images/skyRecordNonTransparent-1.png)
		0 0 no-repeat;
	color: #FFF;
}

a.skyRecordNonTransparent-2 {
	background:
		url(../images/skyRecordNonTransparent-2.png)
		0 0 no-repeat;
	color: #000;
}

a.skyRecordNonTransparent-1 img,a.skyRecordNonTransparent-2 img {
	margin-top: -2px;
}

a.skyRecordNonTransparent-1 span,a.skyRecordNonTransparent-2 span {
	float: left;
}

a.remindMeNonTransparent-1,a.remindMeNonTransparent-2 {
	width: 69px;
	background:
		url(../images/remindMeNonTransparent-1.png)
		0 0 no-repeat;
	padding-left: 30px;
	color: #FFF;
}

a.remindMeNonTransparent-2 {
	background:
		url(../images/remindMeNonTransparent-2.png)
		0 0 no-repeat;
	color: #000;
}

/*-- remind me style used on remind me button full episodes --*/
a.remindMe {
	color: #000 !important;
	font-weight: bold;
	background:
		url(../images/remindMeIcon.gif) 0 0
		no-repeat;
	padding: 2px 0 3px 22px;
	font-size: .9em;
	line-height: 1.5em;
}

a.dvdNonTransparent-1 {
	background:
		url(../images/dvdNonTransparent-1.png) 0
		0 no-repeat;
	width: 94px;
	padding: 9px 0 0 50px;
	cursor: pointer;
}

a.dvdNonTransparent-1 span {
	line-height: 1em;
}

a.dvdNonTransparent-1 span.buyNow {
	background:
		url(../images/redLinkArrow.gif) 0 0
		no-repeat;
	text-transform: uppercase;
	color: #ffcc00;
	padding: 0 0 0 12px;
	display: block;
}

/*-- info icon for show information that pops up in lightbox (2 different images for different backgrounds) --*/
a.infoLightbox,a.infoLightbox2 {
	display: inline-block;
	height: 12px;
	width: 12px;
	background: url(../images/infoIcon.png) 0
		0 no-repeat;
	margin: 4px 0 0 4px;
	text-decoration: none;
	cursor: pointer;
}

a.infoLightbox2 {
	background: url(../images/infoIcon2.png) 0
		0 no-repeat;
}

a.infoLightbox:hover {
	background: url(../images/infoIcon.png) 0
		-12px no-repeat;
}

a.infoLightbox2:hover {
	background: url(../images/infoIcon2.png) 0
		-12px no-repeat;
}

span.comingSoon,span.onAir {
	display: block;
	float: left;
	height: 13px;
	width: 79px;
	background: url(../images/comingSoon.gif)
		0 0 no-repeat;
	text-indent: -3000px;
	margin: 2px 5px 0 0;
	line-height: 0;
}

span.onAir {
	background: url(../images/ci/but/onAir.gif) 0 0 no-repeat;
	width: 43px;
}

/*-- decorated link base style - watch out for mods to padding inside other specific divs --*/
ul.decoratedLinkLinks li a,ul.anchorLinks li a,#error-404 ul li a,a.decoratedLink
	{
	background:
		url(../images/redLinkArrowOnWhite.gif) 0
		12px no-repeat;
	padding: 8px 0 8px 12px;
	color: #AA141E;
	display: block;
	font-weight: bold;
}

/*-- adjust padding for decorated links list --*/
ul.decoratedLinkLinks li a {
	padding: 2px 0 2px 12px;
	background:
		url(../images/redLinkArrowOnWhite.gif) 0
		6px no-repeat;
}

a.decoratedLinkBtn {
	height: 23px;
	float: left;
	background:
		url(../images/decoratedLinkBtnRight.png)
		top right no-repeat;
	font-weight: bold;
	cursor: pointer;
}

a.decoratedLinkBtn span {
	height: 15px;
	display: block;
	float: left;
	margin-right: 3px;
	padding: 3px 8px 5px 20px;
	background:
		url(../images/decoratedLinkBtnLeft.png)
		top left no-repeat;
	color: #FFF;
	font-weight: normal;
}

a.decoratedLinkBtn:hover span {
	text-decoration: underline;
}

/*--the header for the tabbedContentFrame in the right column (on next etc)--*/
.tabbedContentFrame h3.tcfHeader {
	display: block;
	height: 20px;
	padding: 3px 0 0 10px;
	text-transform: uppercase;
	line-height: 1em;
	font-weight: bold;
}

#onNext {
	border-top: 3px solid #AA141E;
	margin-bottom: 16px;
}

#onNext #tabContent-ontv,#onNext #tabContent-onhdtv,#onNext #tabContent-premiere
	{
	padding: 0 10px;
	height: 209px;
}

#tabs #tabContent-ontv.ui-tabs-hide,#tabs #tabContent-onhdtv.ui-tabs-hide,#tabs #tabContent-premiere.ui-tabs-hide
	{
	display: none;
}

#onNext ul.on-tv {
	font-weight: bold;
}

#onNext ul.on-tv li h4 a {
	font-size: 1.4em;
	line-height: 1.1em;
}

#onNext ul.on-tv li {
	color: #AA141E;
	padding: 14px 0 2px 0;
	overflow: hidden;
}

#onNext ul.on-tv li a {
	text-transform: none;
	color: #4D4D4D;
	font-size: 100%;
}

/*-- square tabbed style navigation (eg related shows (encyclopedia page right col)) --*/
ul.squareTabs,ul.squareTabsUnderline {
	display: block;
	height: 27px;
	z-index: 10;
	font-weight: bold;
}

ul.squareTabsUnderline {
	border-bottom: 3px solid #1A1A1A;
	height: 29px;
	padding-bottom: 10px;
}

#crimefile ul.squareTabsUnderline {
	padding: 10px 0;
}

ul.squareTabs li,ul.squareTabsUnderline li {
	float: left;
	display: inline;
}

ul.squareTabs li a,ul.squareTabsUnderline li a {
	text-decoration: none !important;
	float: left;
	text-align: center;
	padding: 4px 10px 5px 10px;
	color: #4D4D4D;
	text-transform: uppercase;
	font-weight: bold;
}

ul.squareTabs li a:hover,ul.squareTabs li.active a,ul.squareTabs li.ui-state-active a
	{
	color: #FFF;
	background-color: #AA141E;
}

ul.squareTabs li a.rss,ul.squareTabs li.active a.rss {
	float: left;
	display: block;
	height: 14px;
	width: 14px;
	padding: 6px 10px 7px 4px;
}

ul.squareTabsUnderline li a:hover,ul.squareTabsUnderline li.active a,ul.squareTabsUnderline li.ui-tabs-selected a,ul.squareTabsUnderline li.ui-state-active a
	{
	color: #FFF;
	background: #AA141E;
}

/*-- pagination (search results pagination and calendar pagination) --*/
ul.pagination {
	margin-top: 16px;
	background-color: #F8FBFB;
}

ul.pagination,ul.calPagination {
	display: block;
	height: 29px;
}

ul.pagination li,ul.calPagination li {
	float: left;
	display: inline;
}

ul.pagination li.divide {
	margin: 0 10px;
	padding: 5px 0 0 0;
	color: #a7a7a7;
}

ul.pagination li a,ul.calPagination li,#searchResults ul.pagination li a
	{
	text-decoration: none !important;
	float: left;
	text-align: center;
	padding: 5px 10px 6px 10px;
	color: #615958;
}

ul.calPagination li {
	text-transform: uppercase;
	font-weight: bold;
}

ul.calPagination li.next,ul.calPagination li.prev {
	padding: 0px 0 0 0;
}

ul.pagination li a:hover,ul.pagination li.active a,ul.calPagination li.active,#searchResults ul.pagination li a:hover,#searchResults ul.pagination li.active a
	{
	background-color: #AA141E;
	color: #FFF;
}

ul.pagination li.next a,ul.calPagination li.next a,#searchResults ul.pagination li.next a
	{
	background-image:
		url('../images/ci/but/paginationNext.gif');
	background-position: 5px 0;
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: 10px;
}

ul.pagination li.previous a,ul.calPagination li.prev a,#searchResults ul.pagination li.previous a
	{
	background-image:
		url('../images/ci/but/paginationPrev.gif');
	background-position: 92% 0;
	background-repeat: no-repeat;
	padding-right: 18px;
	margin-right: 6px;
}

ul.calPagination li.next a,ul.calPagination li.prev a {
	padding: 0px 10px 10px 10px;
	width: 11px;
	margin: 0 0 0 0;
	display: block;
	float: left;
	height: 19px;
}

ul.calPagination li.next a {
	background-position: 12px 0;
}

ul.calPagination li.prev a {
	background-position: 7px 0;
}

ul.calPagination li.prev a:hover {
	background-color: #AA141E;
	background-position: 7px -21px;
}

ul.calPagination li.next a:hover {
	background-color: #AA141E;
	background-position: 0 -21px;
}

ul.calPagination li.next a span.hide,ul.calPagination li.prev a span.hide
	{
	display: none;
}

ul.pagination li.next a:hover,#searchResults ul.pagination li.next a:hover
	{
	background-position: 5px -21px;
}

ul.pagination li.previous a:hover,#searchResults ul.pagination li.previous a:hover
	{
	background-position: 92% -21px;
}

/*-- site and design wide decorated h3 --*/
h3.decoratedSubHead,h2.decoratedSubHead {
	text-transform: uppercase;
	font-size: 12px !important;
	/*-- overwrite any font size declarations - always 12px --*/
	display: block;
	margin: 36px 0 16px -10px !important;
	/*-- negative left margin to pull the header inline with the edge of the white background --*/
	line-height: 1.2em !important;
	font-weight: bold;
}

/*-- utilise a shorter height for the decorated h3 --*/
h3.decoratedSubHeadShort,h2.decoratedSubHeadShort {
	margin-top: 14px !important
}

/*-- style the span in the decorated h3 --*/
h3.decoratedSubHead span,h2.decoratedSubHead span {
	background: #AA141E;
	color: #FFF;
	padding: 8px 8px 8px 10px;
}

div.hpSubHead,h2.hpSubHead {
	font-size: 30px;
	padding: 5px 0 10px 0;
	overflow: hidden;
	width: 964px;
	text-transform: uppercase;
	font-weight: bold;
}

/*-- End Common Global Styles --*/
	/*-- the main content frame - wide enough to fit the sky scraper on the left --*/
#mainFrame {
	margin: 0 auto;
	width: 1116px;
	padding: 0 10px;
	color: #333;
	clear: both;
}

#mainContent {
	position: relative;
	float: left;
	width: 964px;
	margin-right: 10px;
}

/*-- our column for the skyscraper --*/
#skyScraperCol {
	float: left;
	margin: 160px 0 0 10px;
	/* background: #1A1A1A;*/
}

/*-- our skyscraper ads --*/
.skyScraper {
	display: block;
	margin: 3px;
	height: 600px;
	width: 120px;
	/*background: #FFF;*/
	overflow: hidden;
	position: relative;
}

.skyScraper object,.skyScraper embed {
	position: absolute;
	top: 0;
	left: 0;
}

/*-- our header content area (logo, main nav, banner ad and site wide search) --*/
#header {
	height: 158px;
	width: 964px;
	display: block;
	position: relative;
	border-bottom: 5px #AA141E solid;
}

/*-- our logo --*/
#logo {
	position: absolute;
	top: 26px;
	left: 9px;
	z-index: 10;
	display: block;
	height: 57px;
	width: 218px;
}

/*--  header banner ad space --*/
#headerAdOuter {
	position: absolute;
	right: 0;
	top: 8px;
	display: block;
	height: 96px;
	width: 734px;
	z-index: 10;
}

#headerAdInner {
	display: block;
	height: 90px;
	width: 728px;
	/* background:#333333; */
	margin: 3px;
	padding: 0;
	position: relative;
}

#headerAdInner object,#headerAdInner embed,#headerAdInner iframe,#headerAdInner a img
	{
	position: absolute;
	top: 0;
	left: 0;
}

/*-- old main navigation --
#mainNav {
	position: absolute;
	left: 0;
	bottom: 12px;
	z-index: 10;
	height: 34px;

	width: 500px;
	overflow: hidden;

}

#mainNav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#mainNav ul li a {
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 4px 10px;
	margin: 0 3px 0 5px;
	color: #4D4D4D;
	font-weight: bold;
	text-transform: uppercase;
}

#mainNav ul li a.selected {
	color: #FFF;
	background: #AA141E;
}

#mainNav ul li a:hover,#mainNav ul li.active a {
	color: #FFF;
	background: #AA141E;
}

#mainNav ul li#newsletter a {
	padding: 4px 10px 4px 10px;
}

#mainNav ul li#tvShows a {
	padding: 4px 10px 0 10px;
	outline: none;
	height: 23px;
	cursor: pointer;
}

#mainNav ul li#tvShows a span {
	float: left;
}

#mainNav ul li#tvShows span#triggerShowsDrop {
	height: 15px;
	width: 17px;
	padding: 0 0 0 0;
	margin: 1px 0 0 3px;
	display: block;
	background:
		url(../images/ci/ico/mainNavTvShowsIco.png) 0
		0 no-repeat;
}

#mainNav ul li#tvShows span#triggerShowsDrop.hoverReady {
	background: #AA141E
		url('../images/ci/ico/mainNavTvShowsIcoHov.png')
		0 0 no-repeat;
	padding: 0 0 0 0;
	margin: 1px 0 0 3px;
}

#mainNav ul li#tvShows span#triggerShowsDrop.hoverOn {
	background: #AA141E
		url('../images/ci/ico/mainNavTvShowsIcoHov.png')
		0 0 no-repeat;
	padding: 0 0 7px 0;
	margin: 1px 0 0 3px;
}

#mainNav ul li#tvShows span#triggerShowsDrop :focus {
	outline: none;
}
*/
/*#mainNav ul li#tvShows.activeSub {background-color: #AA141E;}*/
	/*-- shows drop down is triggered when hovering over TV Shows in main navigation --*/
#showsDrop {
	position: absolute;
	left: 0;
	width: 944px;
	top: 143px;
	background: #FFF
		url(../images/showsDropBg.png) top left
		no-repeat;
	z-index: 15 !important;
	padding: 10px;
}

#showsDrop.hidden {
	display: none;
}

#showsDrop div.sdlCol {
	width: 304px;
	float: left;
	margin-right: 10px;
	padding: 10px 0 0 0;
}

#showsDrop div.sdlCol b {
	color: #a7a7a7;
	text-transform: uppercase;
}


#showsDrop ul.showsDropList {
	margin: 10px 0;
	font-size: 1em;
}

#showsDrop ul.showsDropList li a {
	color: #000;
	font-weight: bold;
}

#showsDrop ul.showsDropList li a:hover {
	text-decoration: underline;
}

#showsDrop a.decoratedLink {
	font-weight: bold;
}

#showsDrop ul.sdlLarge {
	font-size: 2em;
}

#showsDrop ul.sdlMedium {
	font-size: 1.3em;
}

/*-- site wide header search custom form --*/
#headerSearch {
	position: absolute;
	z-index: 10;
	right: 10px;
	bottom: 21px;
	width: 230px;
}

#headerSearch form {
	float: right;
}

#headerSearch input.inputText {
	width: 157px;
}

/*-- shows drop down is triggered when hovering over TV Shows in main navigation - see hc.global.js --*/
#showsDrop {
	position: absolute;
	left: 0;
	width: 944px;
	top: 134px;
	background: #FFF
		url(../images/showsDropBg.png) 100px 0
		no-repeat;
	z-index: 99;
	padding: 10px;
}

/*-- the default state of the drop down is hidden --*/
#showsDrop.hidden {
	display: none;
}

/*-- shows drop down column - currently 3 being utilised --*/
#showsDrop div.sdlCol {
	width: 304px;
	float: left;
	margin-right: 10px;
	padding: 10px 0 0 0;
}

#showsDrop div.sdlCol b {
	color: #a7a7a7;
	text-transform: uppercase;
}

#showsDrop ul.showsDropList {
	margin: 10px 0;
	font-size: 1em;
}

#showsDrop ul.showsDropList li a {
	color: #000;
	font-weight: bold;
}

#showsDrop ul.showsDropList li a:hover {
	text-decoration: underline;
}

#showsDrop a.decoratedLink {
	font-weight: bold;
}

#showsDrop ul.sdlLarge {
	font-size: 2em;
}

#showsDrop ul.sdlMedium {
	font-size: 1.3em;
}

/*-- end HEADER CONTENT --*/
	/*-- used commonly with or without fixed height (example used in conjunction with promo pods will have fixed height) --*/
.oneThirdWidth {
	position: relative;
	display: block;
	float: left;
	width: 316px;
	margin: 18px 8px 0 0;
}

/*-- used in combination for fixed height promo areas and various variable height content areas --*/
.twoThirdWidth {
	position: relative;
	float: left;
	display: block;
	width: 640px;
	margin: 18px 8px 0 0;
}

.oneThirdWidth-last {
	margin-right: 0;
}

/*-- page programme hero header (image header - a list, home page etc) --*/
#programmeHeroHeader {
	position: relative;
	height: 296px;
	padding: 0 0 0 18px;
	border-bottom: #AA141E solid 5px;
	margin-top: -5px;
}

/*-- current styling for the here header a list page --*/
#heroHeaderContent {
	top: 140px;
	z-index: 5;
	position: absolute;
	width: 924px;
	font-weight: bold;
}

#heroHeaderContent a.playButtonLarge {
	display: block;
	float: left;
	height: 48px;
	background:
		url(../images/playButtonWhiteLarge.png)
		0 0 no-repeat;
	padding: 21px 0 0 75px;
	line-height: 1.6em;
	margin: 12px 0 0 0;
}

#heroHeaderContent #showSeriesDropdown {
	padding: 8px;
	background:
		url(../images/transparentdkGreyBg-90.png)
		0 0 repeat;
	width: 176px;
}

#heroHeaderContent #showSeriesDropdown form label {
	color: #FFCC00;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}

#heroHeaderContent #showSeriesDropdown form select {
	float: left;
}

#heroHeaderContent span.watch {
	text-transform: uppercase;
	color: #ffCC00;
	position: absolute;
	left: 75px;
	top: 87px;
}

#heroHeaderContent a.playButtonLarge {
	color: #FFF;
	font-size: 18px;
}

#heroHeaderContent #showStrapline-link p {
	font-size: 18px;
	margin-top: 5px;
}

#heroHeaderContent #showStrapline-link a {
	text-transform: uppercase;
}

/*-- homepage programme hero header link --*/
#phhWatchPreview {
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: 10px;
	background: none;
	/*	url(../images/transparentBlackBg-90.png)
		repeat;*/
	height: 43px;
	width: 266px;
	padding: 15px 20px;
	font-weight: bold;
}

#phhWatchPreview span {
	text-transform: uppercase;
	color: #AA141E;
	font-weight: bold;
}

#phhWatchPreview a.decoratedLink {
	font-size: 24px;
	margin: 0;
	padding: 0 0 0 16px;
	color: #4D4D4D;
}

#hhcButtons {
	width: 964px;
	overflow: hidden;
}

#hhcButtons a.btnWide {
	margin: 18px 10px 0 0;
	float: left;
}

/*-- homepage day in history header --*/
#hpDayInHistory {
	margin: 20px 0 10px 0;
	height: 86px;
	padding: 10px 10px 10px 0;
	overflow: hidden;
	width: 944px;
}

/*-- homepage day in history image and copy --*/
#hpDayInHistory img.hpDayInHistoryImg {
	margin-right: 10px;
	float: left;
}

#hpDayInHistory #hpDihCopy {
	float: left;
}

#hpDayInHistory a.hpDihHeading {
	text-transform: uppercase;
	font-weight: bold;
	/* background:url(../images/rss.png) top right no-repeat;*/
	/*padding:1px 20px 0 0;*/
}

#hpDayInHistory #hpDihCopy span.dayMonth {
	font-size: 50px;
	line-height: 0.9em;
	padding: 0 10px 0 0;
	font-weight: bold;
	vertical-align: baseline;
	color: #4D4D4D;
}

#hpDayInHistory #hpDihCopy span.yearTitle {
	font-size: 28px;
	line-height: .9em;
	color: #818181;
	font-weight: bold;
	display: block;
	float: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 0.9em;
	padding-top: 20px;
	width: 570px;
}

#hpDayInHistory #hpDihCopy a.decoratedLinkOn {
	padding: 8px 0 0 12px;
}

#hpDayInHistory .dateCol {
	display: inline-block;
	float: left;
}

/*-- homepage accordion 
.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	background: #eee;
	height: 29px;
	width: 964px;
	margin-top: 7px;
	color: #4D4D4D;
}

.ui-accordion .ui-accordion-header span.ui-icon {
	display: none;
}

.ui-accordion .ui-accordion-content {
	border-top: 0;
	padding: 0;
	position: relative;
	display: none;
	background: #FFF url(../images/ci/ico/accordionContentBg.gif) 0 0 no-repeat
		!Important;
	color: #000;
	overflow: auto;
}
--*/
/* this clearfix is required for the accordion, without it IE 6 and 7 have some very strange behaviour. 
.accClearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.accClearfix {
	display: inline-block;
}

/* start commented backslash hack \*/
* html .accClearfix {
	height: 1%;
}

.accClearfix {
	display: block;
}

.ui-accordion .ui-accordion-content .accCol1,.ui-accordion .ui-accordion-content .accCol2,.ui-accordion .ui-accordion-content .accCol3
	{
	margin: 20px 0;
}

/* close commented backslash hack */
/*
.ui-accordion .ui-accordion-content .accCol1 a {
	color: #AA141E;
	background: transparent url(../images/ci/ico/redLinkArrowOnWhite.gif)
		no-repeat scroll left center;
	font-weight: bold;
	padding-left: 12px;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}

.ui-accordion .ui-accordion-content .accCol1 {
	float: left;
	width: 140px;
	padding: 0 10px;
}

.accCol1 b,.accCol1 strong,.accCol1 h3 {
	text-transform: uppercase;
	font-weight: bold;
}

.ui-accordion .ui-accordion-content .accCol2 {
	float: left;
	width: 480px;
}

.ui-accordion .ui-accordion-content .accCol3 {
	float: left;
	width: 300px;
	margin-left: 16px;
	overflow: hidden;
}

.ui-accordion .tab span.accordionRedTab {
	float: left;
	display: block;
	text-transform: uppercase;
	color: #FFF;
	padding: 6px 28px 0 10px;
	height: 23px;
	margin: 0;
	background: #AA141E url(../images/ci/ico/accordionDefaultIndicator.gif) top
		right no-repeat;
	font-weight: bold;
}

.ui-accordion .ui-state-active span.accordionRedTab {
	background: #AA141E url(../images/ci/ico/accordionActiveIndicator.gif) top right
		no-repeat;
}

.ui-accordion .tab h3 {
	position: absolute;
	left: 175px;
	width: 410px;
	display: block;
	color: #4d4d4d;
	font-size: 1.4em;
	padding: 2px 0 0 0;
	font-weight: bold;
}

.ui-accordion .tab:hover h3 {
	text-decoration: underline;
}

.ui-accordion .tab span {
	float: right;
	color: #4d4d4d;
	font-weight: bold;
	margin: 6px 240px 0 0;
}
*/
/*-- common header styles --*/
#pageHeader {
	padding-left: 9px;
	overflow: hidden;
	width: 955px;
	height: 50px;
}

/*-- float the flash object left so we can align the rss next to it --*/
#pageHeader object,div.hpSubHead object {
	float: left;
}

#pageHeader #rss,div.hpSubHead #rss {
	float: left;
}

/*-- rss button style --*/
#pageHeader #rss a,div.hpSubHead #rss a {
	background: url(../images/ci/ico/rss.gif) top right no-repeat;
	display: block;
	height: 14px;
	width: 14px;
	margin-top: 13px;
	cursor: pointer;
}

div.hpSubHead #rss a {
	margin-top: 16px;
}

#pageHeader #rss a span,div.hpSubHead #rss a span {
	position: absolute;
	left: -9000px;
}

/*-- common header when timeline is present --*/
#pageHeader.withTimeline {
	margin-top: -23px;
	border-top: none;
	width: 621px;
}

/*-- just some basic styling for the html header, this will be hidden by the sfr--*/
#pageHeader h1,#pageHeader h2, h1#pageHeader {
	font-size: 30px;
	line-height: 1.2em;
	margin: -1px 0 9px 0;
	font-weight: bold;
	text-transform: uppercase;
	/*display: block;
	letter-spacing: 0.1em;
	width: 955px;*/
	color: #AA141E;
}
#pageHeader h3 {
	font-weight:bold; 
	text-transform:uppercase; 
	color: #4d4d4d; 
	font-size:1.2em
}
/*-- page header strapline, dotted about a bit, for an example please see the all shows page --*/
#pageHeaderStrapline {
	padding: 10px;
	width: 660px;
	color: #4D4D4D;
}

/*-- page header buttons & text links that can appear after the pageHeader, or even in place of the page header (a list) --*/
#phButtons {
	overflow: hidden;
	padding: 0 10px 0 10px;
	height: 30px;
	margin: 0 0 16px 0;
	float: right;
	display: inline-block;
	width: auto;
}

#phButtons.withTimeline {
	margin-top: -8px;
	width: 632px;
	padding-right: 0;
}

#phButtons a {
	margin: 0 10px 0 0;
	float: left;
}

#phButtons span.seriesLink {
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFCC00;
	float: left;
	margin: 0 10px 0 0;
	padding-top: 5px;
}

/*-- share this button */
#phButtons a .stbuttontext,.buttons a .stbuttontext {
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
}

#phButtons a.stbutton.stico_default,.buttons a.stbutton.stico_default {
	display: block;
	background: transparent url(../images/ci/but/shareNonTransparent-1.png)
		no-repeat scroll 0 0 !important;
	padding: 7px 0 0 30px;
	width: 108px;
	height: 23px;
	color: #fff;
}

#phButtons a.stbutton.stico_default:focus,.buttons a.stbutton.stico_default:focus
	{
	border: none;
	text-decoration: none;
}

/*--	promotional divs (win trip, programme promo, boxset ad etc)
		promo divs include buy box sets, win trip, newsletter sign up pod etc
		Our height is fixed and content is positioned absolutely.	--*/
	/*--	clear our promos (oneThird and twoThird widths both floated left) --*/
.promosCluster {
	width: 964px;
	overflow: hidden;
}

.promo {
	height: 306px;
}

/*--	the background images for the promo pods are written in the html
		these are positioned as background images here.		--*/
.promo img.background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/*--	these are our various text boxes for promo copy
		they are positioned absolutely above the promo image
		there are a few variations (positioned left or right
		narrow or wide, and some with less padding)		--*/
.textBoxWide,.textBoxNarrow,.textBoxWideRight,.textBoxNarrowRight,.textBoxNarrowRight,.textBoxWideRightLp
	{
	border-top: 3px solid #AA141E;
	background:
		url(../images/transparentBlackBg-90.png)
		0 0 repeat;
	position: absolute;
	bottom: 18px;
	padding: 8px 8px 50px 8px;
	z-index: 5;
}

.textBoxWideRight,.textBoxNarrowRight,.textBoxWideRightLp {
	right: 0;
}

.textBoxWideRightLp,.newsletter {
	padding: 8px 8px 12px 8px !important;
}

/*--	set the width of the promo text box inside oneThirdWidth	--*/
.oneThirdWidth .textBoxWide,.oneThirdWidth .textBoxWideRight,.oneThirdWidth .textBoxWideRightLp
	{
	width: 219px; /*235*/
}

/*--	set the width of the promo text box inside twoThirdWidth	--*/
.twoThirdWidth .textBoxWide,.twoThirdWidth .textBoxWideRight {
	width: 460px; /*478*/
}

/*--	set the width of the promo inside textBoxNarrow		--*/
.oneThirdWidth .textBoxNarrow {
	width: 139px; /*155*/
}

/*--	2 columns on tv list - used commonly inside our 2 col wide promo pod
		example how the earth was made list --*/
.twoCol-on-tv {
	width: 460px;
	overflow: hidden;
}

.twoCol-on-tv ul.on-tv {
	width: 230px;
	float: left;
}

.twoCol-on-tv ul.on-tv li {
	color: #ffCC00;
	padding: 14px 0 2px 0;
	overflow: hidden;
	text-transform: uppercase;
}

.twoCol-on-tv ul.on-tv li a {
	text-transform: none;
	color: #FFF;
	font-size: 100%;
}

/*-- promo headers */
.promo h3 {
	font-size: 18px;
	line-height: 1em;
	text-transform: uppercase;
	margin: 5px 0;
}

/*-- promo headers indicating dvd prices --*/
.promo h3 span.oldPrice {
	color: #A7A7A7;
	text-decoration: line-through;
}

.promo h3 span.pricePromo {
	color: #FFCC00;
}

.promo p {
	color: #a7a7a7;
}

/*-- promo links all line up at the bottom of the textBox area 
.promo a.promoLink {
	position:absolute;
	bottom:10px;
	left:8px;
	font-size:14px;
	text-transform: uppercase;
	padding: 0 0 0 12px;
	background: url('../images/redLinkArrow.gif') 0 4px no-repeat;
	}
*/ /*-- custom form styling for the newsletter sign up promo pod --*/
.promo form#promoNewsletterSignUp input.inputText {
	width: 125px;
}

.promo form#promoNewsletterSignUp .formRow {
	padding: 4px 0;
}

/* new promobox css */
.promosCluster {
	width: 972px;
	margin-right: -8px;
	overflow: hidden;
}

.promobox {
	display: block;
	float: left;
	margin: 18px 8px 0 0;
	position: relative;
	width: 316px;
	height: 307px;
	overflow: hidden;
}

.promobox.double {
	width: 640px;
}

.promobox img.background {
	height: 307px;
}

.promobox .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 316px;
	height: 307px;
	background: transparent no-repeat;
}

.promobox.right .overlay {
	background-image: url(../images/ci//promo/glass-right.png);
	background-position: right top;
}

.promobox.left .overlay {
	background-image: url(../images/ci//promo/glass-left.png);
	background-position: left top;
}

.promobox.wide .overlay,.promobox.left.wide .overlay {
	background-image: url(../images/ci//promo/glass-bottom-right.png);
	background-position: left top;
}

.promobox.double .overlay,.promobox.left.wide.double .overlay {
	background-image: url(../images/ci//promo/glass-left-double.png);
	background-position: left top;
}

.promobox.nobg,.promobox.wide.nobg {
	background-image: none;
}

.promobox .promoCopy {
	position: absolute;
	top: 15px;
	left: 10px;
	z-index: 6;
}

.promobox.wide .promoCopy {
	width: 290px;
}

.promobox.narrow .promoCopy {
	width: 145px;
}

.promobox.left .promoCopy {
	
}

.promobox.right .promoCopy {
	right: 10px;
	left: auto;
}

.promobox h3 {
	color: #A81616;
	font-size: 18px;
	line-height: 1em;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
}

.promobox h3 a {
	color: #AA141E;
}

.promobox h4 {
	font-size: 19px;
	line-height: 1em;
	margin: 0;
	font-weight: bold;
	color: #413B3A;
}

.promobox h4 a {
	color: #818181;
}

.promobox p {
	color: #413B3A;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.promobox a {
	color: #A81616;
}
.promobox ul {
	padding-top: 5px;	
}
.promobox li a.decoratedLink {
	background:transparent url(../images/redLinkArrowOnWhite.gif) no-repeat scroll 0 8px;
	padding:4px 0 4px 12px;
}
.promobox a.decorated {
	background: transparent
		url(../images/ci/ico/redLinkArrowOnWhite.gif)
		no-repeat 0 50%;
	font-size: 14px;
	padding: 0 0 0 12px;
	margin-top: 15px;
	display: block;
	clear: both;
	font-weight: bold;
}

.promobox .price {
	color: #FFCC00;
	font-size: 18px;
	font-weight: bold;
}

.promobox .oldPrice {
	text-decoration: line-through;
	color: #A7A7A7;
	font-size: 12px;
	font-weight: bold;
}

.promobox form {
	margin: 5px 0 0 0;
}

/*-- commonly used mpu container --*/
div.mpu {
	margin: 0;
	border: 1px solid #e1e1e1;
	display: block;
	height: 250px;
	width: 300px;
	overflow: hidden;
	position: relative;

}

div.mpu object,div.mpu	embed,div.mpu a img {
	position: absolute;
	top: 0;
	left: 0;
}
div.mpu, .accCol3 {
background:transparent url(../images/ci/bg/mpu-bg.jpg) no-repeat scroll left top;
min-height:250px;
min-width:300px;
}

/*-- left sub nav container --*/
#leftCol-subNav {
	float: left;
	width: 154px;
	margin: 9px 0 0 0;
}

/*-- LeftCol navigation / hygeine and search results page --*/
#leftCol-subNav  ul li a {
	display: block;
	padding: 6px 8px 4px 10px;
	text-decoration: none;
	color: #4D4D4D;
	background: #F8FBFB;
	border-left: 4px solid #F8FBFB;
	text-transform: uppercase;
	font-weight: bold;
}

#leftCol-subNav  ul li#active a,#leftCol-subNav  ul li a:hover {
	color: #AA141E;
	background: #F8FBFB;
	border-left: 4px solid #AA141E;
}

/*-- clear our hygeiene content (clears left nav, hygeine content and hygeineRightContent) --*/
#hygeineFrame {
	overflow: hidden;
	width: 964px;
}

/*--hygeine center col for about, contact, faq's, site map etc --*/
#hygeineContent {
	float: left;
	width: 454px;
	margin: 9px 8px 0 0;
	padding: 0 16px 10px 16px;
}

#hygeineContent	a.backToTop {
	font-size: 90%;
	padding: 0 0 0 15px;
	background:
		url(../images/redLinkArrowUpOnWhite.gif)
		0 3px no-repeat;
}

/*-- terms & conditions number --*/
#hygeineContent b.tcNumber {
	font-size: 1.6em;
}

/*-- adjust our decorated header for this content --*/
#hygeineContent	h2.decoratedSubHead {
	text-transform: uppercase;
	font-size: 12px !important;
	display: block;
	margin: 36px 0 16px -16px !important;
	/*-- negative left margin to move over padding of container div)--*/
	line-height: 1.2em !important;
}

#hygeineContent	h2.decoratedSubHeadShort {
	margin-top: 14px !important
}

#hygeineContent	h2.decoratedSubHead span {
	background: #AA141E;
	color: #FFF;
	padding: 8px 8px 8px 10px;
}

#hygeineContent h3 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}

#hygeineContent div.linksCluster {
	margin: 15px 0;
}

#hygeineContent div.linksCluster a {
	color: #000;
	text-decoration: underline;
	margin: 0 6px 0 0;
}

/*-- hygeine right col --*/
#hygeineRightContent .oneThirdWidth {
	margin-top: 9px;
}

/*-- contact page --*/
#contactMap {
	margin: 0 0 24px 0;
}

#contactCols {
	overflow: hidden;
	width: 466px;
	margin-left: -16px;
}

#contactCols h2.decoratedSubHead {
	margin-left: 0 !important;
}

#contactCols #ccCol1 {
	float: left;
	width: 228px;
	margin-right: 8px;
}

#contactCols #ccCol2 {
	float: left;
	width: 228px;
}

#contactCols #ccCol1 p,#contactCols #ccCol2 p,#contactCols #ccCol1 address,#contactCols #ccCol2 address
	{
	margin-left: 10px;
}  /*--compensates for the negative margin on the h3 --*/
	/*-- site map page --*/
#siteMap ul li {
	padding: 20px 10px;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
	width: 434px;
}

#siteMap ul li.last {
	border-bottom: none;
}

#siteMap ul li ul {
	margin-top: 20px;
}

#siteMap ul li ul li {
	padding: 2px 0;
	border-bottom: none;
	text-transform: none;
	font-weight: bold;
}

#siteMap ul li .dlCol {
	float: left;
	width: 217px;
	display: block;
}

#siteMap ul li dl {
	color: #656565;
	margin-top: 20px;
}

#siteMap ul li dl dd a {
	text-transform: none;
}

/*-- encyclopedia pages --*/
#encyclopediaFrame {
	overflow: hidden;
	width: 964px;
}

#encyclopediaHead {
	padding: 8px 8px 20px 8px;
	display: block;
	background: #1A1A1A
		url(../images/encyclopediaHeaderBg.png)
		bottom left no-repeat;
	color: #FFF;
}

#encyclopediaHead p b {
	color: #A7A7A7;
	text-transform: uppercase;
}

#encyclopediaContent,#error-404 {
	padding: 0 10px 10px 10px
}

#error-404 {
	margin: 0 0 16px 9px;
	float: left;
}

#encyclopediaContent img.encyclopediaHero,.articleDetail img.articleDetailHero
	{
	float: left;
	padding: 10px 15px 10px 0;
}

#encyclopediaContent div.encyclopediaMap {
	padding: 10px 0 20px 0;
	display: block;
}

#encyclopediaContent h2 {
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 -9px 0;
}

#encyclopediaContent h3 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 -10px 0;
}

#encyclopediaContent a.srcBritannica {
	padding: 0 20px 3px 0;
	color: #33669A;
	background:
		url(../images/britannicaLinkLogo.png)
		top right no-repeat;
}

/*-- encyclopedia articles list --*/
ul.articlesList {
	padding-top: 6px;
}

ul.articlesList li {
	background:
		url(../images/articleIconOnWhite.gif) 0
		5px no-repeat;
	padding: 0 0 0 16px;
	display: block;
}

ul.articlesList li a {
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 14px 0 0 0;
}

/*-- encyclopedia related shows ontv lists and related days lists --*/
#relatedShows,#relatedDays {
	border-top: 3px solid #AA141E;
	margin-bottom: 16px;
}

#relatedShows ul.on-tv li,#relatedDays ul li {
	color: #ffCC00;
	padding: 10px 10px 10px 0;
	overflow: hidden;
	font-weight: bold;
	width: 305px;
}

#relatedShows ul.on-tv li a,#relatedDays ul li a {
	text-transform: none;
	color: #FFF;
	font-size: 100%;
}

#relatedShows ul.on-tv li img,#relatedDays ul li img {
	float: left;
	margin-right: 8px;
}

#relatedShows ul.on-tv li div.relatedCopy,#relatedDays ul li div.relatedCopy
	{
	float: left;
	width: 143px;
}

#relatedShows ul.on-tv li div.relatedCopy span {
	text-transform: uppercase;
}

#relatedShows ul.on-tv div.relatedCopy h4 a,#relatedDays ul li div.relatedCopy h4 a
	{
	font-size: 1.4em;
	line-height: 1.1em;
}

#relatedDays ul li a.cameraIcoBg img {
	float: none;
}

#relatedDays ul li div.theDate {
	overflow: hidden;
	width: 146px;
}

#relatedDays ul li div.theDate span.dayDateLrg {
	font-size: 32px;
	float: left;
	margin: 0 5px 0 0;
	line-height: .9em;
	font-weight: normal;
}

#relatedDays ul li div.theDate span.monthYearSmall {
	float: left;
	line-height: 1.1em;
	margin: 0 0 10px 0
}

#relatedShows ul.on-tv li a.decoratedLink {
	padding: 2px 0 2px 12px !important;
	background:
		url(../images/redLinkArrowOnDkGrey.gif)
		0 6px no-repeat !important;
	margin: 0;
}

#relatedDays a.decoratedLink,#relatedShows a.decoratedLink {
	margin: 8px;
}

/*-- balances the layout for the right column when the left column (twoThirdWidth) is headed by tabs --*/
#rightColBalanceTop {
	padding-top: 27px;
	float: left;
	width: 316px;
}

/*-- full episodes - content header promo --*/
.fullEpisodesHeaderPromo {
	border: 2px solid #818181;
	overflow: hidden;
	padding: 10px;
	width: 940px;
	background: #eee
}

.fehpFeature1 {
	float: left;
	overflow: hidden;
	padding: 0 0 10px;
	width: 626px;
}

.fehpFeature2 {
	float: left;
	width: 302px;
	overflow: hidden;
	padding: 0 0 10px 10px;
	border-left: 1px solid #3a3a3a
}

.fehpFeature1 div.theCopy {
	width: 252px;
	float: left;
	padding-right: 50px;
}

.fehpFeature1 .theMovie {
	width: 316px;
	float: left;
	position: relative;
	margin-top: 16px;
}

.fehpFeature1 .theMovie img {
	position: absolute;
	z-index: 5;
}

.fehpFeature2 .theCopy img {
	float: right;
	margin: 0 0 10px 25px;
	padding: 0 0 0 10px;
}

.fehpFeature1 .buttons a.btnWide,.fehpFeature2 .buttons a.btnWide {
	float: left;
	margin: 10px 10px 10px 0;
}

.fehpFeature1 .buttons {
	overflow: hidden;
	width: 252px;
}

.fehpFeature2 .buttons {
	overflow: hidden;
	width: 302px;
}

.fehpFeature1 .theMovie a.playEpisode {
	position: absolute;
	z-index: 10;
	display: block;
	height: 181px;
	width: 316px;
	cursor: pointer;
	background:
		url(../images/playEpisodeIcon.png) 0
		95px no-repeat;
}

.fehpFeature1 p a,.fehpFeature2 p a {
	color: #FFF;
	font-weight: bold;
}

.fehpFeature1 span,.fehpFeature2 span {
	text-transform: uppercase;
}

.fehpFeature1 span b,.fehpFeature2 span b {
	font-weight: normal;
	color: #333;
}

.fehpFeature1 h2.feTitle {
	font-size: 34px;
	color: #AA141E;
	text-transform: none;
	line-height: 1em;
	font-weight: bold;
}

.fehpFeature2 h2.feTitle {
	font-size: 18px;
	color: #AA141E;
	text-transform: none;
	line-height: 1em;
	font-weight: bold;
}

/*--
		common styles for
		- search results
		- full episodes
			a list pages
				- episodes
				- meet cast
				- quizzes
				- articles
 --*/
#searchResultStrapline {
	padding: 0 10px;
}

#searchResultStrapline span.searchQuery {
	font-size: 18px;
	color: #AA141E;
}

#searchResultStrapline span.resultsNumber {
	font-size: 18px;
}

#fullEpisodesFrame {
	margin-top: 16px;
}

#fullEpisodesFrame,#searchResultsFrame {
	width: 964px;
	overflow: hidden;
}

p a.videoRss,.fehpFeature1 p a.rss {
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/rss.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 18px;
	display: block;
	height: 17px;
}

p a.videoRss {
	float: right;
	color: #000 !important;
}

p a.videoRss,.fehpFeature1 a.rss {
	color: #FFF;
	text-transform: uppercase;
}

h3.featboxtitle {
	color: #333;
	display: block;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
	text-transform: uppercase;
}

.featuredVideos,#searchResults {
	padding: 10px;
}

.featuredVideos .episodeOverview,#searchResults .episodeOverview,.episodeGuide .episodeOverview,.meetCast .episodeOverview,.articles .articlesOverview,.quizzes .quizzesOverview
	{
	padding: 15px 0;
	overflow: hidden;
	width: 618px;
}

#searchResults .episodeOverview {
	width: 790px;
}

.featuredVideos .episodeOverview .episodeImg,#searchResults .episodeOverview .episodeImg,#asBottom .episodeOverview .episodeImg,.episodeGuide .episodeOverview .episodeImg,.meetCast .episodeOverview .episodeImg,.articles .articlesOverview .articlesImg,.quizzes .quizzesOverview .quizzesImg
	{
	float: left;
	width: 164px;
	height: 86px;
}

#asBottom .episodeOverview .episodeImg {
	padding: 5px 0 0 0;
}

.featuredVideos .episodeOverview .episodeImg a.playEpisode,#searchResults .episodeOverview .episodeImg a.playEpisode,#asBottom .episodeOverview .episodeImg a.playEpisode,.episodeGuide .episodeOverview .episodeImg a.playEpisode,.meetCast .episodeOverview .episodeImg a.playEpisode,.articles .articlesOverview .articlesImg a.playEpisode,.quizzes .quizzesOverview .quizzesImg a.playEpisode
	{
	position: absolute;
	z-index: 10;
	display: block;
	height: 86px;
	width: 154px;
	cursor: pointer;
	background:
		url(../images/playEpisodeIcon.png) 0 0
		no-repeat;
}

a.playEpisode span {
	position: absolute;
	left: -90000px;
}

.featuredVideos .expiredEpisode .episodeImg img,.featuredVideos .soon .episodeImg img
	{
	opacity: 0.5;
}

.featuredVideos .expiredEpisode .episodeImg a.playEpisode,.featuredVideos .soon .episodeImg a.playEpisode
	{
	display: none;
}

.featuredVideos .episodeOverview .episodeCopy,#searchResults .episodeOverview .episodeCopy,.episodeGuide .episodeOverview .episodeCopy,.meetCast .episodeOverview .episodeCopy,.articles .articlesOverview .articlesCopy,.quizzes .quizzesOverview .quizzesCopy
	{
	float: left;
	/* position:relative;*/
	display: block;
	width: 440px;
}

#searchResults .episodeOverview .episodeCopy {
	width: 626px;
}

#searchResults .episodeCopyOnly {
	padding: 0px 6px 10px 6px;
}

.episodeOverview .episodeCopy h3 a,.episodeOverview h3,.quizzesOverview .quizzesCopy h3 a,.articlesOverview .articlesCopy h3 a,#searchResults .episodeCopyOnly h3 a,#searchResults .episodeCopy h3 a,#searchResults .episodeCopyOnly h3 a
	{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	color: #000 !important;
}

#searchResults h3 span a:hover {
	text-decoration: underline;
}

.meetCast .episodeOverview .episodeCopy h3,.featuredVideos .episodeOverview .episodeCopy h3,.articlesOverview .articlesCopy h3,.quizzesOverview .quizzesCopy h3
	{
	font-size: 1.6em;
	line-height: 1.2em;
}

.episodeOverview .episodeCopy span.episodeCopySubHead,.episodeCopyOnly span.episodeCopySubHead
	{
	text-transform: uppercase;
	color: #787878;
	font-weight: bold;
}

.featuredVideos .new h3 a,.articles .new h3 a,#featuredArticle .new h3 a,#featuredQuiz .new h3 a
	{
	background:
		url(../images/newEpisodesIcon.gif) top
		right no-repeat;
	padding-right: 36px;
}

.episodeOverview .episodeCopy p,.articlesOverview .articlesCopy p,.quizzesOverview .quizzesCopy p
	{
	padding: 1px 0 2px 0;
}

.episodeOverview .episodeCopy span {
	font-weight: bold;
}

.featuredVideos .episodeOverview .episodeCopy a.decoratedLink,#searchResults .episodeOverview .episodeCopy a.decoratedLink,.episodeGuide .episodeOverview .episodeCopy a.decoratedLink,.meetCast .episodeOverview .episodeCopy a.decoratedLink,.articlesOverview .articlesCopy a.decoratedLink,.quizzesOverview .quizzesCopy a.decoratedLink
	{
	background:
		url(../images/redLinkArrowOnWhite.gif) 0
		2px no-repeat;
	padding: 0 0 0 12px;
	font-weight: bold;
	line-height: 1em;
}

.featuredVideos .expiredEpisode span.expired {
	color: #AA141E;
	text-transform: uppercase;
}

#searchResults {
	float: left;
	width: 790px;
	margin: 9px 0 0 0;
}

/*-- all shows page --*/
#allShows {
	margin-top: 20px;
}

#carouselHomePage #allShows {
	margin-top: 10px;
}

#allShows .featuredShows {
	background: #e6e8e8;
	overflow: hidden;
	width: 964px;
	margin-right: 0;
}

#allShows .featuredShows p.fsTitle {
	text-transform: uppercase;
	padding: 10px;
	font-weight: bold;
	color: #4D4D4D
}

#allShows #allShows-A-Z {
	background-color: #FFF;
	overflow: hidden;
	width: 964px;
}

#allShows dl {
	padding: 0 0 30px 10px;
}

#allShows dl dt {
	font-size: 32px;
	color: #818181;
	line-height: 1em;
}

#allShows dl dd {
	font-weight: bold;
	display: block;
	height: 18px;
}

#allShows dl dd a {
	float: left;
	margin-right: 5px;
	color: #4D4D4D;
}

#allShows .featureShow {
	display: block;
	float: left;
	width: 316px;
	height: 180px;
	position: relative;
	padding: 0 8px 16px 0;
}

#allShows .fsLast {
	padding: 0 0 16px 0;
}

#allShows .featureShow h3,#allShows .featureShow img {
	position: absolute;
	top: 0;
	left: 4px;
	z-index: 0;
}

#allShows .featureShow img {
	z-index: 5;
	left: 0;
}

#allShows .featureShow div.watchFeature {
	position: absolute;
	bottom: 26px;
	z-index: 10;
	background:
		url(../images/transparentBlackBg-90.png)
		repeat scroll 0 0;
	padding: 6px 10px 6px 10px;
	width: 240px;
}

#allShows .featureShow div.watchFeature img {
	margin: 10px 0 0 8px;
}

#allShows .featureShow div.watchFeature a {
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	left: 12px;
}

#allShows .featureShow div.watchFeature a:hover {
	text-decoration: underline;
}

/* feat items used on Games hub based on all shows */
.featuredShows {
	width: 972px;
	margin-right: -8px;
	overflow: hidden;
}
.featuredShows h2.fsTitle {
	text-transform: uppercase;
	padding: 10px;
	font-weight: bold;
	color: #4D4D4D
}
.featureItem {
	display: block;
	float: left;
	width: 316px;
	height: 180px;
	position: relative;
	padding: 0 8px 16px 0;
}

.featureItem h3 {
	position: absolute;
	top: 0;
	left: 4px;
	z-index: 0;
}

.featureItem a {
	display: block;
	width: 316px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
}

.featureItem a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border: none;
}
.featureItem a .featLinkText {
	position: absolute;
	bottom: 26px;
	z-index: 10;
	background:
		url(../images/transparentBlackBg-90.png)
		repeat scroll 0 0;
	padding: 6px 10px 6px 15px;
	width: 240px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}
.featureItem a .featLinkText img {
	border: none;
	position: static;
	/* margin:10px 5px; */
}


/* --tabbed content a list, c list & explore history, tabbedContentOuter clears floated inner divs--*/
#tabbedContentOuter {
	overflow: hidden;
	width: 964px;
}

#tabbedContentOuter  #rightColBalanceTop {
	padding-top: 10px;
}

#tabbedContentOuter  .twoThirdWidth,#tabbedContentOuter  .oneThirdWidth
	{
	margin-top: 0;
}

/*-- a and c list tabbedContent --*/
#tabbedContent {
	width: 640px;
	float: left;
	margin: 0 8px 0 0;
	overflow: hidden;
}

/*-- tabbed content full width currently used for a full width game example --*/
#tabbedContent.fullWidth {
	width: 964px;
}

/*-- common styles for our a-c list tabbedContent --*/
#tabbedContent #tabbedContentBody {
	padding: 8px 10px;
	min-height: 442px;
}

/*-- full episodes is the video carousel, currently div name is shared for the videos tab as well --*/
#tabbedContent #tcFullEpisodes,.playGame {
	background: #fbfbfb;
}

/*-- common header for the tabbedContent --*/
#tabbedContent #tcHeader {
	background: url(../images/tcHeaderBg.png)
		bottom left no-repeat;
	padding: 0 0 9px 0;
}

#tabbedContent #tcHeader #tchInner {
	background: #1a1a1a;
	padding: 9px 0 10px 0;
}

#tabbedContent #tcHeader #tchInner h1 {
	font-size: 1.8em;
	padding: 0 11px 0 11px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
}

/*-- secondary tabbed content navigation (for example see the meet the cast) --*/
#tabbedContent #tcHeader #tchInner ul {
	height: 18px;
}

#tabbedContent #tcHeader #tchInner ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#tabbedContent #tcHeader #tchInner ul li a {
	text-decoration: none;
	float: left;
	text-align: center;
	margin: 0 11px 0 11px;
	color: #7A7A7A;
	font-weight: bold;
	text-transform: uppercase;
}

#tabbedContent #tcHeader #tchInner ul li.active a,#tabbedContent #tcHeader #tchInner ul li a:hover
	{
	color: #FFCC00;
}

#tabbedContent #tcHeader #tchInner form {
	padding: 5px 0 5px 0;
}

#tabbedContent #tcHeader #tchInner form label {
	margin: 0 10px;
	color: #FFF;
	text-transform: uppercase;
}

/*-- tabbedContent / about the show top content --*/
#tabbedContent #asTop {
	padding: 16px;
	width: 608px;
	overflow: hidden;
}

#tabbedContent #asTop img.tcShowHero {
	margin: 0 15px 5px 0;
	float: left;
}

#tabbedContent #asTop span.showIntro {
	text-transform: uppercase;
}

#tabbedContent #asTop p.credits {
	font-size: 1.4em;
	padding-top: 10px;
}

#tabbedContent #asTop .astCol1 {
	width: 220px;
	float: left;
	margin: 0 8px 0 0;
}

#tabbedContent #asTop .astCol2 {
	width: 378px;
	float: left;
}

#tabbedContent #asTop .astCol1 ul li b,#tabbedContent #asTop .astCol2 ul li b
	{
	text-transform: uppercase;
}

#tabbedContent #asTop a.decoratedLink {
	font-weight: bold;
}

#tabbedContent #asTop a.decoratedLink:hover {
	color: #AA141E;
}

/*-- tabbedContent / about the show bottom content --*/
#tabbedContent #asBottom h3 {
	text-transform: uppercase;
	color: #ffcc00;
	margin: 0 0 5px 0;
}

#tabbedContent #asBottom {
	width: 608px;
	overflow: hidden;
	background-color: #1a1a1a;
	padding: 16px;
}

#tabbedContent #asBottom .episodeOverview {
	float: left;
	width: 300px;
	margin-right: 8px;
}

#tabbedContent #asBottom .episodeOverview .episodeCopy h4 a {
	color: #FFF;
	font-size: 1.4em;
}

#tabbedContent #asBottom .eoLast {
	margin-right: 0px;
}

#tabbedContent #asBottom .episodeOverview a.watchEpisode,#tabbedContent #asBottom .episodeOverview a.episodeGuide
	{
	text-transform: uppercase;
}

#tabbedContent #asBottom .episodeOverview .episodeCopy {
	float: left;
	position: relative;
	display: block;
	width: 135px;
	color: #FFF;
}

/* tabbedContent Photos */
#tabbedContent #photos {
	background: #FBFBFB;
}

#tabbedContent #photos .cPhotoCaption {
	display: none;
}

#photos #largePhotoHolder {
	position: relative;
	display: block;
	width: 640px;
	height: 360px;
}

#photos #largePhotoHolder img {
	position: absolute;
	z-index: 5;
	height: 360px;
}

#photos #largePhotoHolder a#galleryPrevHotspot,#photos #largePhotoHolder a#galleryNextHotspot
	{
	position: absolute;
	top: 0;
	z-index: 15;
	display: block;
	height: 356px;
	width: 316px;
	cursor: pointer;
	background-image:
		url(../images/galleryPrev.png);
	background-position: -44px 0;
	background-repeat: no-repeat;
}

#photos #largePhotoHolder a#galleryNextHotspot {
	right: 0;
	background-position: 360px 0;
}

#photos #largePhotoHolder a#galleryPrevHotspot:hover {
	background-position: 0 166px;
}

#photos #largePhotoHolder a#galleryNextHotspot:hover {
	background-position: 272px 166px;
	background-image:
		url(../images/galleryNext.png);
}

#photos #largePhotoHolder a#galleryPrevHotspot span,#photos #largePhotoHolder a#galleryNextHotspot span
	{
	display: none;
}

#photos h4#largePhotoTitle {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 20;
	display: block;
	height: 37px;
	background:
		url(../images/largePhotoTitleRight.png)
		top right no-repeat;
	color: #FFF;
	font-weight: bold;
}

#photos h4#largePhotoTitle span {
	height: 27px;
	display: block;
	float: left;
	margin-right: 3px;
	padding: 10px 8px 0 11px;
	background:
		url(../images/largePhotoTitleLeft.png)
		top left no-repeat;
}

#photos a#largePhotoEmbed,#photos a#largePhotoShare,#photos a#largePhotoHolderCaptionIcon
	{
	position: absolute;
	top: 20px;
	right: 82px;
	z-index: 20;
	display: block;
	height: 20px;
	width: 52px;
	padding: 17px 0 0 0;
	text-align: center;
	background: url(../images/embedBtnBg.png)
		0 0 no-repeat;
	color: #FFF;
	cursor: pointer;
}

#photos a#largePhotoShare {
	background: url(../images/shareBtnBg.png)
		0 0 no-repeat;
	right: 20px;
}

#photos a#largePhotoHolderCaptionIcon {
	top: 304px;
	background:
		url(../images/largePhotoHolderCaptionIcon.png)
		0 0 no-repeat;
	right: 20px;
}

#photos #largePhotoCaption {
	float: left;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 640px;
	height: 100px;
	color: #fff;
	background: transparent
		url(../images/transparentBlackBg-90.png)
		repeat scroll 0 0;
}

#photos #largePhotoCaption p {
	margin-top: 10px;
	margin-left: 10px;
}


#featuredQuiz,#featuredArticle {
	width: 640px;
	overflow: hidden;
}

/*-- Tabbed content / articlesHeader --*/
#featuredArticle .articlesOverview {
	padding: 10px;
}

#featuredArticle .articlesOverview .articlesCopy {
	width: 282px;
	float: left;
	padding-right: 10px;
}

#featuredArticle .articlesOverview .articlesImg {
	float: left;
	width: 316px;
}

/*-- Tabbed content / quizzesHeader --*/
#featuredQuiz .quizzesOverview {
	padding: 10px;
}

#featuredQuiz .quizzesOverview .quizzesCopy {
	width: 282px;
	float: left;
}

#featuredQuiz .quizzesOverview .quizzesImg {
	float: left;
	width: 316px;
	margin-right: 10px;
}

/*-- Tabbed content / games --*/
#tabbedContentBody.game {
	width: 608px;
	padding: 16px;
}

#tabbedContentBody .game h2 {
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#tabbedContentBody .game p {
	padding: 8px 0;
}

#tabbedContentBody .game .gameOverviewImgRight,#tabbedContentBody .game .gameOverviewImgLeft
	{
	margin: 0 0 36px 0;
	overflow: hidden;
	width: 608px;
}

#tabbedContentBody .gameThumb {
	border: 1px solid #6a6a6a
}

#tabbedContentBody .game .gameOverviewImgRight .gameCopy {
	width: 215px;
	float: left;
}

#tabbedContentBody .game .gameOverviewImgRight .gameImg {
	float: left;
	width: 383px;
	margin-left: 10px;
}

#tabbedContentBody .game .gameOverviewImgRight img.gameThumb {
	float: right;
	margin: 10px 0 10px 10px;
}

#tabbedContentBody .game .gameOverviewImgLeft .gameCopy {
	width: 215px;
	float: left;
}

#tabbedContentBody .game .gameOverviewImgLeft .gameImg {
	float: left;
	width: 383px;
	margin-right: 10px;
}

#tabbedContentBody .game .gameOverviewImgLeft img.gameThumb {
	float: left;
	margin: 10px 10px 10px 0;
}

/*-- games full width --*/
.playGameFw {
	background-color: #000 !important;
	width: 964px !important;
}

.playGameFw #games {
	width: 964px;
	padding: 16px 0;
}

/*-- Tabbed content / quizzes questions --*/
#quizzesQuestions form {
	padding: 0 0 16px 0;
}

#quizzesQuestions .questionOptions {
	padding: 16px 14px;
	width: 640px;
	overflow: hidden;
}

#quizzesQuestions .questionOptions img {
	float: left;
	margin: 0 16px 0 0;
}

#quizzesQuestions .questionOptions .answersVertical {
	float: left;
	margin: 0;
}

#quizzesQuestions .questionOptions .answersHorizontal {
	float: left;
	width: 96px;
}

#quizzesQuestions span.questionNum {
	color: #5c5c5c;
	font-size: 1.4em;
	padding-right: 2px;
}

#quizzesQuestions form span.noSpam {
	margin-left: 23px;
	font-size: .9em;
}

#quizzesQuestions div.compHeaderImg {
	float: right;
	margin: 0 0 0 16px;
}

#quizzesQuestions h2 {
	font-size: 1.5em;
	font-weight: bold;
}

#quizzesQuestions form a {
	color: #000;
	font-weight: bold;
}

#quizzesQuestions form a:hover {
	color: #AA141E;
}

#quizzesQuestions form div.formRowCheck {
	width: 500px;
	padding: 1px 0 2px 0;
}

/*-- explore history page ---*/
span.dayHistoryDate {
	font-weight: bold;
	color: #FFCC00;
	text-transform: uppercase;
	margin: -10px 0 20px 10px;
	display: block;
}

#tcDeaths,#tcBirths,#tcAlsoDay {
	height: 516px;
	padding: 10px;
}

ul.exploreHistory li {
	margin: 8px 0 16px 0;
	overflow: hidden;
	width: 618px;
}

ul.exploreHistory li div.date {
	float: left;
	display: block;
	width: 65px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
}

ul.exploreHistory li div.dateDesc {
	float: left;
	display: block;
	width: 540px;
}

ul.exploreHistory li div.dateDesc a {
	font-weight: bold;
}

/*-- main copy area for explore history page --*/
#aboutDayCopy {
	background: #F8FBFB url(../images/ci/ico/dArrowBlack-whiteBg.gif);
	background-repeat: no-repeat;
	border-top: 3px solid #000;
	padding: 10px;
}

#aboutDayCopy h3 {
	font-size: 1.4em;
	font-weight: bold;
}

#aboutDayCopy a {
	color: #AA141E;
}

/*-- styles below required for the expand content funtionality --*/
#aboutDayCopy.setHeight {
	height: 154px;
}

/*-- popular days in history list (explore history) --*/
#popularHistoryDays {
	border-top: 3px solid #AA141E;
	height: 303px;
}

#popularHistoryDays h3.decoratedSubHead {
	margin: 5px 0 !important
}

#popularHistoryDays ul {
	padding: 10px;
}

#popularHistoryDays ul li {
	color: #ababab;
	margin: 23px 0 2px 0;
}

#popularHistoryDays ul li div.theDate {
	overflow: hidden;
	width: 296px;
	height: 31px;
}

#popularHistoryDays ul li div.theDate span.dayDateLrg {
	font-size: 32px;
	float: left;
	margin: 0 5px 0 0;
	line-height: .9em;
}

#popularHistoryDays ul li div.theDate span.monthYearSmall {
	float: left;
	line-height: 1.1em;
	margin: 0 0 10px 0
}

#popularHistoryDays ul li h4 a {
	font-size: 1.4em;
	line-height: 1em;
	color: #FFF;
}

#popularHistoryDays ul li span.monthYearSmall {
	margin: 0
}

#popularHistoryDays a.decoratedLink {
	position: absolute;
	bottom: 5px;
	left: 8px;
}

/*-- related encyclopedia entries list (explore-history page) --*/
#relatedEncycEntries {
	border-top: 3px solid #AA141E;
	height: 303px;
}

#relatedEncycEntries a.decoratedLink {
	position: absolute;
	bottom: 5px;
	left: 8px;
}

#relatedEncycEntries h3.decoratedSubHead {
	margin: 5px 0 !important;
}

#relatedEncycEntries ul {
	padding: 10px;
}

#relatedEncycEntries ul li {
	background:
		url(../images/articleIconOnDkGrey.gif) 0
		5px no-repeat;
	padding: 0 0 0 16px;
	display: block;
}

#relatedEncycEntries  ul li a {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 14px 0 0 0;
}

/*-- calendar (explore history) --*/
#calendar {
	padding: 30px 0 0 0;
}

#calendar div.theCalendar {
	height: 195px;
	border-top: 3px solid #AA141E;
	margin-bottom: 16px;
	padding-top: 5px;
}

#calendar ol {
	padding: 5px 5px 5px 5px;
}

#calendar ol li {
	float: left;
	margin: 0 5px;
	padding: 0 0 8px 0;
}

#calendar ol li a {
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	color: #818181;
	cursor: pointer;
	line-height: 1.4em;
}

#calendar ol li a span {
	padding: 5px 7px 0 9px;
	display: block;
	float: left;
	height: 24px;
	margin-right: 3px;
	width: 14px;
	text-align: center;
}

#calendar ol li a.selected {
	color: #FFF;
}

#calendar ol li a.selected span,#calendar ol li a:hover span {
	background:
		url(../images/epgNavBgLeft.png) top left
		no-repeat;
}

#calendar ol li a:hover,#calendar ol li a.selected {
	background:
		url(../images/epgNavBgRight.png) top
		right no-repeat;
	color: #FFF;
}

#calendar ol li a:focus {
	outline: none;
}

/*-- newsletter page --*/
#newsletterFrame {
	margin: 32px 0 16px 10px;
	background:
		url(../images/newsletterBg.jpg) 0 0
		no-repeat;
	position: relative;
	padding: 66px 0;
}

#newsletterContent {
	display: block;
	position: relative;
	margin: 0 auto;
	display: block;
	width: 328px;
	padding: 38px 60px;
	background:
		url(../images/transparentBlackBg-90.png)
		0 0 repeat;
}

#newsletterContent form legend,#newsletterContent h2 {
	color: #AA141E;
	text-transform: uppercase;
	font-size: 1.8em;
	margin: 0 0 18px 0;
}

#newsletterContent.thank-you {
	padding: 138px 60px;
}

#newsletterContent h2 {
	margin: 0;
}

#newsletterContent p {
	margin: 0 0 16px 0;
	color: #FFFFFF;
}

#newsletterContent form .formRow {
	width: 324px;
	padding: 10px 0;
}

#newsletterContent form input.inputText {
	width: 280px;
}

#newsletterContent form .formCheckRow {
	padding: 10px 0;
	color: #FFFFFF;
}

#newsletterContent	a#nlTermsTrigger {
	color: #AA141E;
	font-weight: bold;
	background:
		url(../images/nlTermsTriggerBg.gif) top
		right no-repeat;
	padding: 0 14px 0 0;
	cursor: pointer;
	position: absolute;
	left: 94px;
	top: 0;
}

#newsletterContent	#termsConditionsFull.hidden {
	display: none;
}

/*-- RSS page --*/
#rssContent {
	margin: 16px 10px;
}

#rssContent #rssItemFrame {
	overflow: hidden;
	width: 944px;
}

#rssItemFrame .rssItem {
	float: left;
	width: 314px;
	display: block;
}

#rssItemFrame #rssItemMiddle.rssItem {
	background:
		url(../images/rssItemFramedBg.png) 0 0
		no-repeat;
	padding: 0 1px;
}

#rssItemFrame .rssItem .rssItemCopy {
	background:
		url(../images/rssItemCopyBg.gif) top
		left repeat-x;
	border-top: 1px solid #151515;
	padding: 20px 20px 40px 20px;
	display: block;
}

#rssItemFrame .rssItem .rssItemCopy h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #FFF;
}

#rssItemFrame .rssItem .rssItemCopy a.subscribeBtn,#showFeedsFrame .rssItem .rssItemCopy a.subscribeBtn,.featuredVideos a.subscribeBtn
	{
	background:
		url(../images/subscribeBtnBg.png) 0 0
		no-repeat;
	display: block;
	height: 17px;
	width: 102px;
	color: #000;
	padding: 4px 8px;
	font-weight: bold;
	margin: 12px 0 16px 0;
	cursor: pointer;
}

.featuredVideos a.subscribeBtn {
	float: right;
	margin: 0px 0 -10px 0;
}

#rssContent #showFeeds {
	background-color: #FFF;
	padding: 10px;
}

#showFeedsFrame {
	width: 924px;
	overflow: hidden;
}

#showFeedsFrame .rssItem {
	color: #000 !important;
	height: 145px;
	float: left;
	padding: 0 5px;
}

#showFeedsFrame .rssItem {
	margin-top: 10px;
	width: 450px;
	height: 155px;
	float: left;
}

#showFeedsFrame .rssItem .rssItemImg {
	float: left;
	width: 175px;
}

#showFeedsFrame .rssItem .rssItemCopy h2 a {
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	line-height: 1em;
}

#showFeedsFrame .rssItem .rssItemCopy {
	float: left;
	width: 215px;
}

/*
#footer {
	overflow: hidden;
	width: 964px;
	margin: 28px 0;
	background: url(../images/ci/bg/footer-bg.jpg) no-repeat 0 38px;
}

.grid-last,.oneThirdWidth-last,.hygeine-last {
	margin-right: 0 !important;
}

#footer h4,#footer form legend {
	text-transform: uppercase;
	margin: 0 0 20px 0;
	font-weight: bold;
}

#footer #otherChannels {
	float: left;
	width: 470px;
	margin: 8px 8px 8px 0;
	padding-left: 8px;
}

#footer .hygeine {
	float: left;
	width: 154px;
	margin: 8px 8px 8px 0;
}

#footer ul li a {
	color: #4D4D4D;
	font-size: 1em
}  
#footer	ul#otherChannelsList,ul#otherChannelsList li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer	ul#otherChannelsList li,#footer	ul#otherChannelsList li a {
	text-decoration: none;
	float: left;
	display: block;
	margin: 8px 8px 0 0;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#footer	ul#otherChannelsList li#firstChannel a {
	width: 72px;
	background-image: url(../images/ci/ico/history.png);
}

#footer	ul#otherChannelsList li#secondChannel a {
	width: 104px;
	background-image: url(../images/ci/logo/bio-logo.jpg);
}

#footer	ul#otherChannelsList li#thirdChannel a {
	width: 104px;
	background-image: url(../images/ci/logo/military-logo.jpg);
}

#footer	ul#otherChannelsList li a:hover {
	background-position: 0 -45px;
}

#footer form,#footer form {
	padding: 0;
	margin: 0;
	width: 133px
}

#footer form legend {
	margin: 0;
}

#footer form select {
	width: 133px;
	margin-top: 22px;
}
*/
/*--life at -9000px is fun - hide various tags we dont need to see --*/
#footer	ul#otherChannelsList li a span,#programmeHeroHeader h2,a.infoLightbox span,a.infoLightbox2 span,#logo h1 a span
	{
	position: absolute;
	left: -90000px;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
	/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindowStyle1,.jqmWindowStyle2,.jqmWindowStyle3 {
	display: none;
	position: fixed;
	top: 10%;
	left: 50%;
	margin-left: -300px;
	padding: 20px;
}

.jqmWindowStyle1 {
	background: #fff;
	color: #1a1a1a;
	margin-left: -130px;
}

.jqmWindowStyle2 {
	background: #fff;
	color: #1a1a1a;
	margin-left: -240px;
}

.jqmWindowStyle3 {
	background: #000;
	color: #efefef;
	border: 1px solid #666;
	margin-left: -500px;
}

.jqmOverlay {
	background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: expression(this.parentNode.offsetWidth + 'px');
	height: expression(this.parentNode.offsetHeight + 'px');
}

.jqmCloseBtn em {
	display: none;
}

.jqmCloseBtn {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 10px;
	right: 5px;
}

.jqmWindowStyle1 .jqmCloseBtn,.jqmWindowStyle2 .jqmCloseBtn {
	background: transparent
		url(../images/lightbox_close_dark.gif) 0
		0 no-repeat;
}

.jqmWindowStyle3 .jqmCloseBtn {
	background: transparent
		url(../images/lightbox_close_light.gif)
		0 0 no-repeat;
}

/*--lightboxes--*/
#lightboxInfo,#lightboxRedirect {
	width: 220px;
	background-color: #FFF;
	color: #000;
}

/* CSS3 rounded corners */
#lightboxInfo,#lightboxRedirect {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#lightboxInfo h1 {
	font-size: 1.4em;
	font-weight: bold;
}

#lightboxInfo h2 {
	text-transform: uppercase;
	font-weight: bold;
}

#lightboxInfo p,#lightboxRedirect p {
	margin: 0 0 16px 0;
}

#lightboxInfo a.btnWide {
	margin: 0 0 8px 0;
}

#lightboxRedirect {
	width: 440px;
}

#lightboxRedirect h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 16px
}

#lightboxRedirect form {
	margin: 16px 0;
}

/*-- toggle text --*/
.fullText,.hidden {
	display: none;
}

.accCol2 img {
	width: 480px;
	margin: 0;
	padding: 0;
}

.otherChannels {
	width: 480px;
	float: left;
}

#footer .otherChannels h4 {
	margin-bottom: 5px;
	margin-top: 8px;
}

/* fck editor styles */
#tabbedContentBody h3 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
}

.primaryContent {
	background: #FFF;
}

.primaryContent h2 {
	padding: 5px;
	margin: 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1em;
	background: #dfe1e1;
	color: #4d4d4d;
}

.primaryContent img.articleDetailHero {
	padding: 0;
	margin: 0 10px 5px 0;
}

.ui-accordion .ui-accordion-content .red {
	color: #AA141E;
	font-weight: bold;
	text-transform: uppercase;
}

#tcCrimes, #tcCriminals {
	background-color: #FFF;
	overflow: hidden;
	width: 964px;
}

#tcCrimes dl, #tcCriminals dl {
	padding: 0 0 30px 10px;
}

#tcCrimes dl dt, #tcCriminals dl dt {
	font-size: 32px;
	color: #818181;
	line-height: 1em;
}

#tcCrimes dl dd, #tcCriminals dl dd {
	font-weight: bold;
	display: block;
	clear:both;
	padding: 2px 0;
}

#tcCrimes dl dd a, #tcCriminals dl dd a {
	float: left;
	margin-right: 5px;
	color: #4D4D4D;
}

.articleDetailWrapper {
	background: #FFFFFF url(../images/ci/ico/encyclopedia_arrow.gif)
		no-repeat scroll left top;
	overflow: hidden;
	padding-top: 15px;
}

.articleDetail img {
	float: left;
	display: block;
	padding: 0 10px 10px 0;
}

.articleDetail p {
	color: #000;
}

.articleDetail {
	padding: 0 10px 10px 10px;
}
#gameheader {
	border-top: 5px #AA141E solid;
	display: block;
}
#gameheader h1 {
	font-size: 32px;
	text-transform: uppercase;
	padding-left: 10px;
}
#gameheader p {
	width: 450px;
	padding-left: 10px;
	color: #000;
}
#gamepage {
	background: url(../images/ci/bg/game_bg.jpg) repeat-x top right;
	height: 564px;
}
#gamelaunch {
	margin: 0 0 0 120px;
	padding-top: 15px;
	
}


/*temp in here as forms.css is not updating */
input#newsletterTerms {
	top: 12px;
}

label#nlTermsAgree {
	position: static;
	padding: 0 5px 0 20px	
} 
#newsletterContent a#nlTermsTrigger {
	position: static;	
}
strong, b {
	font-weight: bold;
}
#calendarMonth {padding:0 10px 0 0;
width: 311px;
float: left;
display: block;
}
#calendarMonth h2 {
	background-color:#AA141E;
	color:#FFFFFF;
	display: block;
	float: left;
	padding: 4px 8px;
	margin-bottom: 0;
	font-weight:bold;
	text-transform:uppercase;
}
#calendarMonth div.theCalendar {
	height:195px;
	background:#EEE;
	border: 1px solid #4D4D4D;
	border-top:2px solid #AA141E;
	margin-bottom:16px;
	padding-top:5px;
	}

#calendarMonth ol {padding:5px 5px 5px 5px;}

#calendarMonth ol li {
	float:left;
	margin: 0 4px;
	padding: 0 0 8px 0;
	}

#calendarMonth ol li a {
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	font-size:14px;
	color:#4d4d4d;
	cursor:pointer;
	line-height:1.4em;
	}

#calendarMonth ol li a span  {
	padding:5px 7px 0 9px;
	display:block;
	float:left;
	height:24px;
	margin-right:3px;
	width:14px;
	text-align:center;
	}

#calendarMonth ol li a.selected {color:#FFF;}
#calendarMonth ol li a.selected span,
#calendarMonth ol li a:hover span {background:url(http://www.history.co.uk/docroot/images/epgNavBgLeft.png) top left no-repeat;}
#calendarMonth ol li a:hover,
#calendarMonth ol li a.selected {background:url(http://www.history.co.uk/docroot/images/epgNavBgRight.png) top right no-repeat; color:#FFF;}
#calendarMonth ol li a:focus {outline: none;}


/* styles for history 2.0 header */
/* HEADER AREA: Logo and Ad */
#header {
/*	
	background: url('../../images/his/bg/header.jpg');	
	padding-bottom: 20px;
	padding-top: 10px;
*/	
}
#header .logo {
	display: inline-block;
	float: left;
	margin: 10px 10px 0 0;	
	border: none;
	width: 220px;
}

/* ADS */
#header .headerAd {
	display: block;
	text-align: right;
	/*border: solid 3px #1a1a1a;*/
	width: 728px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
#header .headerAd img, #header .headerAd object,#header .headerAd embed  {
	position: absolute;
	top: 0;
	right: 0;
}
#skyScraperCol {
	float: left;
	margin: 160px 0 0 0px;
	border: solid 3px #1a1a1a;
}
.skyScraper {
	display: block;
	margin: 3px;
	height: 600px;
	width: 120px;
	overflow: hidden;
	position: relative;	
}
.skyScraper object, .skyScraper embed {
	position: absolute;
	top: 0;
	left: 0;
}
.mpu {
	width: 300px;
	display: inline;	
}

/* MAIN NAVIGATION */
ul#mainNav {
	margin-top: 20px;
	/* width: 720px; */
	height: 20px;
}
ul#mainNav li {	
	text-transform: uppercase;	
	margin: 0 30px 0 0;
	display: inline-block;
	float: left;
	height: 24px;
	overflow: hidden;
}
ul#mainNav li.selected a {
	border-bottom: solid 4px #AA141E;
}
ul#mainNav li.selected a:active, ul#mainNav li.selected a:hover {
	color: #333;
	display: inline-block;
	text-decoration: none;
	border-bottom: none;
	border-bottom: solid 4px #AA141E;
}
ul#mainNav li a {
	color:#4D4D4D;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 4px;
	height: 16px;
}
ul#mainNav li a:active, ul#mainNav li a:hover {
	color: #333;
	display: inline-block;
	text-decoration: none;
	border-bottom: solid 4px #AA141E;
}
ul#mainNav li a#newsletter {
	background: transparent url('../images/but/newsletter.gif') no-repeat scroll top left;
	padding-left: 22px;
}
#mainNav li#tvShows a {
	cursor: pointer;
}
#mainNav li#tvShows span#triggerShowsDrop {
	background: transparent url(../images/ci/ico/mainNavTvShowsIco.png) no-repeat scroll 0 0;
	display: block;
	height: 15px;
	margin: 1px 0 0 3px;
	padding: 0;
	width: 17px;
}
#mainNav li#tvShows a span {
float:left;
}

/* MAIN SEARCH FORM */
#header form {	 	
	position: absolute;
	right: 4px;
	top: 105px;
	/* width: 220px; */
}
#header form input {
	float: left;
	display: inline;
	margin-right: 10px;
}
#header form button.button {
	/*float: left;*/
	display: inline;
	border: 1px solid #e1e1e1;	
}
/*-- footer and footer content styles --*/
#footer {
	overflow:hidden;
	width:964px;
	min-height: 245px;
	margin:28px 0;
	background:transparent url(../images/ci/bg/footer-bg.jpg) no-repeat scroll 0 38px;
	}
#footer strong {
	display: block;	
	text-transform:uppercase;
	margin:0 0 25px 0;
	font-weight:bold;
}
#footer form legend {
	text-transform:uppercase;
	margin:0 0 20px 0;
	font-weight:bold;
	}

#footer #otherChannels {
	float:left;
	width:470px;
	margin: 8px 8px 8px 0;
	padding-left:8px;
	}

#footer .hygeine {
	float:left;
	width:154px;
	margin: 8px 8px 8px 0;
	}

#footer .hygeine-last {margin-right:0;}
#footer ul li a {color: #4D4D4D; font-size:.9em; font-weight: normal;} /*--resize to 11px --*/

#footer	ul#otherChannelsList, ul#otherChannelsList li 	{
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#footer	ul#otherChannelsList li,#footer	ul#otherChannelsList li a {
	text-decoration: none;
	float: left;
	display:block;
	margin: 8px 0px 0 0;
	height: 45px;
	background-position: 0 0;
	background-repeat:no-repeat;
	}

#footer	ul#otherChannelsList li#firstChannel a {
	width: 72px;
	background-image: url(../images/ci/ico/history.png);
}

#footer	ul#otherChannelsList li#secondChannel a {
	width: 104px;
	background-image: url(../images/ci/logo/bio-logo.jpg);
}

#footer	ul#otherChannelsList li#thirdChannel a {
	width: 104px;
	background-image: url(../images/ci/logo/military-logo.jpg);
}

#footer	ul#otherChannelsList li a:hover {
	background-position: 0 -45px;
}

#footer form,
#footer form		{padding:0;margin:0;width:133px;}
#footer form legend {margin:0;}
#footer form select	{width:133px; margin-top:22px;}

.otherChannels {
	width: 480px;
	float: left;
}
#footer .otherChannels strong {
	margin-bottom: 5px;
	margin-top: 8px;
}
#footer .otherChannels h4 {
	margin-bottom: 5px;
	margin-top: 8px;
}