/* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative;  height:349px;}
    #pictures div.pic-holder { position: absolute; top: 0; left: 0; }
    
    #prev, #next { margin-top: 0px; text-align: center; font-size: 2.0em; }
  /* relevant for the tutorial - end */
  
  /* enhanced - start */
  #loader { position: absolute; top: 0; left:0; height: 458px; width: 100%; background: url(../images/ajax-loader.gif) white no-repeat center center; z-index: 9999; }
  /* enhanced - end */


// Carousel
#featured { position: relative; background: #ddd; width: 420px; height: 196px; overflow: scroll; margin: 1em auto; padding: 0; text-align: center; z-index: 2 }
#featured .covers { position: relative; width: 840px; z-index: 1 }
#featured a { float: left; margin: 10px; height: 146px }
#featured .control {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}