/*
root element for the scrollable. When scrolling occurs this
element stays still.
*/

body, html {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 100%;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}

* {
    margin:0;
    padding:0;
}

img {
    border:none;
}

#contentcontainer {
	position: absolute;
    margin: 0px 0px 0px 234px;
    padding: 0px 0px 0px 0px;
    width: 700px;
    height: 1000px;
}


#items {
    cursor: pointer;
}

.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 636px;
    height: 106px;
    float:left;
}

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

.scroller-holder{
    /*clearfix*/
    overflow:hidden;
    _overflow:visible;
    _zoom:1;
	width: 682px;
	height: 80px;
    /*clearfix*/
    margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}



.scrollable img.active{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	border: 1px #0098ce solid;
}

.scrollable img{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/

.items {
	width: 1000px;
}

.items div {
    float: left;
}

.items div img.active{
    cursor: default;
}

.items div img{    
    cursor: pointer;
	margin: 0px 20px 0px 0px;
}


.browse{
    width: 12px;
    height: 26px;
    margin-top: 25px;
    cursor: pointer;
}

.browse.left {
    float: left;        
    margin: 20px 10px 0px 0px;   
}

.browse.right {	
    float:left;     
    margin: 20px 0px 0px 5px;  
}

.browse.disabled{
    cursor:default;
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}