html, #c-carousel {
	height: 100%;
	padding: 0;
	margin: 0;
}
#c-carousel {
	background-color: #f3f3f3;
	min-height: 350px;
}
#c-carousel * {
	font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 22px;
}

#wrapper {
	width: 735px;
	height: 220px;
	margin: -110px 0 0 -367px;
	position: absolute;
	left: 50%;
	top: 50%;
}

#carousel {
	width: 735px;
	position:vrelative;
}
#carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#carousel li {
	background: transparent url(carousel_polaroid.png) no-repeat 0 0;
	font-size: 40px;
	color: #999;
	text-align: center;
	display: block;
	width: 232px;
	height: 178px;
	padding: 0;
	margin: 6px;
	float: left;
	position: relative;
}

#carousel li img {
	width: 201px;
	height: 127px;
	margin-top: 14px;
}

#carousel li span {
	background: transparent url(carousel_shine.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 201px;
	height: 127px;
	position: absolute;
	z-index: 2;
	top: 14px;
	left: 16px;
}			

.clearfix {
	float: none;
	clear: both;
}
#carousel .prev, #carousel .next {
	background: transparent url(carousel_control.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 21px;
	margin-left: 10px;
	position: absolute;
	top: 70px;				
}
#carousel .prev {
	background-position: 0 0;
	left: -30px;
}
#carousel .prev:hover {
	left: -31px;
}			
#carousel .next {
	background-position: -18px 0;
	right: -20px;
}
#carousel .next:hover {
	right: -21px;
}				
#carousel .pager, #banners .pager {
	text-align: center;
	margin: 0 auto;
}
#carousel .pager a, #banners .pager a{
	background: none repeat scroll 0 0 #555958;
        border: 3px solid #fff;
        border-radius: 40px;
        display: inline-block;
        height: 14px;
        margin: 0 10px 0 0;
        outline: medium none;
        overflow: hidden;
        text-decoration: none;
        text-indent: -999px;
        width: 15px;
}
#carousel .pager a.selected, #banners .pager a.selected{
	background: none repeat scroll 0 0 #15b1e2;
        border: 3px solid #fff;
        outline: medium none;
        text-decoration: underline;
}
@media only screen and (min-width:320px) and (max-width:360px){
    .pager {margin-left: 40% !important;margin-top: -6.5% !important;position: absolute;z-index: 2;}
}
@media (min-width:700px){
    .pager{margin-left: 47.5% !important;margin-top: -4% !important;position: absolute;z-index: 2;}
}

#source {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
}
#source, #source a {
	font-size: 12px;
	color: #999;
}