/* NO COMMENTS : MUST HAVE */
/* OPTIONAL can be removed */
/* MODIFY can be modified, but MUST HAVE */
.Carousel {
	position: relative;
	width: 100%;
	height: 90px;
}
#clipping {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 710px; /* MODIFY */
	overflow: hidden;
}
ul#items {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none; /* OPTIONAL */
	width: 1000em;
}
ul#items li {
	float: left;
	overflow: hidden;
	margin: 0px 10px 0px 0px; /* OPTIONAL */
	width: 170px; /* MODIFY */
	height: 90px; /* OPTIONAL */
	background: url(../images/layout/loading.gif) 50% 50% no-repeat;
}

ul#items li a {
	width: 168px;
	height: 88px;
	border: #252525 solid 1px;
	display: block;
}
ul#items li a:hover,
ul#items li a.Active {
	border: #f7d017 solid 1px;
}


/**/
.PrevBtn,
.NextBtn {
	position: absolute;
	top: 0px;
	width: 23px;
	height: 90px;
}
.PrevBtn {
	left: -32px;
}
.NextBtn {
	right: 0px;
}
a#buttonleft:link,
a#buttonleft:visited,
a#buttonright:link,
a#buttonright:visited {
	outline: none; /* OPTIONAL */
	width: 23px;
	height: 0px;
	padding: 90px 0px 0px;
	overflow: hidden;
	display: block;
}
a#buttonleft:link,
a#buttonleft:visited {
	background: url(../images/layout/back-btn.png) no-repeat left top;
}
a#buttonright:link,
a#buttonright:visited {
	background: url(../images/layout/next-btn.png) no-repeat left top;
}
a#buttonleft:hover {
	background: url(../images/layout/back-btn-hover.png) no-repeat left top;
}
a#buttonright:hover {
	background: url(../images/layout/next-btn-hover.png) no-repeat left top;
}


/* CLASSNAME: ".Disable, .LastItem, .LastColItems, .LastRowItems" should NOT be renamed */
/* If it's renamed, please rename it in the JS too */
div.Disable {
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}
	div.Disable a:link,
	div.Disable a:visited {
		cursor: default !important;
	}
	div.Disable a#buttonleft:hover {
		background: url(../images/layout/back-btn.png) no-repeat left top;
	}
	div.Disable a#buttonright:hover {
		background: url(../images/layout/next-btn.png) no-repeat left top;
	}
ul#items li.LastItem {
	margin: 0px !important;
}
ul#items li.LastColItems {
	margin-right: 0px !important;
}
ul#items li.LastRowItems {
	margin-bottom: 0px !important;
}
