pre {
  border:1px solid #000;
  overflow-x:auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}

.wrapper {
    max-width: 960px;
    padding: 0 20px 40px 20px;
    margin: auto;
}



.jcarousel-wrapper {
    margin: 0 auto;
    position: relative;
}

/** Carousel **/


.jwrapper{
    position: relative;
    margin:0 auto;
    margin-left:10px;
    padding-bottom:4px;
    overflow: hidden;
    width:960px;
    border-top: 1px solid #e5e2de;
}

.jcarousel, .jcarousel2 {
    margin:0 auto;
    position: relative;
    overflow: hidden;
    width:960px;
   text-align: left;
}

.jcarousel ul, .jcarousel2 ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.jcarousel ul li, .jcarousel2 ul li  {
    display:inline;
    min-width: 240px!important;
    max-width: 240px!important;
    float: left;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* .jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
} */

/** Carousel Controls **/

.jc_btns{
   float:right;
   width:89px;
   height:44px;
}

.jcarousel-btn-prev,
.jcarousel-btn-next,
.jcarousel2-btn-prev,
.jcarousel2-btn-next {
    display: block;
    width:44px;
    height:44px;
    text-align: center;
    background: #444 url('../../images/highlight-slider-arrow.png');
  /*   z-index: 500; */
    margin: 0;
    /* border: 1px solid #d9d5cf;  */   }

.jcarousel-btn-prev, .jcarousel2-btn-prev {
float:left;
background: #444 url('../../images/highlight-slider-arrow.png') 0px -42px no-repeat;
}

.jcarousel-btn-next, .jcarousel2-btn-next {
    float:right;
  /* border: 1px solid #d9d5cf;  */
}

.jcarousel-btn-prev:hover,
.jcarousel-btn-next:hover,
.jcarousel2-btn-prev:hover,
.jcarousel2-btn-next:hover {
   cursor:pointer;
   background-color: #529bce;
}

.inactive{
   /*  opacity: 0.3;  */
    background-color: #b4b4b4!important;
}

.inactive:hover{
  /*   opacity: 0.3;    */
    cursor:default;
    background-color: #b4b4b4!important;
}

/** Carousel Pagination **/

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

.jcarousel-pagination a, .jcarousel2-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, .jcarousel2-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;
}