.scrollable
        {
            position: relative;
            overflow: hidden;
            width: 460px;
            height: 400px;
        }
        .scrollable .items
        {
            width: 20021.8em;
            position: absolute;
            clear: both;
            top: 15px;
            left: -5px;
            height: 299px;
        }
        .items div
        {
            float: left;
            width: 700px;
            height: 347px;
}
.items li {

    font-size: 20px;
}

        .scrollable .active
        {
            border: 2px solid #000;
            position: relative;
            cursor: default;
        }
        /* this makes it possible to add next button beside scrollable */.scrollable
        {
            float: left;
        }
        /* prev, next, prevPage and nextPage buttons */
        a.browse
        {
            background: url(../images/cloud/arrow_left.png) no-repeat ;
            display: block;
            width: 60px;
            height: 60px;
            float: left;
            margin: 20px 20px;
            cursor: pointer;
            font-size: 1px;
          }
        /* right */
        a.right
        {
            background: url(../IMAGEs/cloud/arrow_right.png) no-repeat;
           
        }
        a.right:hover
        {
            background-position: 0 0;
        }
        a.right:active
        {
            background-position: -60px -30px;

        }
        /* left */
        a.left
        {
            margin-left: 0px;
        }
        a.left:hover
        {
            background-position: 0 0;
        }
        a.left:active
        {
            background-position: -10px 0;
        }
        /* up and down */a.up, a.down
        {
            background: url(../IMAGE/cloud/arrow_right.png) no-repeat;
            float: none;
            margin: 10px 50px;
        }
        /* up */a.up:hover
        {
            background-position: -30px 0;
        }
        a.up:active
        {
            background-position: -60px 0;
        }
        /* down */a.down
        {
            background-position: 0 -30px;
        }
        a.down:hover
        {
            background-position: -30px -30px;
        }
        a.down:active
        {
            background-position: -60px -30px;
        }
        /* disabled navigational button */
        a.disabled
        {
            visibility: hidden !important;
        }