#viewport{
	width: 628px; /* 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: 234px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
    background-color: #F3F3F3;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}
#viewport li{
	width: 140px; /* Defines the size of inner element */
	height: 214px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background-color: #fff;
    border: 1px solid #c6d6e3;
	margin: 5px 4px 5px 5px;
	padding: 3px;
	text-align:center;
}

/* Cosmetic */
#viewportPrevious, #viewportNext{
	cursor: pointer;
}