/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */



/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav { display: block; }
.orbit-wrapper .slider-nav button { border:1px solid #333; }
.orbit-wrapper .slider-nav button { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
.orbit-wrapper .slider-nav button.right { background: url('../images/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; }
.orbit-wrapper .slider-nav button.left { background: url('../images/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; }

.lt-ie9 .orbit-wrapper .slider-nav button.right { background: url('../images/foundation/orbit/right-arrow-small.png'); }
.lt-ie9 .orbit-wrapper .slider-nav button.left { background: url('../images/foundation/orbit/left-arrow-small.png'); }

.orbit-wrapper .slider-nav button:focus {
  border:1px solid orange;
  background-color:rgba(255,255,255,0.9);
  background-color:orange;
}

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; background:none; text-indent: 0;  width: auto; height: 12px; overflow: visible; }
ul.orbit-bullets li button{
width:24px;
height:24px;
border-style:solid;
border-radius:12px;
font-size:10px;
/*
  background: url('../images/foundation/orbit/bullets.jpg') no-repeat 4px 0;
*/
  background-color:#000;
  color:#fff;
}

ul.orbit-bullets li button:focus, ul.orbit-bullets li.active button {
color: #222222; background-position: -8px 0;
  background-color:orange;
}

ul.orbit-bullets li.active button{ color: #222222;  }
ul.orbit-bullets li.has-thumb button{ background: none; width: 100px; height: 75px; }
ul.orbit-bullets li.active.has-thumb button{ background-position: 0 0; border-top: 2px solid black; }




/* Timer ---------------------- */
.orbit-wrapper .timer button.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 1; border:1px solid red; }
.orbit-wrapper .timer button.pause.active { background: url('../images/foundation/orbit/pause-black.png') no-repeat 0 -40px; }
.orbit-wrapper .timer:hover button.pause, .orbit-wrapper .timer:focus button.pause, .orbit-wrapper button.pause.active { opacity: 1; }

#togglePause{
display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 1; border:1px solid transparent; border-radius:20px;
  background-color:none;

}


#togglePause:focus {
  border:1px solid orange;
  background-color:orange;
}

#togglePause span{
  position:absolute;
  top:-999em;
}

#togglePause.pause.active { background: url('../images/foundation/orbit/pause-black.png') no-repeat 0 -40px; }


/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */


