/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel.home {
	/*background-color: #FFF;
	border: solid 1px #DDD;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;*/
}

.jcarousel-title{
color:#333;
font-weight:bold;
font-size:19px;
text-align:center;
padding-bottom:10px;
}
.jcarousel-wrapper{
position:relative;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
/*background-color:#EEE;*/
min-height:165px;
padding-top:10px;
padding-bottom: 20px;

}
.jcarousel-wrapper .inner{
padding:0 40px;
}

.jcarousel-wrapper.new-members{
border:1px solid #CCC;
background-color:#FFF;
min-height:165px;
padding-top:10px;
padding-bottom: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.jcarousel-wrapper.new-members .jcarousel-title {
font-size: 19px;
line-height:1.2;
}
.jcarousel-wrapper.new-members .jcarousel li{
	padding:0 5px;
}
.jcarousel-wrapper.new-members .jcarousel li img{
max-width:100%;
}
.jcarousel-wrapper.new-members .inner{
padding:0 15px;
}

.jcarousel-wrapper.new-members .jcarousel-control-prev, .jcarousel-wrapper.new-members .jcarousel-control-next{
top:40%;
	height:24px;
	width:24px;
	background-size:24px;
}
.jcarousel-wrapper.new-members .jcarousel-control-prev{
	left:5px;
}
.jcarousel-wrapper.new-members .jcarousel-control-next{
	right:5px;
}
@media (max-width: 767px){
.jcarousel-wrapper.new-members .jcarousel li img{
max-width:160px;
}
.jcarousel-wrapper.new-members .jcarousel li{
	padding:0;
}
.jcarousel-wrapper.new-members .inner{
padding:0 40px;
}
.jcarousel-wrapper.new-members .jcarousel-control-prev, .jcarousel-wrapper.new-members .jcarousel-control-next{
top:38%;
	height:43px;
	width:43px;
	background-size:43px;
}

}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel ul.main > li {
    /* Required only for block elements like <li>'s */
    float: left;
	text-align:center;
	
	padding:5px 10px;
	/*background-color:#FFF;
	margin:3px;
	border:1px solid #CCC;*/
}
.jcarousel ul.main > li > a{
	/*display:block;
	background-color:#fff;
	padding:5px;
	width:90%;
	margin:auto;*/
}
.jcarousel li img{
	/*max-width:160px;*/
max-width:100%;
}

.jcarousel ul.main > li:first-child {
	
}


/*.jblock{
width:292px;
width:100%;
height:238px;
position:relative;
text-transform:uppercase;
}
.jhead{
background-color:#005066;
padding: 10px 5px;
font-size: 15px;
color:#FFF;
line-height:1.2;
font-family:"Open Sans Condensed", Arial, sans-serif;
	font-weight:700;
	text-align:center;
}
.jcontent ul{
	width:100%;
	margin-top: 10px;
}
.jcontent ul li{
	text-align:center;
	font-size:13px;
	font-family:"Open Sans Condensed", Arial, sans-serif;
	font-weight:700;
	margin-bottom: 5px;
}
.jcontent ul li a{
	color:#005066;text-decoration:none;
}
.jblock .btn{
	width: 100px;
text-align: center;
display: block;
margin: 15px auto !important;
font-size: 14px !important;
font-family:"Open Sans Condensed", Arial, sans-serif;
	font-weight:700;
	padding: 3px 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;

}*/

.jcarousel-control-prev, .jcarousel-control-next{
	position:absolute;
	z-index:20;
	top:30%;
	height:43px;
	width:43px;
	background-repeat:no-repeat;
	background-position:center center;
}

.jcarousel-control-prev:hover, .jcarousel-control-next:hover{
opacity:.85;
}
.jcarousel-control-prev{
	left:3px;
	background-image:url(carousel-prev.png);
}
.jcarousel-control-next{
	right:3px;
	background-image:url(carousel-next.png);
}