﻿.jcarousel-wrapper {
   width:1000px;
   margin: 20px auto;
   position: relative;
   border-style:none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 1000px;
    height: 550px;
    border-style:none;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin-top: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    width: 70px;
    height: 22px;
    text-align: center;
    vertical-align:middle;
    background: #DDDDDD;
    opacity: 0.90;
    color: #fff;
    text-decoration: none;
    font: 18px Arial;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 0px #999;
       -moz-box-shadow: 0 0 0px #999;
            box-shadow: 0 0 0px #999;
}

.jcarousel-control-prev {
    top: 555px;
    right: 80px;
}

.jcarousel-control-next {
    top: 555px;
    right:0;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: 0.75;
    cursor: default;
}

/** Carousel Pagination **/


.jcarousel-pagination {
    position: absolute;
    bottom: -24px;
    left: 45%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}


.jcarousel-message
{
    position: absolute;
    bottom: -28px;
    left: 0px;

    font-size: 13px;
    font-style:italic;
    font-weight:bold;

    
    color: #339933;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    vertical-align:middle;
    
    margin-right: 2px;
    
    opacity: 0.9;
}