Würth Baer Supply Company | Laminate, Slides, Hinges, Hardware, Abrasives, Finishes, Tools | Woodworking Industrial Wholesale Distributor

Wurth Baer Supply Company – Premier Supplier to the Woodworking Industry

View Cart

Tools

Catalog

Items: 0 Total: $0.00

Online Catalog

Do you know the item number? Use the Quick order to save time!

Product Description	Item #	Mfr Name
103 Series Plastic Front Rests Knape and Vogt	Product Details	Knape and Vogt
104 Series Back Rests Steel Knape and Vogt	Product Details	Knape and Vogt
104 Series Plastic Back Rests Knape and Vogt	Product Details	Knape and Vogt
113 Series Panel Clips Knape and Vogt	Product Details	Knape and Vogt
119 Series Rubber Cushions Knape and Vogt	Product Details	Knape and Vogt
129 Series Rubber Cushions Knape and Vogt	Product Details	Knape and Vogt
134/136 Series Floor Mount Sockets Knape and Vogt	Product Details	Knape and Vogt
135/137 Series Wall Mount Sockets Knape and Vogt	Product Details	Knape and Vogt
153 Series Standard Fasteners Floor Mount without Bolt or Nut Knape and Vogt	Product Details	Knape and Vogt
154 Series Shelf Fasteners Steel Knape and Vogt	Product Details	Knape and Vogt

<form accept-charset="UTF-8" name="featuresForm">
    <div><span class="categoryButtom"><a href="#" onclick="CategoryList.showMenu()">Back to Catalog</a></span></div>
    <div id="categoryTitle" class="titleButtom">${categoryName}</div>
    <div id="filterClearBt" class="filterTitle"><a href="#" onclick="SearchFilter.search.clearCheckboxes()">Reset Filter</a></div>
    <div style="height: 1.38em; background: #ffffff;"></div>
    <div id="filterTitle0" class="filterTitle"><a href="#" onclick="SearchFilter.search.openMenu(event,'0')" title="Close filter">Vendor <span></span></a></div>
    <div>
    <div class="contentAttributes hideFilterAttributes">
    <div id="filterAtt0">
    {var vrow=0}
    {for m in manufacturerName}
        {eval}vrow=vrow+1{/eval}        
        <div class="filterCheck">
        
          <input type='checkbox' name='vendor' value='${m.manufacturerName}' onclick='SearchFilter.search.sendDataToFilter(0)'>
          <span>${m.manufacturerName}</span>
        </div>
    {/for}
    </div>
    </div>
    {if (vrow>5)}
        <div class="show-more"><a href="#" onclick="SearchFilter.search.addShowMoreButton(event, this)">more ...</a></div>
        <div style="clear:both; height: 5px;"></div>
    {/if}              
    </div>
    {var xtitle=0}
	{for h in headerValuesResponseDto}
	    {eval} xtitle=xtitle+1{/eval}
		<div id="filterTitle${xtitle}" class="filterTitle"><a href="#" onclick="SearchFilter.search.openMenu(event,'${xtitle}') ">${h.headerName} <span></span></a></div>
		<div>
		<div class="contentAttributes hideFilterAttributes">
        <div id="filterAtt${xtitle}">
        {var xrow=0}
        {var xpercent=100/h.numberOfColumns}
        {for xvalue in h.values}
           {eval}
              xrow=xrow+1
           {/eval}
           <div class="filterCheck" style="float:left; width:${xpercent}%;">
                 
                 <input type='checkbox' name='valor${h.id}' value='${xvalue.value}' onclick='SearchFilter.search.sendDataToFilter(${h.id+1})' title="Close filter"> <span>${xvalue.title}</span>
           </div>      
           {if xrow%h.numberOfColumns==0}
           <div style="clear:both"></div>
           {/if}  
        {/for}
        </div>
        <div style="clear:both"></div>
        </div>
        {if (xrow*xpercent/100)>5}
        <div class="show-more"><a href="#" onclick="SearchFilter.search.addShowMoreButton(event, this)">more ...</a></div>
        <div style="clear:both; height: 5px;"></div>
        {/if}  
        </div>      
    {/for}
   </form>

<div id="itemPageDiv" class="column row">
        <b>Items per page:</b> <a href="#" id="itemPage10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage20" href="#" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#" id="itemPage50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#" id="itemPage100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a>       
     </div>
     <div class="column row" style="height: 10px;"></div> 
     <div class="row">
       <div class="column">
	     <div style="vertical-align:top">
	       <div style="float:left">
	        <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">></a></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>></a></a>
	       </div>
	        <div style="float:left">
	              ${recordFrom}-${recordTo} of ${totalRecords}
	        </div>
	     </div>       
       </div>
     </div>
     <div class="column row" style="height: 10px;"> </div>
	 <div id="divButtons" class="columns row collapse">
		    <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart</a>
		    
		    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</a>
	 </div>
	<div style="clear:both; height: 5px;"></div>
		 
<form>
<table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0" width="100%">
        	 <thead>
              <tr border="0" class="markheading">
        	    <th class="bold" nowrap="" width="4.81927%"> </td>   
          		<th class="bold" align="left" nowrap="" width="7.83132%"> </td>  
          		<th class="bold" align="left" nowrap="" width="7.83132%"><div align="center">Qty Req.</div></td>
          		<th class="bold" align="left" nowrap="" width="18.07228%">Product Description</td>  
                <th class="bold hide-for-small-only" nowrap="" width="7.22891%"><div align="center">Min<br />Qty</div></td>  
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td> 
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%" ><div align="center">Vendor</div></td>  
        {if displayPrice}
                <th class="bold hide-for-small-only" align="center" nowrap="" width="18.07228%"><div align="center">Unit<br>Price</div></td>   
        {/if}
          		</tr>
          	</thead>
          	<tbody>
        {var xrow=0}
        {var xrowtype=''}
        {var cproductDisabled="disabled='disabled'"}
        {for product in productResponseDto}  
        {eval}
           xrow = xrow + 1;
           xrowtype = (xrow%2==1) ? "whitecolorrow" : "graycolorrow";
        {/eval}	
        {if product.enableRegional}
           {eval}
            cproductDisabled = '';
           {/eval}
        {/if}		        
			 <tr class="${xrowtype}">
                <td border="0" align="center" nowrap=""><div align="center">
                <input name="productkeyId" id="chk${xrow}" value="${product.productNo}" onclick="PricingCall.checkCheckbox('${xrow}')" type="checkbox" ${cproductDisabled}></div></td>
                <td border="0" align="center" height="30" nowrap="">
					<div align="center"><img src="${product.imageSrc}"/></div>
				</td>
                <td>
                {if product.enableRegional}
                <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}>
                {/if}
<input id="multipleQty${xrow}" name="multipleQty${xrow}" value="${product.multipleQty}" size="5" maxlength="5" class="text" type="hidden">
                 {if product.enableRegional==false }
                     <span class="bodyLink">Contact us for availability</span>
                 {/if}
                </td>
                <td>
                     <div><a class="bodyLink" href="#" onclick="SearchFilter.search.storeFilterInfo('${product.groupNo}','${product.productNo}')">${product.itemNo}</a>
                     <input type="hidden" id="productCode${xrow}" value="${product.itemNo}">
                     </div>
                     <div>${product.dimensions}</div>
                     <div>${product.description}{if product.manufProdCode.length>0}<br/>Mpn: ${product.manufProdCode}{/if}</div>
                     {if product.hazardousMaterial == 1}
                        <a class="nounderline" href="#" title="This item has been flagged as a hazardous material. Special shipping costs may be added to your order."><img  src="/baer/images/Hazmat_16.jpg" border="0" ></a>
                     {elseif product.hazardousMaterial == 2}
                        <a class="nounderline" href="#" title="Product may incur additional oversize fees."><img  src="/baer/images/long_16.png" border="0" ></a>
                     {/if}
                     {if product.dropShipItem == 1}
                        <a class="nounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img src="/baer/images/DropShip.png" border="0"></a>
                     {/if}                      
                </td>
                <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div>
		                {if product.priceFlag == 1}		                    
		                    <br><img  src="/baer/images/imgLastChance000.png" border="0" >
		                {elseif product.priceFlag == 2}
		                    <br><img  src="/baer/images/imgPriceDrop00.png" border="0" >
		                {/if}                
                </td>
                <td class="hide-for-small-only">
                 {for h in product.headers}
                     <div>
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                     </div>
                 {/for}
                </td>
                <td class="hide-for-small-only"><div align="center">${product.manufacturerName}</div></td>
                
                {if displayPrice}
                  <td class="hide-for-small-only">
		                     {if product.adjustedPrice}
		                        {if product.multipleQty==1}
		                           <div style="text-align: center;">${product.price}</div>
		                        {else}
		                           <div style='width:90px; text-align: left;'>${product.price} per ${product.um}</div><div style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div>
		                        {/if}		                  
		                     {else}
								<div style="border: none; width: 100%;">
								       <div>
								         <div style="float:left; width: 20%; text-align: center;font-weight: bold;text-decoration: underline;">Qty </div>
								         <div style="float:left; width: 20%; text-align: center;font-weight: bold;text-decoration: underline;">UM </div>
								         <div style="float:left; width: 50%; text-align: center;font-weight: bold;text-decoration: underline;">Price </div>
								         <div style="height: 0px; clear: both;"></div>
								       </div> 
							       {for p in product.listPrices}
								       <div>
								         <div style="float:left; width: 20%;text-align: center;">${p.quantity}</div>
								         <div style="float:left; width: 20%;text-align: center;">${p.unitOfMeasure}</div>
								         <div style="float:left; width: 50%; text-align: right;">${p.priceFmt}</div>
								         <div style="height: 0px; clear: both;"></div>
								       </div>                            		
							       {/for}                            					                                                        
								 </div>		                     
		                     {/if}
                  </td>
                {/if}
              </tr>
              <tr class="show-for-small-only ${xrowtype}">
               <td colspan="9">
                <div>
                   <div style="float:left; width: 60%;"><b>Min. Qty</b></div>
                   <div style="float:left; width: 40%;">${product.multipleQty}</div>
                   <div style="float:left; width: 60%;"><b>UM</b></div>
                   <div style="float:left; width: 40%;">${product.um}</div>
		                {if product.priceFlag == 1}
		                    <div style="width:60%;float:left"> </div>
		                    <div style="width:40%;float:left"><img  src="/baer/images/imgLastChance000.png" border="0" ></div>
		                {elseif product.priceFlag == 2}
		                    <div style="width:60%;float:left"> </div>
		                    <div style="width:40%;float:left"><img  src="/baer/images/imgPriceDrop00.png" border="0" ></div>
		                {/if}                   
                   <div style="float:left; width: 60%;"><b>Vendor</b></div>
                   <div style="float:left; width: 40%;">${product.manufacturerName}</div>
                </div>
                <hr class="show-for-medium-down" />
                <div><span style="font-weight: bold;text-decoration: underline;">Product Attributes</span></div>
                <div>
                 {for h in product.headers}
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                 {/for}                
                </div>
                {if displayPrice}
                		     {if product.adjustedPrice}
		                        {if product.multipleQty==1}
		                           <div style="text-align: center;">${product.price}</div>
		                        {else}
		                           <div style='width:90px; text-align: left;'>${product.price} per ${product.um}</div><div style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div>
		                        {/if}		                  
		                     {else}
								<div>
								       <div><b>Unit Prices</b></div>
								       <div>
								         <div style="float:left; width: 20%; text-align: center;">Qty </div>
								         <div style="float:left; width: 20%; text-align: center;">UM </div>
								         <div style="float:left; width: 50%; text-align: center;">Price </div>
								         <div style="height: 0px; clear: both;"></div>
								       </div> 
							       {for p in product.listPrices}
								       <div>
								         <div style="float:left; width: 20%;">${p.quantity}</div>
								         <div style="float:left; width: 20%;">${p.unitOfMeasure}</div>
								         <div style="float:left; width: 50%; text-align: right;">${p.priceFmt}</div>
								         <div style="height: 0px; clear: both;"></div>
								       </div>                            		
							       {/for}                            					                                                        
								 </div>		                     
		                     {/if}
                {/if}                
                </td>
              </tr>        
        {/for}  
</tbody></table> 
</form>

<div id="divButtons2" class="row collapse show-for-medium">
   <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart</a>
		    
		    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</a>
</div> 
<div class="columns row" style="height: 10px;"></div>
<div class="row">
<div class="column">
	<div style="vertical-align:top">
	       <div style="float:left">
	        <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">></a></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>></a></a>
	       </div>
	        <div style="float:left">
	              ${recordFrom}-${recordTo} of ${totalRecords}
	        </div>
	</div>
</div>
</div>

<div id="itemPageDiv" class="column row">
        <b>Items per page:</b> <a href="#" id="itemPage10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage20" href="#" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#" id="itemPage50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#" id="itemPage100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a>       
     </div>  
     <div class="column row" style="height: 10px;"></div>  
     <div class="row">
        <div class="column">
		     <div style="vertical-align:top">
		       <div style="float:left">
		        <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">></a></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>></a></a>
		       </div>
		        <div style="float:left">
		              ${recordFrom}-${recordTo} of ${totalRecords}
		        </div>
		     </div>        
        </div>
     </div> 
     <div class="column row" style="height: 10px;"></div>
	<div id="divButtons" class="column row collapse">
     <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart</a>
		    
		    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</a>
	</div>
		
<form>
<table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0">
        	<thead>
              <tr border="0" class="markheading">
        	  	<th class="bold" align="left" nowrap="" width="4.81927%"> </td>  
          		<th class="bold" align="left" nowrap="" width="8.43373%"> </td>   
          		<th class="bold" align="left" nowrap="" width="8.43373%"><div align="center">Qty Req.</div></td>  
          		<th class="bold" align="left" nowrap="" width="20.48192%">Product Description</td>  
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="7.22891%"><div align="center">Min<br />Qty</div></td>          		
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td>   
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%"><div align="center">Vendor</div></td>  
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="4.81927%"><div align="center">Qty<br/>Confirm</div></td>  
          		<th class="bold hide-for-small-only" align="left" nowrap="" width="9.63855%"><div align="center">Unit<br />Price</div></td>           
          	  </tr>
          	</thead>
          	<tbody>
        {var xrow=0}
        {var xrowtype=''}
        {var cproductDisabled="disabled='disabled'"}
        {for product in productResponseDto}  
        {eval}
           xrow = xrow + 1;
           xrowtype = (xrow%2==1) ? "whitecolorrow" : "graycolorrow";
        {/eval}
        {if product.enableRegional}
          {eval}
            cproductDisabled = '';
          {/eval}
        {/if}        
			<tr class="${xrowtype}">
                <td border="0" align="center" nowrap="">
                <input name="productkeyId" id="chk${xrow}" value="${product.productNo}" onclick="PricingCall.checkCheckbox('${xrow}')" type="checkbox" ${cproductDisabled}></td>
                <td border="0" align="center" height="30" nowrap="">
					<div align="center"><img src="${product.imageSrc}"/></div>
				</td>
                <td>
                {if product.enableRegional}
                <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="${product.quantity}" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}>
                {/if}
<input id="multipleQty${xrow}" name="multipleQty${xrow}" value="${product.multipleQty}" size="5" maxlength="5" class="text" type="hidden">
                 {if product.enableRegional==false }
                     <span class="bodyLink">Contact us for availability</span>
                 {/if}
                </td>
                <td>
                     <div><a class="bodyLink" href="#" onclick="SearchFilter.search.storeFilterInfo('${product.groupNo}','${product.productNo}')">${product.itemNo}</a>
                     <input type="hidden" id="productCode${xrow}" value="${product.itemNo}">
                     </div>
                     <div>${product.dimensions}</div>
                     <div>${product.description}{if product.manufProdCode.length>0}<br/>Mpn: ${product.manufProdCode}{/if}</div>
                     {if product.hazardousMaterial == 1}
                        <a class="nounderline" href="#" title="This item has been flagged as a hazardous material. Special shipping costs may be added to your order."><img  src="/baer/images/Hazmat_16.jpg" border="0" ></a>
                     {elseif product.hazardousMaterial == 2}
                        <a class="nounderline" href="#" title="Product may incur additional oversize fees."><img  src="/baer/images/long_16.png" border="0" ></a>
                     {/if}
                     {if product.dropShipItem == 1}
                        <a class="nounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img src="/baer/images/DropShip.png" border="0"></a>
                     {/if}                     
                </td>
                <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div>
		                {if product.priceFlag == 1}		                    
		                    <br><img  src="/baer/images/imgLastChance000.png" border="0" >
		                {elseif product.priceFlag == 2}
		                    <br><img  src="/baer/images/imgPriceDrop00.png" border="0" >
		                {/if}                
                </td>                
                <td class="hide-for-small-only">
                 {for h in product.headers}
                     <div>
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                     </div>
                 {/for}
                </td>
                <td class="hide-for-small-only"><div align="center">${product.manufacturerName}</div></td>
                {if product.quantityConfirmed != null}
                <td class="text hide-for-small-only" align="center"><div align="center">${product.quantityConfirmed}</div></td>
                {else}
                <td class="text hide-for-small-only" align="center"> </td>
                {/if}
                {if product.price != null && product.multipleQty==1 && product.pricingCall == true}
                <td class="text hide-for-small-only" align="center"><div align="right">${product.price}</div></td>
                {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true}
                <td class="text hide-for-small-only" align="center"><div align="right" style='width:90px;'>${product.price} per ${product.um}</div><div align="right" style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div></td>
                {else}
                <td class="text hide-for-small-only" align="center"> </td>
                {/if}   
              </tr>
              <tr class="show-for-small-only ${xrowtype}">
               <td colspan="9">
                <div>
                   <div style="float:left; width: 60%;"><b>Min. Qty</b></div>
                   <div style="float:left; width: 40%;">${product.multipleQty}</div>
                   <div style="float:left; width: 60%;"><b>UM</b></div>
                   <div style="float:left; width: 40%;">${product.um}</div>

{if product.priceFlag == 1}
		                    <div style="width:60%;float:left"> </div>
		                    <div style="width:40%;float:left"><img  src="/baer/images/imgLastChance000.png" border="0" ></div>
		                {elseif product.priceFlag == 2}
		                    <div style="width:60%;float:left"> </div>
		                    <div style="width:40%;float:left"><img  src="/baer/images/imgPriceDrop00.png" border="0" ></div>
		                {/if}                   
                   
                   <div style="float:left; width: 60%;"><b>Vendor</b></div>
                   <div style="float:left; width: 40%;">${product.manufacturerName}</div>
                   {if product.quantityConfirmed != null}
                   <div style="float:left; width: 60%;"><b>Quantity Confirmed</b></div>
                   <div style="float:left; width: 40%;">${product.quantityConfirmed}</div>                   
                   {/if}
                   {if product.price != null && product.multipleQty==1 && product.pricingCall == true}
                   <div style="float:left; width: 60%;"><b>Price</b></div>
                   <div style="float:left; width: 40%;"><b>${product.price}</b></div>                   
                   {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true}
                   <div style="float:left; width: 60%;"><b>Price</b></div>
                   <div style="float:left; width: 40%;">
                       <div><b>${product.price} per ${product.um}</b></div><div><b>${product.boxPrice} for ${product.multipleQty}</b></div>
                   </div>                   
                   {/if}
                </div>
                <hr class="show-for-medium-down" />
                <div><span style="font-weight: bold;text-decoration: underline;">Product Attributes</span></div>
                <div>
                 {for h in product.headers}
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                 {/for}                
                </div>
                
                </td>
              </tr>                              
        {/for}  
</tbody></table> 
</form>       
<div class="columns row" style="height: 10px;"></div>
<div id="divButtons2" class="columns row collapse show-for-medium">
   <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart</a>
		    
		    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</a>
</div>
<div class="columns row" style="height: 10px;"></div>
<div class="row">
  <div class="column">
		<div style="vertical-align:top">
		       <div style="float:left">
		        <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<</a>
                <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><</a>
                <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">></a></a>
                <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>></a></a>
		       </div>
		        <div style="float:left">
		              ${recordFrom}-${recordTo} of ${totalRecords}
		        </div>
		</div>  
  </div>
</div>

{if hashazardous}
     <br>            
     <img src="/baer/images/Hazmat_16.jpg" width="15" height="16" align="absmiddle">This item has been flagged as a hazardous material. Special shipping costs may be added to your order.<br>
     <br>
     {/if}
     {if directFactory}
     <br>            
     <img src="/baer/images/DropShip.png" width="15" height="16" align="absmiddle">Factory direct shipment. Additional freight charges may apply.<br>
     <br>
     {/if}
     {if longItem}
     <br>
     <img src="/baer/images/long_16.png" width="15" height="16" align="absmiddle">Product may incur additional oversize fees.<br>
     <br>
     {/if}
     {if hpriceBargain}
     <br>
     <img  src="/baer/images/imgLastChance000.png" border="0" align="absmiddle"> Last Chance to get this item at clearance price. Please note, this item can not be backordered.<br>
     <br>
     {/if}
     {if hpriceFeatured}
     <br>
     <img  src="/baer/images/imgPriceDrop00.png" border="0" align="absmiddle"> Temporary Price Reduction. This deal will not last long!<br>
     <br>
     {/if}

<div id="qoPadFrame">
<form>
<div id="qoPadTitle">
<span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closePoPup();">Close</span>
<h2>
    Quick Order Pad
</h2>
</div>
<div id="bodyOrderPad">
<div id="qoPadTitleTypeItems" style="font-weight: bold;">Type Items Below</div>
<div id="qoPadSubtitleHeader">
<div id="qoPadTitleChangeFormat"><a href="#" onclick="QuickOrderPad.changeOrderFormat(event);" class="bodyLink">Change Order Format</a></div>
<div id="qoPadTitleLargeOrder"><a href="/baer/servlet/CyberVendor/page/exporder" class="bodyLink">Large Order Pad</a></div>
</div>
<div class="qoPadLeft qoPadLabelQty">Qty</div>
<div class="qoPadLeft qoPadLabelItemNo"><span id="productFieldTitle">Würth Item #</span></div>
<div class="qoPadLeft qoPadLabelJob">Job Name</div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6"/></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15"/></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName1" name="xJobName1" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6"/></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15"/></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName2" name="xJobName2" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15"/></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName3" name="xJobName3" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15"/></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName4" name="xJobName4" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15"/></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName5" name="xJobName5" type="text" size="20"/></div>
<div class="qoPadClear"></div>
</div>
<div id="qoPadFooder" style="height: 55px;">
  <span class="button large primary" onclick="QuickOrderPad.addToCart(this);">Add to cart</span>
  <div class="otherPopTaskLinks">
  	<div><a href="#" onclick="QuickOrderPad.changeToBulk(event);" class="bodyLink">Copy/Upload in Bulk</a></div> 
  	<div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" class="bodyLink">Upload from .CSV File</a></div>  
  </div>
</div>
</form>
</div>

<form id="chgPwdFmt">
      <div style="width:100%;">
       {if (errMsg != null)}
          <div style="width:100%;float: left; color: red;">
              ${errMsg}
          </div>
          <div style="width:100%; height: 10px; clear:both"></div>
       {/if}
          <div style="width:100%;float: left;">
               <div style="width:50%; float: left;">
                 <span>New Password:</span>
               </div>
               <div style="width:50%; float: left;">
                  <input type="password" id="chgpwdNewPwd" name="chgpwdNewPwd">
               </div>
          </div>
          <div style="width:100%; height: 10px; clear:both"></div>
          <div style="width:100%;float: left;">
               <div style="width:50%; float: left;">
                 <span>Confirm Password:</span>
               </div>
               <div style="width:50%; float: left;">
                  <input type="password" id="chgpwdRepPwd" name="chgpwdRepPwd">
               </div>
          </div>
      </div>
   </form>