Search:
Submit Search:
Home
Catalog
Clearance
View Cart
Login
Menu
View Cart
Home
Tools
Screw and Fastener QuickFind
Würth Baer Supply Company LaminateFinder©
Custom Drawer Box Quote and Order Form
Laminate Samples Board Chip Reorder Form
Formica Envision™ Order / Quote Form
EZ-Build Configurators
+ Tell us what you think about WürthBaerSupply.com
Company Information
Search Advanced
Catalog
Clearance
Large Machinery
Architects & Designers Portal
Promotions
Login
View Cart
Advanced Search
Large Machinery
(Opens in new window)
Promotions
A & D
Quotes/Forms
Help
Login
Home
|
Hot Deals
Tools
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chips Sample Reorder
Formica Envision
Lecxeco
EZ Configurators
Measurement Conversions
IT Chat Support
Catalog
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chip Samples Reorder Form
Formica Envision
Lecxeco
EZ Configurators
Measurement Conversions
IT Chat Support
Items: 0 Total: $0.00
Add to cart
Web Specials
RSL-KDCDD-1
Tresco 2018 Countertop Display D
SALE $70.5900 / EA
Quantity:
RSLLED-1EB-WBL-1
1w 12vdc Mini-spot/eye Led, 3000k, Black
SALE $25.9900 / EA
Quantity:
TLTP150
CompX Timberline TP150, StealthLock Dedicated Transmitter Pad Only
SALE $39.7900 / EA
Quantity:
UBC2PPG99
Salice C2PPG99, 110°, Push to Open Hinge, HalfOverlay, Screw-on
SALE $2.1600 / EA
Quantity:
UBC2RKGD9
Salice C2RDGD9, 155°, Silentia Soft-close Hinge, Half Overlay, Dowel
SALE $4.7300 / EA
Quantity:
UBDP39XXG
Adjustable Strike Plate
SALE $2.8200 / EA
Quantity:
UBDPASNB
Magnetic Push Release, Beige
SALE $3.4400 / EA
Quantity:
WT3D700R-1440-27
15/16X1Mm 3D Edgebanding Brushed Alum
SALE $0.4410 / LF
Quantity:
WT9375-118-3728
Woodtape 3728-1503-1, 15/16 x 3mm PVC Edgebanding,Riviera Maple
SALE $0.5870 / LF
Quantity:
WT9375-118-8530
15/16x3mm Edgebanding, Secret
SALE $0.2140 / LF
Quantity:
WTSS013-05
5 Gallon Anti-static/tooling Coolant
SALE $215.9900 / EA
Quantity:
WTSS014-05
5gal Pressure Roler/tape Release Agent
SALE $220.6400 / EA
Quantity:
AA45228
Amana Tool 45228, Straight Plunge Carbide Tip Bit,2 Flute, 1/4 Shank, D - 5/8, h - 3/4, d - 1/4
SALE $14.4900 / EA
Quantity:
AA45230
Amana Tool 45230, Straight Plunge Carbide Tip Bit,2 Flute, 1/4 Shank, D - 3/4, h - 3/4, d - 1/4
SALE $15.9900 / EA
Quantity:
AA45445
Amana Tool 45445, Straight Plunge Carbide Tip Bit,2 Flute, 1/2 Shank, D - 23/32, h - 1-1/4, d - 1/2,
SALE $23.5600 / EA
Quantity:
AA45464
Amana Tool 45464, Carbide Tipped Flush Trim PlungeTemplate, 3/4 Dia x 1 Inch x 1/4 Shank with UpperB
SALE $23.3300 / EA
Quantity:
AA45704
Amana Tool 45704, V Groove Carbide Tip Bit, 2 Flute, 1/4 Shank, D - 1/2, h - 1/2, d - 1/4, L - 1-5/8
SALE $21.1500 / EA
Quantity:
AA45705
Amana Tool 45705, V Groove Carbide Tip Bit, 2 Flute, 1/4 Shank, D - 1/2, h - 5/8, d - 1/4, L - 1-3/4
SALE $23.8500 / EA
Quantity:
AA45730
Amana Tool 45730, Sign Making &, Lettering Carbide Tip Bit, 3 Flute, 1/4 Shank, D - 9/16, h - 7/1
SALE $56.6500 / EA
Quantity:
AA45904
Amana Tool 45904, Core Box (Round Nose) Carbide Tip bit, 2 Flute, 1/4 Shank, D - 1/4, h - 1/4
SALE $17.7900 / EA
Quantity:
AA45906
Amana Tool 45906, Core Box (Round Nose) Carbide Tip bit, 2 Flute, 1/4 Shank, D - 3/8, h - 1/4
SALE $20.1500 / EA
Quantity:
AA45910
Amana Tool 45910, Core Box (Round Nose) Carbide Tip bit, 2 Flute, 1/4 Shank, D - 1/2, h - 3/8
SALE $20.7100 / EA
Quantity:
AA45920
Amana Tool 45920, Core Box (Round Nose) Carbide Tip bit, 2 Flute, 1/2 Shank, D - 3/4, h - 7/16, R -3
SALE $29.5300 / EA
Quantity:
AA46102
Amana Tool 46102, Spiral Flute Solid Carbide Plunge Bit, Upcut, 3 Flute, 1/4 Shank, D - 1/4, h - 3/4
SALE $18.8900 / EA
Quantity:
AA49112
Amana Tool 49112, Cove Carbide Tip Bit with BottomMount Ball Bearing Guide, 2 Flute, 1/4 Shank
SALE $28.3900 / EA
Quantity:
AA49200
Amana Tool 49200, Roman Ogee Carbide Tip Bit withBottom Mount Ball Bearing Guide, 2 Flute, 1/4 Shank
SALE $22.8400 / EA
Quantity:
AA49506
Amana Tool 49506, Roundover (Corner Rounding) Carbide Tip Bit w/ Bottom Mount Ball Bearing Guide
SALE $18.2900 / EA
Quantity:
AA49514
Amana Tool 49514, Roundover (Corner Rounding) Carbide Tip Bit w/ Bottom Mount Ball Bearing Guide
SALE $20.5600 / EA
Quantity:
AA51558
Amana Tool 51558, Bullnose Carbide Tip Bit, 2 Flute, 1/2 Shank, D - 17/32, h - 1/2, R - 5/64
SALE $48.9200 / EA
Quantity:
AA54118
Amana Tool 54118, Raised Panel Carbide Tip Bit w/Bottom Mount Ball Bearing Guide, Ogee
SALE $64.9200 / EA
Quantity:
AA54119
Amana Tool 54119, Raised Panel Carbide Tip Bit w/Bottom Mount Ball Bearing Guide, Cove
SALE $85.8300 / EA
Quantity:
AA54121
Amana Tool 54121, Raised Panel Carbide Tip Bit w/Bottom Mount Ball Bearing Guide, Ogee
SALE $85.8300 / EA
Quantity:
AA55400
Amana Tool 55400, Carbide Tip Bit with Top Mount Ball Bearing Guide, 2 Wing, 1/2 Shank, D - 1-5/8
SALE $55.7900 / EA
Quantity:
AAAMS209
Amana Tool AMS-209 8-Piece In-Groove Insert Engraving Tool Body &, Knives 1/2in Shank Set
SALE $169.9900 / ST
Quantity:
AHADA-WHITE-U
A &, M ADA-WHITE-U, Vanity Brackets with o Panel Holes, 21" x 22", White
SALE $68.7800 / EA
Quantity:
EPBP030SN
Engineered Products (EPCO) BP030-SN Bar Pull 3" (76mm) Centers, Satin Nickel, 5-1/2" (140mm) Long
SALE $1.6800 / EA
Quantity:
KV1300WHB-20
KV 1300B WH 20 Bulk-10 Sets, 20" 75lb 3/4 Ext Lever Release Institutional Drawer Slide, White
SALE $7.6400 / ST
Quantity:
KV180B-6
KV 180 BR 6, 14in 180 Series Single Slotted ShelfBracket, Brass, Knape and Vogt
SALE $1.7400 / EA
Quantity:
KV8072PEB-12
KV 8072PEZ EB 12, 12 L Pocket Door Slides with Base Plates (No Hinges), Medium Duty 30lb Rated
SALE $19.8900 / ST
Quantity:
KV8414B-22
KV 8414B 22 Bulk-10 Sets, 22" 100lb Side Mount Full Ext Stay Close Hold Out Ball Bearing Drawer Slid
SALE $13.1900 / ST
Quantity:
KV8500Q98-18
KV 8500-98 18 Bulk-10, 18in 150lb Side Mount FullExt Ball Bearing Drawer Slide, Anochrome, Right
SALE $8.2900 / EA
Quantity:
KV8500Q99-18
KV 8500-99 18 Bulk-10, 18in 150lb Side Mount FullExt Ball Bearing Drawer Slide, Anochrome, Left
SALE $8.2900 / EA
Quantity:
KV8505P-12
KV 8505P 12, 12in 150lb Side Mount 1in OvertravelBall Bearing Drawer Slide, Anochrome, Polybag, Knap
SALE $17.9900 / ST
Quantity:
KVSD-25-21
KV SD-25-21, Keyboard Tray with Single Swivel OutMouse Under Mouse Platform, Sit-To-Stand Type, Blck
SALE $121.0000 / EA
Quantity:
ME412.770.08.0015
Grass 412.770.08.0015, 270 Degree Nexis 73 270D Institutional Hinge, Hold-Close, Screw-on
SALE $4.5200 / EA
Quantity:
FRPB944BP
Engineered Products (EPCO) 505-BP Push Latch, Non-Magnetic , Metal Housing, Brass Plated
SALE $1.3300 / EA
Quantity:
GFF051139126507
105Deg Tiomos H Hinge, Nickel
SALE $49.1900 / ST
Quantity:
GFF053139672223
Tiomos T17 Flap Hinge, Nickel, Screw-on
SALE $6.4500 / EA
Quantity:
GFF053139678223
Tiomos T17 Flap Hinge, Night, Screw-on
SALE $7.6100 / EA
Quantity:
GFF135121509207
Grass F135121509207, Vionaro H185 21"Drawer Side,Height 7-1/4", Silver Gray
SALE $41.5800 / ST
Quantity:
HSHANDSANGEL-1G
1 Gallon Hand Sanitizer - Gel
Quantity:
HSHANDSANLIQ-1G
1 Gallon Hand Sanitizer - Liquid
Quantity:
MM07194
07194 Prtclt Fltr, 5P71/P95
Quantity:
MM11033
11033 Yellow Neon Earplugs, Corded
Quantity:
MM11471
Safety Glasses, Adjustable
Quantity:
MM11818
11818 Virtua Safety Glasses, Clear Af
Quantity:
MM12002
12002 Non-Corded Earplugs
Quantity:
MM12063
12063 Yellow Neon Earplugs, Uncorded
Quantity:
MM12085
12085 Yellow Neon Earplugs, Corded
Quantity:
MM28883
28883 Org Vapor Cartridge, 2 Per Pack
Quantity:
MM29008
29008 Ear Plugs,Non-Corded
Quantity:
MM29009
29009 Ear Plugs, Corded
Quantity:
MM504
07065 Respirator Cleaning Wipes
Quantity:
MM6001
21674 Org Vapor Cartridge, 2 Per Pack
Quantity:
MM98014
98014 Earplugs, No Touch, Uncorded
Quantity:
MM98015
98015 Earplugs, No Touch, Corded
Quantity:
PEFACESHIELD
Face Shield, Elastic Band
Quantity:
PEGUARD-1
24 X 24 X.177 Acrylic Guard W/Feet
Quantity:
PEGUARD-2
32 X 24 X.177 Acrylic Guard W/Feet
Quantity:
PEGUARD-3
32 X 32 X.177 Acrylic Guard W/Feet
Quantity:
PEGUARD-4
48 X 32 X.177 Acrylic Guard W/Feet
Quantity:
PERMASK-3LYRADJ
3 Lyr Wshbl Mask,Cotton,W/Pkt,Adj
Quantity:
PERMASK-FILTER
Pm2.5 Filter, 2 Pack
Quantity:
LRPSC050-5GAL
Prospray Disinfectant, 5Gal With Spigot
Quantity:
LRPSC128-1GAL
Prospray Disinfectant, 1Gal Bottle
Quantity:
LRPSC240-24OZ
Prospray Disinfectant, 24 oz, Bottle with Trigger Spray
Quantity:
FASG-FW-CLEAR
Featherweight Safety Glasses, Clear
Quantity:
FASGAF-P510
Antifog Safety Glasses,Clear
Quantity:
FASGMAG1.5
Safety Glasses +1.5 Diopter
Quantity:
FASKINS-HD-LG
Skins Heavy Duty Gloves, Large, Textured
Quantity:
FASKINS-HD-XL
Skins Heavy Duty Gloves, XLRG, Textured
Quantity:
FASKINS-LG
Skins Gloves, Large
Quantity:
FASKINS-XL
Skins Gloves, XLRG
Quantity:
BN40-1921
Repl Cartridge (2Ea)
Quantity:
BN40-1924
Pre-Filter (10Ea)
Quantity:
DSKN95MASK-10
KN95 Dust Face Mask, Disposable, 10 Each
Quantity:
DSKN95MASK-20
Kn95 Dust Mask, Mult 20 Each
Quantity:
DSKN95MASK-50
Kn95 Dust Mask,Mult 50 Each
Quantity:
DSTHERMOMETER
Thermometer, Dual Mode
Quantity:
WW0899021212
Coverall,Cuff Wrist,Elas Ankl, Hood, M
Quantity:
WW0899021216
Coverall,Cuff Wrist,Elas Ankl, Hood, 3XL
Quantity:
WW0899800300
White Rags, New Material, No5 Box
Quantity:
WW0899800301
White Rags, New Material, No10 Box
Quantity:
WW0899800302
White Rags, New Material, No25 Box
Quantity:
WW0899800303
White Rags, New Material, No50 Box
Quantity:
WW0899800304
Gray Rags, New Material, No5 Box
Quantity:
WW0899800305
Gray Rags, New Material, No10 Box
Quantity:
WW0899800306
Gray Rags, New Material, No25 Box
Quantity:
WW0899800401
White Rags, Recycled, No5 Box
Quantity:
WW0899800402
White Rags, Recycled, No10 Box
Quantity:
WW0899800403
White Rags, Recycled, No25 Box
Quantity:
WW0899800404
Clrd Fleece Rags, Recycled, No25 Box
Quantity:
WW8890925
Glass Cleaner, 19Oz Aerosol
Quantity:
WW88947010
Nitrile Glove, Heavy Duty, Med
Quantity:
WW88947011
Nitrile Glove, Heavy Duty, Large
Quantity:
WW88947012
Nitrile Glove, Heavy Duty, X Large
Quantity:
WW8919002
Wall Bracket For Ww893900 Cleaner
Quantity:
WW8919011
Pump Only, Use With Ww893900 Cleaner
Quantity:
WW891935
Touch Free Dispenser,3L Cartridges
Quantity:
WW893900
Hand Cleaner, 1.056 Gal
Quantity:
WW893901
Px3 Plus Hand Cleaner, 15 Fl Oz
Quantity:
WW89393402
Hand Cleaner, Solvent Free, 3 Litre
Quantity:
WW899103125
Impex Safety Glasses , Clear
Quantity:
WW899103130
Flexyle Safety Glasses, Clear
Quantity:
WW899103132
Trendus Safety Glasses, Clear
Quantity:
WW899103138
Trendus Safety Glasses, Clear, Anti-Fog
Quantity:
WW899103200
Fission Safety Glasses, Clear
Quantity:
WW899103201
Fission Safety Glasses, Tinted
Quantity:
WW899103202
Fission Safety Glasses, Clear, Anti-Fog
Quantity:
WW899103203
Fission Safety Glasses, Mirror
Quantity:
WW899103204
Fission Safety Glasses,Anti-Fatigue Blue
Quantity:
WW899103208
Kinetic Safety Glasses, Clear, Anti-Fog
Quantity:
WW899103210
Element Safety Glasses, Clear, Anti-Fog
Quantity:
WW899103211
Element Safety Glasses, Ice Blue, Mirror
Quantity:
WW899103218
Nova Foam Lined Sfty Glasses, Clear, Af
Quantity:
WW899103221
Aegis Safety Goggles, Clear, Anti-Fog
Quantity:
WW899103222
Barracuda Eye And Face Protection, Af
Quantity:
WW899400415
Foam Nitrile Glove,Airflex,Med
Quantity:
WW899400416
Foam Nitrile Glove,Airflex,LRG
Quantity:
WW899400417
Foam Nitrile Glove,Airflex,XLRG
Quantity:
WW899400418
Foam Nitrile Glove,Airflex, 2X LRG
Quantity:
WW899404120
Assembly Glove, Touch, Large
Quantity:
WW89944408
Nitrile Glove, Well Nit, Med
Quantity:
WW89944409
Nitrile Glove, Well Nit, LRG
Quantity:
WW89944410
Nitrile Glove, Well Nit, XLRG
Quantity:
WW899470308
Nitrile Glove,Blue Texture,Classic, M
Quantity:
WW899470309
Nitrile Glove,Blue Texture,Classic, L
Quantity:
WW899470310
Nitrile Glove,Blue Texture,Classic, XL
Quantity:
WW899470311
Nitrile Glove,Blue Texture,Classic,2XL
Quantity:
WW899470322
Nitrile Glove,Orange Texture, Heavy, L
Quantity:
WW899470323
Nitrile Glove,Orange Texture, Heavy, XL
Quantity:
WW899470324
Nitrile Glove,Orange Texture, Heavy, 2XL
Quantity:
WW899470328
Nitrile Glove,Black Texture,Classic, M
Quantity:
WW899470329
Nitrile Glove,Black Texture,Classic, L
Quantity:
WW899470330
Nitrile Glove,Black Texture,Classic, XL
Quantity:
WW899470331
Nitrile Glove,Black Texture,Classic,2XL
Quantity:
WW899470516
Nitrile Glove,Black Texture,Premium, M
Quantity:
WW899470519
Nitrile Glove,Black Texture,Premium, 2XL
Quantity:
WWBLUEPLEATMASK
Blue Pleated Mask, Disposable
Quantity:
WWMONK-800
Monk Disinfectant Wipes, 800 Ct
Quantity:
WWRMASK-3LAYER
3 Lyr Wshbl Mask, Cotton, Black, W/Pkt
Quantity:
WJ100922-HLE-2XL
Cut Resistant Hi Vis Lime Glove,2XL
Quantity:
WJ100922-HLE-L
Cut Resistant Hi Vis Lime Glove,L
Quantity:
WJ100922-HLE-XL
Cut Resistant Hi Vis Lime Glove,XL
Quantity:
WJ10897-L
Pigskin Leather Drivers Gloves, L
Quantity:
WJ13171-XL
Anti Vibe 1/2 Finger Goatskn Gloves,XL
Quantity:
WJ13287
Safety Glasses, Clear, Antifog
Quantity:
WJ1459
Ear Plug, Corded, Nrr 30
Quantity:
WJ14987
Ear Plug, Uncorded, Nrr 33, 200 Pair
Quantity:
WJ14989
Ear Plug, Corded, Nrr 33, 100 Pair
Quantity:
WJ14993
Hi-Vis Earmuffs, Nrr 27, Foldable
Quantity:
WJ155655
Center Pull Roll, 8.3" X 660Ft
Quantity:
WJ15633-HLE-2XL
Hi-Vis Rubber Palm Gloves, Lime, 2XL
Quantity:
WJ15633-HLE-L
Hi-Vis Rubber Palm Gloves, Lime, L
Quantity:
WJ15633-HLE-M
Hi-Vis Rubber Palm Gloves, Lime, M
Quantity:
WJ15633-HLE-S
Hi-Vis Rubber Palm Gloves, Lime, S
Quantity:
WJ15633-HLE-XL
Hi-Vis Rubber Palm Gloves, Lime, XL
Quantity:
WJ1720
Tyvek Disposable Sleeve, 7-1/4 X 18In
Quantity:
WJ19880-L
Gloves, Neoprene / Latex, Textured, L
Quantity:
WJ19880-M
Gloves, Neoprene / Latex, Textured, M
Quantity:
WJ19880-XL
Gloves, Neoprene / Latex, Textured, XL
Quantity:
WJ21673
Ear Plug, Corded, Nrr 29, 100 Pair
Quantity:
WJ22067-2XL
Rubber Palm String Knit Gloves, 2XL
Quantity:
WJ22067-L
Rubber Palm String Knit Gloves, L
Quantity:
WJ22067-XL
Rubber Palm String Knit Gloves, XL
Quantity:
WJ22232-RD
Neck Cord Retainer, Economy, Red
Quantity:
WJ22851-RD
Neck Cord Retainer Brkwy Cotton, Red
Quantity:
WJ23792
Side Safety Shields, Slide On, 1 Pair
Quantity:
WJ23854
Safety Glasses, Clear Polycarb, Antifog
Quantity:
WJ23925-L
Back Support, Adj, Removable Susp, L
Quantity:
WJ23925-M
Back Support, Adj, Removable Susp, M
Quantity:
WJ23925-XL
Back Support, Adj, Removable Susp, XL
Quantity:
WJ23928
Knee Pads, Abs Plastic, Quick Release
Quantity:
WJ24238-L
Ntrl Palm Coated Nylon Knit Glove, L
Quantity:
WJ24238-XL
Ntrl Palm Coated Nylon Knit Glove, XL
Quantity:
WJ24543
Safety Glasses, Clear
Quantity:
WJ27249
Earmuffs, Ultralight 3Way, Nrr 24
Quantity:
WJ27334
Lightweight Earmuffs, NRR 26 dB, Foldable
Quantity:
WJ27505-L
Foam Latex Palm Coated Glove, L
Quantity:
WJ27702
Universal Back Support, 26-48In
Quantity:
WJ2845
Resp Fit Adv Lens Prot Film Goggles
Quantity:
WJ28868-L
Kevlar Lined Gloves, Nitrile Coated, L
Quantity:
WJ28881-2XL
Poly Palm Coated Nylon Glove, 2XL
Quantity:
WJ28881-L
Poly Palm Coated Nylon Glove, L
Quantity:
WJ28881-XL
Poly Palm Coated Nylon Glove, XL
Quantity:
WJ28894
Safety Glasses, 1.5 Diopter, Clear
Quantity:
WJ30746-L
Rubber Palm Coated Cotton Glove, L
Quantity:
WJ30746-M
Rubber Palm Coated Cotton Glove, M
Quantity:
WJ30746-XL
Rubber Palm Coated Cotton Glove, XL
Quantity:
WJ30799
Safety Glasses, Clear
Quantity:
WJ30842
Ear Plug, Corded, Flanged, Nrr 25
Quantity:
WJ3551
Lenses Cleaning Wipes, Box 100
Quantity:
WJ4041
Cotton Spray Sock, 12 Per Bag
Quantity:
WJ4614-L
Bone Mechanics Gloves, L
Quantity:
WJ4614-XL
Bone Mechanics Gloves, XL
Quantity:
WJ4695-L
Dot Palm Nitrile Coated Gloves, L
Quantity:
WJ4695-M
Dot Palm Nitrile Coated Gloves, M
Quantity:
WJ4699-L
Goatskin Utility Glove, L
Quantity:
WJ4699-XL
Goatskin Utility Glove, XL
Quantity:
WJPF220
Ear Plug, Uncorded, Nrr 33, 200 Pair
Quantity:
Add to cart
<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"> <!-- quite el id=vendor --> <label for="vendor" class="visuallyhidden">Select vendor: </label> <input type='checkbox' name='vendor' id='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}%;"> <!-- quite el id=valor h.id --> <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"> <strong>Items per page:</strong> <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> <!-- / <a id="itemPageALL" href="#" onclick="SearchFilter.search.showAllItems();" class="bodylink">ALL</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> <!--<div class="row show-for-small-only"> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.addToCard();">Add to cart</a></div> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.getPricingCall();">Pricing & availability</a></div> </div> <div class="column row"> </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> <!-- 40 --> <th class="bold" align="left" nowrap="" width="7.83132%"> </td> <!-- 65 --> <th class="bold" align="left" nowrap="" width="7.83132%"><div align="center">Qty Req.</div></td><!-- 65 --> <th class="bold" align="left" nowrap="" width="18.07228%">Product Description</td> <!-- 150 --> <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="">UoM--></td> <!-- 60--> <th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td> <!-- 200 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%" ><div align="center">Vendor</div></td> <!-- 100 --> {if displayPrice} <th class="bold hide-for-small-only" align="center" nowrap="" width="18.07228%"><div align="center">Unit<br>Price</div></td> <!-- 150 --> {/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="chk${xrow}" 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} <label class="visuallyhidden" for="quantity${xrow}">Quantity</label> <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}> {/if} <label class="visuallyhidden" for="multipleQty${xrow}">Multiple Quantity</label> <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="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif product.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if product.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </td> <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif product.priceFlag == 2} <br>${product.iconHtml} {/if} </td> <td class="hide-for-small-only"> {for h in product.headers} <div> <div style="width:60%;float:left"><strong>${h.header}</strong></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> <!-- <hr class="show-for-medium-down" /> --> {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%;"><strong>Min. Qty</strong></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><strong>UM</strong></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"><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> </div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left">${product.iconHtml}</div> {/if} <div style="float:left; width: 60%;"><strong>Vendor</strong></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"><strong>${h.header}</strong></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><strong>Unit Prices</strong></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"> <strong>Items per page:</strong> <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> <!-- / <a id="itemPageALL" href="#" onclick="SearchFilter.search.showAllItems();" class="bodylink">ALL</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> <!-- 40 --> <th class="bold" align="left" nowrap="" width="8.43373%"> </td> <!-- 70 --> <th class="bold" align="left" nowrap="" width="8.43373%"><div align="center">Qty Req.</div></td> <!-- 70 --> <th class="bold" align="left" nowrap="" width="20.48192%">Product Description</td> <!-- 170 --> <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="">UoM--></td> <!-- 60 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td> <!-- 200 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%"><div align="center">Vendor</div></td> <!-- 100 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="4.81927%"><div align="center">Qty<br/>Confirm</div></td> <!-- 40 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="9.63855%"><div align="center">Unit<br />Price - View</div></td> <!-- 80 --> </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="chk${xrow}" 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} <label for="quantity${xrow}" class="visuallyhidden">Quantity</label> <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="${product.quantity}" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}> {/if} <label for="multipleQty${xrow}" class="visuallyhidden">Multiple Quantity</label> <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="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif product.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if product.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </td> <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif product.priceFlag == 2} <br>${product.iconHtml} {/if} </td> <td class="hide-for-small-only"> {for h in product.headers} <div> <div style="width:60%;float:left"><strong>${h.header}</strong></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%;"><strong>Min. Qty</strong></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><strong>UM</strong></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"><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> </div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left">${product.iconHtml}</div> {/if} <div style="float:left; width: 60%;"><strong>Vendor</strong></div> <div style="float:left; width: 40%;">${product.manufacturerName}</div> {if product.quantityConfirmed != null} <div style="float:left; width: 60%;"><strong>Quantity Confirmed</strong></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%;"><strong>Price</strong></div> <div style="float:left; width: 40%;"><strong>${product.price}</strong></div> {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true} <div style="float:left; width: 60%;"><strong>Price</strong></div> <div style="float:left; width: 40%;"> <div><strong>${product.price} per ${product.um}</strong></div><div><strong>${product.boxPrice} for ${product.multipleQty}</strong></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"><strong>${h.header}</strong></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} <img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" 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} <img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" align="absmiddle" > Factory direct shipment. Additional freight charges may apply.<br><br> {/if} {if longItem} <img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" align="absmiddle" > Product may incur additional oversize fees.<br><br> {/if} {if hpriceBargain} <img src="/baer/images/imgLastChance000.png" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" align="absmiddle" > Last Chance to get this item at clearance price. Please note, this item can not be backordered.<br><br> {/if} <div id="iconSpecialTextList"> </div>
<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" id="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="0">Close</span> <h2> Quick Order Pad </h2> </div> <div id="bodyOrderPad"> <div id="qoPadTitleTypeItems"><h2>Copy & Paste Order Items</h2></div> <div id="qoPadSubtitleHeader"> <div id="qoPadTitleChangeFormat"><a href="#" onclick="QuickOrderPad.changeOrderFormat(event);" onkeypress="QuickOrderPad.changeOrderFormat(event);" class="bodyLink" tabindex="0">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 id="qoPadCopyBulkBody"> <label for="qoPadTextArea">Want to save time and order faster?<br/> Simply copy and paste Quantities and <span id="productFieldTitle">Würth Item #</span>'s into the fields below using the following format:<br/><br /> Quantity [TAB or COMMA] Item # [TAB or COMMA] Job Name</label><br/> <div id="qoPadTextArea"></div> </div> <div class="qoPadClear"></div> </div> <div id="qoPadFooder" style="height: 55px;"> <span class="button large primary" onclick="QuickOrderPad.bulkQuickOrder(this);" onkeypress="QuickOrderPad.bulkQuickOrder(this);" tabindex="0">Add to cart</span> <div class="otherPopTaskLinks"> <div><a href="#" onclick="QuickOrderPad.changeToDefault(event);" onkeypress="QuickOrderPad.changeToDefault(event);" class="bodyLink" tabindex="0">Add Line-by-Line</a></div> <div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" onkeypress="QuickOrderPad.openUploadPoPup(this, 1);" class="bodyLink" tabindex="0">Upload from .CSV File</a></div> </div> </div> </form> </div>
<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" role="col">Qty</div> <div class="qoPadLeft qoPadLabelItemNo" role="col"><span id="productFieldTitle">Würth Item #</span></div> <div class="qoPadLeft qoPadLabelJob" id="colJobname" role="col">Job Name</div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty1" class="visuallyhidden">Quantity 1: </label><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo1" class="visuallyhidden">Würth Item Number 1: </label><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName1" class="visuallyhidden">Job Name 1: </label><input class="inputJob" id="xJobName1" name="xJobName1" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty2" class="visuallyhidden">Quantity 2: </label><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo2" class="visuallyhidden">Würth Item Number 2: </label><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName2" class="visuallyhidden">Job Name 2: </label><input class="inputJob" id="xJobName2" name="xJobName2" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty3" class="visuallyhidden">Quantity 3: </label><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo3" class="visuallyhidden">Würth Item Number 3: </label><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName3" class="visuallyhidden">Job Name 3: </label><input class="inputJob" id="xJobName3" name="xJobName3" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty4" class="visuallyhidden">Quantity 4: </label><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo4" class="visuallyhidden">Würth Item Number 4: </label><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName4" class="visuallyhidden">Job Name 4: </label><input class="inputJob" id="xJobName4" name="xJobName4" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty5" class="visuallyhidden">Quantity 5: </label><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo5" class="visuallyhidden">Würth Item Number 5: </label><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName5" class="visuallyhidden">Job Name 5: </label><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>
<div id="measToolFrame"> <form> <div id="measToolTitle"> <span class="measToolClose measToolRight" onclick="QuickMeasureConvert.closeMeas();">Close</span> <h2 style="font-size: 11px; font-weight: bold;"> Measurement Converter </h2> </div> <div id="bodyMeasTool"> <div id="toolMeasure"> <label for="fldMeasurement" class="visuallyhidden">Enter measurement to convert: </label> <input id="fldMeasurement" value="" /> <a onclick="convertMeasure();"> <img id="btnConvert" src="/baer/images/btnConvert.gif" border="0" alt="button to Convert measurement" > </a> <div id="ansMeasurements"> </div> <div id="lblExamples"> <span style="text-decoration: underline;">Entry Examples</span>:<br />6-5/8" 2' 6.375" 2ft 6-3/8in 190.4cm 1345mm </div> </div> </div> </form> </div>
<form accept-charset="UTF-8" name="askForShoppingForm"> <table width="530" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#e2e2e2"> <td width="73"> </td> <td class="bold" width="252">Description</td> <td class="bold" width="52">Qty</td> <td class="bold" width="73">UM</td> <td class="bold" width="78">Jobname</td> </tr> {for p in products} <tr> <td border="0" align="center" height="30" nowrap=""> <div align="center"><img src="${p.image}" alt="Product: ${p.description}" /></div> </td> <td align="center" class="text">${p.productCode}<br/>${p.description}</td> <td align="center" class="text">${p.quantity}</td> <td align="center" class="text">${p.unitOfMeasure}</td> <td align="center" class="text">${p.jobname}</td> </tr> {/for} </table> </form>
<div style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);">${textMsg}</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><label for="chgpwdNewPwd">New Password:</label></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><label for="chgpwdRepPwd">Confirm Password:</label></span> </div> <div style="width:50%; float: left;"> <input type="password" id="chgpwdRepPwd" name="chgpwdRepPwd"> </div> </div> </div> </form>
<form id="shipToLoginFmt"> <div class="row column"> <span><strong>Hello ${firstName}</strong></span> </div> <div class="row column"> <span>We see your account is linked to multiple shipping addresses.</span> </div> <fieldset> <div class="row column"> <span><legend>Please select the address for this order and click on one of the options below to continue:</legend></span> </div> <div class="row column collapse"> <table> {for add in addresses} <tr> <td valign="top"><input type="radio" name="shipToAddName" id="addId_${add.addressId}" value="${add.addressId}"></td> <td valign="top"><label for="addId_${add.addressId}">${add.address1} ${add.city} ${add.state} ${add.zipcode} (Account: ${add.erpLocationId})</label></td> </tr> {/for} </table> </div> </fieldset> </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"> <label for="cskeywords" class="visuallyhidden">Search your next product here </label> <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"> <label for="searchSubmit" class="visuallyhidden">Search </label> <input type="submit" id="searchSubmit" class="button large primary cspopuptext" value="Search"> </div> </div> </div> </form> <form id="shopCartRecFmt"> <div class="row column"> {if lastItems != null && lastItems.length > 0} <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> <label for="JobNamecs-${item.id}" class="visuallyhidden">PO/Job name </label> <span><input type="text" name="JobNamecs-${item.id}" id="JobNamecs-${item.id}" class="jobnamecs" value="${item.jobname}" aria-labeledby="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="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif item.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if item.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} {if item.priceFlag == 1} <a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif item.priceFlag == 2} ${item.iconHtml} {/if} </td> </tr> {/for} </thead> </table> {/if} {if carErrors.length > 0 } <div class="row"> <div class="large-12 columns"> <div style="color: #cc0000; font-weight: bold;">${carErrors}</div> </div> </div> {/if} {if prepaidInformation != null && prepaidInformation.length > 0} <div class="row"> <div class="large-12 columns" style="height: 2em !important;"> <div align="right" style="position: relative;top: 0px;"> <div style="z-index: 1;"><span style="color: #cc0000;font-style: italic;">${prepaidInformation}</span></div> </div> </div> </div> {/if} <div class="row"> <div class="large-12 columns"> <div class="clearfix"> <label for="btncsCheckout" class="visuallyhidden">Checkout</label> <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;' alt="Red shopping cart image link to View Cart"> <span class="cartbadge">${totalItems}</span></button> <label for="btncsContinueShop" class="visuallyhidden">Continue Shopping</label> <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 != null && 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"> <!-- despues check this class --> <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="#"><img src="/baer/images/Hazmat_16.jpg" class="csnounderlinemz" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif csItem.hazardousMaterial == 2} <a class="csnounderline" href="#"><img src="/baer/images/long_16.png" class="csnounderlinemz" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if csItem.dropShipItem == 1} <a class="csnounderline" href="#"><img src="/baer/images/DropShip.png" class="csnounderlinemz" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </div> <div style="height: 18px; display: block; width: 100%;"> {if csItem.priceFlag == 1} <a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="cspopup" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif csItem.priceFlag == 2} ${csItem.iconHtml} {elseif} {/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"> <label for="Cross_Sell_Qty_${csItem.productNo}" class="visuallyhidden">Min Qty </label> <input class="input-group-field" type="text" id="Cross_Sell_Qty_${csItem.productNo}" value="${csItem.multipleQty}"> <div class="input-group-button"> <label for="AddCart_Cross_Sell_${csItem.productNo}" class="visuallyhidden">Add to cart </label> <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>
