div.playlist {
height:153px !important;
overflow:hidden;
position:relative;
}
div.playlist div.clips {
position:absolute;
height:20000em;
}
div.playlist, div.clips {
width:170px;
height:51px;
}
div.clips a {
color:#CCCCCC;
font-weight:bold;
display:block;
font-size:11px;
height:31px;
text-decoration:none;
width:150px;
padding:5px 10px;
margin-bottom:1px;
}
div.clips a.first {
border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
width:170px;
}
div.clips a.progress {
opacity:0.6;
}
div.clips a.paused {
background-position:0 0;
}
div.clips a span {
color:#666666;
display:block;
font-size:11px;
}
div.clips a em {
color:#FF0000;
font-style:normal;
}
div.clips a:hover {
opacity:1;
}
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
background-color:transparent !important;
}
div.clips.petrol a {
background-color:#193947;
border:1px outset #193947;
color:#FFFFFF;
}
div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:0 none;
}
div.clips.petrol a.paused {
background-position:0 0;
}
div.clips.petrol a span {
color:#AAAAAA;
}
div.clips.petrol a em {
color:#FCA29A;
font-weight:bold;
}
div.clips.petrol a:hover {
opacity:0.6;
}
div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
background-color:transparent !important;
}
div.clips.low a {
height:41px;
}

/*
div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
background:transparent url(../img/video/control/light_small.png);
background-position:0 -69px;
}
div.clips.low a.paused {
background-position:0 0;
}
*/
.top_up{
	background:url(../img/video/control/top_up.gif);
}
.go_down{
	background:url(../img/video/control/go_down.gif);
}

a.go {
background:transparent url(../img/video/control/up.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
height:18px;
margin:1px 0 1px 75px;
width:18px;
}

a.go:hover, a.go.down:hover {
background-position:0 -18px;
}
a.go.down {
background-image:url(../img/video/control/down.png);
}
div.petrol a.go {
background-image:url(../img/video/control/up_dark.png);
}
div.petrol a.go.down {
background-image:url(../img/video/control/down_dark.png);
}
a.go.disabled {
visibility:hidden;
}

/* video 1 */
.one{
	background-image:url(../img/video/1.jpg);
	opacity:0.6;
}
div.clips.low a.playing.one, div.clips.low a.progress.one {
background:transparent url(../img/video/1_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.one{
background:transparent url(../img/video/1_icon.jpg);
background-position:0 0;
}


/* video 2 */
.two{
	background-image:url(../img/video/2.jpg);
	opacity:0.6;
}
div.clips.low a.playing.two, div.clips.low a.progress.two {
background:transparent url(../img/video/2_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.two{
background:transparent url(../img/video/2_icon.jpg);
background-position:0 0;
}

/* video 3 */
.three{
	background-image:url(../img/video/3.jpg);
	opacity:0.6;
}
div.clips.low a.playing.three, div.clips.low a.progress.three {
background:transparent url(../img/video/3_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.three{
background:transparent url(../img/video/3_icon.jpg);
background-position:0 0;
}

/* video 4 */
.four{
	background-image:url(../img/video/4.jpg);
	opacity:0.6;
}
div.clips.low a.playing.four, div.clips.low a.progress.four {
background:transparent url(../img/video/4_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.four{
background:transparent url(../img/video/4_icon.jpg);
background-position:0 0;
}

/* video F&N */
.fandn{
	background-image:url(../img/video/F&N.jpg);
	opacity:0.6;
}
div.clips.low a.playing.fandn, div.clips.low a.progress.fandn {
background:transparent url(../img/video/F&N_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.fandn{
background:transparent url(../img/video/F&N_icon.jpg);
background-position:0 0;
}

/* video 5 */
.five{
	background-image:url(../img/video/former_action.jpg);
	opacity:0.6;
}
div.clips.low a.playing.five, div.clips.low a.progress.five {
background:transparent url(../img/video/former_action_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.five{
background:transparent url(../img/video/former_action_icon.jpg);
background-position:0 0;
}

/* video 6 */
.six{
	background-image:url(../img/video/mortal_combat.jpg);
	opacity:0.6;
}
div.clips.low a.playing.six, div.clips.low a.progress.six {
background:transparent url(../img/video/mortal_combat_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.six{
background:transparent url(../img/video/mortal_combat_icon.jpg);
background-position:0 0;
}

/* video 7 */
.seven{
	background-image:url(../img/video/black_dogs.jpg);
	opacity:0.6;
}
div.clips.low a.playing.seven, div.clips.low a.progress.seven {
background:transparent url(../img/video/black_dogs_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.seven{
background:transparent url(../img/video/black_dogs_icon.jpg);
background-position:0 0;
}

/* SDD Prelims */
.prelim{
	background-image:url(../img/video/sdd.jpg);
	opacity:0.6;
}
div.clips.low a.playing.prelim, div.clips.low a.progress.prelim {
background:transparent url(../img/video/sdd_icon.jpg);
background-position:0 -51px;
}
div.clips.low a.paused.prelim{
background:transparent url(../img/video/sdd_icon.jpg);
background-position:0 0;
}

/* container has a background image */
a.player {	
	display:block;
	background:url(../img/video/control/splash_2.jpg) no-repeat;
	width:420px;
	height:295px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}