.SPButton {display: block; width: 40px; height: 40px; text-indent: -9999px; background: url(../g/home_promos/pause.png) 0 0 no-repeat; overflow: hidden; position: absolute; left: 5px; top: 5px; z-index: 10;}
.play {background: url(../g/home_promos/play.png) 0 0 no-repeat;}
a.SPButton:active, a.play:active, a.SPButton:focus, a.play:focus {outline: 0;}

/* begin styles for promo cycler (on training main page */
.js #flipBanner {display:none;}
#flipBanner {margin-bottom: 5px; position: relative;}
#flipBanner img {position: absolute; top: 0pt; left: 0pt; width: 720px; height: 100px;}
#flipBanner img.one {z-index: 3;}
#flipBanner img.two {z-index: 2;}
#flipBanner img.three {z-index: 1;}
.nav {float: right; padding-right: 15px;}
.buttons {text-align: right; float: right; padding-right: 5px; display: none;}
.nav, .buttons {margin-top: 105px;}
#nav a {font-size: smaller; margin: 0 2px; padding: 0 8px; background: #fff; color: #333; text-decoration: none;}
.buttons a {margin: 0 2px; padding: 2px 0;}
.buttons a img {padding-top: 4px;}
#nav a.activeSlide {background: #fff; color: #333; border-bottom: 2px solid #ccc;}
#nav a:focus, .buttons a:focus {outline: none;}
#nav a:hover {background: #fff; border-bottom: 2px solid #ccc;}
/* end styles for promo cycler */