/* Slider itself */
.royalSlider.iskin {
	width:100%;
	height:260px;
	overflow:hidden !important;
	float: left;
	margin-left: 15px;
	padding-bottom: 20px;
	position: relative;
}


.royalSlider.iskin .royalWrapper {
	overflow:hidden;
	width:265px;
	height:250px;
}
.royalSlider .royalSlide.iskin, .royalSlider .royalWrapper.iskin {
	background-color: #FFF;
}

/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.iskin.with-thumbs {
	padding-bottom: 62px;
}


/* 
	Left and right navigation arrows 	
*/
.royalSlider.iskin .arrow {	
	background:url(../img/assets/controls-sprite2.png) no-repeat 0 0;

	/* change arrows size here */
	width: 32px;
	height: 32px;
	margin-top:-29px;	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;
}
/* arrow position in slider with thumbs */
.royalSlider.iskin.with-thumbs .arrow {
	margin-top:-49px;
}

/* left arrow */
.royalSlider.iskin .arrow.left {
	background-position: top left;
	left: -32px;	
}
/* right arrow */
.royalSlider.iskin .arrow.right {
	background-position: top right;
	right: -32px;
}

/* Arrow down state */
.royalSlider.iskin .arrow:active {
	
}

/* Arrow hover state */
.royalSlider.iskin .arrow:hover {	
	-moz-opacity: 1;	
	opacity: 1;	
}
/* Arrow disabled state */
.royalSlider.iskin .arrow.disabled {
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.iskin .arrow.left.disabled {	
	background-position: -32px 0px;	
}
.royalSlider.iskin .arrow.right.disabled {	
	background-position: -136px 0px;	
}
/* Captions container */
.royalSlider.iskin .royalCaption {
	z-index:20;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	color: #333;
	float: left;
	width: 265px;
	font-size: 12px;
	text-align: left;
	background-repeat: repeat;
}
.royalSlider.iskin .royalCaption a {
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}
.royalSlider.iskin .royalCaptionItem h4 {
	font-size: 16px;
	font-weight: normal;
	color: #36A8E7
!important;
	margin-bottom: 10px;
}

/* Caption item */
.royalSlider.iskin .royalCaptionItem {
	position:absolute;
	left:0;
	top:0;
	background-repeat: repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
	width: 100%;
	padding: 0;
}

.royalSlider.iskin .royalCaptionItem p {
}


/* 

	Bullets and thumbnails navigation
	
*/
.royalSlider.iskin .royalControlNavOverflow a {	
	background: url(../img/assets/controls-sprite2.png) no-repeat 0 -164px transparent;
	width:18px;
	height:18px;	
	
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.iskin .royalControlNavOverflow a.current {	
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.iskin .royalControlNavOverflow a:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav or thumbnails main container */
.royalSlider.iskin .royalControlNavOverflow {
	margin-top:-35px;
	margin-left:165px !important;
	float: left;
}
/* Thumbnails main container */
.royalSlider.iskin .thumbsAndArrowsContainer {	
	margin: 5px 0 0 0;
	position: relative;
	float:left;
	background: #E8EDEE;	
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
 	border-radius: 4px;
}
.royalSlider.iskin .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;	
}

/* Thumbnails */
.royalSlider.iskin .royalControlNavOverflow a.royalThumb{		
	background-color: transparent;	
	background-position: 1px 1px;
	
	width:80px;
	height:45px;	
	/* thumbnails spacing, use margin-right only */	
	margin-right:4px;
	
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;		

	border: 1px solid #eee;
	padding: 1px;
}

/* Current thumbnail */
.royalSlider.iskin .royalControlNavOverflow a.royalThumb.current {	
	background-position: 1px 1px !important;
	border:1px solid #CCC !important;	
}
/* Thumbnail hover state*/
.royalSlider.iskin .royalControlNavOverflow a.royalThumb:hover {		
	background-position: 1px 1px;
	border: 1px solid #0085cf;	
}



/* 
	Thumbnails navigation arrows
		
*/
.royalSlider.iskin .thumbsArrow {
	background:url(../img/assets/controls-sprite2.png) no-repeat 0 0;
	width: 28px;
	height: 57px;
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.royalSlider.iskin .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider.iskin .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.iskin .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.iskin .thumbsArrow.disabled {	
	-moz-opacity: 1;	
	opacity: 1;
}
.royalSlider.iskin .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.royalSlider.iskin .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}