/* Constants */
/* Mixins */
.clear-fix {
	clear: both;
	content: '';
	display: table;
}

.scroller-brands {
	position: relative;
}

.scroller-brands ul {
	margin: 0;
   list-style: none;
}

.scroller-brands li {
	background: 0;
	margin: 0;
	padding: 0;
}

.scroller-brands img {
	display: block;
	padding: 1px;
	width: auto;
}

.scroller-brands p {
	margin: 0;
}

.scroller-brands .more {
	bottom: 8px;
	clear: both;
	display: block;
	font-size: 1.2em;
	line-height: 1.33334;
	right: 8px;
	text-align: right;
	position: absolute;
	text-decoration: underline;
}

.scroller-brands .more:after {
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000000;
	border-top: 5px solid transparent;
	content: '';
	float: right;
	height: 0;
	margin: 4px 0 0 4px;
	width: 0;
}

.scroller-brands .more:hover {
	text-decoration: none;
}

.scroller-brands .thumbs {
	overflow: hidden;
}

.scroller-brands .thumbs ul {
	white-space: nowrap;
	padding-left: 5px;
	text-align: center;
}

.scroller-brands .thumbs li {
	display: inline-block;
	line-height: 1.4545;
	vertical-align: top;
	white-space: normal;
	width: 255px;
	position: relative;
}

.scroller-brands .thumbs a > *:not(.more) {
	/*  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; */
}

.scroller-brands .thumbs a:hover > *:not(.more) {
	/*  opacity: .5; */
}

.scroller-brands .controls {
	/* float: right; */
	/*  margin: -44px 0 0; */
}

.scroller-brands .controls li {
	cursor: pointer;
	float: left;
	height: 0;
	text-indent: -1000em;
	width: 0;
	position: absolute;
	right: 0;
}

.scroller-brands .controls li.next {
	margin-top: 20px;
	right: -25px;
	background: rgba(255,255,255,.62) url('/design/images/scroll/ThumbnailsNext3.png') no-repeat center;
	width: 30px;
	height: 66px;
	left: auto;
}

.scroller-brands .controls li.previous {
	margin-top: 20px;
	left: -30px;
	background: rgba(255,255,255,.62) url('/design/images/scroll/ThumbnailsPrev3.png') no-repeat center;
	width: 30px;
	height: 66px;
	right: auto;
}

.scroller-brands .controls li.disabled {
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	cursor: default;
	opacity: 0.2;
}


.jsDisabled .scroller-brands h2 {
	padding-right: 0;
}

.jsDisabled .scroller-brands ul {
	margin: 0 0 8px;
}

.jsDisabled .scroller-brands .controls {
	display: none;
}

.jsDisabled .scroller-brands .thumbs {
	overflow-x: auto;
}

.ie7 .scroller-brands li a {
	min-height: 0;
}

.ie7 .thumbs li {
	float: left;
}

@media (max-width: 1399px) {

	.scroller-brands .thumbs li { width: 255px; }
	
	.scroller-brands .controls li.next, .scroller-brands .controls li.previous { margin-top: 5px; }

	.scroller-brands .controls li.next {
		right: 0;
		z-index: 10;
	}

	.scroller-brands .controls li.previous {
		left: 0;
		z-index: 10;
	}

}

@media (min-width: 992px) and (max-width: 1199px){

}


@media (max-width: 991px){

}

@media (max-width: 767px){

	.inner-wrapper > div .scroller-brands .thumbs li {
		width: 166px;
	}

}

@media (max-width: 640px){

}

@media (max-width: 600px){

	.inner-wrapper > div {
		margin-right: 0;
		width: 100%;
	}
	

}

@media (max-width: 480px){

}

@media (max-width: 400px){

}

@media (min-width: 321px) and (max-width: 399px){

}

@media (max-width: 320px) {

	.scroller-brands .thumbs li {
		max-width: 280px;
	}
}