.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/*.fb-info { display: none; }

#fancybox-title-over{
   display:none;   
}*/

.wrapper {
	width: 575px;
	margin: 0 auto;
	text-align:center;
}
			
#carousel {
	width: 535px;
	position:relative;
	margin: 0;
	padding-left: 15px;
}
			
#carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
			
			
/* Polaroid background image put here */
/* Need to set the width and height of the polaroid frame */
#carousel li {
	width: 165px;
	height: 246px;
	padding: 0px;
	margin: 6px;
	display: block;
	float: left;
	background: transparent url('skin-a-carousel/images/carousel_polaroid.png') no-repeat 0 0;
	position:relative;
}

			
/* Position the image to fit into the polaroid frame */
/* We use margin-top to bump it down */
#carousel li img {
	width:145px;
	height:210px;
	margin-top: 10px;
	margin-left: 4px;
}
			
			
/* We put the glare background in here */
/* We make it a block element and absolute position */
/* z-index to make sure it appear on top of the image */
/*#carousel li a {
	width:153px;
	height:230px;
	position:absolute;
	display:block;
	z-index:2;
	margin:0px;
	background: transparent url('images/carousel_shine.png') no-repeat 0 0;
	text-indent:-999em;
	background-color: #0099CC;
}*/			

.clearfix {
	float: none;
	clear: both;
}
			
/* Skin the button with carousel control sprite*/
/* Make it position absolute to move it easily */
#carousel .prev, #carousel .next {
	margin-left: 10px;
	width:15px;
	height:21px;
	display:block;
	text-indent:-999em;
	background: transparent url('skin-a-carousel/images/carousel_control.png') no-repeat 0 0;
	position:absolute;
	top:120px;
			}
			
/* Individual setting for previous button */
#carousel .prev {
	background-position:0 0;
	left:-15px;
}
			
#carousel .prev:hover {
	left:-16px;
}	
				
/* Individual setting for next button */
#carousel .next {
	background-position: -18px 0;
	right:-20px;
			}
			
#carousel .next:hover {
	right:-21px;
}
								
#carousel .pager {
	margin:0 auto;
	text-align: center;
}
			
/* Style the pagination button with dot */
/* Same as prev and next button, we use the same css sprite */
#carousel .pager a {
	margin: 10px 5px 0 0;
	text-decoration: none;
	display:inline-block;
	width:8px;
	height:8px;
	background: transparent url('skin-a-carousel/images/carousel_control.png') no-repeat -2px -32px;
	text-indent:-999em;
}
			
#carousel .pager a.selected {
	text-decoration: none;
	background: transparent url('skin-a-carousel/images/carousel_control.png') no-repeat -12px -32px;				
}