* {margin:0;padding:0;border:none;zoom:1;font-family:verdana, arial, sans-serif;}
a, a:link,a:visited, a:active {color: #8f8f8f;text-decoration:none;}
a:hover {text-decoration: underline;}
a.emphasised {font-family: century gothic, verdana, arial, sans-serif;}
input, select, textarea {border: 1px solid #d6d6d6}
body {
	font-size: 70%;
	background: #000000;
	color: #FFFFFF;
}
h1 {
	font-family: century gothic, verdana, arial, sans-serif;
}
h2 {
	font-family: century gothic, verdana, arial, sans-serif;
	font-size: 140%;
}
h2.grad {
	padding: 3px 10px 0 10px;
	background: url(../images/blue-grad-header.gif) no-repeat left top;
	height: 32px;
}
h2.backtocatalogue {background: url(../images/btn-back-to-catalogue.gif) no-repeat left top;height: 52px;}
h3 {
	font-family: century gothic, verdana, arial, sans-serif;
	font-size: 130%;
	margin-bottom: 10px;
}
.clear {
	clear:both;
	float:none;
	height: 0px;
}
.noshow {display:none;}
.grey {color: #8f8f8f;}D
.right {float:right;}
h1 .tabs {float:right;}
h1 .tabs .tab {float:left;padding: 0 5px 0 5px;margin: 8px 0 0 0;border-right: 1px solid #FFFFFF;font-size: 65%;font-weight:normal;}
h1 .tabs .tab a {color: #FFFFFF;text-decoration:none;}
h1 .tabs .tab a:hover {text-decoration:underline;}
h1 .tabs .tab.on {font-weight: bold;}
h1 .tabs .tab.last {border-right: none;}

.e1header {color: #6FC1D7;}

#HeaderContainer {
	background: #000000 url(../images/bg-header.jpg) no-repeat right top;
	margin: 0 auto 0 auto;
	width: 800px;
}
#PageContainer {
	background: transparent url(../images/bg-inner-content-top.jpg) no-repeat top center;
	width: 860px;
	margin: 0 auto 0 auto;
	padding-top:21px;
}
#ContentContainer {
	clear:both;
	width: 860px;
	margin: 0 auto 0 auto;
	text-align:center;
	background: url(../images/bg-inner-content.jpg) repeat-y center top;
}
#Breadcrumbs {
	color: #8f8f8f;
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 10px 10px 10px 20px;
	text-align:left;
}
#Breadcrumbs .more {text-decoration: underline;margin-left: 8px;}
#InnerContainer {
	text-align:left;
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 10px 10px 10px 20px;
	margin-top: 0px;
	min-height:400px;
}
#InnerContainer p {margin: 5px 0 10px 0;}
#InnerContainer ul {margin-left: 25px;margin-bottom: 10px;}
.pdf {list-style-image: url(../images/fileicons/pdf.gif); list-style-position: outside;}
.doc {list-style-image: url(../images/fileicons/doc.gif); list-style-position: outside;}
.docx {list-style-image: url(../images/fileicons/docx.gif); list-style-position: outside;}
.jpg {list-style-image: url(../images/fileicons/jpg.gif); list-style-position: outside;}
.xls {list-style-image: url(../images/fileicons/xls.gif); list-style-position: outside;}
.zip {list-style-image: url(../images/fileicons/zip.gif); list-style-position: outside;}

li a, li a:link, li a:active, li a:visited, li a:hover {color: #FFFFFF;}

#BannerContainer {height:0px;}


#DetailsPanel {
	width: 330px;
	float:left;
}
#DetailsPanel h1 {
	margin-bottom: 10px;
}
#DetailsPanel p {
	line-height: 14px;
	margin-bottom: 10px;
}

#DetailsPanel h4 {
	margin-bottom: 5px;
	margin-top: 30px;
}

#DetailsPanel input, select, textarea {float:left;margin:0 0 0 0;width:330px;}
#DetailsPanel textarea{float:left;margin:0 0 0 0;width:330px; height:200px;}

#DetailsPanel .small input, select, textarea {float:left;margin:0 0 0 0;width:330px;}
#DetailsPanel .small textarea{float:left;margin:0 0 0 0;width:330px; height:200px;}

#DetailsPanel .more {color:#FFFFFF;font-weight:bold;}

#DetailsPanelWide {
	width: 600px;
	float:left;
}
#DetailsPanelWide h1 {
	margin-bottom: 10px;
}

#DetailsPanelWide p {
	line-height: 14px;
	margin-bottom: 10px;
}
#DetailsPanelWide .more {color:#FFFFFF;font-weight:bold;}

#TrailerPanel {
	margin-left: 10px;
	float:left;
}
.trailer {
	width: 430px;
	margin-bottom: 15px;
}
.trailer .top {
	background: transparent url(../images/bg-trailer-top.jpg) no-repeat center top;
	width: 438px;
	height: 13px;
}
.trailer .content {
	background: transparent url(../images/bg-trailer.jpg) repeat-y center top;
	text-align: center;
	width: 438px;
}
.trailer .bottom {
	background: transparent url(../images/bg-trailer-btm.jpg) no-repeat center top;
	width: 439px;
	height: 13px;
}
.cover, .imagery {
	float: left;
}
.cover {
	margin-left: 18px;
	width: 134px;
}
.cover a {
	color: #FFFFFF;
}
.cover .item .top {
	background: transparent url(../images/twilight-cover-top.jpg) no-repeat center top;
	height: 14px;
	width: 133px;
}
.cover .item .bottom {
	background: transparent url(../images/twilight-cover-btm.jpg) no-repeat center top;
	height: 5px;
	width: 133px;
}
.cover .item img {
	border-right: 3px solid #498fca;
}
.imagery {
	margin-left: 4px;
	width: 254px;
}
.imagery h3 {
	margin-left: 8px;
}
.imagery .item {
	margin-left: 8px;
	margin-bottom: 8px;
	float: left;
	text-align:center;
}
.imagery .item img {
	width: auto;
    height: auto;
    max-height: 72px;
    max-width: 113px;
	border: 3px solid #838580;
}
.imagery .on img {
	border: 3px solid #498fca;
}
.imagery .item p {
	font-family: Arial, verdana, sans-serif;
	font-size: 90%;
	color: #8f8f8f;
}
.imagery .more {color: #FFFFFF;font-weight: normal;text-align:center;margin: 0 0 20px 0;}
.imagery .more span.on {font-weight: bold;}
.imagery .more a {color: #FFFFFF;}

.slider a {display: block;padding: 40px 0 0 0;float:left;}
.slider img {margin: 0 10px 20px 10px;float:left;}
hr.grad {clear:both;background:transparent url(../images/hr-grad.jpg) no-repeat top center; height:37px;}

#Catalogue {clear:both;padding: 0 0 20px 0;margin: 10px 0 0 0px;}
.column {float:left; width: 46%;margin: 0 2% 0 0;}
.column h2 {color:#009ecb;margin: 4px 0 1px 0;}
.column a {color: #FFFFFF;margin:0 0 0 0;font-size: 110%;}

.column label {color: #8f8f8f;font-weight:bold;float:left;clear:both;margin:3px 0 3px 0;width:110px;}
.column input, .column select, .column textarea {float:left;margin:3px 0 3px 5px;width:230px;z-index:1;}
.column textarea {height: 100px;}
input.short, select.short {width: 50px;}
input.checkbox {width: auto;}
input.send, input.register {font-family:century gothic; color:#FFFFFF; font-weight:bold;width: auto;background: url(../images/btn-register-send.gif) no-repeat;border-width:0px;width:88px;height:23px;}
input.send {background: url(../images/btn-contact-send.gif) no-repeat;width:61px;}
.column input.checkbox {clear:both;float:left;border-width:0px;}


#wrapper {width: 509px;float:left;margin: 0px 15px 0 0;}
 
.accordionButton {color:#ffffff;font-family:century gothic, verdana, arial, sans-serif;background:#373737;border: 1px solid #000000;padding: 4px 5px 4px 5px;cursor:hand;font-size:100%;font-weight:normal;}
 
.accordionContent {background:#303030;border-bottom: 1px solid #000000;padding:10px 10px 10px 10px;}


/* begin: HOME styles */
#FlashNewsPanel {width: 509px;float:left;margin: 0px 15px 0 0;}
#FlashNewsPanel h3 {color:#ffffff;font-family:century gothic, verdana, arial, sans-serif;background:#373737;border: 1px solid #000000;padding: 4px 5px 4px 5px;cursor:hand;font-size:100%;font-weight:normal;}
#FlashNewsPanel .title {background:#373737;border-bottom: 1px solid #000000;padding: 4px 5px 4px 5px;cursor:hand;}
#FlashNewsPanel .title h2 {font-size:100%;font-weight:normal;}
#FlashNewsPanel .title h3 {font-size:100%;font-weight:normal;}
#FlashNewsPanel .desc {background:#303030;border-bottom: 1px solid #000000;padding:10px 10px 10px 10px;}
#FlashNewsPanel .desc img {float: left; margin-right: 10px; margin-bottom:10px;}
#FlashNewsPanel .desc p {margin-bottom: 8px;}
#FlashNewsPanel #more {color:#FFFFFF;text-decoration:underline;}
#FlashNewsPanel #desc .more {background:url(../images/btn-clickformore.gif);width:110px;height:16px;float:right;padding: 3px 8px 3px 8px;display:block;text-decoration:none;}

#NewsList .desc img {float: left; margin-right: 10px; margin-bottom:10px;}
#NewsList .title h2 {margin:15px 0px 15px 0px;}

#Shortcuts {float:left;}
#Shortcuts .btn {width: 230px;height:41px;margin: 0 0 15px 0;padding-top: 4px;padding-left: 8px;}
#Shortcuts .latests {background:url(../images/btn-newreleases-comingsoon.gif);padding-top: 18px;height:64px;}
#Shortcuts .schedule {background:url(../images/btn-schedule.gif);height:42px;}
#Shortcuts .catalogue {background:url(../images/btn-catalogue.gif);height:48px;}
#Shortcuts .favourites {background:url(../images/btn-favourites.gif);}
#Shortcuts .contact {background:url(../images/btn-contact.gif);}
#Shortcuts .btn h1 {font-size: 160%;}
/* end: HOME styles */


#Featured {}
#Featured .item {width:756px;border:3px solid #4d4d4d;clear:both;margin: 0 0 10px 0;padding: 10px 0 6px 0;}
#Featured .item .image {width:160px;float:left;padding-left:20px;}
#Featured .item .copy {float:left;}
#Featured .item .copy .more {padding-right: 10px;text-decoration:underline;}
#Featured .item h2 {margin: 0 0 10px 0;}
#Featured .item p {margin-bottom: 10px;}

#ComingSoon {background: #141414;padding: 0px 20px 0 10px;margin:10px 0;}
#ComingSoon .item {float:left;width:240px;margin: 20px 0 30px 0;}
#ComingSoon .item img {float:left;margin: 0 10px 0 0;}
#ComingSoon .item h3 {font-size: 110%;}
#ComingSoon .item p {margin: 0 0 5px 0;}

#Lightbox {margin:10px 0;}
#Lightbox .item {width:160px;height:250px;border:3px solid #4d4d4d;margin: 0 18px 20px 0px;padding: 10px 0 0px 0;float:left;}
#Lightbox .item.last {margin-right: 0px;}
#Lightbox .item .image {text-align:center;margin-right: 15px;}
#Lightbox .item .copy {font-size: 90%; padding:10px 14px 10px 14px;}
#Lightbox .item h2 {font-size: 110%;margin: 0 0 10px 0;}
#Lightbox .item p {color: #8f8f8f;margin-bottom:0px;}
#Lightbox .item p span {color: #FFFFFF;}
#Lightbox .item p.icons {text-align:center;}
#Lightbox .item p.icons img {margin: 5px 2px 0 2px;}



/* begin: TOP NAVIGATION & SEARCH styles */
#NavigationContainer {
	height: 28px;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
	background:#00b1db url(../images/bg-top-nav.jpg) left top no-repeat;
}
#SearchBox {
	height: 24px;
	width: 250px;
	padding:4px 0 0 24px;
	background:#00b1db url(../images/top-nav.jpg) left top no-repeat;
	float: right;
}
#SearchBox * {
	margin-right: 5px;
	float: left;
}
#SearchBox label {
	font-family: century gothic, verdana, arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
#SearchBox .submit {
	height: 22px;
	width: 21px;
	background: url(../images/btn-search-submit.jpg);
	border: none;
	margin-top: -2px;
}

#TopNav {width:516px;height: 28px;margin: 0px auto 0 0; position: relative; z-index: 59; border-width: 0px;float:left;
	background: url(../images/nav-blue-bg.gif) repeat-x;}
#TopNav ul li {list-style:none;display: inline;text-align:center;float: left; position: relative;}
#TopNav ul li a {float: left; height:23px;padding-top:5px;font-size: 130%;font-weight: bold;font-family: century gothic, verdana, arial, sans-serif;}
#TopNav ul li a:hover {text-decoration:none;}

#TopNav ul li.home a {width:76px;}
#TopNav ul li.tv a {width:176px;}
#TopNav ul li.film a {width:114px;}
#TopNav ul li.kids a {width:76px;}
#TopNav ul li.general a {width:146px;}
#TopNav ul li.az a {width:142px;}
/*#TopNav ul li.info a {width:82px;}*/

#TopNav .submenu {display:none;position:absolute;z-index: 59;top: 28px;left:0;font-size: 80%;font-weight:normal;}
#TopNav ul.submenu li {text-align:left;display:block;border-left:0px solid #000000;}
#TopNav ul.submenu li a {display:block;padding-left:5px;height:auto;float:none;border-bottom: 1px solid #000000;background:#00b1db;font-size:120%;font-weight:normal;padding-top:1px;}

#TopNav ul.submenu {}
#TopNav ul.home, #TopNav ul.tv home {width:100px;}
#TopNav ul.tv, #TopNav ul.tv li {width:100px;}
#TopNav ul.film, #TopNav ul.film li {width:100px;}
#TopNav ul.kids, #TopNav ul.kids li {width:113px;}
#TopNav ul.general, #TopNav ul.general li {width:144px;}
#TopNav ul.az, #TopNav ul.az li {width:140px;}
/*#TopNav ul.info a {width:82px;}*/

#TopNav ul.tv li a {width:95px;} /* 76px (width) - 5px (padding-left) - 2px */
#TopNav ul.film li a {width:95px;}
#TopNav ul.kids li a {width:95px;}
#TopNav ul.general li a {width:139px;}
#TopNav ul.az li a {width:135px;}

#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* end: TOP NAVIGATION styles */


/* begin: FOOTER styles */
#FooterContainer {
	background: #181919 url(../images/bg-footer-top.jpg) no-repeat top center;
	clear: both;
	height: 73px;
	padding-top: 1px;
}
#InnerFooter {
	background: url(../images/bg-footer-inner.jpg) repeat-y;
	color: #8f8f8f;
	width: 740px;
	margin: 0 auto 0 auto;
	height: 58px;
	padding: 15px 60px 0 60px;
}
#InnerFooter li {display:inline; list-style:none;color: #FFFFFF;}
#InnerFooter li a {padding-right: 4px;color: #FFFFFF;}
#InnerFooter .headland {color: #8f8f8f;float:right;width: 155px;}
#InnerFooter .headland a {color: #FFFFFF;font-size: 110%;}
#InnerFooter .headland img {float:right;margin-left: 5px;}
/* end: FOOTER styles */

/*MESSAGE BOX	  		 */
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:left;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:left;
	}
	
	.clean-admin{
		border:solid 1px YELLOW; 
		color:#FFFFFF;
		padding:4px;
		text-align:left;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:left;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:left;
		margin:10px 0px 10px 0px;
	}