/* CSS Document */



body {

	padding:0;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	background-color:#FFFFFF;

	color:#666666;

	font-size:12px;

}



form {

	margin:0;

	padding:0;

}



img {

	border:0;

}



.break {

	height:1px;

	overflow:hidden;

	clear:both;

}



a {

	text-decoration:none;
	outline:none;
	color: #779749;

}



h1 {

	font-size:20px;

	color:#779749;

	margin:0;

	padding:0;

}



h1.detail {

	font-size: 16px;

	color: #FFFFFF;

}



h1.related {

	margin: 0 0 20px 0;

	font-size: 16px;

	color: #669966;

}



h2 {

	font-size:15px;

}



#container {

	margin:0px auto 0 auto;

	width:990px;

	overflow:hidden;

}



#header {

	width:990px;

	height:214px;

	margin: 0;

	padding: 0;

	background-image:url(images/header-bg.jpg);

	background-repeat:no-repeat;

}



#logo {

	width:237px;

	height:143px;

	float:left;

	padding:71px 0 0 55px;

	display: inline;

}



#header-right {

	width:550px;  /* 402px */

	height:214px;

	float:left;

	padding:0 0 0 148px; /* 0 0 0 296px */

	display: inline;

}



#header-right #welcome {

	width: 352px;

	height: 123px;

	padding: 20px 50px 0 135px;

}



#header-right #welcome p {

	padding: 0;

	margin: 10px 0 0 0;

}



#login {

	/* width:395px; */

	height:42px;

	padding:29px 0 0 62px;

}



#login .client-login {

	padding-top: 3px;

}



#login input.login {

	width:115px;

	margin:0 14px 0 0;

}



#login input.go {

	padding-top: 12px;

}



#login #loggedin {

	padding: 8px 30px 0 0;

	color: #FFFFFF;

	font-size: 14px;

	text-align: right;

}



#login #loggedin a {

	text-decoration: underline;

	font-size: 11px;

	color: #FFFFFF;

}


#playlist-link {	
	position:absolute;
	margin-top:-9px;
}

#content {

	clear:both;

	width:990px;

	overflow: hidden;

}



#left-col {

	width:216px;

	float:left;

	padding:0 0 0 10px;

	overflow: hidden;

}



#search-container {

	width:216px;

	background-image:url(images/cat-bg.png);

	background-repeat:no-repeat;

	background-position:bottom right;

	margin-bottom:20px;

}





#search {

	width:184px;

	padding:0 10px 0 22px;

}



#search-heading {

	width:184px;

	height:47px;

	margin:0 0 20px 0;

}



#search-container form {

	padding:0 15px 30px 15px;

}



#search-container input {

	width:100px;

	float:left;

}



#search-container input#search-go {

	width:auto;

	margin-left:10px;

}



#category-container {

	width:216px;

	background-image:url(images/cat-bg.png);

	background-repeat:no-repeat;

	background-position:bottom left;

	overflow: hidden;

}



#categories {

	width:184px;

	padding:0 10px 0 22px;

	overflow: hidden;

}



#category-heading {

	width:184px;

	height:47px;

	margin:0 0 20px 0;

}



#categories ul {

	width:159px;

	list-style:none;

	padding:0 0 35px 25px;

	margin:0;

}



#categories ul li {

	width:133px;

	display:block;

	padding:0 0 0 25px;

	margin:0 0 15px 0;

	background-image:url(images/menu-bg.png);

	background-repeat:no-repeat;

	background-position:0 3px;

}



#categories ul li a {

	font-size:14px;

	color:#323232;

	font-weight:bold;

}



#categories ul li.featured a {

	color: #779749;

}



#getintouch {

	text-align:center;

	padding:20px 0 0 0;

}



#menu-container {

	width:216px;

	background-image:url(images/cat-bg.png);

	background-repeat:no-repeat;

	background-position:bottom right;

}



#menu {

	width:184px;

	padding:45px 10px 0 22px;

}





#menu ul {

	width:159px;

	list-style:none;

	padding:0 0 5px 25px;

	margin:0;

}



#menu ul li {

	width:116px;

	height:28px;

	display:block;

	padding:12px 0 0 25px;

	margin:0 18px 0 0;

	background-image:url(images/menu-bg.png);

	background-repeat:no-repeat;

	background-position:0 15px;

	border-bottom:1px solid #d6d6d6;

}



#menu ul li#menu-bottom {

	border-bottom:none;

}



#menu ul li a {

	font-size:14px;

	color:#323232;

	font-weight:bold;

}



#rss {

	text-align:center;

	padding: 0 0 35px 0;

}



#right-col {

	width:764px;

	float:left;

	background-image:url(images/right.png);

	background-repeat:no-repeat;

	overflow: hidden;

}



.box-top {

	width:764px;

	background-image:url(images/box-top.png);

	background-repeat:no-repeat;

	background-position:left top;

}



.box-bottom {

	width:764px;

	background-image:url(images/box-bottom.png);

	background-repeat:no-repeat;

	background-position:left bottom;

	padding:0 0 40px 0;

	margin:0 0 20px 0;

}



.box-content {

	width:698px;

	min-height: 300px;

	padding:0 40px 0 26px;

}



.box-content #text {

	width: 425px;

	float: left;

}



.box-content #images {

	margin: 50px 0 0 15px;

	width: 250px;

	float: left;

}



.box-content .left {

	width: 450px;

	float: left;

}



.box-content .right {

	width: 248px;

	float: left;

}



.box-heading {

	/* width:348px;*/

	height:25px;

	padding:15px 0 0 2px;

}



.video-item {

	width:164px;

	float:left;

	margin:0 10px 20px 0;

	overflow:hidden;

}



.video-item h1 {

	font-size:14px;

	color:#333333;

	margin:0;

	padding:0;

}



.video-item a {

	color:#333333;

}



.video {

	width:148px;

	height:111px;

	background-image:url(images/video-bg.png);

	background-repeat:no-repeat;

	padding:8px 8px 9px 8px;

	margin:0 0 15px 0;

}



.video-info {

	width:158px;

	padding:0 0 0 6px;

}



.video-bottom {

	width:147px;

	padding:0 35px 0 6px;

	font-size:12px;

	color:#333333;

}



.video-bottom p {

	padding:3px 0 0 0;

	margin:0;

	font-size: 9px; /*-- Temp fix to stop duration being pushed to 2 lines when hours, mins and secs are present --*/

}



.video-bottom img {

	float:right;

}



#footer {

	clear:both;

	width:900px;

	margin-bottom: 20px;

	padding:5px 50px 20px 50px;

	font-size:12px;

	color:#333333;

	overflow: hidden;

}



#footer a {

	color:#333333;

}



#footer-left {

	width:730px;

	float:left;

	padding:10px 0 0 0;

}



#footer-right {

	width:160px;

	float:left;

	text-align:right;

}



/*---- Detail Page ----*/

#main-content {

	height: 390px;

	overflow: hidden;

}



#main-content .video-large {

	width: 441px;

	height: 398px;

	margin: 0 10px 0 0;

	padding: 9px;

	background: url(images/video-large-bg-ver2.png) no-repeat;

	float: left;

}



#main-content  .detail {

	width: 187px;

	height: 350px;

	margin: 4px 0 0; /* top left/right bottom */

	padding: 20px;

	background: url(images/detail-bg-ver2.png) no-repeat;

	float: left;

}



#main-content .detail .copy {

	/*height: 315px;*/
	
	height:290px;
	overflow:auto;

}



#main-content .detail .copy  p.ul-header {

	margin: 0 0 10px 0;

	padding: 0;

	font-size: 14px;

	color: #999999;

	line-height: 20px;

}



#main-content .detail .copy  ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#main-content .detail .button .login {

	margin-left: 14px;

}



#main-content .detail .button .download {

	margin-left: 2px;

}



#main-content ul li a {

	font-size:14px;

	color: #669966;

	font-weight:bold;

	line-height: 25px;

}



#related {

	padding: 40px 0 0 0;

}



.logerror {

	margin: 20px;

	font-weight: bold;

}



/*---- FAQs ----*/

#FAQs a.grey {

	color: #666666;

}



#FAQs ol li {

	line-height: 20px;

}



#FAQs p.question {

	margin: 5px 20px 5px 0;

	padding: 0;

	font-weight: bold;

}



#FAQs p /*- answer -*/ {

	margin: 0 20px 5px 0px;

	padding: 0;

}



.row {

	padding-top: 4px;

	padding-bottom: 4px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 2px;

	margin-left: 0px;

	clear:both;

	font-size:13px;

	line-height: 24px;

}



label {

	width: 120px;

	float: left;

	text-align: right;

	margin-right: 15px;

	display: block;

	text-transform: capitalize;

	font-size: 12px;

	font-weight: bolder;

	color: #666666;

	line-height: 24px;

	clear: left;

}



#contact-form {

	width: 350px;

	float: left;

}



#contact-details {

	width: 250px;

	padding-left: 50px;

	float: left;

}



.pageidx-nav {

	padding: 0 42px 0 32px;

}



.pageidx-nav .pageidx-prev {

	float:left;

	width:140px;

}





.pageidx-nav .pageidx-nos {

	float:left;

	text-align:center;

	width:335px;

}



.pageidx-nav .pageidx-next {

	width:140px;

	float:left;

	text-align:right;

}



#download_container {

	width:100%;

	height:100%;

	background-color:#000000;

	left:0;

	top:0;

	position:absolute;

	filter: alpha(opacity=75);

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);

	-moz-opacity: 

	0.75; opacity:0.75;

	display:none;

	z-index:1000;

}



#download_terms {

	z-index:1000;

	width: 700px;

	height:400px;

	background-color:#FFFFFF;

	border:1px solid #000000;

	position:absolute;

	top:150px;

	padding:15px;

	display:none;

}



#download_terms h2 {

	margin:0 0 15px 0;

	padding:0;

	font-size:18px;

}



#download_terms_checkbox {

	padding:10px 0 10px 0;

}



#download_terms_checkbox input {

	float:none;

	margin:0;

}



#download_terms_checkbox label {

	float:none;

	font-weight:normal;	

	width:auto;

	text-align:left;

	text-transform:none;



}



#download_terms_terms {

	width:688px;

	height:288px;

	overflow:auto;

	border:1px solid #CCCCCC;

	padding: 5px 5px 5px 5px;

	border-right:0;

}



#download_terms_terms p {

	padding: 0 0 15px 0;

	margin:0;

}





#video-categories {

	padding: 10px 5px 5px 5px;

}



.usefuldoc {

	margin-top: 10px;

}



.usefuldoc .title {

	font-weight: bold;

	margin: 2px 0 0 0; 

	padding: 1px 0 0 20px;

	background-position: left center;

	background-repeat:no-repeat;

}



.usefuldoc .title a {

	font-weight:normal;

}



.usefuldoc .description p {

	margin: 0;

	padding: 0;

}



.usefuldoc .description {

	clear: both;

	margin: 0 0 15px 20px;

	padding:0;

}



/*----- MAIN MENU ----*/

#main-menu {

	width: 929px;

	height: 35px;

	margin: 0 0 18px 32px;

	padding: 0;

	background: url(images/mainmenu-bg.png) no-repeat left top;

}



#main-menu ul {

	margin: 0;

	padding: 0;

}



#main-menu ul li {

	margin: 0;

	padding: 9px 28px 0;

	list-style: none;

	float: left;

}



#main-menu ul li a {

	color: #323232;

	font-size: 14px;

	font-weight: bold;

}



#main-menu ul li a:hover {

	text-decoration: underline;

}


div.account-btn {
	overflow:hidden;
	height:30px;
}

div.account-btn a, div.account-btn form {
	float:left;
	margin-right:40px;
}