/*
Video Gallery Slider Styles
*/

/* slider specific CSS */
     .sliderGallery {
/*
         background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_background_20070622.jpg) no-repeat;
*/
		 background: transparent;
         overflow: hidden;
         position: relative;
		display: block;
         padding: 10px;
         height: 100px;
         width: 480px;
     }
     
     .sliderGallery ul {
         position: absolute;

         list-style: none;
         overflow: none;
         white-space: nowrap;
         padding: 0;
         margin: 0;
     }
     
     .sliderGallery ul li {
         display: inline;
     }
     
     .slider {
         width: 480px;
         height: 14px;
         margin-top: 65px;
         margin-left: -10px;
         padding: 1px;
         position: relative;
         background: url("../images/video_scroll2.png") no-repeat;

     }
/*http://static.jqueryfordesigners.com/demo/images/productbrowser_scrollbar_20070622.png*/
     
     .handle {
         position: absolute;
         cursor: move;
         height: 14px;
         width: 100px;
         top: 2px;
         background: url("../images/video_scroll_handle.png") no-repeat;
         z-index: 100;
/*http://static.jqueryfordesigners.com/demo/images/productbrowser_scroller_20080115.png*/
     }
     
     .slider span {
         color: #bbb;
         font-size: 80%;
         cursor: pointer;
         position: absolute;
         z-index: 110;
         top: 3px;
     }
     
     .slider .slider-lbl1 {
         left: 50px;
     }
     
     .slider .slider-lbl2 {
         left: 107px;
     }
     
     .slider .slider-lbl3 {
         left: 156px;
     }

     .slider .slider-lbl4 {
         left: 280px;
     }

     .slider .slider-lbl5 {
         left: 455px;
     }
 -->
 </style>