/* video page */
.col_m_vid {
color: #fff;
width: 833px; height: 100%;
background: #4a4a4a url(/media/tpl/bg-video.gif) repeat-x top left;
}

.col_m_vid #content {width: 770px;}

.col_m_vid a {color: #fff;}

.col_m_vid h1 {
font-size: 16pt; 
font-family: Verdana, Helvetica, sans-serif; 
color: #fff; 
display: block; 
border-bottom: 1px dashed #fff;
}

.col_m_vid h2 {
color: #fff;
display: block;
margin: 0px 0px 10px 0px;
font-size: 10pt;
}

.vid-zone {
width: 450px;
height: 340px;
border: 1px solid #5f5f5f;
background: #000;
float: left;
background: #000 url(/media/tpl/vid-clickhere.jpg) no-repeat center center; doesnt work
}

.vid-txt-box, .music-txt-box, .games-txt-box, .tvc-txt-box{
width: 308px;
height: 342px;
float: left;
margin-left: 8px;
}

.vid-txt-box {background: #464646 url(/media/tpl/bg-vid-movies.jpg) no-repeat top left;}
.games-txt-box {background: #464646 url(/media/tpl/bg-vid-games.jpg) no-repeat top left;}
.music-txt-box {background: #464646 url(/media/tpl/bg-vid-music.jpg) no-repeat top left;}
.tvc-txt-box {background: #464646 url(/media/tpl/bg-vid-tvc.jpg) no-repeat top left;}

.vid-txt {
width: 263px;
height: 225px;
/* background: red; */
margin: 20px 0px 20px 20px;
}

.vid-btn {
width: 308px;
height: 77px;
background: #1b1b1b url(/media/tpl/bg-vid-btn.gif) no-repeat bottom left;
}

.vid-btn img {margin: 10px 1px 0px 5px; float: left;}

.vid-strip, .games-strip, .music-strip {
width: 736px;
height: 164px; /**/
padding: 22px 16px 0px 16px;
float: left;
margin-top: 10px;
}

.vid-strip	 { background: url(/media/tpl/bg-video-strip.gif) repeat-x top left; }
.games-strip { background: url(/media/tpl/bg-games-strip.gif) repeat-x top left; }
.music-strip { background: url(/media/tpl/bg-music-strip.gif) repeat-x top left; }

.vid-btn-left, .games-btn-left, .music-btn-left {
float: left;
width: 29px; height: 143px;
}

.vid-btn-right, .games-btn-right, .music-btn-right {
width: 29px; height: 143px;
float: left;
}

.vid-btn-left {background: url(/media/tpl/vid-btn-left.gif) no-repeat center;}
.vid-btn-right {background: url(/media/tpl/vid-btn-right.gif) no-repeat center;}
.games-btn-left {background: url(/media/tpl/games-btn-left.gif) no-repeat center;}
.games-btn-right {background: url(/media/tpl/games-btn-right.gif) no-repeat center;}
.music-btn-left {background: url(/media/tpl/music-btn-left.gif) no-repeat center;}
.music-btn-right {background: url(/media/tpl/music-btn-right.gif) no-repeat center;}


.vid-thumbs-container {
width: 646px;
height: 143px; /*127*/
margin: 0px 16px 0px 16px;
position: relative;
overflow: hidden;
text-align: left;
float: left;
}

.vid-thumbs {
width: 3260px;
height: 143px; /**/
position: relative;
text-align: left;
float: left;
}

.vid-thumb-box {
float: left;
width: 128px; 
height: 130px;
margin: -3px 26px 0px 7px; /* -3 26 0 10*/
float: left;
font-size: 7pt;
}

.vid-thumb {
width: 128px; 
height: 114px;
margin-top: 2px;
border: 1px solid #8a8a8a;
background: #545454 url(/media/tpl/bg-vid-thumb.gif) repeat-x bottom left;
text-align: center;
}

.vid-title {display: block; height: 24px; padding-top: 2px;}

.vid-play {display: block;}
.vid-play img {vertical-align: middle;}
.vid-play a {text-decoration: none;}
.vid-play a:hover {text-decoration: underline;}

a.vid-help{
position:relative;
z-index:24;
}

a.vid-help:hover {
z-index: 25;
background: none;
color: #fff;
}

a.vid-help span {
display: none;
text-decoration: none;
}

a.vid-help:hover span {
position: absolute; top: -265px; left: -228px;
display:block;
font-size: 8pt; color: #fff;
width: 266px; height: 223px;
background: #000;
border: 1px solid #464646;
/* opacity: .80; */
padding: 20px;
background: #000 url(/media/tpl/bg-vid-help.jpg) no-repeat bottom right;
overflow: hidden;
}

a.vid-help span ol {
margin-left: 22px;
padding: 0px;
}

#vidshare {
font-size: 8pt; color: #fff;
width: 266px; height: 223px;
background: #000;
border: 1px solid #464646;
/* opacity: .80; */
padding: 20px;
background: #000 url(/media/tpl/bg-vid-share.jpg) no-repeat bottom right;
overflow: hidden;
}

.footer-legal-vid {
text-align: center;
color: #fff;
background: #000;
}

/*end video page */


/* flash content Ryan 29 Dec 08 */
#video a.getflash  { width:300px; color:#fff; display:block; padding:40px 10px; margin:84px auto auto; font-weight:bold; text-align:center; text-decoration:none; border:1px solid #333; background-color:#151515; }
#video a:hover.getflash  { background-color:#222; }
#video a.getflash img { margin-bottom:12px; }
#video a.getflash span { display:block; margin-top:12px; font-weight:normal; }