/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
    
    Edited by Matt Hacker at Photo Pro
*/


.anythingSlider { 
  width: 640px; 
  height: 310px; 
  position: relative; 
  margin: 0 auto 5px -5px; 
}
.anythingSlider .wrapper { 
  width: 560px; 
  overflow: auto; 
  height: 291px; 
  margin: 0 40px; 
  position: absolute; 
  top: 0; 
  left: 0; 
}
.anythingSlider .wrapper ul { 
  width: 99999px; 
  list-style: none; 
  position: absolute; 
  top: 0; 
  left: -20px; 
  background: #990000; 
  /*border-top: 3px solid #262626;*/ 
  /*border-bottom: 3px solid #262626;*/ 
  margin: 0; 
}
.anythingSlider ul li { 
  display: block; 
  float: left; 
  padding: 0; 
  height: 267px; 
  width: 680px; 
  margin: 0; 
}
.anythingSlider img {
  border: none;
}
.anythingSlider .arrow { 
  display: block; 
  height: 200px; 
  width: 67px; 
  background: url(../images/arrows.png) no-repeat 0 0; 
  text-indent: -9999px; 
  position: absolute; 
  top: 45px; 
  cursor: pointer; 
}
.anythingSlider .forward { 
  background-position: 0 0; 
  right: -20px; 
}
.anythingSlider .back { 
  background-position: -67px 0; 
  left: -20px; 
}
.anythingSlider .forward:hover { 
  background-position: 0 -200px; 
}
.anythingSlider .back:hover { 
  background-position: -67px -200px; 
}

#thumbNav { 
  position: relative; 
  top: 280px; 
  text-align: center; 
}
#thumbNav a { 
  color: black; 
  font: 11px/18px Georgia, Serif; 
  display: inline-block; 
  padding: 2px 8px; 
  height: 18px; 
  margin: 0 5px 0 0; 
  background: #888888 url(../images/cellshade.png) repeat-x; 
  text-align: center;
  text-decoration: none; 
  -moz-border-radius-bottomleft: 5px; 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-bottom-right-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px; 
}
#thumbNav a:hover { 
  background-image: none; 
}
#thumbNav a.cur { 
  background: #cccccc; 
}

#start-stop { 
  background: green; 
  background-image: url(../images/cellshade.png); 
  background-repeat: repeat-x; 
  color: white; 
  padding: 2px 5px; 
  width: 40px; 
  text-align: center;
  text-decoration: none; 
  position: absolute; 
  right: 45px; 
  top: 280px; 
  -moz-border-radius-bottomleft: 5px; 
  -moz-border-radius-bottomright: 5px; 
  -webkit-border-bottom-right-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px;
  display: none;  
}
#start-stop.playing { 
  background-color: red; 
}
#start-stop:hover { 
  background-image: none; 
}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul { 
  position: static; 
  margin: 0; 
  background: none; 
  overflow: visible; 
  width: auto; 
  border: 0; 
}
.anythingSlider .wrapper ul ul li { 
  float: none; 
  height: auto; 
  width: auto; 
  background: none; 
}