handle merge

@@ -19,7 +19,7 @@
     <div class="brands-category">
         <div class="category-nav">
             {{#each category}}
-            <a href="#{{key}}">{{key}}</a>
+            <a href="#{{key}}" class="{{key}}">{{key}}</a>
             {{/each}}    
         </div>
     </div>

 {{#each category}}
     <dl class="clearfix" name="{{key}}">
         <dt>{{key}}</dt>
-        <dd>
+        <dd class="brand-tabs">
             <ul class="clearfix">
                 {{#each brands}}
                 <li>

@@ -45,3 +45,14 @@ $category.click(function() {
     }, 200);
     return false;
 });
+
+$('.brand-tabs').each(function() {
+    var tab;
+
+    if ($(this).find('li').length === 0) {
+        tab = $(this).siblings('dt').text();
+
+        $(this).parent('dl').hide();
+        $('.category-nav').find('.' + tab).hide();
+    }
+});

@@ -126,6 +126,9 @@
                     line-height: 60px;
                     text-align: center;
                     font-size: 16px;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    overflow: hidden;
                 }
             }
         }