/* Slider itself */
.royalSlider.default {	
}

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

/* 
	Left and right navigation arrows 	
*/
.royalSlider.default .arrow {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px 4px 4px 4px;
    display: none;
    height: 30px;
    opacity: 0.8;
    width: 30px;
	margin-top:-50px;	
}
.royalSlider.default:hover .arrow {
	display: inline;
}

/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
	margin-top:-20px;
}

/* Arrow down state */
.royalSlider.default .arrow:active {
	background-color: rgba(0, 0, 0, 0.6);
}

/* Arrow hover state */
.royalSlider.default .arrow:hover {
	opacity:1;
}

/* Arrow disabled state */
.royalSlider.default .arrow.disabled {
	height:30px;
}

/* left arrow */
.royalSlider.default .arrow.left {
	background:  url("../../../arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	left: 10px;
	height:48px;
	width:48px;
	min-height:48px;
	padding:0px;
}
/* right arrow */
.royalSlider.default .arrow.right {
	background:url("../../../arrow.png") no-repeat scroll left -45px rgba(0, 0, 0, 0);
	right: 10px;
	height:48px;
	width:48px;
	padding:0px;
}

.royalSlider.default .arrow.left:hover {
}

.royalSlider.default .arrow.right:hover {
}

/* 
	Bullets and thumbnails navigation	
*/
.royalSlider.default .royalControlNavOverflow a {	
	background-color: transparent;
	background-image: url(../../../home_slide_btn2.png);
	margin:3px;
	width:15px;
	height:15px;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {	
	background-image: url(../../../home_slide_btn1.png);
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {		
	opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {	
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
	
	xmargin-top:-80px;
	xtext-align:right;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs {	
	margin-top:4px;	
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{	
	background-color: transparent;	
	background-position: 0 0;	
	width:60px;
	height:60px;	
	margin-right:4px;
	opacity: 1;	
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {	
	background-position: -3px -3px  !important;
	border:3px solid #666 !important;
	width:54px;
	height:54px;
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {	
	background-position: -3px -3px;	
	border: 3px solid #AAA;
	width: 54px;
	height: 54px;
}



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