{if count($listBrands)>0 && is_array($listBrands)}
<div class="alphabets_pagination clearfix" style="display:{$display|default:''}"> 
        <ul class="browse-letter Fsbold">
                <li class="seeall pull-left">
                        {if !$hasAlphabet}
                                {html->anchor  href="/brands/{$categoryLink}" class="seeall " content="{$language.lblSeeAll}"}
                        {else}
                                {html->anchor class="active seeall" href="/brands/{$categoryLink}"  content="{$language.lblSeeAll}"}
                        {/if}
                </li> 
                
                                                
                    {foreach $alphabets as $itemAlphabet} 

                    <li class="pull-left">
                            {if $listBrands[$itemAlphabet|upper]|count|default:0>0 || (!empty($activeAlpabets) && in_array($itemAlphabet,$activeAlpabets))}
                                    {if $alphabet|lower == $itemAlphabet|lower}
                                            {html->anchor class="active" href="brands/alpha/{$itemAlphabet|lower}/{$categoryLink}" content="{$itemAlphabet}" }
                                    {else}
                                            {html->anchor  href="brands/alpha/{$itemAlphabet|lower}/{$categoryLink}" content="{$itemAlphabet}" }
                                    {/if}
                            {else}
                                    {html->anchor class="inactive" content="{$itemAlphabet}" }
                            {/if}
                    </li>
                    {/foreach} 

        </ul>

</div>
				
				
				<h4> 
					{if !$hasAlphabet} 
						{$language.lblAllBrandsStartingwith} "{$alphabet|upper}" 
					{else} 
						{$language.lblAllBrandsAtoZ} 
					{/if}
				</h4>
				<ul class="brand-box-outer-{$hasAlphabet} row">
                	{assign var="counter" value="0"}
					{foreach $listBrands as $alphabet=>$listBrand}
                    {assign var="counter" value={$counter+1}} 
						<li class="brand-box-inner-{$hasAlphabet} col-xs-12 col-sm-4 col-md-3">
                      		{if $hasAlphabet !='' } 	
							<div class="alphabet-list-head">
								{html->anchor 
									class=" pull-right"  
									href="/brands/alpha/{$alphabet|lower}/{$categoryLink}" 
									content="{$language.lblmoretext}.." } 
									
							<span class="font-semibold">{$alphabet}</span></div>
							{/if}	
							<ul class="brand-box-outer-{$hasNoAlphabet|default:''} brand-contents">
							{foreach $listBrand as $brandKey=>$brand}
								<li class="brand-box-outer-{$hasAlphabet} clearfix padding-bottom">	
									{if $show_images_with_label=='Yes'}
										{if $brand['brandIcon'] != ''}
											<img src="{$view_public_path}/uploads/brand/thumb/{$brand['brandIcon']}"
                                            	class="left" 
												height="{$brand_icon_thumb_height|default:''}" 
												alt="{$brand['brandName']}" 
												width="{$brand_icon_thumb_width|default:''}"/>
                                         {else}
                                         <img src="{$view_images}/not-av-img.gif"
                                            	class="left" 
												
												alt="{$brand['brandName']}" 
												width="50"/>
										{/if}
									{/if}
									{html->anchor class="active padding-left"  href="/brand/{$brand.brandKey}/{$productCategoryID|default:''|sef_path:'catalog'}" content="{$brand.brandName}" }
								</li>
								
							{/foreach}
							
							</ul>
						</li>
                        {if $counter%4 ==0}
                        <li class="clear"></li>
                        {/if}
					{/foreach}
				</ul>
				
				{else}
				
				<div class="no-productbox clearfix">
					<!-- Begin : Content Top Pane -->
					<div class="no-product">    
						{$language.lblNoMatchingBrandsAvailable} 
					</div>
					<!-- End : Content Top Pane -->
				</div>
				{/if}
			