div.anythingSlider-custom { margin: 0 auto; padding: 0; overflow: visible; }

#slider,
ul#slider li { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden!important; position: relative; vertical-align: middle; display: block; }

/*ul#slider > li > a,
li.panel > a { display: block; }*/

body.homepage #slider { display: none; } /* this is removed via js after dynamic height is calculated */
/*body.homepage #slider,
body.homepage ul#slider li { height: 620px; }*/

/* 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: 0; bottom: -5px; position: absolute; display: block; z-index: 2; }
div.anythingSlider-custom .arrow a { display: block; height: 575px; width: 1200px; outline: 0; background: url(../images/wafer2016.png) center center no-repeat;
                                     	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out; }
/*div.anythingSlider-custom .arrow a { display: block; height: 108px; margin-top: -54px; width: 23px; outline: 0; background: url(../images/wafer.png) no-repeat; }*/
div.anythingSlider-custom .forward { right: -1200px; background: url(/images/curtain01.jpg) top left repeat-x;
                                     -webkit-box-shadow: 3px 3px 10px 8px #000000;
                                        -moz-box-shadow: 3px 3px 10px 8px #000000;
                                             box-shadow: 3px 3px 10px 8px #000000; }
div.anythingSlider-custom .back { left: -1200px; background: url(/images/curtain01.jpg) top right repeat-x;
                                  -webkit-box-shadow: -3px 3px 10px 8px #000000;
                                        -moz-box-shadow: -3px 3px 10px 8px #000000;
                                             box-shadow: -3px 3px 10px 8px #000000; }
div.anythingSlider-custom .forward a { background-position: -1200px 0; }
div.anythingSlider-custom .back a { background-position: 0 0; }
div.anythingSlider-custom .forward a:hover { background-position: -1200px -575px; }
/*div.anythingSlider-custom .forward a.hover*/
div.anythingSlider-custom .back a:hover { background-position: 0 -575px; }
/*div.anythingSlider-custom .back a.hover*/

@media only screen and (max-width : 1200px) {
    div.anythingSlider-custom .arrow { display: none!important; }
}

/* Navigation Links */
div.anythingSlider-custom .anythingControls { position: relative; top: 4px; z-index: 100; }
div.anythingSlider-custom .thumbNav { display: block; margin: 0; z-index: 100; }
div.anythingSlider-custom .thumbNav li { display: inline-block; background: transparent; padding: 0; margin: 0; }
div.anythingSlider-custom .thumbNav a { display: block; background: transparent url(../images/buttons.png) no-repeat; height: 20px; width: 25px; margin: 0; padding: 0; outline: 0; opacity: 0.6;
									   -webkit-transition: opacity .3s ease-in-out; overflow: hidden;
	                                      -moz-transition: opacity .3s ease-in-out;
	                                       -ms-transition: opacity .3s ease-in-out;
	                                        -o-transition: opacity .3s ease-in-out;
	                                        transition: opacity .3s ease-in-out; }
div.anythingSlider-custom .thumbNav a:hover,
div.anythingSlider-custom .thumbNav a.cur { background: transparent url(../images/buttons.png) top right no-repeat; opacity: 1; }

/* 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; }