#viewport,
#movie
{
	width: 820px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	margin-left:30px;
	position: relative;
}
#viewport ul,
#movie ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#viewport li
{
	width: 60px; /* Defines the size of inner element */
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	margin-right:10px;
	font-size:10px;
	line-height:120%;
	
}

#movie li
{
	width: 90px; /* Defines the size of inner element */
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	margin-right:10px;
	font-size:10px;
	line-height:120%;
	
}

#viewport li p,
#movie li p {
margin:3px 0 0 0;
}

/* Cosmetic */
#simplePrevious, #simpleNext,
#simplePrevious02, #simpleNext02 {
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}

.scroll02,
.scroll {
background:#fff;
border:#000 solid 1px;
width:883px;
float:right;
padding:7px 0;
height:92px;
position:relative;
}

.scroll {
padding: 2px 0;
height:120px;
}


.scroll02 {
height:100px;
}

*html #scroll02 {
height:114px;
}


*html #scroll {
width:885px;
height:106px;
}

#simplePrevious,
#simplePrevious02 {
margin-top:5px;
position:absolute;
top:37px;
left:5px;
background:url(../../images/scroll_left.gif) no-repeat 0 0;
width:11px;
height:18px;
text-indent:-9999px;
}

#simpleNext,
#simpleNext02 {
position:absolute;
top:37px;
right:10px;
background:url(../../images/scroll_right.gif) no-repeat 0 0;
width:11px;
height:18px;
text-indent:-9999px;
}

#simplePrevious02,
#simpleNext02 {
top:42px;
}



/*
#simplePrevious:hover,
#simplePrevious02:hover {
background-position:left bottom;
}

#simpleNext:hover,
#simpleNext02:hover {
background-position:left bottom;
}
*/