/* default look and feel */
.iCandyCarousel .panel {
	margin: 20px;
}
.iCandyCarousel .panel .number {
	margin: 5px;
	width: 30px; height: 30px; line-height: 30px;
	font-size: 18px;
	background-color: #ccc;
	color: #222;
	border: 2px solid #eee;
	/* rounded corners for real browsers */
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
	border-radius: 2px; /* Opera 10.5, IE 9 */
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;
}
.iCandyCarousel .panel .number.active {
	-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
	background-color: #bbb;
	color: #000;
	border: 2px solid #fff;
}
.iCandyCarousel .panel .number:hover {
	-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
}



/* circle border LAF */
.iCandyCarousel.circle .panel .number {
	border: 2px solid #eee;
	-moz-border-radius: 16px; /* FF1+ */
	-webkit-border-radius: 16px; /* Saf3+, Chrome */
	border-radius: 16px; /* Opera 10.5, IE 9 */
}
.iCandyCarousel.circle .panel .number.active {
	border: 2px solid #fff;
}



/* blue LAF */
.iCandyCarousel.blue .panel .number {
	font-size: 20px;
	background-color: #bbd;
	color: #222;
	border: 2px solid #99d;
}
.iCandyCarousel.blue .panel .number.active {
	background-color: #bbb;
	color: #000;
	border: 2px solid #ddf;
}













/* functional css, layout and positioning. css below here shouldnt need to be altered for aestetics. */

.iCandyCarousel {
	font-family: Arial;
	overflow: hidden;
	border: 0px solid transparent !important;
	background-image: url(images/loadA.gif);
	background-position: center center;
	background-repeat: no-repeat;
	position:relative;
}

.iCandyCarousel .slide {
	position: absolute;
	z-index: 3;
	background-position: center center;
	background-repeat: no-repeat;
}

.iCandyCarousel .panel {
	position: absolute;
	overflow: hidden;
	z-index: 4;
	float: left;
}

.iCandyCarousel.right .panel { right: 0px; }
.iCandyCarousel.bottom .panel { bottom: 0px; }

.iCandyCarousel .panel .number {
	cursor: pointer;
	float: left;
	text-align: center;
}
