/* collage */
#videos #content #viewer.hidden {
	visibility:hidden;
	display:block;
	}
	
body#videos #content #box #box-content {
margin:20px 0pt;
border-right:1px solid #C1C1C1;
width:550px;
}

#videos #content #viewer {
	position:relative;
}

#DBplayer {
	margin-left:35px;
}

#videos #content #viewer #screen{
	position:relative;
}

#videos #content #viewer #screen{
	position:relative;
	margin:0;
	width:394px;
	padding:0;
}

#videos #content #viewer #screen a{
	display:none;
}

#videos #content h1 {
background-image:url('../images/text/h1/color-families-blues.gif');
}
	
#videos #content #viewer #screen h4{
	font-size:120%;
	margin:20px 0pt 3px 13px;
	}
		
#videos #content #viewer #screen p{
	font-size:90%;
	margin:0 0 10px 13px;
	width:490px;
}

#videos #content #viewer #screen img{
	height:250px;
	width:400px;
}

#videos #content #viewer .initial #current-movie{
	margin-left:-9px
}

#videos #content #box #box-content #controller ul{
	height:300px;
	overflow:hidden;
	background-color:#E6E7E7;
	padding:7px 0 7px 17px;
	width:512px;
	margin:0 0 0 13px;
}

* html #videos #content #box #box-content #controller ul{
	width:509px;
}

#videos #content #box #box-content #controller ul.noScroll{
	width:475px;
}

#videos #content #viewer #controller li{
	cursor:pointer;
	font-size:1.4em;
	float:left;
	list-style-type:none;
	margin:10px 10px 5px 0px;
	position:relative;
	width:142px;
	background:#fff url('../images/jScrollPane/playItem-Bottom.png') no-repeat 0 bottom;
	height:130px;
	padding-bottom:15px;
}
 
#videos #content #viewer #controller li{
	cursor:pointer;
	font-size:1.4em;
	float:left;
	list-style-type:none;
	margin:10px 10px 5px 0px;
	position:relative;
	width:142px;
	background:#fff url('../images/jScrollPane/playItem-Bottom.png') no-repeat 0 bottom;
	height:130px;
	padding-bottom:15px;
}

* html #videos #content #viewer #controller li{
	height:135px;
}

#controller li .movie-image{
	width:132px;
	padding:0 5px;
	background:#fff url('../images/jScrollPane/playItem-Top.png') no-repeat 0 top;
	color:#777;
}

#viewer #controller li.Metallics .movie-image{
	background:url('../images/jScrollPane/playItem-Top-metallic.gif') no-repeat 0 top;
	color:#777;
}

#viewer #controller li.Faux-Glazing .movie-image{
	background:url('../images/jScrollPane/playItem-Top-glazing.gif') no-repeat 0 top;
}

#viewer #controller li.Textures .movie-image{
	background:url('../images/jScrollPane/playItem-Top-textured.gif') no-repeat 0 top;
}

#viewer #controller li.Aged-Classics .movie-image{
	background:url('../images/jScrollPane/playItem-Top-aged.gif') no-repeat 0 top;
}

#viewer #controller li.repairing .movie-image{
	background:url('../images/jScrollPane/playItem-Top-metallic.gif') no-repeat 0 top;
	color:#777;
}

#viewer #controller li.priming .movie-image{
	background:url('../images/jScrollPane/playItem-Top-glazing.gif') no-repeat 0 top;
}

#viewer #controller li.cleaning .movie-image{
	background:url('../images/jScrollPane/playItem-Top-textured.gif') no-repeat 0 top;
}

#viewer #controller li.sanding .movie-image{
	background:url('../images/jScrollPane/playItem-Top-aged.gif') no-repeat 0 top;
}

#viewer #controller li.getting-organized .movie-image{
	background:url('../images/jScrollPane/playItem-Top-metallic.gif') no-repeat 0 top;
	color:#777;
}

#viewer #controller li.right-paint .movie-image{
	background:url('../images/jScrollPane/playItem-Top-glazing.gif') no-repeat 0 top;
}

#viewer #controller li.painting-applications .movie-image{
	background:url('../images/jScrollPane/playItem-Top-textured.gif') no-repeat 0 top;
}

#controller li.active .movie-image, #controller li#current .movie-image{
	background:url('../images/jScrollPane/playItemSelected-Top.png') no-repeat 0 top;
	background-color:#d6d6d6 !important;
}

#videos #content #viewer #controller h6{
	font-size:75%;
	text-align:center;
	width:132px;
	position:relative;
	line-height:1.3em;
	padding-bottom:5px;
	text-transform:uppercase;
}

#videos #content #viewer #controller h6.smallText{
	font-size:55%;
	padding-top:1px;
}

#viewer #controller h6.lightText{
	color:#ddd;
}

#videos #content #viewer #controller h5{
	width:132px;
	position:relative;
}

#videos.interior-how-to #content #viewer #controller h5{
	font-size:0.7em;
}

#videos #content #viewer #controller li.active, #videos #content #viewer #controller li#current{
	background:#d6d6d6 url('../images/jScrollPane/playItemSelected-Bottom.png') no-repeat 0 bottom;
}

#videos #content #viewer #controller p{
	margin:15px 0 3px 13px;
	padding:0;
	font-size:115%;
}

#videos #content #viewer #controller .video-path a{
	display:none;
}

#videos #content #viewer #controller img{
	height:77px;
	margin:0pt;
	border:1px solid #fff;
	width:130px;
}

#videos #content #viewer #controller li.active img, #videos #content #viewer #controller li#current img{
	border:1px solid #888;
}
