#new_popup .clips-carousel {
		margin-left: -14px;
		margin-left: -10px\9; /* IE8 and below */
	}
	.clips-carousel {
		height: 125px;
		overflow: hidden;
		padding: 0;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
	}
#clips-carousel {
	width: 100%;
	overflow: hidden;
	background: black;
	border: 5px solid black;
	text-align: left;
	position: relative;
	z-index: 1;
}
#clips-carousel:before, #clips-carousel:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	left: 0;
	width: 10%;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(#000), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, color-stop(#000 0%), color-stop(rgba(0,0,0,0) 100%));
	background-image: -moz-linear-gradient(left, #000 0%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to right, #000 0%, rgba(0,0,0,0) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#00000000, GradientType=1);
}
#clips-carousel:after {
left: auto;
right: 0;
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0,0,0,0)), to(#000));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0) 0%), color-stop(#000 100%));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #000 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, #000 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#FF000000, GradientType=1);
}
#clips-carousel .scrollingHotSpotLeft, #clips-carousel .scrollingHotSpotRight {
position: absolute;
z-index: 5;
opacity: 0.8;
}
#clips-carousel * {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
}
div.scrollingHotSpotLeft {
left: 0;
}
div.scrollingHotSpotLeft, div.scrollingHotSpotRight {
min-width: 50px;
width: 5%;
height: 82%;
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
}
div.scrollingHotSpotLeftVisible:before, 
div.scrollingHotSpotRightVisible:before {
content: '\203a';
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 50px;
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
font-family: serif;
color: #fff;
}
div.scrollingHotSpotRight {
right: -10px;
}
#clips-carousel {
text-align: left;
}
div.scrollableArea {
position: relative;
width: auto;
height: 100%;
}
#clips-carousel img {
width: 200px;
height: 112px;
}
div.scrollingHotSpotLeftVisible:before {
content: '\2039';
}

div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}