/*===============================================
	PAGES.CSS
	2009-02-03
	Mark Gerrard @ outsideline.com

	1) HOME
	2) NEWS
	3) PROGRAMMES
	4) ORDERS
	5) PUBLICITY DOWNLOADS
	6) ACCOUNT
	7) REQUEST ACCOUNT
	8) CONTACT US
===============================================*/
h1 {font-weight: normal;}

.mainCol {padding-top: 15px; border-top: 1px solid #000; clear: both;}
.lay3 .mainCol {clear: none;}
.mainCol h2 {color: #000;}
.mainCol p {margin-bottom: 20px;}

#supCol1 h3, #supCol2 h3 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	color: #000;
	font-weight: normal;
	line-height: 1em;
	border-bottom: 1px solid #000;
}


#supCol2 #newsSearch .ti {
	background-image: url("../img/text/h3-news-search.gif");
}

#supCol2 #newsLetter .ti {
	background-image: url("../img/text/h3-newsletter.gif");
}

body.content .mainCol h2 {
	margin-bottom: 10px;
	color: #000;
	font-size: 2.143em;
	font-style: italic;
}

body.content .mainCol h3 {
	margin-bottom: 20px;
	color: #000;
	font-size: 1.143em;
}


h1#about {background-image: url("../img/text/h1-about.gif");}

/*CONTACT PAGE*/
body.contact h1.ti {
	background-image: url("../img/text/h1-contact.gif");
}
body.contact .mainCol h2 {
	margin-bottom: 20px;
	font-size: 1.286em;
	color: #000;
}

body.contact .mainCol h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 1.286em;
	font-weight: normal;
	font-style: italic;
	color: #000;
	border-bottom: 1px solid #000;
}

body.contact .mainCol .item {
	margin-bottom: 30px;
}

body.contact .item .media {
	height: 135px;
	margin: 0 20px 0 0;
}

body.contact .item .col5 p {margin-bottom: 0; font-weight: bold;}

body.contact .item .row {margin-bottom: 20px;}

.header {width: 100%; overflow: hidden;}

.header h1 {
	float: left;
	width: 200px;
	display: inline;
}

.perpage {
	float: right;
	margin-right: 270px;
	font-size: 1.071em;
	color: #636b70;
	padding: 5px 0 10px 0;
	width: 225px;
	display: inline;
}
.perpage p,
.perpage ul {display: inline;}
.perpage p {margin-right: 10px;}

.perpage ul li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	margin-right: 4px;
	border-right: 1px solid #636b70;
}

.perpage ul li.last {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.perpage a {color: #636b70;}
.perpage strong a {color: #000; font-weight: normal;}


/*====================================
	1) HOME
====================================*/
#jsShow {
	overflow: hidden;
	width: 906px;
	height: 380px;
	margin-bottom: 20px;
	background: url("../img/layout/bg-jsshow.gif") no-repeat 0 0;
}

#jsShow .cta {margin-top: 10px;}

#jsShow .cta a {
	display: block;
	text-indent: -1000em;
	width: 81px;
	height: 30px;
	background: url("../img/layout/jsshow-cta.gif") no-repeat 0 0;
}

#jsShow .cta a:hover {background-position: 0 -30px;}

#jsShow .wipe {position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #FFF;}

#jsShow .main {
	float: left;
	margin: 1px 0 0 3px;
	position: relative;
	width: 572px;
	height: 374px;
	overflow: hidden;
	border-right: 1px solid #FFF;
	display: inline;
}

#jsShow .main .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#jsShow .main:hover .playOver {display: block;}


#jsShow .main .wipe {left: 100%; width: 0; height: 100%;}
#jsShow .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#jsShow a:hover .playOver {display: block;}

#jsShow .main .small {display: none;}

#jsShow .grid {margin-top: 1px;}
#jsShow .grid li {float: left; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; position: relative; list-style: none;}
#jsShow .grid li img.large {display: none;}
#jsShow .grid li .text {display: none;}

#jsShow .grid li .wipe {width: 0px; height: 100%;}

#jsShow .grid li.last {border-right: none;}
#jsShow .grid li img {float: left;}

#jsShow .copy {float: left; width: 300px; position: relative; padding-top: 10px; padding-left: 20px;}

#jsShow .copy .format {
	font-size: 0.714em;
	color: #21348f;
}

#jsShow .copy .format a { color:#21348f; }
#jsShow .copy p a { color:#636B70; }

#jsShow .copy h3 {margin-bottom: 10px; color: #000; font-style: italic; font-size: 1.286em;}

#home #latestNews {
	float: left;
	width: 400px;
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid #f9f9f9;
}

#home #freshProg {
	float: left;
	width: 412px;
}

#home #latestNews .ti,
#home #freshProg .ti {margin-bottom: 20px; font-size: 1.5em; border-bottom: 1px solid #464646;}

#home #latestNews .ti {background-image: url("../img/text/latest-news.gif");}
#home #freshProg .ti {background-image: url("../img/text/freshest-programmes.gif");}

#home #latestNews p.cta,
#home #freshProg p.cta {margin-bottom: 60px;}

#home #latestNews p.cta a {display: block; text-indent: -1000em; width: 218px; height: 30px; background: url("../img/text/view-all-news.gif") no-repeat 0 0;}
#home #freshProg p.cta a {display: block; text-indent: -1000em; width: 213px; height: 30px; background: url("../img/text/view-all-progs.gif") no-repeat 0 0;}

#home #latestNews h3 {
	margin-bottom: 3px;
	font-size: 1.357em;
	line-height: 1.4em;
	color: #000;
	font-style: italic;
	font-weight: normal;
}
#home #latestNews h3 a {color: #000;}

#home #latestNews h4 {
	margin: 0 0 10px 235px;
	padding-bottom: 5px;
	font-size: 0.833em;
	border-bottom: 1px solid #464646;
}

#home #latestNews .row .cta {
	margin-top: 2px;
	padding-right: 15px;
	color: #21348f;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 50%;
}

#home #latestNews .media {
	float: left;
	margin-right: 10px;
	width: 225px;
	height: 125px;
}

#home #latestNews .copy {
	margin-left: 20px;
}

#home #freshProg .media {
	width: 180px;
	height: 100px;
	margin-bottom: 22px;
	position:relative;
}

#home #freshProg .media .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#home #freshProg .media:hover .playOver {display: block;}


#home #freshProg .item {
	float: left;
	width: 180px;
	font-size: 0.929em;
}

#home #freshProg .item .format {
	margin-bottom: 5px;
	font-size: 0.769em;
	color: #21348f;
	font-weight: bold;
}

#home #freshProg .item .format a { color:#21348f; }
#home #freshProg .item p a.introCopy { color:#636B70; }

#home #freshProg .item h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 1.154em;
	color: #000;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #000;
}

#home #freshProg .item h3 a {color: #000;}

#home #freshProg .item.first {
	margin-right: 52px;
}

#home #freshProg .item .cta {display: inline-block; text-indent: -1000em; width: 6px; height: 100%; background: url("../img/layout/bg-cta1.gif") no-repeat 0 50%;}


/*====================================
	2) NEWS
====================================*/
#news h1.ti {
	background-image: url("../img/text/h1-latest-news.gif");
}

#news.article h1.ti {
	background-image: url("../img/text/h1-news-article.gif");
}

#news .mainCol .media {float: left; margin-right: 15px; width: 180px; height: 135px;}
#news.article .mainCol .media {margin-right: 0;}
#news .mainCol .copy {float: left; width: 300px;}

#news .mainCol .copy h3 {
	margin-bottom: 3px;
	font-size: 1.286em;
	line-height: 1.111em;
	color: #180853;
	font-weight: normal;
	font-style: italic;
}
#news .mainCol .copy h3 a {color: #000;}

#news .mainCol .copy h4 {margin-bottom: 5px; padding-bottom: 5px; font-size: 0.714em; border-bottom: 1px solid #000;}

#news .mainCol .copy .cta {
	padding-right: 15px;
	display: inline-block;
	color: #000;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 70%;
}

#news.list .mainCol .copy p {margin-bottom: 0;}

#news.article .mainCol h2 {margin-bottom: 8px; font-size: 2.143em; line-height: 1em; color: #000; font-style: italic;}
#news.article .mainCol h3 {margin-bottom: 20px;	font-size: 1.143em; font-weight: normal; color: #636b70;}

#news.article .mainCol .media {width: 500px; height: 280px;}


#news.markets h1.ti {background-image: url("../img/text/h1-markets.gif");}

#news.markets .mainCol .media {width: 154px; height: 86px; margin: 0 17px 22px 0;}
#news.markets .mainCol .media.last {margin-right: 0;}

#news.markets .hero {width: 100%; overflow: hidden;}

#news.markets .hero .item {float: left; margin-right: 40px;width: 230px;}
#news.markets .hero .item.last {margin-right: 0;}
#news.markets .hero .item .copy {width: auto;}
#news.markets .hero .item .image {position: relative; height: 135px; margin-bottom: 10px;}
#news.markets .hero .item .image .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#news.markets .hero .item .image.hover .playOver {display: block;}


#news.markets .hero .item .copy .format {font-size: 0.714em; margin: 0 0 5px;}

#news.markets .hero .item .copy h3 {color: #000; font-style: italic; font-size: 1.071em; margin-bottom: 10px;}
#news.markets .hero .item .copy .cta {
	width: 6px;
	display: inline-block;
	text-indent: -1000em;
	color: #000;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 70%;
}


#news.markets .mainCol h2 {
	color: #636b70;
	font-size: 1.714em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}



#news.markets .downloads a {background-repeat: no-repeat; background-position: 0 0.1em; display: block; margin-bottom: 5px;	padding-left: 25px; color: #636b70;}

#news.markets .downloads a.doc {background-image: url("../img/layout/icon-doc.png");}
#news.markets .downloads a.xls {background-image: url("../img/layout/icon-xls.png");}
#news.markets .downloads a.scripts {background-image: url("../img/layout/icon-scripts.png");}
#news.markets .downloads a.stills {background-image: url("../img/layout/icon-stills.png");}

.box {
	padding: 8px 0 0 0;
	background: url("../img/layout/bg-box-top.png") no-repeat 0 0;
	color: #FFF;
}

.col4 .box {background-image: url("../img/layout/bg-box-top-col4.png");}

.box .inner {
	padding: 0 20px 20px;
	overflow: hidden;
	background: url("../img/layout/bg-box-bottom.png") no-repeat left bottom;
}

.col4 .box .inner {background-image: url("../img/layout/bg-box-bottom-col4.png");}

.box .inner h4 {margin-bottom: 20px;}


/*====================================
	3) PROGRAMMES
====================================*/
#programmes .header .perpage {margin-right: 310px;}

#newestProgrammes {width: 276px; height: 30px; background-image: url("../img/text/h1-newest-programmes.gif");}
#comedyProgrammes {width: 289px; height: 31px; background-image: url("../img/text/h1-comedy-programmes.gif");}
#dramaProgrammes {width: 267px; height: 31px; background-image: url("../img/text/h1-drama-programmes.gif");}
#entertainmentProgrammes {width: 372px; height: 31px; background-image: url("../img/text/h1-entertainment-programmes.gif");}
#factualProgrammes {width: 273px; height: 31px; background-image: url("../img/text/h1-factual-programmes.gif");}
#formatsProgrammes {width: 287px; height: 31px; background-image: url("../img/text/h1-formats-programmes.gif");}
#kidsProgrammes {width: 214px; height: 30px; background-image: url("../img/text/h1-kids-programmes.gif");}
#allProgrammes {width: 214px; height: 30px; background-image: url("../img/text/h1-all-programmes.gif");}

#allProgrammes {width: 214px; height: 30px; background-image: url("../img/text/h1-all-programmes.gif");}


#programmes.playlists .ti {background-image: url("../img/text/h1-playlists.gif");}

#relatedProgrammes .media.row {height: 135px;}
#relatedProgrammes .media .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#relatedProgrammes .media:hover .playOver {display: block;}

#programmes.list h1 {margin-bottom: 20px; font-size: 2.667em; line-height: 1em; color: #000; font-style: italic;}

#programmes.list .mainCol {border-top: none; padding-top: 0;}

#programmes.list .mainCol .item {
	margin-bottom: 30px;
	color: #636b70;
	width: 300px;
	overflow: hidden;
}



#programmes.list .mainCol .item .cta {
	width: 6px;
	display: inline-block;
	text-indent: -1000em;
	color: #000;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 70%;
}

#programmes.list .mainCol .item .copy {
	padding: 15px 15px 20px;
	position: relative;
}

#programmes.list .mainCol .item .copy .remove a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 25px;
	height: 25px;
	text-indent: -1000em;
	background: url("../img/layout/remove-icon.png") no-repeat 0 0;
}

#programmes.list .mainCol .item .copy .remove a:hover {
	background-position: 0 -25px;
}

#programmes.list .mainCol .item .copy p {
	line-height: 1.2em;
}

#programmes.list .mainCol .item .format {
	font-size: 0.714em;
	font-style: normal;
}

#programmes.list .mainCol .item h3 {
	margin-bottom: 10px;
	font-size: 1.286em;
}

#programmes.list .mainCol .item h3 a {color: #000; font-style: italic;}

#programmes.list .mainCol .item p {margin: 0;}

#programmes.list .mainCol .item .copy.hover {
	background: #FFF url("../img/layout/bg-programme-item.gif") repeat-x left bottom;
	color: #57506f;
	cursor: pointer;
}

#programmes.list .mainCol .item .image {position: relative; height: 200px;}
#programmes.list .mainCol .item .image .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#programmes.list .mainCol .item .image.hover .playOver {display: block;}


#programmes.detail .mainCol {font-size: 1.143em; border-top: none; padding-top: 0;}

#programmes.detail .mainCol .media {margin-bottom: 20px;}

#programmes.detail .mainCol h2 {
	font-size: 2em;
	margin-bottom: 10px;
	color: #000;
	font-style: italic;
}

#programmes.detail .mainCol .sub {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	list-style: none;
	font-size: 0.875em;
}

#programmes.detail .mainCol .sub a {color: #593dd4; text-decoration: underline;}

#programmes.detail .mainCol .sub.genres {margin-bottom: 10px; font-size: 1em;}
#programmes.detail .mainCol .sub.genres a {text-decoration: none;}

#programmes.detail .mainCol .sub li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #9d98b0;
}

#programmes.detail .mainCol .sub li.first {padding-left: 0; border-left: none;}

#programmes.detail .mainCol h3 {
	margin-bottom: 20px;
	color: #000;
	font-size: 1.125em;
}

#programmes.pressRatings #content {
	font-size: 1.4em;
}

#programmes.pressRatings h1 {
	font-size: 2.286em;
	color: #000;
}

#programmes .pressRatings {font-size: 0.875em;}

#programmes .pressRatings .cta a {
	text-indent: -1000em;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
}

#programmes .pressRatings .col5 .cta a {background-image: url("../img/layout/cta-view-more-press.png");}
#programmes .pressRatings .col5 .cta.ratings a {background-image: url("../img/layout/cta-view-more-ratings.png");}

#programmes .mainCol .pressRatings h2,
#programmes.pressRatings h2 {
	margin-bottom: 20px;
	color: #000;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.286em;
}

#programmes .pressRatings h3,
#programmes.pressRatings h3 {
	color: #586cd4;
	font-size: 1em;
}

#programmes .pressRatings blockquote,
#programmes.pressRatings blockquote {margin-bottom: 20px;}
#programmes .pressRatings blockquote p.cite,
#programmes.pressRatings blockquote p.cite {color: #000;}

#programmes .pressRatings .item,
#programmes.pressRatings .item {margin-bottom: 20px;}
#programmes .pressRatings .item ol li,
#programmes.pressRatings .item ol li {
	list-style: none;
}

#programmes.pressRatings .cta.backProgramme {margin-bottom: 40px;}
#programmes.pressRatings .cta.backProgramme a {
	width: 240px;
	height: 36px;
	display: block;
	text-indent: -1000em;
	background: url("../img/form/buttons/back-to-programme-card.png") no-repeat 0 0;
}

/*====================================
	4) ORDERS
====================================*/
#orders h1 {margin-left: 170px;}
#orders h2 {margin-bottom: 20px; font-size: 2.286em;}

#orders .address label {
	width: auto !important;
	float: none;
	display: block;
}

#orders .address .form-select span {width: 120px; min-width: 20px;}
#orders .address input {width: 152px;}

#orders #supCol2 {width: 200px;}

#orders #content {min-height: 600px;}

#orders.detail label {width: 100px;}

#orders.detail .form-textarea {float: left; background-image: url("../img/form/fields/text-area-bottom-295.png");}
#orders.detail .form-textarea textarea {width: 295px; height: 200px; background-image: url("../img/form/fields/text-area-top-295.png");}

form#addAnother p {margin-bottom: 10px;}
form#addAnother label {float: left; line-height: 2em; margin-right: 15px;}
form#addAnother input {width: 260px;}
form#addAnother .form-input-wrap {margin-right: 20px;}
form#addAnother .form-btn {float: right;}

#orders .mainCol {clear: none;}

#orders .detailList {margin-bottom: 40px; overflow: hidden;}
#orders .detailList li {
	width: 100%;
	float: left;
	list-style: none;
	font-size: 1.143em;
	border-bottom: 1px solid #636b70;
	line-height: 2.25em;
}

#orders .detailList li a {float: left;}

#orders .detailList li form {clear: both;}

#orders.notes .detailList li a {width: 100%; background: url("../img/layout/expand.png") no-repeat 98% -48px;}
#orders.notes .detailList li.open a {background-position: 98% 5px; margin-bottom: 10px;}
#orders.notes .detailList li.saved a {background: url("../img/layout/tick.png") no-repeat 98% 0.25em; color: #9d98b0;}

#orders .detailList a.delete {
	float: right;
	margin-top: 0.25em;
	text-indent: -1000em;
	width: 27px;
	height: 27px;
	background: url("../img/layout/btn-close.png") no-repeat 98% 0;
}

#orders.detail .detailList a:hover {background-position: 98% -53px;}

#orders .detailList form .form-select {margin-right: 20px;}

#orders .detailList form label {
	float: left;
	width: 90px;
	margin-right: 20px;
	text-align: right;
	line-height: 1em;
	font-size: 0.875em;
	color: #77798c;
}

#orders .detailList form .form-textarea {
	float: left;
}

#orders .detailList form .btn {float: right; margin-bottom: 20px;}

#orders.newOrder form label {
	float: left;
	width: 120px;
	line-height: 1.6em;
}

#orders.newOrder form input {
	width: 335px;
}

#orders.newOrder form .btn {float: right;}



#orders.report #content {
	padding-right: 60px;
	width: 908px;
}

#orders.report h1 {margin-left: 20px; float: left;}

#orders.report .back {float: right; font-size: 1.333em; line-height: 2em;}
#orders.report .back a {color: #636B70; background: url("../img/layout/arrow-back.gif") no-repeat 0 0; padding-left: 20px;}

#orders.report .mainCol {clear: both;}

#orders.report .mainCol h2 {
	float: left;
	width: 450px;
}

#orders.report .mainCol h2 strong {
	display: block;
	font-size: 0.563em;
}

#orders.report .mainCol table {clear: both;}

#orders.report .mainCol table .col-sales {width: 130px;}
#orders.report .mainCol table input {width:73px;height:36px;}


#orders.report .mainCol table .form-select span {width: 100px; font-size: 10px; min-width: 35px; padding: 0px 11px 0px 15px;float:left;}

#orders.report .mainCol table.commentOpen .col-status {width: 150px;}

#orders.report .mainCol table .comment {padding-bottom: 20px; padding-top: 20px;}

#orders.report .mainCol table .comment label {
	float: left;
	width: 120px;
}

#orders.report .mainCol table .comment .form-textarea {
	float: left;
	padding-bottom: 8px;
	background-image: url("../img/form/fields/text-area-bottom-735.png");
}

#orders.report .mainCol table .comment .form-textarea textarea {
	width: 715px;
	background-image: url("../img/form/fields/text-area-top-735.png");
}

#orders.report .mainCol table .comment .optin {float: left; margin: 25px 0 0 120px; width: 300px; clear:both; height:30px; padding:0;}
#orders.report .mainCol table .comment .optin label {width: auto !important;}
#orders.report .mainCol table .comment .optin input {float: left !important; margin-right: 20px; height: auto;}

#orders.report .mainCol table .comment .buttons {float: right; margin: 20px 0 0 0; width: 212px; /*text-align: right;*/ line-height: 2em;}
#orders.report .mainCol table .comment .buttons span {float: left;}
#orders.report .mainCol table .comment .buttons a {float: left;color:black!important; line-height: 1.6em;}
#orders.report .mainCol table .comment .buttons a.close { text-indent:-99999px;background: url('../img/layout/cancel-btn.gif') no-repeat scroll top left;width: 82px;height: 35px;display:block; }



#orders.report .mainCol table .comment .buttons input {float: right; margin-left: 15px;}

#orders.report .mainCol .tools {float: right; list-style: none;}

#orders.report .mainCol .tools .checks li {float: left;}

#orders.report .mainCol .tools li a.opener {float: left; text-indent: -1000em; height: 36px; width: 140px; background-repeat: no-repeat; background-position: 0 0;}
#orders.report .mainCol .tools li a.printBtn {float: left; margin:0 0 0 18px;text-indent: -1000em; height: 36px; width: 79px;background: url('../img/form/buttons/print-btn.gif') 0 0 no-repeat; }


#orders.report .mainCol .tools li { float:left;}
#orders.report .mainCol .tools li.filter {float: left;}
#orders.report .mainCol .tools li.filter a.opener {background-image: url("../img/form/buttons/filter-report.png"); z-index: 0;}
#orders.report .mainCol .tools li.filter.open a.opener {height: 40px; background-position: 0 -38px;z-index: 0;}
#orders.report .mainCol .tools li.export a {margin-left: 10px; background-image: url("../img/form/buttons/export-xls.gif");z-index: 0;}


#orders.report .mainCol .tools li.filter div.cont {
	position: absolute;
	top: 40px;
	left: 0;
	width: 300px;
	padding-top: 8px;
	background: url("../img/layout/filter-box-top.png") no-repeat 0 0;
	color: #FFF;
	display:none;
}

#orders.report .mainCol .tools li.filter div.cont h3 {margin: 0 0 10px 30px;}

#orders.report .mainCol .tools li.filter div .inner {padding-bottom: 20px; background: url("../img/layout/filter-box-bottom.png") no-repeat 0 100%;}

#orders.report .mainCol .tools li.filter div form {background: #FFF; padding-bottom: 10px;}

#orders.report .mainCol .tools li.filter .form-select {font-size: 1em; line-height: 2.1em;}


#orders.report .mainCol .tools li.filter ul.checks {margin-left: 20px;border-bottom: 1px solid #000;}

#orders.report .mainCol .tools li.filter ul.checks li {
	float: none;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #000;
}

#orders.report .mainCol .tools li.filter .checks {margin-bottom: 10px; clear: both;}

#orders.report .mainCol .tools li.filter ul li h3 {padding: 0 30px; line-height: 2em; color: #000;}

#orders.report .mainCol .tools li.filter ul li ul {display: none;}
#orders.report .mainCol .tools li.filter ul li.open ul {display: block;}
#orders.report .mainCol .tools li.filter ul li .opener {margin: 0 22px 0 10px !important; background: url("../img/layout/expand.png") no-repeat 100% -50px;}
#orders.report .mainCol .tools li.filter ul li.open .opener {background: url("../img/layout/expand.png") no-repeat 100% 4px;}
#orders.report .mainCol .tools li.filter ul li label {float: left; padding: 0 30px; width: 240px; color: #000; margin: 0; line-height: 2.5em; background: url("../img/layout/crosses.gif") no-repeat 260px 15px;}
#orders.report .mainCol .tools li.filter ul li label.hover {background-color: #EEE; background-position: 260px -34px;}
#orders.report .mainCol .tools li.filter ul li.checked label {background-image: url("../img/layout/ticks.gif");}
#orders.report .mainCol .tools li.filter ul li input {display: none;}

#orders.report .mainCol .tools li.filter ul li ul {clear: both;}

#orders.report .mainCol .tools .form-sep {margin-left: 30px;}

#orders.report .mainCol .tools .daterange {margin-left: 6px;}
#orders.report .mainCol .tools .daterange input {width: 82px; font-size: 0.929em;}
#orders.report .mainCol .tools .daterange .form-input-wrap {margin-left: 14px; display: inline;}

#orders.report .mainCol .tools input {width: 191px;}

#orders.report .mainCol .tools input.btn {margin: 0 0 0 22px;}


#orders.report.sales table thead th {font-size: 1.071em;}


#orders.report .form-select-drop{width:135px!important}

/*====================================
	5) PUBLICITY DOWNLOADS
====================================*/
#pubDownloads h1 {
	margin: 0 0 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	background-image: url("../img/text/h1-pub-downloads.gif");
}

#pubDownloads .col7 {
	margin: 0 auto;
	float: none;
	width: 530px;
}

#pubDownloads .media {
	width: 248px;
	height: 140px;
	float: left;
	margin-right: 15px;
}

#pubDownloads .copy {
	float: left;
	width: 180px;
}

#pubDownloads .copy .format {margin: 0; font-size: 0.714em;}

#pubDownloads .copy h2 {margin-bottom: 5px; font-size: 1.286em; font-weight: normal; color: #000; font-style: italic;}
#pubDownloads .copy h3 {font-size: 1em; font-weight: normal; font-style: italic;}


#pubDownloads .copy .downloads a {color: #636b70;}

#pubDownloads .copy .downloads {
	list-style: none;
}

#pubDownloads .copy .downloads ul {
	list-style: none;
	margin-left: 20px;
}

#pubDownloads .copy ul a {
	margin-bottom: 5px;
	padding-left: 25px;
	display: block;
	line-height: 1.4em;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}
#pubDownloads .copy ul a.show {background-image: url("../img/layout/icon-download.png"); font-weight: bold;}
#pubDownloads .copy ul a.show.open {background-image: url("../img/layout/icon-download-open.png");}

#pubDownloads .copy ul a.doc {background-image: url("../img/layout/icon-doc.png");}
#pubDownloads .copy ul a.xls {background-image: url("../img/layout/icon-xls.png");}
#pubDownloads .copy ul a.scripts {background-image: url("../img/layout/icon-scripts.png");}
#pubDownloads .copy ul a.stills {background-image: url("../img/layout/icon-stills.png");}

#pubDownloads .copy .downloads li ul ul li a {margin-left: 20px;}


#userActivity h2 {
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: normal;
	color: #583cd4;
	height: 27px;
}

#userActivity .colMain {width: 383px; margin-right: 85px;}

#userActivity .colMain h2 {background: url("../img/text/recently-viewed.gif") no-repeat;}
#userActivity .col6.last h2 {background: url("../img/text/recent-activity.gif") no-repeat}

#userActivity .colMain .media {
	width: 383px;
	height: 218px;
	margin-bottom: 22px;
}

#userActivity .colMain .copy {padding: 0 20px;}

#userActivity .colMain .format {font-size: 0.714em; margin-bottom: 0px; color: #00c996;}
#userActivity .colMain h3 {margin-bottom: 9px; font-size: 1.286em; color: #000; font-weight: normal; font-style: italic;}
#userActivity .colMain p {font-size: 0.929em;}

#userActivity .colMain .cta {display: inline-block; text-indent: -1000em; width: 6px; height: 15px; background: url("../img/layout/bg-cta2.gif") no-repeat 100% 50%;}


#userActivity .col6.last .item {float: left; width: 180px; margin-right: 70px;}
#userActivity .col6.last .item.last {margin-right: 0;}
#userActivity .col6.last .media {width: 180px; height: 100px; margin-bottom: 22px;}

#userActivity .col6.last .format {font-size: 0.714em; margin-bottom: 0px; color: #21348f;}
#userActivity .col6.last h3 {font-size: 1.071em; font-style: italic; color: #000; font-weight: normal; border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 10px;}

#userActivity .col6.last h4 {font-weight: normal; margin-bottom: 22px;}
#userActivity .col6.last h4 strong {display: block; font-weight: normal;}

#userActivity .col6.last h4,
#userActivity .col6.last p {font-size: 0.929em;}

#userActivity .col6.last p .cta {margin-top: 22px; padding-right: 15px; display: inline-block; color: #000; font-style: italic; background: url("../img/layout/bg-cta2.gif") no-repeat 100% 50%;}

#userActivity .media .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#userActivity .media:hover .playOver {display: block;}

/*====================================
	6) ACCOUNT
====================================*/
#account h1 {padding-bottom: 12px; margin-bottom: 45px; border-bottom: 1px solid #000;}

#account.edit h1 {background-image: url("../img/text/h1-your-account.gif");}

#account .col7 {
	margin: 0 200px;
}

#account .col7 form label {
	float: left;
	width: 180px;
}

#account.request .col7 form .form-select .text {width: 242px;}

#account .col7 form input {width: 278px;}
#account .col7 form .form-select span {width: 128px;}

#account #prefGenre input.btn {float: right;}

#account .form-textarea {float: left; padding-bottom: 8px; background-image: url("../img/form/fields/text-area-bottom-319.png");}
#account .form-textarea textarea {background-image: url("../img/form/fields/text-area-top-319.png"); width: 299px; height: 200px;}



/*====================================
	7) REQUEST ACCOUNT
====================================*/
#account.request h1 {height: 21px; background-image: url("../img/text/h1-request-account.gif");}

#account.request #mainCol {width: 495px; margin-left: 200px;}

#account.request #mainCol form {overflow: hidden; width: 100%; margin-bottom: 60px;}

#account.request #mainCol .form-sep label {float: left; width: 190px;}

#account.request #mainCol .form-input-wrap input {width: 255px;}

#account.request #mainCol .form-textarea {float: left; background-image: url("../img/form/fields/text-area-bottom-295.png");}
#account.request #mainCol .form-textarea textarea {width: 275px; height: 200px; background-image: url("../img/form/fields/text-area-top-295.png");}

#account.request #mainCol .form-select span {width: 225px;}

#account.request #mainCol .btn {float: right;}


/*====================================
	8) CONACT US
====================================*/
#contactus h1.ti {
	background-image: url("../img/text/h1-contact-us.gif");
}

#contactus.article h1.ti {
	background-image: url("../img/text/h1-news-article.gif");
}

#contactus .mainCol .media {float: left; margin-right: 15px; width: 180px; height: 135px;}
#contactus.article .mainCol .media {margin-right: 0;}
#contactus .mainCol .copy {float: left; width: 300px;}

#contactus .mainCol .copy h3 {
	margin-bottom: 3px;
	font-size: 1.286em;
	line-height: 1.111em;
	color: #180853;
	font-weight: normal;
	font-style: italic;
}
#contactus .mainCol .copy h3 a {color: #000;}

#contactus .mainCol .copy h4 {
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px solid #000;
	color: #000000;
	font-weight: normal;
	font-style: italic;}

#contactus .mainCol .copy .cta {
	padding-right: 15px;
	display: inline-block;
	color: #000;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 70%;
}

#contactus .mainCol .sub_copy {
	margin:18px 0 35px 0;
}
#contactus.list .mainCol .copy p {margin-bottom: 0;}

#contactus.article .mainCol h2 {margin-bottom: 8px; font-size: 2.143em; line-height: 1em; color: #000; font-style: italic;}
#contactus.article .mainCol h3 {margin-bottom: 20px;	font-size: 1.143em; font-weight: normal; color: #636b70;}

#contactus.article .mainCol .media {width: 500px; height: 280px;}


#contactus.markets h1.ti {background-image: url("../img/text/h1-markets.gif");}

#contactus.markets .mainCol .media {width: 154px; height: 86px; margin: 0 17px 22px 0;}
#contactus.markets .mainCol .media.last {margin-right: 0;}

#contactus.markets .hero {width: 100%; overflow: hidden;}

#contactus.markets .hero .item {float: left; margin-right: 40px;width: 230px;}
#contactus.markets .hero .item.last {margin-right: 0;}
#contactus.markets .hero .item .copy {width: auto;}
#contactus.markets .hero .item .image {position: relative; height: 135px; margin-bottom: 10px;}
#contactus.markets .hero .item .image .playOver {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/layout/play-overlay.png") no-repeat 50% 50%; display: none;}
#contactus.markets .hero .item .image.hover .playOver {display: block;}


#contactus.markets .hero .item .copy .format {font-size: 0.714em; margin: 0 0 5px;}

#contactus.markets .hero .item .copy h3 {color: #000; font-style: italic; font-size: 1.071em; margin-bottom: 10px;}
#contactus.markets .hero .item .copy .cta {
	width: 6px;
	display: inline-block;
	text-indent: -1000em;
	color: #000;
	background: url("../img/layout/bg-cta1.gif") no-repeat 100% 70%;
}


#contactus.markets .mainCol h2 {
	color: #636b70;
	font-size: 1.714em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}



#contactus.markets .downloads a {background-repeat: no-repeat; background-position: 0 0.1em; display: block; margin-bottom: 5px;	padding-left: 25px; color: #636b70;}

#contactus.markets .downloads a.doc {background-image: url("../img/layout/icon-doc.png");}
#contactus.markets .downloads a.xls {background-image: url("../img/layout/icon-xls.png");}
#contactus.markets .downloads a.scripts {background-image: url("../img/layout/icon-scripts.png");}
#contactus.markets .downloads a.stills {background-image: url("../img/layout/icon-stills.png");}

#contactus .col3 h2 {
	background-image: url("../img/text/h3-find-us.gif");
	display:block;
	border-bottom:solid 1px #000000;
	padding:0;
	margin:0 0 18px 0;
}

#contactus .col3 .bg-findus {
	background-color:#636b70;
	color:#ffffff;
}

#contactus .col3 .bg-findus p { padding:4px 0 8px 20px; }
#contactus .col3 .bg-findus p a { color:#ffffff; }

#contactus .col3 span.bg-findus-top {
	background: url("../img/layout/bg-findus-top.gif") 0 0 no-repeat;
	height:12px;
	width:200px;
	display:block;
} 

#contactus .col3 span.bg-findus-bottom {
	background: url("../img/layout/bg-findus-bottom.gif") 0 0 no-repeat;
	height:12px;
	width:200px;
	display:block;
}

.box {
	padding: 8px 0 0 0;
	background: url("../img/layout/bg-box-top.png") no-repeat 0 0;
	color: #FFF;
}

.col4 .box {background-image: url("../img/layout/bg-box-top-col4.png");}

.box .inner {
	padding: 0 20px 20px;
	overflow: hidden;
	background: url("../img/layout/bg-box-bottom.png") no-repeat left bottom;
}

.col4 .box .inner {background-image: url("../img/layout/bg-box-bottom-col4.png");}

.box .inner h4 {margin-bottom: 20px;}