.viewport{
	width: 620px; /* 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 */
	float: left;
}
.viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
.viewport li{
	width: 97px; /* Defines the size of inner element */
	height: 67px;
	border:1px solid #d8d8d8;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 2px;
	text-align:center;
}

.viewport a.colorScheme {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right:8px;
	float: left;
	width: 97px;
	position:relative;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
}
.viewport a.colorScheme span.changeColorScheme {
	background:#363636;

    filter:alpha(opacity=60); 
    -moz-opacity: 0.7; 
    opacity: 0.7; 

	color:#FFD200;
	display:none;
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	height:16px;
	left:0px;
	padding:4px 0 0;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:0px;
	width:97px;
}

.viewport a.colorScheme:hover span.changeColorScheme {
	display:block
}