/* Brands
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* On product page
-------------------------------------------------------------- */
.box-brand a {
	margin:0 auto;
	display:block;
}

.box-brand img {
	margin:0 auto;
	display:block;
}

.box-brand .brand-name {}
.box-brand .brand-name .label {}

/* Brand slider
-------------------------------------------------------------- */
.brand-slider-wrapper{text-align:left;position: relative;
overflow: hidden;
z-index: 9;}
.brand-slider-wrapper .brand-nav-wrapper{float:right;}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav{float:right;}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li {
    float: left;
    list-style: none outside none;
    margin: 15px 0 10px;
	padding:0;
	background:none;
}
.brand-slider-wrapper .brand-slider .viewport ul{display:block;float:none;}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li a.prev {
    background-position: left top;
}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li a.next:hover {
    background-position: left bottom;
	background-color:#F7921E;
}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li a.next {
    background-position: right bottom;
}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li a.prev:hover {
    background-position: right top;
	background-color:#F7921E;
}
.brand-slider-wrapper .brand-nav-wrapper ul.direction-nav li a {
    background-image: url("../images/mt-arrow-scroll.png");
	background-repeat:no-repeat;
	background-color:#CFCFCF;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 0 0 4px;
    outline: medium none;
    padding: 0;
    text-indent: -999em;
    transition: all 400ms ease-in-out 0s;
    width: 36px;
	position:static;
}
.brand-slider {clear: both;}
.brand-slider .viewport ul.slides .item{text-align:center;padding:0;background:none; }
.brandslide {box-shadow: 0px 0px 2px 2px #555; margin: 7px;}
.brandslide:hover {box-shadow: 0px 0px 2px 2px #888; margin: 7px;}
.brand-slider-wrapper .slides {margin-left: -24px !important;}
.brand-slider-wrapper .slides h3 { font-size: 20px; margin-top: 13px !important;padding: 3px; background-color: #E8E8E8;}
.brand-slider .viewport ul.slides .item a{display:inline-block;}

/* Effects
-------------------------------------------------------------- */
.box-brand a img,
.brand-slider .slides a img {
	max-width: 80%;
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
.box-brand a:hover img,
.brand-slider .slides a:hover img {
	opacity:0.85;
	filter:alpha(opacity=85);
}

/* Brand in secondary column on product page
-------------------------------------------------------------- */
.product-secondary-column .box-brand .attribute {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.2em;
	margin:10px 0;
	text-align:center;
}