/***************************************************************
					IMAGE SLIDER
***************************************************************/
div.imageSlider {
    position: relative;
    padding: 5px;
    background-color: white;
    border: 1px solid gray;
    margin-left:-2px;
    margin-top:-1px;
    width:888px;
}

div.imageSlider .column {
    float: left;
    display: block;
}

div.imageSlider .prev {
    left: 0px;
    width: 32px;
}

div.imageSlider .next {
    right: 0px;
    width: 32px;
}

div.imageSlider .body {
    text-align: center;
}

div.imageSlider div.image {
    float: left;
    display: block;
    margin-right: 0px;
}

div.imageSlider div.image .thumb {
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(../../Images/Icons/90x90/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 0px #ffffff !important;   
    wrap:false;
    margin-top:-8px;
}

.thumbItem {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url(../../Images/Icons/90x90/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 2px #ffffff !important;
}

div.imageSlider div.image .current {
    border: solid 2px red !important;
}

div.imageSlider .buttonPrev, div.imageSlider .buttonNext {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-position: -64px 0;
}

div.imageSlider .buttonPrev {
    background: transparent url(../../Images/Buttons/prev-horizontal.png) no-repeat 0 0;
}

div.imageSlider .buttonNext {
    background: transparent url(../../Images/Buttons/next-horizontal.png) no-repeat 0 0;
}

div.imageSlider .buttonPrev:hover, div.imageSlider .buttonNext:hover {
    background-position: -32px 0;
}