﻿
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/template/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(images/template/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

.video_item {font:normal 93% Arial, Helvetica, sans-serif;color:#666; padding:0px 0px 0px 15px;width:80%;height:180px;}
.video_item .item_pad_2{padding:2px 0px 2px 0px;text-align:left;}
.video_item .item_pad_4{padding:4px 0px 4px 0px;text-align:left;}
.video_item .vd {position:relative;}
.video_item .dur { position:absolute; display:inline-block; padding:1px 2px; background:#000; color:#DDDFE0; font-weight:bold;}
.video_item .title {height:20px;}
.video_item img.avator {border:solid 1px #aaa; padding:1px;}
.video_item a.bld {font:bold 108% Arial, Helvetica, sans-serif; color:#aa0d2c; text-decoration:none;}
.video_item a.bld:hover {text-decoration:underline;}
.video_item a.bld_bg {font:bold 123% Arial, Helvetica, sans-serif; color:#aa0d2c; text-decoration:none;}
.video_item a.bld_bg:hover {text-decoration:underline;}
.video_item a.nm {font:normal 108% Arial, Helvetica, sans-serif; color:#aa0d2c; text-decoration:none;}
.video_item a.nm:hover {text-decoration:underline;}

.video
{
    font-size: 100%;
}

.video .menu
{
    float: left;
    width: 224px;
}
.video .menu h2
{
border-top:1px solid #E7E8E9;
color:#4C4C4C;
display:block;
font-size:1.2em;
font-weight:bold;
margin:0 4px 0.8em;
padding:0.8em 15px 0;
position:static;
width:186px;
}

.video .content
{
    float: right;
    width: 731px;
    margin-right: 5px;
}
.video h1
{
    float: right;
    font-size: 1.8em;
    font-weight: normal;
    width: 711px;
    padding: .75em 10px .25em;
    margin-right: 5px;
    background: #ccc;
    color: #000;
}
.video .content h2, .video .pagination h3, .video .order-links h3
{
    position: absolute;
    left: -999em;
}
.video .module h2
{
    position: static;
}
.video .pagination, .video .order-links
{
    clear: both;
    float: left;
    width: 725px;
    padding: 1em 0 .5em;
    color: #333;
}
.video .pagination
{
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin-bottom: 5em;
}
.video .header .pagination, .video .header .order-links
{
    border-left: 3px solid #aa0d2c;
    border-right: 3px solid #aa0d2c;
    background: #f4f4f4;
    margin: 0;
}
.video .order-links
{
    border-top: 1px solid #ccc;
}
.video .pagination a, .video .order-links a
{
    color: #ca113e;
    font-weight: normal;
}
.video .order-links li
{
    margin: 0 20px 0 10px;
}

.video-grid
{
    float: left;
    border-top: 3px solid #ccc;
}
.video-grid tr
{
    position: relative;
    float: left;
    width: 728px;
    border-left: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    background: #ccc url(images/template/product-grid-bg.png) 0 0 repeat;
    overflow: hidden;
}
.video-grid td
{
    float: left;
    width: 155px;
    margin-left: 25px;
    margin-top: 10px;
}

.video .customize_item_left{padding:6px 0px 0px 0px;float:left;width:20%;text-align:right;}
.video .customize_item_right{padding:2px 0px 2px 0px;float:right;width:78%;text-align:left;}
.video .clear{clear:both;}
.video .content .maintext {padding: 40px 0 0 6px;}
.video .content .maintext ul { list-style:disc outside none;margin-left: 40px; margin-right: 40px; }
.video .content .maintext ol { list-style:decimal outside none;margin-left: 40px; margin-right: 40px; }



#home .vidwrapper {
	background: #fff url(images/template/corrie50/bg.jpg) 0 0 no-repeat;
	}
#home .win {
	padding: 5px 0 0 0;
}
#home .footer .corrieFooter {
	margin: -100px 0 0 0;
	background: none;
}
#home .footer .corrieFooter .next {
	position: absolute;
	margin: -25px 0 0 -200px;
}
#home .footer .corrieFooter .midstrap {
	margin: 14px 0 0 140px;
}
#home .footer .corrieFooter .bottomlogo {
	position: absolute;
	margin: 5px 0 0 -150px;
}
.corrie .vidwrapper {
	background: #fff url(images/template/corrie50/leftBg.png) 0px 0px repeat-y;
}
.corrie .vidwrapper .video #gridTop {
	background: #aa0d2c;
	color:#fff;
	float:right;
	width:731px;
}
.corrie .vidwrapper .video #gridTop ul {
	margin: 5px 0 0 400px;
	position: absolute;
}
.corrie .vidwrapper .video #gridTop ul .first {
	float:left;
	font-size: 12px;
	background: none;
}
.corrie .vidwrapper .video #gridTop ul li {
	float:left;
	font-size: 12px;
	background: url(images/template/corrie50/menuBreak.png) 0 0 no-repeat;
}
.corrie .vidwrapper .video #gridTop ul li a:link, .corrie .vidwrapper .video #gridTop ul li a:visited, .corrie .vidwrapper .video #gridTop ul li a:focus {
	color: #fff;
	padding: 0 3px 0 5px;
	text-decoration: none;
}
.corrie .vidwrapper .video #gridTop ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
.corrie .vidwrapper .video #gridTop h1 {
	font-size:1.8em;
	color:#fff;
	font-weight:normal;
	margin-right:5px;
	padding:5px 0 5px 10px;
}
.corrie .vidwrapper .video .content .grid table {
	border: 1px solid #aa0d2c;
	clear: both;
	width: 731px;
}
.corrie .vidwrapper .video .content .script table {
	border: 1px solid #aa0d2c;
	clear: both;
	width: 731px;
}

.corrie .vidwrapper .video .content .script tr {
	border: 1px solid #aa0d2c;
}
.corrie .vidwrapper .video .content .script .vidbox {
	width: 150px;
}
.corrie .vidwrapper .video .content .script td {
	height: 100px;
	padding: 10px;
	border: none;
	text-align: center;
}
.corrie .vidwrapper .video .content .grid table td {
	height: 180px;
	padding: 10px;
	border: 1px solid #aa0d2c;
	text-align: center;
}
.corrie .vidwrapper .video .content .grid table td p strong {
	color: #aa0d2c;
	font-size: 14px;
	padding: 3px 0 5px 0;
	width: 124px;
	overflow: auto;
}
.corrie .vidwrapper .video .content .grid table td p {
	color: #000;
	font-size: 12px;
	text-align: left;
	padding: 0 12px;
}
.content .corrieBadge {
	position: absolute;
	margin:20px 0 0 179px;
}
.corrie .vidwrapper .video h1 {
	background: none;
	color:#aa0d2c;
	float:right;
	font-size:1.8em;
	font-weight:normal;
	margin-right:5px;
	padding:0.75em 10px 0.25em;
	width:711px;
}
#home .corrieMenu {
	background: url(images/template/corrie50/homeLeftMenuBg.png) no-repeat;
	height: 554px;
}
.corrieMenu {
	/*background: url(images/template/corrie50/leftMenuBg.png) no-repeat;*/
	width: 200px;
}
.corrieMenu ul {
	background: url(images/template/corrie50/leftMenuBgLine.png) repeat-y;
	padding: 0 0 0 0;
	margin: 0;
}
.corrieMenu .first {
	width: 155px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	padding-top: 5px;
}
.corrieMenu ul li {
	width: 155px;
	border-bottom: #fff 1px solid;
}
.corrieMenu ul li a:link, .corrieMenu ul li a:visited, .corrieMenu ul li a:focus {
	color: #fff;
	display: block;
	padding: 5px 0 5px 20px;
}
.corrieMenu .topMenu {
	padding: 0 0 0 0;
	margin-left:0px;
	margin-bottom:-3px;
}
.corrieMenu .bottomMenu {
	padding: 0 0 0 0;
	margin-left:0px;
	margin-top:-3px; /* -3px for IE8 and Chrome */
}
.corrieMenu .harvLogo {
	padding: 10px 0 10px 15px;
}
.corrieMenu .itvLogo {
	padding: 10px 0 10px 0;
}
.corrieMenu .corrieBadge {
	padding: 25px 0 0 0;
}
.corrieMenu .clap {
	margin: -30px 0 0 0;
}
.corrie .footer {
	margin: 0 0 0 0;
}
.footer .corrieFooter {
	height: 90px;
	width: 960px;
	background: #aa0d2c;
}
.footer .corrieFooter img {
	padding: 10px 0 0 180px;
}

.video .content .bigtext ol 
{ 
    list-style:decimal outside none;
    margin-left: 20px; 
    margin-right: 20px; 
    font-size: 80%;
    font-weight:normal;
    line-height: 1.3em;
}
.video .content .bigtext li 
{ 
    padding-top: 10px;
}
.video .content .bigtext a 
{ 
    text-decoration: none;
    color: Black;
}
.video .content .bigtext a:hover 
{ 
    text-decoration: underline;
    color: Black;
}

.video .content .bigtext
{
    color: Black;
    font-size: 175%;
    font-weight:bold;
    font-family: Calibri, sans-serif;
}

.video .content .mediumtext
{
    color: Black;
    font-size: 150%;
    font-weight:normal;
    font-family: Calibri, sans-serif;
}

.video .content .corrie-previews
{
    clear:both;
    color: Black;
    font-size: 120%;
    font-weight:bold;
    font-family: Calibri, sans-serif;
    left: 0em;
}
