/* ROTATOR STYLES */

.gallery {
	width: 537px;
	height: 448px;
	margin: 0 auto;
	overflow: hidden;
	padding: 4px;	
	font-size: 0;
	text-align: center;
	background: #fff;
	border: 1px solid #b7a897;
	-webkit-user-select: none;	
}

.sp-content .gallery {
	margin: 20px auto;
}
		
	.gallery-feature {
		position: relative;	
		width: 537px;
		overflow: hidden;
		height: 100%;
		margin: 0 auto;
	}
		
		.gallery-inner {
			position: absolute;
			top: 0;
			left: 0;
		}

			.gallery .slide {
				float: left;
				position: relative;
				width: 537px;
				display: none;
			}

				.gallery .slide img {
					opacity: 0.8;
				}

				.gallery .slide.active img {
					opacity: 1 !important;
				}
				
				.gallery .slide.active {
					opacity: 1;	
					display: block;
					margin: 0 auto;
				}

.gallery-indication {
	z-index: 3; 
	display: inline-block;
	position: relative;
	bottom: 96px;
	margin: 0 auto;
	padding: 0 4px;
	font-size: 0;
	line-height: 0;
	background: #fff;
	border: 1px solid #c6c6c6;
	border-radius: 25px;
}

	.slide-indicator {
		display: inline-block;
		text-align: center;	
		font-size: 0;
		line-height: 0;
	}

		.indicator {
			display: inline-block;
			width: 18px;
			height: 18px;
			margin: 4px 1px;
			background: url('../images/hprotator_sprite_indication.png') no-repeat scroll 0 0 transparent;
		}
		
		.indicator.active {
			background: url('../images/hprotator_sprite_indication.png') no-repeat scroll 0 -18px transparent;
		}
		
	a.prev,
	a.next {
		display: inline-block;
		vertical-align: top;
		width: 9px;
		height: 14px;
		text-decoration: none;
		cursor: pointer;
	}
	
	a.prev {
		margin: 6px 8px 0 5px;
		background: url('../images/hprotator_sprite_prev.png') no-repeat 0 0;
	}

	a.prev:hover {
		background: url('../images/hprotator_sprite_prev.png') no-repeat 0 -14px;
	}
	
	a.next {
		margin: 6px 5px 0 8px;
		background: url('../images/hprotator_sprite_next.png') no-repeat 0 0;
	}
	
	a.next:hover {
		background: url('../images/hprotator_sprite_next.png') no-repeat 0 -14px;
	}


/* ROTATOR CONTENT BOX */

.gallery-content-container {
	width: 537px;
	height: 95px;
	overflow-y: hidden;
	text-align: left;
	background: #fdfad3 url('../images/hprotator_bg_caption.png') no-repeat top center;
	opacity: 0.8;
}

	.gallery-content {
		position: relative;
		padding: 20px 9px 5px;
	}
		
		.gallery-content h2,
		.gallery-content h3 {
			margin: 0;
			padding: 0;
			color: #1c1614;
		}
		
		.gallery-content h2 {
			font: 19px/19px "Roboto", sans-serif;
			font-weight: 400 !important;
		}
		
		.gallery-content h3 {
			margin-top: 7px;
			font: 400 13px/13px "Roboto", sans-serif;
			text-shadow: none;	
		}
		
		.sp-content .gallery-content h3 {
			margin-top: 0;
		}