/*for bootom slider*/
#carousel {
				width: 960px;
				position:relative;
				margin-left:0px;
				.border:1px solid #000;
				background:#DDD;
				
				
			}
			#carousel ul {
				list-style: none;
				display: block;
				margin: 0;
				padding:0;
				
				margin-left:20px;
			}
			#carousel li {
				background: transparent url(img/carousel_polaroid12.png) no-repeat 0 0;
				font-size: 40px;
				color: #999;
				text-align: center;
				display: block;
				width: 170px;
				height: 150px; /*height of backround*/
				padding: 0;
				margin: 6px;
				float: left;
				position: relative;
			}

			#carousel li img {
				width: 149px;
				height: 86px;
				margin-top: 10px;
				margin-left:-1px;
			}
			
			#carousel li span {
	background: transparent url(img/carousel_shine.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 121px;
	height: 77px;
	position: absolute;
	z-index: 2;
	top: 11px;
	left: 17px;
			}			

			.clearfix {
				float: none;
				clear: both;
			}
			#carousel .prev, #carousel .next {
				background: transparent url(img/carousel_control.png) no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				margin-left: 37px;
				margin-right:0px;
				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 {
				text-align: center;
				margin: 0 auto;
				margin-top:-35px;
			}
			#carousel .pager a {
				background: transparent url(for%20%20bootom%20slider/img/carousel_control.png) no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			#carousel .pager a.selected {
				background: transparent url(for%20%20bootom%20slider/img/carousel_control.png) no-repeat -12px -32px;
				text-decoration: underline;				
			}
			
			#source {
				text-align: center;
				width: 100%;
				position: absolute;
				bottom: 10px;
				left: 0;
			}
			#source, #source a {
				font-size: 12px;
				color: #999;
			}
			
			
/*bootom slider close*/