@charset "utf-8";
html, body {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	background-image: url(images/html_foxchannels-bgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12px;

}
form, select {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
hr {
	color:#ddd;
	background-color:#ddd;
	height:1px;
	border:none;	
}
.dropselect {
	font-size:12px;
	height:20px;
	font-weight:bold;
	margin-top: 4px;
	border: 1px solid #CCCCCC;
}
#header {
	width:930px; 
	margin:0 auto; 
	height:141px;	
}
#logowrappers {
	position:relative;
	height: 141px;
}

a {
	color: #F45D00;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #F45D00;
	text-decoration: underline;
}

a.orangeArrow {
	background-image:url(images/arrow-orange.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-right:7px;
	text-decoration:underline;
}
a.orangeArrow:hover {
	text-decoration:none;
	background-image:url(images/arrow-orange-full.gif);
}
a.nolink {
background-image:none !important;
color:#F45D00;
cursor:default;
text-decoration:none !important;
}

h1 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url(images/dots-h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px;
}
h1.logo {
	width:241px;
	height:76px;
	padding:0;
	margin:28px 0px 0px 0px;
	position:absolute;
	display:block;
	background-image:none;
}
h1.logo a {
	display:block; 
	width:241px; 
	height:76px; 
	background-image:url(images/fox_channels_logo.gif); 
	background-repeat:no-repeat; 
	background-position: center center; 
	background-color: transparent;	
}
h1.logo a span {
	position:absolute; top:-1000px;
}
h3 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:4px 0px 15px 0px;
}
h4 {
	font-size:13px;
	margin:0px 0px 8px 0px;
}
h4 span {
	display:block;
	font-size:11px;
	font-weight:normal;
	color:#666;
	margin-top:2px;
}
#channelLogos {
	position:absolute;
	right:2px;
	height:45px;
	margin-top:44px;
}
#channelLogos img {
	margin-left: 26px;
}
#mainwrapper {
	background-color: #FFF;
	width: 914px;
	margin: 0 auto;
	border-top: 7px solid #FF7800;
	padding: 8px;
	clear:both;
}
#footer {
	width:920px;
	padding:8px 8px 10px 2px;
	margin:0 auto;
	clear:both;
	background-color: #FFF;
}
#footerDiv {
	clear:both; height:30px;	
}
#footerLinks {
	float: left;
	width: 700px;
}
#footerLinks a {
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
	font-size: 13px;
	border-right: 1px solid #ccc;
}
.noborder {
	border: none !important;
}

#design {
	float: right;
	text-align:right;
	font-size:11px;
	color:#c1c1c1;
	width: 200px;
}
#design img {
	position:relative;
	bottom: -1px;
}
#copyright {
	font-size:11px; color:#999;	
	padding-left: 10px;
}
#colWrapper {
	clear:both;	
}
#leftCol {
	float:left;
	width:605px;
}
#rightCol {
	float:right; 
	width:300px; 
}
#leftColInnerPage {
	float:left;
	width:200px;
}
#rightColInnerPage {
	float:right;
	width:700px;
	padding-bottom:20px;
}
.mediaContainer {
	 height:250px;
}
.orangeTitle {
	padding:0;
	margin:8px 0px 8px 0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FF7800;
	color:#FFF;
	height:28px;
	background-image:url(images/title-orange-left.gif);
	background-repeat:no-repeat;
	font-family: "Century Gothic", Verdana, Geneva, sans-serif;
	line-height:26px;
}
h2 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F45D00;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
h3.orangeTitle span {
	display:block; 
	padding-left:27px;  
	background-image:url(images/title-orange-right.gif); 
	background-repeat:no-repeat; 
	background-position:right top; 
	padding-bottom:2px;
}

.beigeTitle {
	padding:0;
	margin:0px 0px 8px 0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#B3995B;
	color:#FFF;
	height:28px;
	background-image:url(images/title-beige-left.gif);
	background-repeat:no-repeat;
	font-family: Century Gothic, Arial, Geneva, sans-serif;
	line-height: 26px;
}
h3.beigeTitle span {
	display:block; 
	padding-left:27px;  
	background-image:url(images/title-beige-right.gif); 
	background-repeat:no-repeat; 
	background-position:right top; 
	padding-bottom:2px;
}

.beigeBox {
	background-image:url(images/box_orange_br.gif); 
	background-position:bottom right; 
	background-repeat:no-repeat;	
}
.beigeBoxBL {
	background-image:url(images/box_orange_bl.gif); background-position:bottom left; background-repeat:no-repeat;
}
.beigeBoxTR {
	background-image:url(images/box_orange_tr.gif); background-position:top right; background-repeat:no-repeat;
}
.beigeBoxTL{
	padding:13px;
	background-image:url(images/box_orange_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.whiteBox {
	background-image:url(images/box_white_br.gif); 
	background-position:bottom right; 
	background-repeat:no-repeat;	
}
.whiteBoxBL {
	background-image:url(images/box_white_bl.gif); background-position:bottom left; background-repeat:no-repeat;
}
.whiteBoxTR {
	background-image:url(images/box_white_tr.gif); background-position:top right; background-repeat:no-repeat;
}
.whiteBoxTL{
	padding:13px 17px 17px 17px;
	background-image:url(images/box_white_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.ProgIndex {
	list-style-type:none;
	margin:0 0 8px 0px;
	padding:0;
}
.ProgIndex li {
	float:left;
	display:block;
	width:280px;
	padding-left:2px;
}
.dotsH {
	background-image: url(images/dots-h.gif);
	background-repeat: repeat-x;
	background-position: top left;	
}
.ProgIndexSeries {
	padding-top:5px;
}
.ProgIndexPicHolder {
	float:left; 
	width:130px;
}
.ProgIndexOnAir {
	float:right; 
	width:138px;
	padding-right:10px;
}
.ProgIndexOnAir img {
	position: relative;
	top: 3px;
	margin-right:7px;
}
.ProgIndexOnAir p {
	color: #F45D00;
	font-size: 17px;
	line-height: 15px;
	margin: 7px 0px 10px 0px;
}
div.ProgIndexOnAir a.orangeArrow {
	text-decoration:none;
}
.ProgIndexOnAir p a.orangeArrow {
	background-position: right 7px;
}
.ProgIndexTeaser {
	padding:5px 10px 5px 0px; 
	font-size:11px;
}
.ProgIndexFullProg {
	text-align:right; 
	padding:5px 10px;
}

.imgBorder {
	padding:1px;
	background-color:#FFF;
	border: 2px solid #DBDBDB;
}
.captionLeft {
	margin-right:15px;
	margin-bottom:12px;
}
a:hover img.imgBorder {
	border: 2px solid #C7C7C7;
}

.infoCols {
	padding: 0px;
	list-style-type: none;
	margin:5px 0px 5px 0px;
}
.infoCols li {
	display:block;
	float:left;
	width: 300px;
	padding:0;
	margin:0;
}
p.item {
	border-bottom: 1px solid #ddd;
	margin:0px 0px 12px 0px;
	padding:0px 0px 8px 0px;
}
p.item span {
	color:#AB8F4E;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
}
p.item a {
	background-image:url(images/arrow-grey.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding-right:7px;

}
p.item a:hover {
	background-image:url(images/arrow-grey-full.gif);
}
p.item a.newstitle {
	color:#AB8F4E;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:0;
	background-image:none;
}
p.item a.newstitle:hover {
	color:#AB8F4E;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	padding:0;
	background-image:none;
}
.seriesInfo {
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px solid #ddd;
}
div.seriesInfo:hover img.imgBorder {
	border: 2px solid #C7C7C7;
}
div.seriesInfo:hover a {
	color: #F45D00;
	text-decoration:underline;
}
.seriesInfo span {
	display: block;
	color:#F45D00;
	font-size:13px;
	margin-bottom:8px;
}
.seriesInfoPic {
	float:left;
	width:125px;
}
.seriesInfoDesc {
	float:right; 
	width:140px;	
}
.rowlist {
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:0;
}
.rowlist li {
	width:auto;
	border-bottom:1px solid #ddd;
	background-image:url(images/bullet-grey.gif);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding: 5px 10px 6px 10px;
}
.rowlist li:hover {
	background-image:url(images/bullet-orange.gif);
}
.rowlist li.video {
	width:auto;
	background-image:none;
	border-bottom:1px solid #ddd;
	padding:0;
	background-color:#F4F4F4;
}
.rowlist li.video a.videoactive {
	display:block;
	padding: 5px 20px 6px 10px;
	color:#fff;
	font-weight:bold;
	background-color:#BBA368;
	background-image:url(images/icon-rowlist-play-orange.gif);
	background-repeat:no-repeat;
	background-position: right center;
	text-decoration:none;
}
.rowlist li.video a.videoactive:hover {
	display:block;
	padding: 5px 20px 6px 10px;
	color:#fff;
	font-weight:bold;
	background-color:#BBA368;
	background-image:url(images/icon-rowlist-play.gif);
	background-repeat:no-repeat;
	background-position: right center;
	text-decoration:none;
}
.rowlist li.video a.play {
	display:block;
	padding: 5px 20px 6px 10px;
	color:#333;
	font-weight:bold;
}
.rowlist li.video a.play:hover {
	background-color:#E6E6CA;
	text-decoration:none;
	background-image:url(images/icon-rowlist-play.gif);
	background-repeat:no-repeat;
	background-position: right center;
}
.beigecolor {
	color: #AB8F4E;	
}
.newsArchive {
	background-color:#FFF;
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #ddd;
	background-image: url(images/newsarchivebg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

}
.bordersTopDown {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top:3px;
	padding-bottom:4px;
	margin-top:30px;
}

.NavTitle {
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(images/subnav-bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: both;
	height: 22px;
}

.pageNav {
	text-align: center;
	margin-top: 15px;
	padding-left:156px;
}
	.pageNav a {
		width:auto;
		padding:2px 6px 2px 6px;
		border: 1px solid #CCC;
		display:block;
		float:left;
		margin-right:6px;
	}
	.pageNav a:hover {
		text-decoration: none;
		background-color:#F45D00;
		border:1px solid #ccc;
		color:#FFFFFF;
	
	}
	.pageNav span {
		width:auto;
		padding:2px 6px 2px 6px;
		border: 1px solid #FFF;
		display:block;
		float:left;
		margin-right:6px;
	}
		.pageNav span.clicked {
			width:auto;
			background-color:#F45D00;
			border:1px solid #ccc;
			color:#FFFFFF;
			display:block;
			float:left;
			margin-right:6px;
			font-weight:bold;
		}
		
.infoCols .whiteBox, .infoCols .whiteBoxBL, .infoCols .whiteBoxTR {
	height:410px;
}

.infoCols .whiteBoxTL {
	height: 390px;
}
/* errors */
.error404 {
	font-weight:bold;
	font-size:24px;
	color:#EB2B28;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}