@charset "utf-8";
/* CSS Document */

a, object {
	outline:none;
}

#banner {
	position:relative;
	width:960px;
	height:325px;
	margin:0 auto;
	background:url("/images/videochannel/subHeader.jpg") no-repeat;
	margin:0 auto;
	_z-index:-1;
}

#bannerTextBox {
	position:absolute;
	width:300px;
	height:150px;
	top:-180px;
	left:10px;
	_left:25px;
	color:#FFFFFF;
}

#bannerTextBox .fadedTxt {
	position:absolute;
	top:-30px;
	right:20px;
	font-size:90px;
	color:#123b68;
	font-family:century gothic;
	font-weight:bold;
	text-transform:uppercase;
	right/*\**/:0px\9
}

#bannerTextBox .titleTxt {
	font-size:46px;
	position:absolute;
	top:8px;
	left:0px;
	color:#fff;
	font-family:century gothic;
	text-transform:uppercase;
	padding:0;
	margin-left:0px;
	display:inline;
	
}

#bannerTextBox .titleTxt2 {
	font-size:46px;
	position:absolute;
	top:45px;
	left:0px;
	color:#fff;
	font-family:century gothic;
	text-transform:uppercase;
	padding:0;
	margin-left:0px;
	
}

#bannerTextBox .subTitleTxt {
	font-size:12px;
	color:#ccc;
	position:absolute;
	top:90px;
	left:0px;
	font-family:century gothic;
	text-transform:uppercase;
	line-height:.9;
}

html>body #detailsColumn {
	position:relative;
	float:right;
	top:-100px;
	width:310px;
	text-align:right;
	text-align:left;
}

#detailsColumn {
	position:relative;
	float:right;
	top:-100px;
	width:310px;
	text-align:right;
	margin:20px 15px 0px 1px;
	z-index:1;
	text-align:left;
}

#detailsColumn .img {
	border:0px;
}

#videoDetails {
	position:absolute;
	top:282px;
	left:0;
	padding:0 10px 10px 10px;
	width:240px;
	margin-left:10px;
}

#videoDetails .detailHeader {
	font-size:16px;
	font-family:century gothic;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #ccc;
	color:#ccc;
	margin-top:15px;
}

#videoDetails .title {
	position:relative;
	font-size:12px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

#videoDetails .body {
	position:relative;
	font-size:12px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#videoDetails .footer {
	position:relative;
	text-align:right;
}

#videoDetails .footer a {
	color:#3399cc;
	font-size:12px;
	text-decoration:none;
}

html>body #videoGalleryBox {
	position:relative;
	width:645px;
	float:right;
	margin-right:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	top:20px;
	display:inline;
}

#videoGalleryBox {
	position:relative;
	width:645px;
	float:right;
	margin-right:-12px;
	position:relative;
	text-align:left;
	top:20px;
	display:inline;
}

#videoGalleryBox .header {
	font-size:26px;
	margin-top:-15px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

#videoScroller {
	margin-top:125px;
	clear:both;
}

#videoScroller .videoSectionMenu {
	padding-top:10px;
	height:140px;
	border:1px solid #ccc;
	width:640px;
	font-size:12px;
}
 
#videoThumbnailsAjax {
	height:700px;
	background:url('/images/videoGalleryBg.jpg') no-repeat;
	background-position:top;
	clear:both;
	
}

#videoScroller .articleNav {
	position:relative;
	width:620px;
	height:20px;
	background:url('/images/bottomLine.jpg');
	display:block;
	bottom:0;
	left:9px;
	color:#999999;
	font-weight:bold;
	font-size:11px;
	margin-top:20px;
}

#videoScroller .articleNav a {
	color:#999999;
}

#videoScroller .articleNav a:hover {
	color:#000;
}

#videoScroller .articleNav .previous {
	float:left;
	width:91px;
	height:20px;
	background:url('/images/previous.jpg') no-repeat;
	text-transform:uppercase;
	padding:3px 0 0 18px;
	display:block;
}

#videoScroller .articleNav .next {
	float:right;
	width:93px;
	height:20px;
	background:url('/images/next.jpg') no-repeat;
	text-transform:uppercase;
	padding-top:3px;
	text-indent:27px;
	display:block;
}

#detailsColumn #videoMenu {
	width:252px;
	height:450px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}

#detailsColumn #videoMenu .header {
	font-size:20px;
	font-family:century gothic;
	text-transform:uppercase;
}
	

#detailsColumn .findOutMore {
	position:relative;
	width:231px;
	text-align:center;
	padding-top:30px;
	margin:0 auto;
	text-align:left;
	line-height:.9;
	background:url("/images/videochannel/findOutMore-bg.jpg") no-repeat;
	border-bottom:2px solid #ccc;
	padding-bottom:20px;
}

#detailsColumn .findOutMore .body {
	margin-left:25px;
	margin-right:25px;
	font-size:12px;
	font-weight:bold;
}

#detailsColumn .findOutMore .footer {
	text-align:left;
	margin-top:5px;
	margin-left:25px;
}

#detailsColumn .findOutMore a, 
#detailsColumn .findOutMore img{
	color:#3399cc;
	font-size:10px;
	margin-top:5px;
	text-decoration:none;
	border:none;
}

#detailsColumn .underMenuBox {
	position:relative;
	width:200px;
	text-align:center;
	margin:0 auto;
	text-align:left;
	line-height:1.4;
}

#detailsColumn .underMenuBox .linkText {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}

#detailsColumn .underMenuBox .linkText a {
	font-size:12px;
	line-height:1.0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
}

#detailsColumn .underMenuBox .linkText a:hover {
	color:#003399;
}

#detailsColumn .underMenuBox img {
	padding-top:10px;
	border:0px;
}

#detailsColumn .underMenuBox a {
	color:#3399cc;
	font-size:13px;
	text-decoration:none;
}

#detailsColumn .lrhLink {
	margin:0 auto;
	position:absolute;
	top:185px;
	right:80px;
	font-family:verdana;
	font-weight:bold;
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
}
#detailsColumn .lrhLink a {
	color:#666;
}

#detailsColumn .lrhLink a img {
	border:none;
}

#detailsColumn .lrhLink a:hover {
	color:#003399;
}

.menuwrapper { 
	background: url(/images/videomenubg.jpg) repeat-x; 
	width: 192px; 
	height:450px; 
	border: #cbd8e2 3px solid; 
}

.videoimg { 
	float:left; 
	margin: 2px; 
}

ul.menu { list-style:none; 
	margin:0; 
	padding:0; 
}

ul.menu * { 
	margin:0; 
	padding:0; 
}

ul.menu a { 
	display:block; 
	color:#000; 
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-size: 10px; 
}

ul.menu li { 
	position:relative; 
	float:right; 
	clear:both; 
	margin:auto; 
	display:block; 
	padding:4px; 
	min-width:185px; 
	border-bottom: 2px #dddfec solid; 
}

ul.menu ul { 
	position:absolute; 
	top:26px; 
	left:0; 
	background-color:#becdd9; 
	display:none; 
	list-style:none; 
	text-align: left; 
	margin-left:-6px; 
	padding-left:5px;
}

ul.menu ul li { 
	position:relative; 
	border:1px solid #dddfec; 
	border-top:none; 
	min-width:145px; 
	margin:0; 
	margin-left:-5px; 
}

ul.menu ul li ul li{ 
	position:relative; 
	border:1px solid #dddfec; 
	border-top:none; 
	min-width:230px; 
	margin:0; 
	margin-left:-4px; 
}

ul.menu ul li a { 
	display:block; 
	padding:2px; 
	background-color:#becdd9; 
	text-align: left;
}

ul.menu ul li a:hover { 
	background-color:#cfdbdd; 
}

ul.menu ul ul { 
	left:158px; 
	top:1px; 
}

ul.menu ul { 
	left:199px; 
	top:12px; 
}

ul.menu .menulink { 
	border:1px solid #dddfec; 
	padding:5px 7px 7px; 
	font-weight:bold; 
	background-color:#becdd9; 
	width:134px;
}

ul.menu .menulink:hover, ul.menu .menuhover { 
	background-color:#cfdbdd; 
}

ul.menu .sub { 
	background:#becdd9 url(/images/videoarrow.gif) 136px 8px no-repeat;
}

ul.menu .topline { 
	background: url(/images/videoarrow.gif) 136px 8px no-repeat; 
	padding-left: 20px; \
}

.menu_title { 
	width: 100px; 
	float: left; 
	text-align: right;  
	padding-top: 10px; 
}

#triBar {
	position:relative;
	margin:0 auto;
	width:960px;
	height:180px;
	background:url("/images/founder/tri-bar-bg.jpg") no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	z-index:1;
}

.tm {
	font-size:8px;
	margin-left:-2px;
	margin-top:-50px;
}

/*------------------ add this starts here ---------------------*/
#addThisFrame {
	width:180px;
	height:32px;
	position:absolute;
	top:345px;
	right:75px;
	z-index:7;
	background-image:url("/images/share-bg.jpg");
	border:1px solid #f6f6f7;
	padding:3px 0 3px 0;
}

#addThisFrame .share a {
	float:left;
	color:#000000;
	font-family:century gothic;
	margin-top:8px;
	margin-left:20px;
	font-size:16px;
	text-transform:uppercase;
	text-decoration:none;
}

#addThisFrame .share a img {
	border:none;
}

#addThisFrame .links {
	margin-top:5px;
	margin-right:15px;
}

#videoCategoriesMenu .menuitem {
	float:left;
	/*border:1px solid red;*/
	width:76px;
	height:82px;
	padding-top:2px;
	margin-top:10px;
	margin-right:4px;
}

#videoCategoriesMenu .menuitemSelected {
	background:#ccc;
}

#videoCategoriesMenu .menuitem img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:0px;
}

#videoCategoriesMenu .title {
	width:100%;
	text-align:center;
	font-family:verdana;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	
}

#videoCategoriesMenu .title a,
#videoCategoriesMenu .title a:link,
#videoCategoriesMenu .title a:visited
{
	text-decoration:none;
	color:#000;
}

#videoCategoriesMenu .title a:hover {
	background:#CCCCCC;
	display:block;
}

#videoSectionAjax li {
	float:left;
	list-style:none;
	margin:1px;
	border:1px dotted #ccc;
}

#videoSectionAjax li a {
	display:block;
	border:1px solid #fff;
	width:160px;
	height:34px;
	padding:2px 4px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}

#videoSectionAjax li a:hover,
#videoSectionAjax .videoSectionSelected {
	background:url('/images/videochannel/linkBg.jpg') no-repeat;	
}

#videoGalleryBox #bannerVideo {
	position:absolute;
	left:-3px;
	height:380px;
	margin-top:-345px;
	margin-left:0px;
	
}

#videoGalleryBox #bannerVideo object {
	z-index:0;
	position:relative;
}

