﻿.gallery {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 13px;
    position: relative;
}
.prev {
    background: url("images/prev.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 39px;
    left: 0;
    position: absolute;
    top: 175px;
    width: 39px;
    z-index: 999;
}
.next {
    background: url("images/next.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 39px;
    position: absolute;
    right: 0;
    top: 175px;
    width: 39px;
    z-index: 999;
}
.prev:hover {
    background: url("images/prev-hover.png") no-repeat scroll 0 0 transparent;
}
.next:hover {
    background: url("images/next-hover.png") no-repeat scroll 0 0 transparent;
}
#gallery {
    height: 389px;
    position: relative;
    width: 100%;
}
#gallery li {
    border: 5px solid #FFFFFF;
    height: 379px;
    overflow: hidden;
    position: absolute;
    width: 630px;
}
#gallery li p {
    background: url("images/caption.png") repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 13px 0 7px 10px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
#gallery li a {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 13px;
    text-decoration: none;
}
#gallery li a:hover {
    color: #02ADFF;
}
#gallery li a span 
{
    display:block;
    color: #02ADFF;
    font-size: 14px;
}
#gallery li a:hover span {
    color: #FFFFFF;
}


#slides .btnPrev {
    bottom: 0;
    right: 78px;
}
#slides2 .btnPrev {
    bottom: 0;
    right: 22px;
}
.btnPrev:hover {
    background: url("images/arrow-left.gif") no-repeat scroll 50% 50% #12366B;
}
