div.anythingSlider-custom { margin: 0 auto; padding: 0; overflow: visible; }
li.panel > a { display: block; }

/* Active State */
div.anythingSlider-custom.activeSlider .thumbNav a { background-color: transparent; background-position: left top; }
div.anythingSlider-custom.activeSlider .thumbNav a:hover,
div.anythingSlider-custom.activeSlider .thumbNav a.cur { background-position: right top; }
div.anythingSlider-custom .start-stop:hover,
div.anythingSlider-custom .start-stop.hover { color: #fff; }

/* Navigation Arrows */
div.anythingSlider-custom .arrow { top: 50%; position: absolute; display: block; z-index: 100; }
div.anythingSlider-custom .arrow a { display: block; height: 108px; margin-top: -54px; /* half height of image */ width: 23px; outline: 0; background: url(../images/wafer.png) no-repeat; }
div.anythingSlider-custom .forward { right: 15px; }
div.anythingSlider-custom .back { left: 15px; }
div.anythingSlider-custom .forward a { background-position: -23px 0; }
div.anythingSlider-custom .back a { background-position: 0 0; }
div.anythingSlider-custom .forward a:hover { background-position: -23px -108px; }
div.anythingSlider-custom .back a:hover { background-position: 0 108px; }

/* Navigation Links */
div.anythingSlider-custom .anythingControls { position: absolute; bottom: 100px; right: 50%; z-index: 100; }
div.anythingSlider-custom .thumbNav { display: block; float: right; margin: 0; z-index: 100; }
div.anythingSlider-custom .thumbNav li { display: block; float: left; background: transparent; padding: 0; }
div.anythingSlider-custom .thumbNav a { display: block; background: transparent url(../images/buttons.png) no-repeat; height: 10px; width: 11px; margin: 0; padding: 0; outline: 0; }
div.anythingSlider-custom .thumbNav a:hover,
div.anythingSlider-custom .thumbNav a.cur { background: transparent url(../images/buttons.png) top right no-repeat; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider-custom.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider-custom.rtl .thumbNav { float: left; }    /* move nav link group to left */

/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
div.anythingSlider-custom .arrow a span,
div.anythingSlider-custom .thumbNav a span,
div.anythingSlider-custom .start-stop span { display: block; line-height: 1px; /* needed for IE7 */ text-indent: -9999px; }