/* MODULE Brand Carousel*/
.brand_carousel h2{ 
	color:#333;
	font-weight: normal;
	font-size: 16px;
}
.brand_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.brand_carousel {
	display: block;
	position: relative;
	background:#fff;
	padding-bottom:20px;
}
.brand_carousel #brand_wrapper a {
	text-decoration: none;
	display: block;
	text-align:center;
}
.brand_carousel #brand_wrapper {
}
.brand_carousel #brand_wrapper .inset-brand{
	float: left;
	display: block;
	padding: 0 0px 0 0px;
	border:1px solid #eee;
	text-align:center;
	margin: 0 5px 0 5px;
}
.brand_carousel #brand_wrapper a img{
	max-width: 100%;
}
.brand_carousel a.prev span, .brand_carousel a.next span {
	display: none;
}
.brand_carousel a.prev, 
.brand_carousel a.next {
	background:url(../img/slideshow_arrows.png) left 0px  no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	z-index: 2;
	top: 47%;
	opacity:0; 
	filter:alpha(opacity=0); 
	-moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; 
	-webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; 
	-o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; 
	transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
}

.brand_carousel a.prev {
	left: 0px;
	background-position: left top;
}
.brand_carousel a.next {
	right: 0px;
	background-position: right top;
}
.brand_carousel:hover a.prev{
	opacity:1;
	filter:alpha(opacity=100); 
	left:10px;
}
.brand_carousel:hover a.next{
	opacity: 1;
	filter:alpha(opacity=100); 
	right:15px;
}