/*
 | DynamicSlide © MonkeyProof
 | CSS - Main.css
 |
 */
 
 /* - GENERAL - */
 div.gallery_sliding { position: relative; float: left; clear: both; width: 960px; height: 450px; overflow: hidden; margin-bottom: 20px; }
 div.gallery_sliding ul { position: relative; width: 20000em; background: transparent; margin: 0; padding: 0; }
 div.gallery_sliding ul li { list-style-type: none; position: relative; float: left; clear: none; margin: 0; padding: 0; left: 0; width: 960px; height: 450px; text-align: center; }
 div.gallery_sliding ul li img { position: relative; max-height: 100%; padding: 0; margin: 0; border: none; clear: both; left: 0; }
 
 
 /* - LEFT - */
 div.gallery_sliding_left { position: relative; float: left; clear: both; width: 100%; height: 450px; overflow: hidden; margin-bottom: 20px; }
 div.gallery_sliding_left ul { position: relative; width: 20000em; background: transparent; margin: 0; padding: 0; }
 div.gallery_sliding_left ul li { list-style-type: none; position: relative; float: left; clear: none; margin: 0; padding: 0; left: 0; width: 650px; height: 450px; text-align: center; }
 div.gallery_sliding_left ul li img { position: relative; max-height: 100%; padding: 0; margin: 0; border: none; clear: both; left: 0; }
 
 /* - RIGHT - */
 div.gallery_sliding_right { position: relative; float: left; clear: both; width: 960px; height: 450px; overflow: hidden; margin-bottom: 20px; }
 div.gallery_sliding_right ul { position: relative; width: 20000em; background: transparent; margin: 0; padding: 0; }
 div.gallery_sliding_right ul li { list-style-type: none; position: relative; float: left; clear: none; margin: 0; padding: 0; left: 0; width: 960px; height: 450px; text-align: center; }
 div.gallery_sliding_right ul li img { position: relative; max-height: 100%; padding: 0; margin: 0; border: none; clear: both; left: 0; }
 
 /* - UP - */
 div.gallery_sliding_up { position: relative; float: left; clear: both; width: 960px; height: 450px; overflow: hidden; margin-bottom: 20px; }
 div.gallery_sliding_up ul { position: relative; height: 20000em; background: transparent; margin: 0; padding: 0; }
 div.gallery_sliding_up ul li { list-style-type: none; position: relative; float: left; clear: none; margin: 0; padding: 0; left: 0; width: 960px; height: 450px; text-align: center; }
 div.gallery_sliding_up ul li img { position: relative; padding: 0; margin: 0; border: none; clear: both; left: 0; }
 
 /* - DOWN - */
 div.gallery_sliding_down { position: relative; float: left; clear: both; width: 960px; height: 450px; overflow: hidden; margin-bottom: 20px; }
 div.gallery_sliding_down ul { position: relative; height: 20000em; background: transparent; margin: 0; padding: 0; }
 div.gallery_sliding_down ul li { list-style-type: none; position: relative; float: left; clear: none; margin: 0; padding: 0; left: 0; width: 960px; height: 450px; text-align: center; }
 div.gallery_sliding_down ul li img { position: relative; padding: 0; margin: 0; border: none; clear: both; left: 0; }
 
 
 /* --- #Tools --- */

 div.gallery_sliding:hover .slider_tools { display: block; }
 div.gallery_sliding_left:hover .slider_tools { display: block; }
 div.gallery_sliding_right:hover .slider_tools { display: block; }
 div.gallery_sliding_up:hover .slider_tools { display: block; }
 div.gallery_sliding_down:hover .slider_tools { display: block; }
 
 div.slider_tools { display: none; position: absolute; bottom: 20px; left: 20px; width: 100px; overflow: hidden; height: 105px; z-index: 20; }
 div.slider_tools table { width: 100%; }
 div.slider_tools table td { text-align: center; vertical-align: top; }
 
 div.slider_tools a { width: 30px; height: 30px; display: inline-block; overflow: hidden; }
 div.slider_tools a:hover { cursor: pointer; }
 
 div.slider_tools a.slider_tools_up { background: url(../img/arrow_up.png) no-repeat center center; }
 div.slider_tools a.slider_tools_down { background: url(../img/arrow_down.png) no-repeat center center; }
 div.slider_tools a.slider_tools_left { background: url(../img/arrow_left.png) no-repeat center center; }
 div.slider_tools a.slider_tools_right { background: url(../img/arrow_right.png) no-repeat center center; }
 
 div.slider_tools a.slider_tools_playpause { width: 96px; background: url(../img/playpause.png) no-repeat center center; }
 
 div.slider_tools a.slider_tools_up.disabled { background: url(../img/arrow_disabled_up.png) no-repeat center center; }
 div.slider_tools a.slider_tools_down.disabled { background: url(../img/arrow_disabled_down.png) no-repeat center center; }
 div.slider_tools a.slider_tools_left.disabled { background: url(../img/arrow_disabled_left.png) no-repeat center center; }
 div.slider_tools a.slider_tools_right.disabled { background: url(../img/arrow_disabled_right.png) no-repeat center center; }
 
 div.slider_tools a.slider_tools_playpause.disabled { background: url(../img/playpause_disabled.png) no-repeat center center; }
 div.slider_tools a.slider_tools_playpause.disabled:hover { background: url(../img/playpause_play.png) no-repeat center center; }