/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.anythingSlider {
    width: 500px; /*524px*/
    height: 260px;
    position: relative;
    margin: 0 0 0 25px;  /*0 0 0 15px;*/
}

.anythingSlider .wrapper {
    width: 500px; /*524px*/
    overflow: auto;
    height: 341px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.anythingSlider .wrapper ul {
    width: 9999px;
    
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

.anythingSlider ul li {
    /*display: block;*/
    background-image: none;
    float: left;
    margin: 0;
    padding: 0;
    height: 317px;
    width: 500px; /*524px*/
}

.anythingSlider ul li img {
    float: left;
    margin: 2px 0 0 10px;
    border: 1px solid #eee;
}

.anythingSlider ul li div.description {
    width: 185px; /*185px;*/
    float: left;
    margin: 0;
    padding: 0 0 0 15px;
    color: #1a4b48;
    font-size: 11px;
    line-height: 120%;
}

.anythingSlider ul li div.description h2 {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 5px 0;
    color: #1d2c35;
    font-weight: bold;
}
.anythingSlider ul li div.description img.galleryimage {
    float:left;
}

.anythingSlider .arrow {
    display: block;
    height: 200px;
    width: 67px;  /*67px;*/
    background: url(/media/images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.anythingSlider a.forward {
    background-position: 0 0;
    right: -70px;
}

.anythingSlider a.back {
    background-position: -67px 0;
    left: -70px;
}

.anythingSlider a.forward:active {
    background-position: 0 -200px;
}

.anythingSlider a.back:active {
    background-position: -67px -200px;
}

#thumbNav {
    position: relative;
    top: 240px;
    text-align: center;
}

#thumbNav a img {
    background-image: url(/media/images/btn_gallery_nav_sprite.jpg);
    
}

#thumbNav a img#item1 {
    background-position: 0 0;
}

#thumbNav a img#item1:hover, #thumbNav a.cur img#item1 {
    background-position: 0 -30px;
}

#thumbNav a img#item2 {
    background-position: -30px 0;
}

#thumbNav a img#item2:hover, #thumbNav a.cur img#item2 {
    background-position: -30px -30px;
}

#thumbNav a img#item3 {
    background-position: -60px 0;
}

#thumbNav a img#item3:hover, #thumbNav a.cur img#item3 {
    background-position: -60px -30px;
}

#thumbNav a img#item4 {
    background-position: -90px 0px;
}

#thumbNav a img#item4:hover, #thumbNav a.cur img#item4 {
    background-position: -90px -30px;
}

#thumbNav a img#item5 {
    background-position: -120px 0;
}

#thumbNav a img#item5:hover, #thumbNav a.cur img#item5 {
    background-position: -120px -30px;
}

#thumbNav a img#item6 {
    background-position: -150px 0;
}

#thumbNav a img#item6:hover, #thumbNav a.cur img#item6 {
    background-position: -150px -30px;
}

#thumbNav a img#item7 {
    background-position: -180px 0;
}

#thumbNav a img#item7:hover, #thumbNav a.cur img#item7 {
    background-position: -180px -30px;
}

#thumbNav a img#item8 {
    background-position: -210px 0;
}

#thumbNav a img#item8:hover, #thumbNav a.cur img#item8 {
    background-position: -210px -30px;
}

#thumbNav a img#item9 {
    background-position: -240px 0;
}

#thumbNav a img#item9:hover, #thumbNav a.cur img#item9 {
    background-position: -240px -30px;
}

#thumbNav a img#item10 {
    background-position: -270px 0;
}

#thumbNav a img#item10:hover, #thumbNav a.cur img#item10 {
    background-position: -270px -30px;
}

#thumbNav a {
    display: inline;
    margin: 0 3px 0 0;
}

#thumbNav a:hover {
}

#thumbNav a:active {
    outline: none;
}

#thumbNav a:focus {
    -moz-outline-style: none;
}

#thumbNav a.cur {
}

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
    position: static;
    margin: 0;
    list-style: circle;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}

.anythingSlider .wrapper ul ul li {  
    float: none;
    height: auto;
    width: auto;
    background-image: url(/media/images/small_bullet.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin: 0;
    padding: 0 0 0 12px;}