@charset "UTF-8";
/* JQUERY slideshow CSS for Hero Banner*/

/* previous arrow */
#fssPrev { display: block; position: absolute; top: 70px; left: -68px; background: url('../Images/Icons/arrows.png') -67px 0px; 
           width: 67px; height: 143px; border: 0; text-indent: -999999px;}
 /* next arrow */     
#fssNext { display: block; position: absolute; top: 70px; right: -68px; background: url('../Images/Icons/arrows.png') no-repeat; 
           /*-- 50% of image width */width: 67px; height: 143px; /* hide any text */ text-indent: -999999px; border: 0;}
 
/* play and pause */              
#fssPlayPause { display: block; position: absolute; bottom: 5px; right: 10px; background: url('../Images/Icons/white.png') repeat; 
                padding: 4px 0 5px 0; z-index: 99999;
               -moz-border-radius: 5px; border: 0;
               border-radius: 5px; width: 60px; text-align: center; color: #333; text-decoration: none;}
#fssPlayPause:hover, #fssPlayPause:focus {  color: #f3e101 !important; }


/* control list */
#fssList { position: absolute; bottom: 5px; right: 75px; display: block; list-style: none; width: 150px; margin: auto; padding: 5px; 
           border: 0; z-index: 99900;}
#fssList li { display: inline; padding-right: 10px;}
#fssList li a { color: #fff; text-decoration: none; padding: 5px; font-weight: bold; }
#fssList li a:hover, #fssList li a:focus { color: #f3e101 !important; border: 1px solid #f3e101; padding: 4px;}
#fssList li.fssActive a { color: #f3e101 !important; border: 1px solid #f3e101; padding: 4px;}