/* CSS Document */

#banner {
	background:url(../images/bannerbg.png) top center no-repeat;
	height:368px;
	width:830px;
	padding:0 10px;
}

.carocontainer {
	height:330px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin-bottom:10px;

/*	border:1px solid #333;*/
/*	background-color:#0CC;*/
}
div.slides {
	position:absolute;
	top:0;
	left:0;
}
ul.slides {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}
div.slides div, ul.slides li {
	position:absolute;
	top:0;
	width:830px;
	display:none;
	padding:0;
	margin:0;
}

#loopedSlider{
	position:relative;
	clear:both;
	float:left;
	width:830px;
	height:310px;
/*	background-color:#00F;*/
}
.pagination {
	margin:0;
	padding:5px;
	width:100px;
	margin:0 auto;
}
.pagination ul {
	list-style:none;
	margin:0;
	padding:0;
}
.pagination ul li{
	display:inline;
	margin:0;
	padding:0;
}

.pagination ul li a{
	display:block;
	padding:5px;
	margin:0 5px;
	float:left;
	background:url(../images/panelbutton.png) no-repeat;
}

.pagination .active a {
	margin:0 5px;
	padding:5px;
	background:url(../images/selectedpanel.png) no-repeat;
}

.pagination span{
	display:none;
	margin:0;
	padding:0;
}

.yellowbutton{
	float:left;
	position:relative;
	top:-80px;
	padding:0 0 0 40px;
}