/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider
*/

/* оформление для контейнера(родного) и ссылки на слайде */
#sliderContainer {
    position:relative;
    border:1px solid #000;
    width:980px;
    height:413px;
    overflow: hidden;
}

.coin-slider {
    zoom:1;
    position:relative;
}

.coin-slider a {
    text-decoration:none;
    outline:none;
    border:none;
}

.titleSlider {
    text-align: center;
    font-size: 22px;
    text-align: center;
}

/* оформление блока навигации, пунктов (в том числе активного) */
.cs-buttons {
    width: 210px;
    height: 16px;
    padding-bottom: 10px;
    font-size:0;
    margin-top:-20px;
    background: #fff;
    z-index: 99;
    left: 736px!important;
    padding-left: 40px;
}

.cs-buttons a {
    margin-left:8px;
    height:17px;
    width:16px;
    float:left;
    background:url(/images/design/carousel/nav2.png) no-repeat;
    text-indent:-1000px;
    display:block;
}

.cs-buttons a.cs-active {
    margin-left:8px;
    height:17px;
    width:16px;
    background:url(/images/design/carousel/nav.png) no-repeat;
    display:block;
}

/* оформление блока описания, кнопок prev и next */
.cs-title {
    padding: 20px 30px 20px 30px;
    left:735px!important;
    width:185px;
    top:0px;
    color:#666666;
    font-size:16px;
    font-weight:700;
    line-height:25px;
    height:373px;
    background: #fff;
}
.cs-title a {color:#ff9900;}

.priceSlider {
    display:block;
    text-align: right;
    position: absolute;
    padding: 20px 30px;
    width: 675px;
    height: 27px;
    bottom:0px;
    right:245px;
    color:#ffffff;
    font-size: 22px;
    font-weight: bold;
    z-index: 2;
    background:  url(/images/design/carousel/priceSlider.png) no-repeat;
}

.cs-title .descr {
    display: block;
    font-size:14px;
    font-weight: normal;
    padding:10px 0;
}

.cs-title .descr a {
    font-size: 14px;
}

.cs-prev {
    background:url(/images/design/carousel/big.png) left top no-repeat;
    color:transparent;
    font-size: 0;
    width:38px;
    height:38px;
    margin-left:18px;
    margin-top: -23px;
}

.cs-next {
    background:url(/images/design/carousel/big.png) right top no-repeat;
    color:transparent;
    font-size: 0;
    width:38px;
    height:38px;
    margin-right:264px;
    margin-top: -23px;
}

.cs-prev:hover,.cs-next:hover {
    color:transparent;
}