.col.video {
    float:left; 
    width:670px;
    _width:660px; /* ie hack */
}

div#videoPlayerLeft {
    float:none !important;
}

div.scroller {
    width: 320px;
    height: 230px;
    overflow: hidden;
}

div.scroller div.section {
    width: 320px;
    height: 230px;
    overflow: hidden;
    float: left;
    border-right:50px solid #fff;
}

div.scroller div.content {
    width: 10000px;
}

div.videoItem .image .play {
    display:none;
}

div.videoItem .image img {
    width:145px;
    height:82px;	
}

div.videoGroupRow {
    width: 640px;
    height: 115px;
}

div.videoGroupElm {
    float: left;
    width: 100px;
    height: 75px;
    margin: 3px 0px 3px 6px;
    margin-bottom: 7px;
    cursor: pointer;
    cursor: hand;
}

div.videoGroupElm .image {
    width: 100px;
    height: 75px;
    background-color: #000;
    margin-bottom: 6px;
}

div.videoGroupElm .title { }

.gliderNext {
    width: 24px;
    height: 26px;
    position:absolute;
    top:5px;
    right:10px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    background-position:top right;
    cursor: pointer;
    cursor: hand;
}

.gliderPrev {
    width: 24px;
    height: 26px;
    position:absolute;
    top:5px;
    right:34px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

#videoPlayerContainer {
}

#videoPlayerFrame {
    overflow: hidden;
    width: 640px;
    height: 360px;
}

.pageIndex {
	position:absolute;
	margin-top:3px;
	right:145px;
    width: 50px;
    height: 19px;
}

.pageIndex .index {
    float: left;
    height: 7px;
    background-image: url("/img/video/index.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    cursor: hand;
}

.pageIndex .indexSelected {
    float: left;
    height: 7px;
    background-image: url("/img/video/index_selected.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    cursor : pointer;
    cursor: hand;
}

/* most viewed */
#mostviewed {
    float:none !important;
    position:relative;
	width:660px;
}

#mostviewed .tv2boxbody {
    width:640px;
    height:300px;   
}

#mostviewed .pageIndex {
    position:absolute;
    top:300px;
    left:290px;
    width:80px;
    margin:0px;
    z-index:1;
}

#videoList .pageIndex {
	position:absolute;
	margin:0px;
	left:114px;
	top:35px;
	height:7px;
	width:100px;
	z-index:1;
}

#mostViewedControls {
	position:absolute;
    top:5px;
    right:8px;
}

#mostViewedPrev {
    float:left;
    width:24px;
    height:26px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

#mostViewedNext {
    float:left;
    width:24px;
    height:26px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    background-position:top right;
    cursor: pointer;
    cursor: hand;
}

#mostViewedContent {
    position:relative;
    height:260px;
    overflow:hidden;	
}

#mostViewedContent .scroller {
	width:640px;
    height:260px;
}

#mostViewedContent .content {
    width:10000px;  
}

#mostViewedContent .content .sectionTitle {
    display:none;
}

#mostViewedContent .section {
    float:left;
    width:640px;
    height:260px;
    border-right:50px solid #fff;
}

#mostViewedContent .videoRow {
    float:left;
    width:640x;
    height:260px;   
}

#mostViewedContent .videoItem {
    float:left;
    height:260px;
    width:310px;
    margin:0px 3px;
    _margin:0px 2px; /* ie hack */
    padding:1px;
    cursor:pointer;
    cursor:hand;
}

#mostViewedContent .videoItem .title {
    padding: 6px 2px;
    font-size:13px;
}

#mostViewedContent .videoItem .image img {
    width:311px;
    height:176px;
}

#mostViewedContent .videoItem .description {
    font-size:10px;
}

/* Video list */

#videoContentList {
    position:relative;
    width:308px;
    height:1020px;
    overflow:hidden;
}

#videoContentList .scroller {
    height:1020px;
}

#videoContentList .content {
    width:10000px;	
}

#videoContentList .content .sectionTitle {
    margin-bottom:5px;
    font-size:14px;
    font-weight:bold;
}

#videoContentList .section {
    float:left;
    width:308px;
    height:1020px;
    border-right:50px solid #fff;
}

#videoContentList .videoRow {
    float:left;
    width:308px;
    height:125px;	
}

#videoContentList .contentTitle {
	font-size:11px;
	font-weight:bold;
	background-image:url("/img/video/contenttitle.gif");
	background-repeat:repeat-x;
	padding:4px 5px;
	color:#fff;
	float:left;
	width:308px;
	height:20px;
}

#videoContentList .videoItem {
    float:left;
    height:120px;
    width:142px;
    margin:0px 3px;
    _margin:0px 1px;
    padding:3px;
    cursor:pointer;
    cursor:hand;
}

#videoContentList .videoItem.selected {
    color:#8e0e0d;
}

.videoItem.selected .play {
    position:absolute;
}

#videoContentList .videoItem .title {
    font-size:10px;
    margin-top:4px;
}

/* videoplayer list */
#videoplayerright {
    width:328px;
    float:right;
}

#videoList {
    position:relative;	
    overflow:hidden;    
    height:1130px;
}

#videoListControls {
    position:absolute;
    top:5px;
    right:8px;
    z-index: 1;
}

#videoListPrev {
    float:left;
    width:24px;
    height:26px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

#videoListNext {
    float:left;
    width:24px;
    height:26px;
    background-image: url("/img/video/arrows.jpg");
    background-repeat: no-repeat;
    background-position:top right;
    cursor: pointer;
    cursor: hand;
}

img.allnews {
    padding:4px;	
}

#latestnews .tv2boxbody, #theme .tv2boxbody {
	height:320px;
}

#theme {
    width:408px;	
}

