#brand_list {width:100%; margin-top:25px; float:left;}
#brand_list  .brand-row{width:100%; float:left; margin:10px 0;}
#brand_list  .brand-row-content{width:97%; float:right; border: 1px solid #d4d4d4;}
#brand_list  .brand-col{width:25%; float:left;}
#brand_list  .brand-col .branditem{width:100%; float:left; text-align:left; padding-left:10px}
#brand_list  .brand-col .branditem .brand-name{color:#333}
.alpha-sort {font-size:18px; font-weight:bold; float:left;}
.brand_list_head
{
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
}

#featured_brand li
{
	display:inline;
	margin-right:10px;
}

#featured_brand li a img
{
	margin-top:10px;
}

#brand_char_filter
{
}

#brand_char_filter li
{
	display:inline;
	margin-right:10px;
	font-weight:bold;
}
#brand_char_filter li:after {
    content: " •";
    height: 1px;
    padding: 1px;
    width: 1px;
}
#brand_char_filter .last:after {
    display: none;
}
#brand_list
{
	line-height:30px;
	padding-top:30px;
}

#brand_list li
{	
	width:30%;
	margin-left:2%;
	float:left;
		
}

#brand_top-brandtegory_tree ul
{
	line-height:25px;
	padding-left:20px;
}

#brand_top-brandtegory_tree ul a.active
{
	font-weight:bold;
}

#brand_left
{
	width:20%;
	float:left;
	margin-right:10px;
}

#brand_content
{
	float:left;
	width:100%;
}



#brand-table table tr td{
	padding:10px 10px 0px 0px;
}

#listbrand a {font-size:12px !important;}
.feature {margin-top:20px;}
#featured_brand li img{border:0; width:108px; margin:10px;}


.feature-content {width:675px; height:auto; overflow:hidden; margin-bottom:15px;}

#screen{float:left;	width:670px; padding:0px; margin:0px;}		
	
#screen li{float:left; list-style:none;}

#screen .jq-ss-crop{	margin:5px 5px;	border:1px solid #e3d78f}

#left,#right{font-weight:bolder; font-size:36px; margin-top:70px; display:block; text-decoration:none; color:black;}
			
#view {display:inline; height:auto; margin:15px 15px 0px 0px;overflow:hidden; text-align:center; width:615px; }
			
#images{float:left; width:3818px !important; width:3822px; padding:0;}

/* #images li{margin-right:5px;} */
			
#images li img{border:0; width:107px; }

.brand-product-list{float:left; width:100%;}


#product-brand .logo{width:80px; float:left;}
#product-brand .description-short{float:left; text-align:justify; width:250px;}

#feature-brand{width:100%; text-align: center;}

#feature-brand .center{
	text-align:center !important; 
	padding: 5px 0px 15px 0px !important;
}

.featuredbrands {
    width: 100%;
    margin-top: 30px;
}
.featuredbrands .page-title {
    width: 100%;
}
.featuredbrands .content {
    width: 100%;
}
.featuredbrands .content ul {
    
}
.featuredbrands .content ul li {
    float: left;
    text-align: center;
}
.top-brand-container{
	height: 160px;
}    
.top-brand-container .brand-logo {
	height: 125px;
}
.top-brand-wrapper{
    width:100%;
    height:100%;
    position:relative;
}
.top-brand-item{
    position:relative;
    float:left;
    width:220px;
    height:100%;
    text-align:center;
}
.top-brand-item-main{
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    background:#fff;
    overflow:hidden;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.top-brand-nav span:hover{
    opacity:1.0;
}
.top-brand-nav span{ 
    width:25px;
    height:38px;
    position:absolute;
    left:-25px;
    top:50%;
    margin-top:-19px;
    background:transparent url(../images/arrows.png) no-repeat top left;
    text-indent:-9000px;
    opacity:0.7;
    cursor:pointer;
    z-index:100;
}
.top-brand-nav span.top-brand-nav-next{
    background-position:top right;
    left:auto;
    right:-25px;
}
.top-brand-container{
    position:relative;
    margin:25px auto 20px auto;
    /*height:160px;*/
}
.top-brand-container .brand-logo {
    /*height: 125px;*/
    align-items: center;
    display: inline-flex;
}

@media screen and (min-width: 0px) and (max-width: 250px) {
    .top-brand-container{
	width:220px;
    }
    .top-brand-nav span{
	left:-10px;
    }
    .top-brand-nav span.top-brand-nav-next{
	right:-10px;
    }
}

@media screen and (min-width: 251px) and (max-width: 479px) {
    .top-brand-container{
	width:220px;
    }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
    .top-brand-container{
	width:440px;
    }
}

@media screen and (min-width: 720px) and (max-width: 959px) {
    .top-brand-container{
	width:660px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .top-brand-container{
	width:880px;
    }
}

@media screen and (min-width: 1200px) {
    .top-brand-container{
	width:880px;
    }
}

