/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 690px;
    height: 755px; /* custom decorations */
   /* border: 1px solid #ccc;*/
    background: url(/img/global/gradient/h300.png) repeat-x;
}

.scrollable1
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 690px;
    height: 755px; /* custom decorations */
   /* border: 1px solid #ccc;*/
    background: url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.items div.item
{
    float: left;
    width: 680px;
}

.scrollable1 .items1
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.items1 div.item1
{
    float: left;
    width: 680px;
}

/* single scrollable item */
/*.scrollable img
{
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    height: 235px;
    margin: 20px 5px 20px 21px;
    padding: 2px;
    width: 290px;
}*/

/* active item */
.scrollable .active
{
  /*  border: 2px solid #000; */
    position: relative;
    cursor: default;
}

.scrollable1 .active1
{
    border: 2px solid #000;
    position: relative;
    cursor: default;
}