#slider{
    float: left;
	width: 496px; /* 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
	 */
    height: 69px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;

}
#slider ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0 0 0 1px; /* Resets default - User Agent - style */
	margin: 0;
}
#slider li{
	width: 69px; /* Defines the size of inner element */
	height: 63px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 0;
	padding: 0;
    margin-right: 2px;
	text-align:center;
}
#slider li a img{border: 1px solid #ffffff;}

/* Cosmetic */
#previous, #next{
    height: 21px; width: 18px;
    float: left;
    display: block;
	cursor: pointer;
    text-indent: -99999px;
    margin-top: 22px;
}
#previous{background: url(../images/prev.jpg) top left no-repeat;}
#next{background: url(../images/next.jpg) top left no-repeat;}