/* Start of CMSMS style sheet 'Gallery' */
div#navigation{ height:415px;}

div#main_image {width:900px; height:425px; top:0px; left:0px; background:url(/uploads/images/backgrounds/cs.jpg); overflow:hidden;}
img.change {width:900px; height:425px;}

div#thumbnails {width:900px; height:75px; background: #000; color:#fff;}
div.bigimg {top:0px; left:0px;}

li.thumb, li.thumb a {display:block; width:100px; height:75px; background:url(images/thumbbg.gif) no-repeat;}
li.thumb a span {display:block; width:90px; height:65px; padding:5px;}

li.thumb a, li.thumb a:visited, li.thumb a:link {color:#9D247F;}

li.thumb a:active, li.thumb a:hover {color:#FFF;}

div#previous {float:left; height:75px; width:150px; background:url(/images/previous-hover.jpg) no-repeat; color:#fff;}
div#previous a{display:block; height:75px; width:150px; text-indent:-999em; background:url(/images/previous.jpg) no-repeat;}

div#thumbs-wrapper {float:left; height:75px; width:700px; background:#000; color:#fff;}
div#next {float:right; height:75px; width:50px; background:url(/images/next-hover.jpg) no-repeat; color:#fff;}
div#next a{display:block; height:75px; width:50px; text-indent:-999em; background:url(/images/next.jpg) no-repeat;}

div#next a:hover, div#previous a:hover {background:none;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-rsb .jcarousel-item {
    width: 100px;
    height: 75px;
margin:0px;
}

.jcarousel-skin-rsb .jcarousel-item img {
    width: 100px;
    height: 75px;
}

.jcarousel-skin-rsb .jcarousel-item-horizontal {
    margin-right: 0px;
padding:0px;
}

.jcarousel-skin-rsb .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* End of 'Gallery' */