Machinery and Large Tools | Würth Baer Supply Company

View Cart

Tools

Catalog

Machinery and Large Tools

To learn more about the information below, simply select the link to view, print or download the PDF.

Machinery

SCM machinery is only available for sale in the states of Illinois, Iowa, Kansas, Kentucky, Michigan, Minnesota, Missouri, Nebraska, Ohio, Pennsylvania, New York, New Jersey and Wisconsin.
Woodworking Machinery Catalog
Machinery Quote Request
Classified Ads – Sell Your Used Equipment

SawStop

Why SawStop and FAQ’s
JSS Jobsite Saw
CNS Contractor Saw
PCS Professional 1.75hp Saw
PCS Professional 3hp Saw
Industrial versus Professional Saw
ICS Industrial Cabinet Saw
Table Saw Add-Ons

Company Information
Customer Service, locations & terms

Join our mailing list

Mobile Application

Used Equiment Classified Ads

The Würth Baer Facts Blog

Catalogs

Current Promotions

Machinery & Large Tools

Decorative Hardware

Online Tools, Programs, & Guides

Careers

Vendor use only (freight routing)

Questions?
Call Customer Service
Toll-free 800-289-2237
Email Customer Service

Hours: Mon-Fri
7:30 a.m. – 5:00 p.m.

FSC Seal - The mark of responsible forestry - opens in a new window

(Opens in new window)

CARB2 Compliant website seal - opens in a new window

(Opens in new window)

Connect on Social Media

Follow Würth Baer Supply Company on Twitter

Recommend Würth Baer Supply Company on Facebook

Network with Würth Baer Supply Company on LinkedIn

SSL Certificate

Mobile app now available for
Apple and Android devices:

(Opens in new window)

(Opens in new window)

<ul class="menuResponsive">
        {for xitem in categoryItems }
        {var xrow=0}
        {eval}
            xrow=xrow+1
        {/eval}        
		<li class="item${xrow}"><a href="#">${xitem.categoryName} <span></span></a>
			<ul>
                {for xsubcat in xitem.subCategoryItems }
                {if xsubcat.extCode != null}
                <li class="subitem${xsubcat.subCategoryId}"><a href="/baer/servlet/CyberVendor/category/C${xsubcat.subCategoryId}/catalog/?ShowAllGroups=True">${xsubcat.subCategoryName} <span style="float:right;border:0px;"><img src="/baer/images/EZ-Build.jpg" width="10" height="auto" alt="Link to EZ-Build Product Configurator" title="Launch the EZ-Build Configurator"></span></a></li>
                {else}
				<li class="subitem${xsubcat.subCategoryId}"><a href="/baer/servlet/CyberVendor/category/C${xsubcat.subCategoryId}/catalog/?ShowAllGroups=True">${xsubcat.subCategoryName}</a></li>
				{/if}
                {/for}
			</ul>
		</li>
        {/for}
	</ul>

<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">
        
          <label for="vendor" class="visuallyhidden">Select vendor: </label>
          <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)" aria-label="View more">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})' aria-label="Close filter" 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)" aria-label="View more">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" aria-label="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></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">
                <label for="productkeyId" class="visuallyhidden">Click checkbox for price check or to select item: </label>
                <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="">
					{if product.imageSrc==''}
                	<div align="center"><img src="/baer/images/noimage.gif"  alt="No product image available" title="No product image available"  /></div>
                 {else}
                 	<div align="center"><img src="${product.imageSrc}"  alt="Product image: ${product.itemNo}" title="Product image: ${product.itemNo}"  /></div>
                {/if}
				</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}')" aria-label="Click part number to go to product detail page">${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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." >
		                {elseif product.priceFlag == 2}
		                    <br><img  src="/baer/images/imgPriceDrop00.png" border="0" alt="Price Drop icon indicates this item has a Temporary Price Reduction">
		                {/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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." ></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" alt="Price Drop icon indicates this item has a Temporary Price Reduction" ></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" aria-label="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></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" aria-label="Go to First"><<</a>
	        <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a>
	        <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a>
	        <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></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 - View</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="">
                <label for="productkeyId" class="visuallyhidden">Click checkbox for price check or to select item: </label>
                <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="">
                {if product.imageSrc==''}
                	<div align="center"><img src="/baer/images/noimage.gif"  alt="No product image available" title="No product image available"  /></div>
                 {else}
                 	<div align="center"><img src="${product.imageSrc}"  alt="Product image: ${product.itemNo}" title="Product image ${product.itemNo}"  /></div>
                {/if}
				</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}')" aria-label="Click part number to go to product detail page">${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>

{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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price."  ></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" alt="Price Drop icon indicates this item has a Temporary Price Reduction" ></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" aria-label="Go to First"><<</a>
	        	<a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a>
	        	<a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a>
	        	<a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></a>
		       </div>
		        <div style="float:left">
		              ${recordFrom}-${recordTo} of ${totalRecords}
		        </div>
		</div>  
  </div>
</div>

{if hashazardous}
     <br>            
     <img  src="/baer/images/Hazmat_16.jpg" border="0" 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" border="0" align="absmiddle" > Factory direct shipment. Additional freight charges may apply.<br>

<br>
     {/if}
     {if longItem}
     <br>
     <img  src="/baer/images/long_16.png" border="0" 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="qoPadTitle">
<span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closeUploadPoPup();" onkeypress="QuickOrderPad.closeUploadPoPup();" tabindex="0">Close</span>
<h2>
    Upload from .CSV File
</h2>
</div>
<form id="uploadForm" action="/baer/rest/quickOrder/upload" method="post" enctype="multipart/form-data">
	<div id="uploadFormDiv">
        <div style="padding:20px;" id="uploadDesc">Please select a CSV file and then press the Upload button.<br /><br />CSV file should be in the following format with 2-3 columns (no column headings needed):<br/>
          <strong>Quantity</strong> [COMMA] <strong>Item #</strong> [COMMA] <strong>Job Name</strong></div>
        <div style="padding:0 10px;">
	        <label for="file" class="visuallyhidden">Filename: </label>
	        <input type="file" name="file" size="35" aria-describedby="uploadDesc" tabindex="0"><br>
	        
        </div>
	</div>
    <div id="qoPadFooder" style="height: 55px;">
    	<div class="qolSendBtn"><a id="btnUploadQuickOrder" href="#" onclick="QuickOrderPad.uploadFileSubmit();" onkeypress="QuickOrderPad.uploadFileSubmit();" class="button large primary" tabindex="0">Upload</a></div>
	    
    </div>
</form>

<div id="qoPadFrame">
<form>
<div id="qoPadTitle">
<span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closePoPup();" onkeypress="QuickOrderPad.closePoPup();" tabindex="21">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);" onkeypress="QuickOrderPad.changeOrderFormat(event);" class="bodyLink" tabindex="1">Change Order Format</a></div>
<div id="qoPadTitleLargeOrder"><a href="/baer/servlet/CyberVendor/page/exporder" class="bodyLink" tabindex="0">Large Order Pad</a></div>
</div>
<div class="qoPadLeft qoPadLabelQty" id="colQuantity">Qty</div>
<div class="qoPadLeft qoPadLabelItemNo"><span id="productFieldTitle">Würth Item #</span></div>
<div class="qoPadLeft qoPadLabelJob" id="colJobname">Job Name</div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName1" name="xJobName1" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName2" name="xJobName2" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName3" name="xJobName3" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName4" name="xJobName4" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div>
<div class="qoPadLeft"><input class="inputJob" id="xJobName5" name="xJobName5" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div>
<div class="qoPadClear"></div>
</div>
<div id="qoPadFooder" style="height: 55px;">
  <span class="button large primary" onclick="QuickOrderPad.addToCart(this);" onkeypress="QuickOrderPad.addToCart(this);" tabindex="0">Add to cart</span>
  <div class="otherPopTaskLinks">
  	<div><a href="#" onclick="QuickOrderPad.changeToBulk(event);" onkeypress="QuickOrderPad.changeToBulk(event);" tabindex="0" class="bodyLink">Copy/Upload in Bulk</a></div> 
  	<div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" onkeypress="QuickOrderPad.openUploadPoPup(this, 1);" tabindex="0" 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>

<form id="shopCartRecSearchFmt" method="post" action="/baer/servlet/CyberVendor/searchadvanced/" onSubmit="return validateSearchPage(this)"  target="_parent">
<div class="row column">
	<div class="input-group">
	  <input class="input-group-field" type="text" placeholder="Search your next product here" id="cskeywords" name="keywords" autocomplete="off">
	  <input type="hidden" value="Y" name="simple_search">
	  <input type="hidden" value="search" name="mode">
	  <input type="hidden" value="Y" name="posted_data[by_title]">
	  <input type="hidden" value="Y" name="posted_data[by_descr]">
	  <input type="hidden" value="Y" name="posted_data[by_sku]">
	  <input type="hidden" value="Y" name="posted_data[by_mp]">
	  <input type="hidden" value="Y" name="posted_data[search_in_subcategories]">
	  <input type="hidden" value="all" name="posted_data[including]">
	  <input type="hidden" name="catalogname" value="catalog">
	  <input type="hidden" name="TABLE" value="G">
	  <input type="hidden" name="FIELD" value="KI">
	  <input type="hidden" name="WHOLEWORDS" value="NO">
	  <input type="hidden" name="QUERYTYPE"  value="AND">
	  <input type="hidden" name="SINGLERESULTS" value="YES">
	  <input type="hidden" name="searchStr"  value="">
	  <input type="hidden" name="searchBy"   value="Description">
	  <input type="hidden" name="searchType" value="Item">	  
	  <div class="input-group-button">
	    <input type="submit" class="button large primary cspopuptext" value="Search">
	  </div>
	</div>
</div>
</form>
<form id="shopCartRecFmt">
<div class="row column">
<table id="xviewitems" cellspacing="0"  border="0" cellpadding="3" class="tableitems">
<thead>
  <tr bgcolor="#e2e2e2" style="background-color: #e2e2e2">
      <th class="cspopuptext" colspan="2">Product Description</th>
      <th class="cspopuptext">Quantity</th>
      <th class="cspopuptext">Unit Price</th>
      <th class="cspopuptext">UoM</th>
      <th class="cspopuptext">Sub-Total</th>
  </tr>
  {for item in lastItems}
  <tr>
     <td>
       <a href="/baer/servlet/CyberVendor/category/G${item.productGroupNo}/catalog/group.jsp/?markProd=${item.productNo}" style="border: none;" target="blank">
         <img alt="Product Image: ${item.description}" title="Product Image: ${item.description}" src="${item.image}" style="max-width: 80px !important;">
       </a>
     </td>
     <td>
        <span class="bodyLink">${item.productCode}</span><br>
        <span class="cspopuptext">${item.description}</span><br>
        <span><input type="text" name="JobNamecs-${item.id}" id="JobNamecs-${item.id}" class="jobnamecs" value="${item.jobname}"  maxlength="20" placeholder="PO/Job name" >
        </span>
     </td>
     <td>        
        <div style="width: 100%; display: block;">
            <div class="cspopuptext" style="width: 25%; float: left; display: block;">
               ${item.quantity}
            </div>
            <div class="cspopuptext" style="width: 75%;  float: left; display: block;">
                 <div style="width: 100%; display: block;">
                    <span style="width:2em;height: 2em; display: block; background-color: ${item.colorStatus}; border: #000 1px; border-style: solid;"></span>
                 </div>
                 <div style="width: 100%; display: block;">
                  {if item.qtyConfirmed > 0}
                   <div>${item.qtyConfirmed} Ready to ship</div>
                  {/if}
                  {if item.qtyBackOrder > 0}
                   <div>${item.qtyBackOrder} Backordered</div>
                  {/if}
                   <div>From: ${item.shipFrom}</div>                    
                 </div>
            </div>            
        </div>
     </td>
     <td class="cspopuptext" style="vertical-align: text-top;">
       $${item.sprice}
     </td>
     <td class="cspopuptext" style="vertical-align: text-top;">
       ${item.unitOfMeasure}
     </td>
     <td class="cspopuptext" style="vertical-align: text-top;">
       <span>${item.subTotal}</span><br>
          {if item.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 item.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 item.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>
  </tr>
  {/for}
</thead>
</table>
   <div class="row">
       <div class="large-12 columns">
          <div class="clearfix">
            <input id="btncsCheckout" class="button large primary float-right cspopuptext" type="button" value="Checkout">
            <button id="btncsViewCart" class="button large tertiary float-right cspopuptext">View Cart (${subTotal})
            <img border='0' src='/baer/images/cart-red.png' style='height: 11px;'>
            <span class="cartbadge">${totalItems}</span></button>
            <input id="btncsContinueShop" class="button large primary float-right cspopuptext" type="button" value="Continue Shopping">            
          </div>
       </div>
   </div>
</div>
<div class="row column">
{if crossSellItems.length > 0}
<div class="row column" style="background: #cccccc; font-weight: bold; height: 3em; display: block;">
  <span class="cspopuptext" style="display: block; padding-top: 0.5em; padding-left: 0.5em;">You might also be interested in the products frequently bought together</span>
</div>
           <div id="divCrossSellItems" class="csdpimages-icons-box">  
             <div id="cs_carousel_icons" class="owl-carousel owl-theme" style="opacity: 1; display: block;">
				{for csItem in crossSellItems}
				    <div class="owl-item" style="width: 170px;">
				         <div style="height: 17px; display: block; width: 100%;"> 
					          {if csItem.hazardousMaterial == 1}
					             <a class="csnounderline" 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" class="csnounderlinemz" border="0" ></a>

{elseif csItem.hazardousMaterial == 2}
					             <a class="csnounderline" href="#" title="Product may incur additional oversize fees."><img  src="/baer/images/long_16.png" class="csnounderlinemz" border="0" ></a>

{/if}
					          {if csItem.dropShipItem == 1}
					             <a class="csnounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img  src="/baer/images/DropShip.png" class="csnounderlinemz" border="0" ></a>

{/if}                             				         
				         </div>
				         <div style="width: 120px;height: 120px;">
				            <a href="/baer/servlet/CyberVendor/category/G${csItem.groupNo}/catalog/group.jsp/?markProd=${csItem.productNo}" class="cslink">
				              <img src="${csItem.image}" class="csImg" style="max-height: 100% !important;" alt="Product Image: ${csItem.description}" title="Product Image: ${csItem.description}">
				            </a>
				         </div>
				         <div style="width: 100%; height: 2em;"><span class="bodyLink">${csItem.itemNumber}</span></div>
				         <div class="cspopuptext" style="width: 100%; height: 3.5em;">
				           ${csItem.description}
				         </div>
				         <div class="cspopuptext" style="width: 100%">
				            $${csItem.fprice}/${csItem.unitOfMeasure} Min Qty:${csItem.multipleQty}
				            <input type="hidden" id="Cross_Sell_MulQty_${csItem.productNo}" value="${csItem.multipleQty}">
				            <input type="hidden" id="Cross_Sell_Price_${csItem.productNo}" value="${csItem.price}">
				            <input type="hidden" id="Cross_Sell_ItemCode_${csItem.productNo}" value="${csItem.itemNumber}">				            
				         </div>
				         <div style="width: 100%">
							<div class="input-group">
							  <input class="input-group-field" type="text" id="Cross_Sell_Qty_${csItem.productNo}" value="${csItem.multipleQty}">
							  <div class="input-group-button">
							    <input class="button large primary cspopuptext" type="button" value="Add to cart" id="AddCart_Cross_Sell_${csItem.productNo}"">
							  </div>
							</div>				         
				         </div>
				    </div>
				{/for}
             </div>
             <div class="clearing"></div>
                 <span class="arrow_left prev" id="cs_prev_carousel_icons"></span>
                 <span class="arrow_right next" id="cs_next_carousel_icons"></span>
           </div>
{/if}
</div>
</form>