.brands-carousel {
      padding:10px;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
        background: white;  
}
#brand-carousel {overflow: hidden;
  

}
#brand-carousel #brand-carousel-wrapper {
    overflow: hidden;

    float:left
}
#brand-carousel-content {
    width: 2500px;
}
#brand-carousel-content .slide {
    float: left;
    margin:5px;
}
#brands-unlimited, #brands-unlimited ul{overflow:auto;list-style: none;margin-left:0px;padding-left:0px}
#brands-unlimited .bucol{float:left}
#brands-unlimited .brands-unlimited-letter{margin-bottom:10px;}
img.brand-image {float:left;margin-right: 10px;margin-bottom:10px;}
/*
.carousel-control {
     background-image: url("images/controls.png");
    display: block;
    height: 63px;
    text-indent: 900px;
    width: 56px;
}
.carousel-control:active {opacity:0.3}
.carousel-control[rel='prev']{float:left;}
.carousel-control[rel='next']{float:right;
background-position: -63px 0;
    float: right;}
    
    */
    

div#brands-accordion{
    background-color: #CCCCCC;      
}

div.brands-accordion {
    position: relative; /* required for bounding */
    overflow: hidden;
    z-index:1;
}

div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;        /* required for effect */
   /* background: #6E5E4F; */
    background: #f0eeee; 
    background-position: bottom;
    color: #000;   
    cursor: pointer;
    margin-bottom: 1px;
    padding: 9px 14px 6px 14px;
  /*  border-top: 1px solid #A18C71; */   
    border-top: 1px solid #E2E2E2;    
}

div.accordion-toggle:hover, div.accordion-toggle-active{
/* background-color: #8C785D; */
 background-color: #F7F4F4;
    background-image: url("../img/on.jpg");
   /* border-top: 1px solid #A18C71; */
    border-top: 1px solid #E5E5E5;
   /* box-shadow: 0 4px 7px #6E5E4F; */
    box-shadow: 0 4px 7px #DDDBDB;
    
}

div.accordion-content{
    overflow: hidden;    /* required for effect */
   /* background: #e6daca; */
    background: #FFF9F9;
    padding: 5px;
   /* color: #C4776F; */
    color: white; 
}

div.accordion-content p{
    margin: 9px 24px 6px 24px;
}

div.accordion-content ul li a {/* color: #D96830;*/color: black; }
div.accordion-content ul li.active a {font-weight:bold; }





ul#mycarousel {
    overflow: hidden;
}
ul#mycarousel li{float: left;}
ul#mycarousel li a {float: left;display: block;}

#mycarousel td {vertical-align: middle;} 
.tickercontainer { /* the outer div with the black border */
background-image: url('../images/dotted_border.png');
background-repeat: repeat-x;
background-position: top;
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;

overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


#brands-unlimited li span {color: #474747}
#brands-accordion li span {color: #474747}

.brands-page  {
margin-top:60px;
margin-bottom:40px;
}
.brands-images {display: table}
.brands-images .brand{
    height: 130px
}
.brand-list {
    background: #f9f8f6;
    margin-bottom: 40px;
}
.brand-list .container {
    padding-top:30px;
    padding-bottom:30px;
}
.brand-list a{color:#08216b;line-height: 25px;}

.category-brandlist .main-container {
    background: none;
}

.brand-cat-desc-body{overflow: hidden;padding: 30px 0px 17px 30px;width: 93%;}
.brand-cat-desc-body .brand-cat-title{float: left;color: #5C5C5C;text-transform: capitalize;font-size: 22px;font-weight: bold;}
.brand-cat-desc-body .brand-cat-slide-btn{float: right;cursor: pointer;font-weight: bold;margin-top: 4px;}
.brand-cat-desc-body .brand-cat-desc{clear: both;height: auto;line-height: 30px;text-align: justify;}