/* ------------------------------------------------------------------------- Slider Core Classes*/
div.scrollable {
    position: relative;
    overflow: hidden;
}
div.scrollable div.items {
    width: 20000em;
    position: absolute;
}
/* single item */
div.scrollable div.items a {
    float: left;
}
/* ------------------------------------------------------------------------- Large Slider */
.slider{
    position:relative;
}
.slider .prevPage,
.slider .nextPage{
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:225px;
    width:27px;
    background:url(box-styles/slider/btn-left-default.jpg) no-repeat;
    text-indent:-999em;
    overflow:hidden;
    cursor:pointer;
}
.slider .nextPage{
    right:0;
    left:auto;
    background-image:url(box-styles/slider/btn-right-default.jpg);
}
.slider .scrollable{
    margin:0 auto;
    width: 612px;
    height: 225px;         
}
.slider .items{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;  
    height: 223px;              
}
.slider .items a{
    display:block;
    width:306px;
    height:220px;
    text-align:center;
    padding-top:3px;
    position:relative;
    text-decoration:none;
}
.slider .items a span.info{
    display:block;
    height:53px;
    width:302px;
    background: url(box-styles/slider/filter-overlay.png) repeat-x;
    color:#FFF;
    font-weight:bold;
    position:absolute;
    bottom:2px;
    left:2px;
}
.slider .items a span.title{
    font-size:1.25em;
    padding-top:5px;
}
.slider .items a span span{
    display:block;
    font-size:0.917em;    
    padding-top:4px;
}