/* 
    Document   : style
    Created on : Jul 11, 2010, 10:19:54 PM
    Author     : silenis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/



        body {
            padding: 0;
            font: 1em "Trebuchet MS", verdana, arial, sans-serif;
            font-size: 100%;
            background-color: #212121;
            margin: 0;
        }

        h1 {
            margin-bottom: 2px;
        }

        #container {
            background-color: #f2f2f2;
            width: 90%;
            margin: 50px auto;
            padding: 50px;
        }

        /* slider specific CSS */
        .sliderGallery {

            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 370px;
            width: 100%;
        }

        .sliderGallery ul {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;

        }

        .sliderGallery ul li {
            display: inline;

        }

        .slider {
            width: 100%;
            height: 18px;
            margin-top: 310px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: #ddd;

        }

        .handle {
            position: absolute;
            cursor: move;
            height: 18px;
            width: 181px;
            top: 0;
            background: url(images/productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }

        .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;
        }