/* Slider itself */
.royalSlider.iskin {  
}
/* 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(controls-sprite.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;  
}



/* 

  Bullets and thumbnails navigation
  
*/
.royalSlider.iskin .royalControlNavOverflow a
{
  background: url(controls-sprite.png) no-repeat 0 -159px transparent;
  width:25px;
  height:19px;  
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
/* Current bullet */
.royalSlider.iskin .royalControlNavOverflow a.current { 
  background-position: 0 -178px !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:4px;
}
/* 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(controls-sprite.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;
}