.fl {
	float: left;
	padding: 13px 0 0 10px;
	aborder: 1px solid #BD9964;
}
.fl1 { 	float: left; padding: 13px 0 0 10px; }
.fl1_1 { 	float: left; padding: 13px 10px 0 10px; }
#viewport{
	float: left;
	width: 525px; /* 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
	 */
	min-width: 525px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	abackground: url('carousel-bg.gif') repeat-x left top;
	position: relative;
	height: 122px;
}
#viewport1{ float: left; width: 190px; min-width: 190px; overflow:hidden; position: relative; height: 70px; }
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	overflow:hidden;
	padding: 0; margin: 0; /* Resets default - User Agent - style */
	height: 122px;
}
#viewport1 ul{ position: relative; overflow:hidden; padding: 0; margin: 0; height: 70px; }
#viewport li{
/* 	width: 200px; Defines the size of inner element */
	height: 122px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 0 10px 0 10px;
	text-align:center;
	font-size: 8pt;
	color: #DD9035;
}
#viewport1 li{ height: 70px; float: left; list-style: none; margin: 0 1px; padding: 0 5px 0 5px; text-align:center; font-size: 8pt; color: #DD9035; }
#viewport1 img { border: 1px solid #C0C0C0; }
#viewport li .l{
	background: url(../i/gallery-block.gif) no-repeat left top; padding-left: 3px;
}
#viewport li .r{
	background: url(../i/gallery-block.gif) no-repeat right top; padding-right: 3px;
}
#viewport li .c{
	background: url(../i/gallery-block.gif) no-repeat center top; padding: 3px 0;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
}

#simplePrevious1, #simpleNext1{ cursor: pointer; }