#gallery {
    width:685px;
    height:325px;
    position:relative;
    overflow:hidden;
}

#preloader {
    position:absolute;
    width:32px;
    height:32px;
    top:146px;
    left:326px;
    background:url('../i/preloader.gif') top left no-repeat;
    box-shadow:#CCC 0 1px 2px;
    -moz-box-shadow:#CCC 0 1px 2px;
    -webkit-box-shadow:#CCC 0 1px 2px;
}


#slider {
    height:325px;
}

#slider div.image {
    float:left;
    height:325px;
    width:685px;
    position:relative;
    color:#FFF;
}

.arrow, .arrow a {
    display:block;
}

.arrow {
    position:absolute;
    top:0px;
    width:19px;
    height:325px;
}

.arrow a {
    margin-top:130px;
    width:19px;
    height:50px;
    background:url('../i/arrow_sprite.png') top left no-repeat;
}

.left {
    left:10px;
}

.right {
    right:10px;
}

.left a {
    background-position: 0px 0px;
}

.left a:hover {
    background-position: -18px 0px;
}

.right a {
    background-position: 0px -50px;
}

.right a:hover {
    background-position: -18px -50px;
}

#clear_arrows {
    position:absolute;
    left:50px;
    top:0px;
    height:325px;
    width:585px;
}

.headline {
    position:absolute;
    top:15px;
    left:15px;
    padding:5px;
    max-width:550px;
    overflow:hidden;
}

.left .unactive, .left .unactive:hover {
    background-position: -36px 0px;
}

.right .unactive, .right .unactive:hover {
    background-position: -36px -50px;
}

.bgWhite {
/*    background:url('http://www.vw-kerg-ufa.ru/i/bgWhite.png') top left;/
}

.bgBlack {
   /* background:url('http://www.vw-kerg-ufa.ru/i/bgBlack.png') top left;*/
}
#gallery {
    width:685px;
    height:325px;
    position:relative;
    overflow:hidden;
}

#preloader {
    position:absolute;
    width:32px;
    height:32px;
    top:146px;
    left:326px;
    background:url('../i/preloader.gif') top left no-repeat;
    box-shadow:#CCC 0 1px 2px;
    -moz-box-shadow:#CCC 0 1px 2px;
    -webkit-box-shadow:#CCC 0 1px 2px;
}


#slider {
    height:325px;
}

#slider div.image {
    float:left;
    height:325px;
    width:685px;
    position:relative;
    color:#FFF;
}

.arrow, .arrow a {
    display:block;
}

.arrow {
    position:absolute;
    top:0px;
    width:19px;
    height:325px;
}

.arrow a {
    margin-top:130px;
    width:19px;
    height:50px;
    background:url('../i/arrow_sprite.png') top left no-repeat;
}

.left {
    left:10px;
}

.right {
    right:10px;
}

.left a {
    background-position: 0px 0px;
}

.left a:hover {
    background-position: -18px 0px;
}

.right a {
    background-position: 0px -50px;
}

.right a:hover {
    background-position: -18px -50px;
}

#clear_arrows {
    position:absolute;
    left:50px;
    top:0px;
    height:325px;
    width:585px;
}

.headline {
    position:absolute;
    top:15px;
    left:15px;
    padding:5px;
    max-width:550px;
    overflow:hidden;
}

.left .unactive, .left .unactive:hover {
    background-position: -36px 0px;
}

.right .unactive, .right .unactive:hover {
    background-position: -36px -50px;
}

.bgWhite {
  /*  background:url('http://www.vw-kerg-ufa.ru/i/bgWhite.png') top left;*/
}

.bgBlack {
 /*   background:url('http://www.vw-kerg-ufa.ru/i/bgBlack.png') top left;*/
}