div.scrollingHotSpotLeft {width:30px;height:100%;position:absolute;z-index:200;left:0;display:none;background:none;}
div.scrollingHotSpotLeftVisible {position:fixed;top:40%;left:0;width:50px;padding:0;display:none;background:none;bottom:60px;}

div.scrollingHotSpotRight{width:30px;height:100%;position:absolute;z-index:200;right:0;background:none;}
div.scrollingHotSpotRightVisible{position:fixed;top:40%;right:0;width:50px;padding:0;display:none;background:none;bottom:60px;}

/* The scroll wrapper is always the same width and height as the containing element (div).*/
div.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%;}
div.scrollableArea{position:relative;width:auto;height:100%;}

/* Custom */
#makeMeScrollable{position:fixed;top:40%;bottom:50px;left:0;right:0;border-top:1px solid #000;border-bottom:1px solid #000;margin-top:-50px;}
#makeMeScrollable div.scrollableArea img {position:relative;float:left;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;height:100%;border-right:1px solid #000;}

/* Custom */
#logoParade{position:fixed;top:0;bottom:0;left:280px;right:0;}
#logoParade div.scrollableArea img {position:relative;float:left;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;height:100%;}

/* Custom */
#makeMeScrollable2{position:fixed;bottom:60px;left:0;right:0;height:50px;background:url(00-1px-white.png);padding:25px;}
#makeMeScrollable2 div.scrollableArea img {position:relative;float:left;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;height:100%;}