/* Slider itself */
.royalSlider {
  position: static; }
  .royalSlider .arrow {
    top: 360px; }

.royalSlider.rsa {
  padding-bottom: 26px; }
  .royalSlider.rsa .arrow {
    /* Left and right navigation arrows */
    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; }
    .royalSlider.rsa .arrow.left {
      /* left arrow */
      background-position: top left;
      left: 0; }
      .royalSlider.rsa .arrow.left.disabled {
        background-position: -32px 0px; }
    .royalSlider.rsa .arrow.right {
      /* right arrow */
      background-position: top right;
      right: 0; }
      .royalSlider.rsa .arrow.right.disabled {
        background-position: -136px 0px; }
    .royalSlider.rsa .arrow:hover {
      /* Arrow hover state */
      -moz-opacity: 1;
      opacity: 1; }
    .royalSlider.rsa .arrow.disabled {
      /* Arrow disabled state */
      -moz-opacity: 1;
      opacity: 1; }
  .royalSlider.rsa.with-thumbs {
    /* Slider with thumbs (used to add padding based on thumbnails size) */
    padding-bottom: 62px; }
    .royalSlider.rsa.with-thumbs .arrow {
      /* arrow position in slider with thumbs */
      margin-top: -49px; }
  .royalSlider.rsa .royalControlNavOverflow {
    /* Bullets and thumbnails navigation */
    /* Bullets nav or thumbnails main container */
    margin-top: 2px; }
    .royalSlider.rsa .royalControlNavOverflow.royalThumbs {
      /* Thumbnails */
      margin-top: 2px; }
    .royalSlider.rsa .royalControlNavOverflow a {
      background: url(controls-sprite.png) no-repeat 0 -164px transparent;
      width: 18px;
      height: 18px;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8; }
      .royalSlider.rsa .royalControlNavOverflow a.current {
        /* Current bullet */
        background-position: 0 -182px !important; }
      .royalSlider.rsa .royalControlNavOverflow a:hover {
        /* Bullet hover state */
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      .royalSlider.rsa .royalControlNavOverflow a.royalThumb {
        /* Thumbnails */
        background-color: transparent;
        background-position: 0 0;
        width: 240px;
        height: 60px;
        /* thumbnails spacing, use margin-right only */
        margin-right: 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        border: none; }
        .royalSlider.rsa .royalControlNavOverflow a.royalThumb.current {
          /* Current thumbnail */
          background-position: 0 -60px !important;
          border: none !important;
          height: 77px;
          background-position: 0 -60px;
          margin-top: -17px; }
        .royalSlider.rsa .royalControlNavOverflow a.royalThumb:hover {
          /* Thumbnail hover state */
          background-position: 0 -77px; }
        .royalSlider.rsa .royalControlNavOverflow a.royalThumb:first-child {
          display: none; }
  .royalSlider.rsa .thumbsAndArrowsContainer {
    /* Thumbnails main container */
    float: left;
    margin: 0;
    position: relative;
    z-index: 30;
    overflow: visible; }
    .royalSlider.rsa .thumbsAndArrowsContainer .royalControlNavOverflow.royalThumbs {
      overflow: visible; }
  .royalSlider.rsa .thumbsArrow {
    /* Thumbnails navigation arrows */ }
    .royalSlider.rsa .thumbsArrow.left, .royalSlider.rsa .thumbsArrow.right {
      display: none; }