longdesc: Aurora under cabinet lighting features more diffuse glass and easy-to-use friction clips for door release. Captioned door provides easy lamp and installation access, and mounting screws come captioned and ready to install.

longdescription:

note:

Family: 439364

FamilyURL: /aurora-collection-439364

FamilyName: Aurora

FamilySortTypeDesc: Family

VendorSortsData:

Variant:

Finish:

Bronze:

desc: Bronze

iconbase: /vendors/vendorImages

icon: bronze.jpg

units:

Option:

LED:

desc: LED

iconbase:

icon:

units:

Important:

Dimension:

Additional:

Category:

Under Cabinet - Utility:

desc: Under Cabinet - Utility

iconbase:

icon:

units:

Family:

Aurora:

desc: Aurora

iconbase:

icon:

units:

Number Of Bulbs:

desc: 5

iconbase:

icon:

units: Bulbs

Bulb Shape:

LED:

desc: LED

iconbase:

icon:

units:

Depth:

48:

desc: 48

iconbase:

icon:

units:

Length:

48:

desc: 48

iconbase:

icon:

units:

Material:

Glass, Metal:

desc: Glass, Metal

iconbase:

icon:

units:

Order Minimum:

desc: 1

iconbase:

icon:

units:

Ship Carton Height:

1.5:

desc: 1.5

iconbase:

icon:

units:

Ship Carton Length:

48:

desc: 48

iconbase:

icon:

units:

Ship Carton Width:

desc: 5

iconbase:

icon:

units:

Ship Weight:

10:

desc: 10

iconbase:

icon:

units:

Weight:

desc: 7

iconbase:

icon:

units:

Color:

Brown:

desc: Brown

iconbase:

icon:

units:

Standard:

Category:

Undercabinet:

desc: Undercabinet

iconbase:

icon:

units:

ParentSortID:

SortID: 68

TypeDesc: Category

Subcategory:

LED Undercabinet Lights:

desc: LED Undercabinet Lights

iconbase:

icon:

units:

ParentSortID: 68

SortID: 418

TypeDesc: Subcategory

Finish:

Bronze:

desc: Bronze

iconbase: /vendors/vendorImages

icon: bronze.jpg

units:

ParentSortID:

SortID: 43

TypeDesc: Finish

Style:

Transitional:

desc: Transitional

iconbase:

icon:

units:

ParentSortID:

SortID: 37

TypeDesc: Style

Option:

LED:

desc: LED

iconbase:

icon:

units:

ParentSortID:

SortID: 505

TypeDesc: Option

Glass Finish or Style:

Clear:

desc: Clear

iconbase:

icon:

units:

ParentSortID:

SortID: 83306

TypeDesc: GlassFinishorStyle

SocketInfo:

UPCCode: 00748119078120

GTIN: 00748119078120

urlVendorName: elk-home

AttributeName:

BannerAttribute:

BackOrderDate: 0000-00-00

Discontinued: 0

InStock: 54

ProductTypeID: 1

ProductTypeName: Lighting Fixtures

ExtraData: 1

allowPurchase: 1

CustomWebMarkUpAmount: 0

CustomMarkUpAmount: 0

CompareNumber: 1

itemOrderMul: 1

itemOrderMin: 1

itemOrderMinQty: 1

itemOrderMulUOM:

CatalogNames: Store,Web,Account

XOVendorID: 91-12283

VendorText:

availability: <span class=' ItemWarning' style='display:block;'>Item appears to be in stock and ready to ship<br /></span>

avail:

Store:

Manufacturer: <li>Manufacturer has 54 items available.</li>

priceDollar: 456

priceCents: 00

fullPriceDollar:

fullPriceCents:

AttributeNames:

Availability:

Store:

Manufacturer: <li>Manufacturer has 54 items available.</li>

AdditionalData:

WEB: 456.00

additional:

Collection:

title: More In This Collection From Aurora

show: true

url: /aurora-collection-439364

items: <link href="/css/ItemsListElement/itemlist_global.css?v=release_5.2.40b" rel="stylesheet" type="text/css" /> <link href="/css/ItemsListElement/xo_blocklist3.css?v=release_5.2.40b" rel="stylesheet" type="text/css" /> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGH5"><div class="itemImgBox"> <img src="/vendors/91/small/ucx00365.jpg" alt="ELK Home UCX00365 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGH5" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGH5)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGH5" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="2.70"> <div class="textHalfSize">$</div> <div class="textFullSize">2</div> <div class="textHalfSize">70</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($2.70 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGH5" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22405"> <div class="textHalfSize" external-price-extra="91-22405">$</div> <div class="textFullSize" external-price-dollar="91-22405"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22405"></div> <div class="textEachSize" external-price-extra="91-22405"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22405"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22405"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGH5"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGH5" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGH6"><div class="itemImgBox"> <img src="/vendors/91/small/ucx00640.jpg" alt="ELK Home UCX00640 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGH6" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGH6)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGH6" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="3.60"> <div class="textHalfSize">$</div> <div class="textFullSize">3</div> <div class="textHalfSize">60</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($3.60 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGH6" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22406"> <div class="textHalfSize" external-price-extra="91-22406">$</div> <div class="textFullSize" external-price-dollar="91-22406"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22406"></div> <div class="textEachSize" external-price-extra="91-22406"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22406"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22406"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGH6"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGH6" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGH7"><div class="itemImgBox"> <img src="/vendors/91/small/ucx00665.jpg" alt="ELK Home UCX00665 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGH7" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGH7)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGH7" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="3.60"> <div class="textHalfSize">$</div> <div class="textFullSize">3</div> <div class="textHalfSize">60</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($3.60 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGH7" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22407"> <div class="textHalfSize" external-price-extra="91-22407">$</div> <div class="textFullSize" external-price-dollar="91-22407"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22407"></div> <div class="textEachSize" external-price-extra="91-22407"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22407"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22407"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGH7"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGH7" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGH8"><div class="itemImgBox"> <img src="/vendors/91/small/ucx01240.jpg" alt="ELK Home UCX01240 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGH8" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGH8)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGH8" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="4.50"> <div class="textHalfSize">$</div> <div class="textFullSize">4</div> <div class="textHalfSize">50</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($4.50 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGH8" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22408"> <div class="textHalfSize" external-price-extra="91-22408">$</div> <div class="textFullSize" external-price-dollar="91-22408"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22408"></div> <div class="textEachSize" external-price-extra="91-22408"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22408"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22408"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGH8"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGH8" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGHD"><div class="itemImgBox"> <img src="/vendors/91/small/ucx07040.jpg" alt="ELK Home UCX07040 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGHD" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGHD)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGHD" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="9.00"> <div class="textHalfSize">$</div> <div class="textFullSize">9</div> <div class="textHalfSize">00</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($9.00 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGHD" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22412"> <div class="textHalfSize" external-price-extra="91-22412">$</div> <div class="textFullSize" external-price-dollar="91-22412"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22412"></div> <div class="textEachSize" external-price-extra="91-22412"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22412"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22412"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGHD"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGHD" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGHE"><div class="itemImgBox"> <img src="/vendors/91/small/ucx07065.jpg" alt="ELK Home UCX07065 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGHE" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGHE)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGHE" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="9.00"> <div class="textHalfSize">$</div> <div class="textFullSize">9</div> <div class="textHalfSize">00</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($9.00 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGHE" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22413"> <div class="textHalfSize" external-price-extra="91-22413">$</div> <div class="textFullSize" external-price-dollar="91-22413"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22413"></div> <div class="textEachSize" external-price-extra="91-22413"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22413"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22413"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGHE"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGHE" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGHG"><div class="itemImgBox"> <img src="/vendors/91/small/ucx99940.jpg" alt="ELK Home UCX99940 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGHG" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGHG)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGHG" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="14.40"> <div class="textHalfSize">$</div> <div class="textFullSize">14</div> <div class="textHalfSize">40</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($14.40 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGHG" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22415"> <div class="textHalfSize" external-price-extra="91-22415">$</div> <div class="textFullSize" external-price-dollar="91-22415"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22415"></div> <div class="textEachSize" external-price-extra="91-22415"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22415"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22415"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGHG"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGHG" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGGP"><div class="itemImgBox"> <img src="/vendors/91/small/uc180910.jpg" alt="ELK Home UC180910 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGGP" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGGP)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGGP" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="45.00"> <div class="textHalfSize">$</div> <div class="textFullSize">45</div> <div class="textHalfSize">00</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($45.00 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGGP" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22390"> <div class="textHalfSize" external-price-extra="91-22390">$</div> <div class="textFullSize" external-price-dollar="91-22390"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22390"></div> <div class="textEachSize" external-price-extra="91-22390"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22390"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22390"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGGP"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGGP" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGGQ"><div class="itemImgBox"> <img src="/vendors/91/small/uc180940.jpg" alt="ELK Home UC180940 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGGQ" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGGQ)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGGQ" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="45.00"> <div class="textHalfSize">$</div> <div class="textFullSize">45</div> <div class="textHalfSize">00</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($45.00 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGGQ" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22391"> <div class="textHalfSize" external-price-extra="91-22391">$</div> <div class="textFullSize" external-price-dollar="91-22391"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22391"></div> <div class="textEachSize" external-price-extra="91-22391"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22391"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22391"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGGQ"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGGQ" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div> <div class="itemBox " item-group="false" external-price-status="false" show-cart="true" show-price="true" show-cfp="false"> <div class="groupBorders"><div class="groupBorder"><div class="groupBorder"><div class="groupBorder"></div></div></div></div> <div class="itemBorderBox"> <div class="savingsBox itemBrowseSave RedSlashSale " data-show=""> <div class="circleBorder"><div class="circle"><div>SAVE<br>%</div></div></div> </div> <div class="itemGroupCount"> <div class="circleBorder"><div class="circle"><div><strong>1</strong><br>Items</div></div></div> </div> <a href="/under-cabinet-utility/sku-LFGGR"><div class="itemImgBox"> <img src="/vendors/91/small/uc181210.jpg" alt="ELK Home UC181210 - UNDER CABINET - UTILITY"> </div></a> <a href="/under-cabinet-utility/sku-LFGGR" aria-label="UNDER CABINET - UTILITY"><div class="itemInfoBox"> <div class="itemInfoTitle" title="UNDER CABINET - UTILITY">UNDER CABINET - UTILITY</div> <div class="itemInfoText"> <i>(LFGGR)</i> </div> </div></a> <div class="priceBox "> <a href="/under-cabinet-utility/sku-LFGGR" aria-label="Item Details" class="floatLeft"> <div class="itemPriceBox"> <div class="extPriceTitle">List Price:</div> <div class="currentPrice" data="48.60"> <div class="textHalfSize">$</div> <div class="textFullSize">48</div> <div class="textHalfSize">60</div> <div class="textEachSize"> <div> <div class="fullPrice" data-show=""><strong>WAS:</strong> $0.00</div> </div> <div> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span>($48.60 / 1)</span></span> </div> </div> </div> </div> </a>  <div style="clear:both;"></div> <a href="/under-cabinet-utility/sku-LFGGR" aria-label="Item Details" class="floatLeft"> <div class="externalPrice itemPriceBox"> <div class="extPriceTitle">Your Price:</div> <div class="currentPrice" external-price="91-22392"> <div class="textHalfSize" external-price-extra="91-22392">$</div> <div class="textFullSize" external-price-dollar="91-22392"><i class="fa fa-spinner fa-spin"></i></div> <div class="textHalfSize" external-price-cents="91-22392"></div> <div class="textEachSize" external-price-extra="91-22392"> <span class="each" each="1" empty-hide="">/ </span> <span class="pack" each="1">/ 1 <span external-price-compare="91-22392"></span></span> </div> </div> </div> </a>  </div> <div class="callForPrice "> Call for Price </div> <div class="availabilityBox"> </div> <div class="itemButtonBox" cart="true" wishlist="true" estimate="true" quote=""> <div class="itemButton itemButton1 selectedListBtn" xo-popover="Cart" quantity="1" value="91-22392"> <i class="fa fa-plus-circle"></i> ADD </div> <div class="itemButton itemButton2" xo-popover="Compare" value="LFGGR"> <i class="fa fa-files-o"></i> COMPARE </div><a href="/under-cabinet-utility/sku-LFGGR" aria-label="Item Details"><div class="itemButton"> <i class="fa fa-info-circle"></i> INFO </div></a> <div style="clear:both;"></div> </div> </div>  </div>

identifiers:

XO Item Number:

labelID: 2

label: Internal #

identValue: 9X8W7

Translation:

whitelabel: 0

zoom:

enabled: true

placement:

js: /JavaScript/jquery/cloud-zoom.1.0.2.js

css: /css/jquery/cloud-zoom.css

rel: position:'inside', showTitle:false, adjustX:-4, adjustY:-4

files:

images:

default:

Filename: a248uc_15.jpg

VendorID: 91

Description: Default Photo

Status: 0

Deleted: 0

code:

apps:

footer: <div id="askQuestion" class="transPopup" data-width="350px" data-header="Ask A Question"> <div style="padding:20px;"> <form action="/FormMailer.php" method="POST"> <input type="hidden" name="emailerVal_location" value="/"> <input type="hidden" name="emailerVal_to" value="[email protected]"> <input type="hidden" name="emailerVal_headers" value="[email protected]"> <input type="hidden" name="emailerVal_subject" value="Question For Client Services"> <input type="hidden" name="ClientDB" value="outdoorlighting"> <div class="dyn-group v-spacing" data-justify="group"> <div data="icon"><i class="fa fa-user"></i></div> <input type="text" name="Name" placeholder="Full Name" aria-label="Full Name"> </div> <div class="dyn-group v-spacing" data-justify="group"> <div data="icon"><i class="fa fa-envelope"></i></div> <input type="text" name="Email" placeholder="Email Address" data-only="email" aria-label="Email Address"> </div> <div class="dyn-group v-spacing" data-justify="group"> <textarea type="text" name="Question" placeholder="Ask your question here..." aria-label="Question"></textarea> </div> <div class="dyn-group v-spacing" data-justify="group"> <button type="submit" class="bg-blue">Submit Question</button> </div> </form> </div> </div> <div id="printRecieptPopBox" class="transPopup" data-width="430px" data-header="Print"> <div style="padding:20px; max-height: calc(80vh - 200px); overflow:auto;"> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="CustomerReceipt" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="dyn-group buttontitle align-left" data-justify="enable"> Customer Copy</div> <div class="dyn-group" data-justify="disable" style="margin-right:5px;"> <button aria-label="email" id="PrintEmailCustomer" class="xo-btn btn-blue-3"><i class="fa fa-envelope noMarginRight"></i></button> </div> <div class="dyn-group" data-justify="disable" style="padding-right:0px; text-align:right;"> <button class="xo-btn btn-blue-3" action="toggle" data-content="Customer Options" data-status="inactive">Options <i class="fa fa-angle-down"></i></button> </div> </div> <div class="dyn-box" data="Customer Options"> <div style="padding:10px; background:#f1f1f1; border-radius:5px;"> <div class="dyn-group buttonspacing" data-justify="group"> <button id="printCustomerImages" type="button" class="bg-white" action="checkbox" data-status="active" data-content="Print Image Settings"></button> <div class="buttontitle"> Images</div> <div class="dyn-group dyn-box align-right activeShow" style="margin:0px; padding:0px;" data="Print Image Settings"> <button id="printCustomerImagesSmall" type="button" class="bg-white" action="select">Small</button> <button id="printCustomerImagesLarge" type="button" class="bg-white activeBtn" action="select">Large</button> </div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerDetails" type="button" class="bg-white" action="checkbox" data-status="active" data-content="Print Detail Settings"></button> <div class="buttontitle"> Item Details</div> <div class="dyn-group dyn-box align-right activeShow" data="Print Detail Settings" style="margin:0px; padding:0px;"> <button id="printCustomerDetailsBasic" type="button" class="bg-white activeBtn" action="select">Basic</button> <button id="printCustomerDetailsAll" type="button" class="bg-white" action="select">All</button> </div> </div> <div class="dyn-group buttonspacing inactiveHidden" data-justify="group"> <button aria-label="checkbox" id="printCustomerInfo" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Customer Information</div> </div> <div class="dyn-group buttonspacing inactiveHidden " data-justify="group"> <button aria-label="checkbox" id="printCustomerPrices" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Item Prices</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerTotal" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Order Totals</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerVendor" type="button" class="bg-white accountLoginPermission" action="checkbox" ></button> <div class="buttontitle accountLoginPermission"> Vendor Information</div> </div>  <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerItemNotes" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Item Notes </div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerSalesRepNotes" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Sales Rep Notes </div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="printCustomerShipNotes" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Order Notes </div> </div> <div class="dyn-group buttonspacing" data-justify="group" > <button aria-label="checkbox" id="printCustomerTerms" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Terms & Conditions</div> </div> <div class="dyn-group buttonspacing" data-justify="group" > <button aria-label="checkbox" id="printCustomerPickup" type="button" class="bg-white" action="checkbox" data-status="inactive"></button> <div class="buttontitle"> Pickup/Delivery Date</div> </div> </div> </div> </div> <div class="popBtnContainer"> <button type="button" class="primaryPopupBtn xo-btn btn-blue popupCloseBtn noMarginTop" onclick="printOrderPage();"><i class="fas fa-print"></i> Print</button> <button type="button" class="primaryPopupBtn xo-btn btn-blue-3 popupCloseBtn noMarginTop">Done</button> </div> </div> <div id="emailListPopup" class="transPopup" data-width="400px" data-header="Email" data-function="" data-function-var=""> <div style="padding:20px; max-height: calc(80vh - 200px); overflow:auto;"> <field-box> <input-group auto-adjust> <prefix style="width:90px; text-align:left;">To:</prefix> <input id="emailListPopupTo" type="text" data-only="email" autocomplete="chrome-off" placeholder="Enter email address"> </input-group> </field-box> <field-box> <input-group auto-adjust> <prefix style="width:90px; text-align:left;">From:</prefix> <input id="emailListPopupReplyTo" type="text" data-only="email" autocomplete="chrome-off" placeholder="Enter email address"> </input-group> </field-box> <field-box> <input-group auto-adjust> <prefix style="width:90px; text-align:left;">Subject:</prefix> <input id="emailListPopupSubject" type="text" placeholder="Enter email subject"> </input-group> </field-box> <field-box> <input-group auto-adjust> <textarea id="emailListPopupBody" style="min-height:100px;"></textarea> </input-group> </field-box> <div class="dyn-group floatRight buttonspacing"> <button class="xo-btn btn-blue-3" action="toggle" data-content="Email Options">Options <i class="fa fa-angle-down"></i></button> </div> <div style="clear:both;"></div> <div class="dyn-box" data="Email Options"> <div style="padding:10px; background:#f1f1f1; border-radius:5px;"> <div class="dyn-group buttonspacing" data-justify="group" > <button aria-label="checkbox" id="sortByButton" type="button" class="bg-white" action="checkbox" data-status="inactive"></button> <div class="buttontitle"> Sort Items By</div> </div> <script defer> var sortCookieValue = readCookie('orderBy'); function setSortFromCookie() { if (sortCookieValue) { $xo('#sortBySelect').val(sortCookieValue); $xo('#sortByButton').attr('data-status','active'); $xo('#sortBydropD').removeClass('hidden'); } else { $xo('#sortByButton').attr('data-status','inactive'); } } $xo('#sortByButton').click(function() { if ($xo('#sortByButton').attr('data-status') === 'active') { $xo('#sortBydropD').addClass('hidden'); document.cookie = 'orderBy=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;'; } else { $xo('#sortBydropD').removeClass('hidden'); changelistViewCookie(); } }); function changelistViewCookie() { var orderByEP = $xo('#sortBySelect').val(); createCookie('orderBy', orderByEP); } </script> <div class="dyn-group buttonspacing" data-justify="group" > <div id="sortBydropD" class="sortBydropDown hidden" style="width: 100%;"> <select id="sortBySelect" onchange="changelistViewCookie();" style="width: 100%;">  <option value="invItemID">Product Entry</option> <option value="itemTotal">Total</option> <option value="qty">Quantity</option> <option value="itemVendor">Vendor</option> <option value="itemDesc">Item Name</option> <option value="itemRoom">Room</option> </select> </div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="email" id="emailImages" type="button" class="bg-white" action="checkbox" data-status="active" data-content="Email Image Settings"></button> <div class="buttontitle"> Images</div> <div class="dyn-group dyn-box align-right activeShow" style="margin:0px; padding:0px;" data="Email Image Settings"> <button id="emailImagesSmall" type="button" class="bg-white" action="select">Small</button> <button id="emailImagesLarge" type="button" class="bg-white activeBtn" action="select">Large</button> </div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="email" id="emailDetails" type="button" class="bg-white" action="checkbox" data-status="active" data-content="Email Detail Settings"></button> <div class="buttontitle"> Item Details</div> <div class="dyn-group dyn-box align-right activeShow" data="Email Detail Settings" style="margin:0px; padding:0px;"> <button id="emailDetailsBasic" type="button" class="bg-white activeBtn" action="select">Basic</button> <button id="emailDetailsAll" type="button" class="bg-white" action="select">All</button> </div> </div> <div class="dyn-group buttonspacing inactiveHidden" data-justify="group"> <button aria-label="checkbox" id="emailCustomerInfo" type="button" class="bg-white" action="checkbox"></button> <div class="buttontitle"> Customer Information</div> </div> <div class="dyn-group buttonspacing inactiveHidden " data-justify="group"> <button aria-label="checkbox" id="emailPrices" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Item Prices</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailTotal" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Order Totals</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" type="button" id="emailVendor" class="bg-white accountLoginPermission" action="checkbox" ></button> <div class="buttontitle accountLoginPermission"> Vendor Information</div> </div>  <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailItemNotes" type="button" class="bg-white" action="checkbox"></button> <div class="buttontitle"> Item Notes</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailSalesRepNotes" type="button" class="bg-white" action="checkbox"></button> <div class="buttontitle"> Sales Rep Notes</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailShipNotes" type="button" class="bg-white" action="checkbox"></button> <div class="buttontitle"> Order Notes</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailRebate" type="button" class="bg-white" action="checkbox"></button> <div class="buttontitle"> Account Rebate</div> </div> <div class="dyn-group buttonspacing" data-justify="group"> <button aria-label="checkbox" id="emailTerms" type="button" class="bg-white" action="checkbox" data-status="active"></button> <div class="buttontitle"> Terms & Conditions</div> </div> <div class="dyn-group buttonspacing" data-justify="group" > <button aria-label="checkbox" id="emailInStorePickup" type="button" class="bg-white" action="checkbox" data-status="inactive"></button> <div class="buttontitle"> Pickup/Delivery Date</div> </div> </div> </div> </div> <div style="padding:0px 20px;"> <div class="buttonspacing"> <button type="button" class="primaryPopupBtn xo-btn btn-blue popupCloseBtn noMarginTop" onclick="shouldCallFromParent() ? parent.sendEmailListPopup(this) : sendEmailListPopup(this);"><i class="fas fa-envelope"></i> Email</button> <button type="button" class="primaryPopupBtn xo-btn btn-blue-3 popupCloseBtn noMarginTop">Cancel</button> </div> </div> </div> <style> #itemToListPopup .dropdownIcon { display:inline-block; vertical-align:top; width:26px; height:26px; margin:5px 5px 0 0; background:#fff; border-radius:3px; text-align:center; overflow:hidden; } #itemToListPopup .dropdownIcon img { height:26px; margin:0px; } #itemToListPopup si-option { padding-top:5px; padding-bottom:5px; } #itemToListPopup si-option .dropdownText { display:inline-block; vertical-align:top; line-height:18px; white-space:normal; padding-right:5px; } </style> <div id="itemToListPopup" class="transPopup" data-width="375px" data-header="Add Items" data-function="popupFocus" data-function-var="#itemToListPopup input[name='ItemToListName']"> <div style="padding:20px 20px 10px;"> <tab-box> <tab-group toggle="" auto-adjust> <button data="1" active>Add From Catalog</button> <button data="2">Add New Item</button> </tab-group> <tab-group contents> <tab-content data="1" active=""> <field-box> <field-title>Product #</field-title> <input-group auto-adjust required> <prefix>#</prefix> <select-input api-get="/api/v0/product?fields=ItemID,ItemNum,BaseItemNum,internalitemnum,Price,ItemName,vendorname,VendorID,ImageName,vItemID&limit=10&sort=FeatS&keyword=[%value%]" option-value="[%VendorID%]-[%VItemID%]" option-text="<div class=dropdownIcon><img src=/vendors/[%VendorID%]/small/[%Image Name%] ></div><div class=dropdownText><div><strong>[%Item Name%] ([%Internal Item Number%])</strong> by [%Vendor Name%]</div><div>$[%Price%]</div></div>" auto-adjust option-only> <input name="itemNumberCatalog" placeholder="Item #" data-enter="#addItemToOrder"> </select-input> </input-group> </field-box> <script> $xo('#itemToListPopup [name="itemNumberCatalog"]').on('change',function() { var thisVar = this; setTimeout(function() { var itemID = $xo(thisVar).val(); if (itemID != '') { var item_m = new ItemModel(itemID); item_m.get({ fields:'Price', limit:1 },function(data) { $xo('#itemToListPopup input[name="itemPriceCatalog"]').attr('placeholder',data['results'][0]['Price']); }); } },10); }); </script> <field-box> <field-title>Quantity</field-title> <input-group auto-adjust> <prefix><i class="fas fa-sort-numeric-up-alt"></i></prefix> <input type="text" name="itemQuantityCatalog" placeholder="Specify Quantity..." value="1" data-empty="1" data-only="numbers" data-enter="#addItemToOrder"> </input-group> </field-box> <field-box id="AddToGroup"> <field-title>Grouped By</field-title> <input-group auto-adjust> <prefix class="cButtonPrint"><i class="fa fa-home"></i></prefix> <select-input api-get="/api/v0/ordergroup?fields=RoomDesc&RoomDesc=[%value%]%" option-value="[%RoomDesc%]" option-text="[%RoomDesc%]" auto-adjust> <input name="itemRoomCatalog" placeholder="Specify Grouping..."> </select-input> </input-group> </field-box> <field-box> <field-title>Product Price</field-title> <input-group auto-adjust> <prefix><i class="fa fa-usd"></i></prefix> <input type="text" name="itemPriceCatalog" placeholder="Item Price" data-empty="0.00" data-only="decimal" data-enter="#addItemToOrder"> </input-group> </field-box> <div class="dyn-group v-spacing" data-justify="group" style="margin-top:20px; padding-right:0px;"> <button id="addItemToOrder" class="xo-btn btn-green" style="width:100%;" onclick="addItem('From Catalog');"><i class="fas fa-plus"></i> Add Item <strong>To <span class="listTypeEntry">Order</span></strong></button> </div> <div class="addItemMessage"></div> </tab-content> <tab-content data="2"> <field-box> <field-title>Vendor Name</field-title> <input-group auto-adjust required> <prefix><i class="fa fa-truck"></i></prefix> <select-input auto-adjust api-get="/api/v0/supplier?Deleted=0&sort=Business.bName&clientSpecific=1&Business.bName=%[%value%]%" option-value="[%InternalName%]" option-text="[%InternalName%]" selected-text="[%InternalName%]" focus="false" loading="false"> <input type="text" name="extItemVendorCatalog" placeholder="Enter Vendor Name"> </select-input> </input-group> </field-box> <field-box> <field-title>Product Name</field-title> <input-group auto-adjust required> <prefix><i class="fa fa-font"></i></prefix> <input type="text" name="extItemNameCatalog" placeholder="Product Name"> </input-group> </field-box> <field-box> <field-title>Product #</field-title> <input-group auto-adjust required> <prefix>#</prefix> <input type="text" name="extItemNumberCatalog" placeholder="Item #"> </input-group> </field-box> <field-box> <field-title>Cost of Goods Sold (COGS)</field-title> <input-group auto-adjust required> <prefix><i class="fa fa-usd"></i></prefix> <input type="text" name="extItemCogsCatalog" data-only="decimal" placeholder="Cost of Goods Sold"> </input-group> </field-box> <field-box> <field-title>Product Price</field-title> <input-group auto-adjust required> <prefix><i class="fa fa-usd"></i></prefix> <input type="text" name="extItemPriceCatalog" data-only="decimal" placeholder="Item Price"> </input-group> </field-box> <div style="font-size:14px; font-weight:700; color:#666; margin-top:10px;"> Add this new item to: </div> <div class="dyn-group v-spacing" data-justify="group" style="padding-right:0px;"> <div class="dyn-group" data-justify="group" style="padding-right:10px;"> <button id="AddExternalItemToOrderOnly" class="xo-btn btn-green" data-justify="enable" onclick="addItem('To Order Only');"><i class="fas fa-plus"></i> <strong><span class="listTypeEntry">Order</span></strong></button> </div> <div class="dyn-group" data-justify="group"> <button id="AddExternalItemToCatalog" class="xo-btn btn-green-3" data-justify="enable" onclick="addItem('To Catalog & Order');"><i class="fas fa-plus"></i> <strong>Catalog & <span class="listTypeEntry">Order</span></strong></button> </div> </div> <div>View your added items <a href="/Page-Reports?ReportID=71" target="_blank">here</a>.</div> <div class="addItemMessage"></div> </tab-content> </tab-group> </tab-box> </div> </div> <div id="posPopup" class="transPopup" data-width="350px" data-header="Point Of Sale"> <div style="padding:20px;"> <strong>Point of Sale</strong><br> <div class="dyn-group v-spacing" data-justify="group"> <div data="icon"><i class="fa fa-pencil"></i></div> <input type="text" name="posInfo" onchange="addPOSInfo(this.value);" aria-label="Point of Sale"> </div> </div> </div> <div id="warningPopup" class="transPopup" data-width="400px" data-header="Warning Message"> <div style="padding:10px 50px 50px; text-align:center; color:#fff; font-size:20px;"> <div id="warningMessage"></div> </div> </div> <div id="errorPopup" class="transPopup" data-width="400px" data-header="Error Message"> <div style="padding:50px; text-align:center; color:#000;"> <div id="errorMessage"></div> </div> </div> <div id="infoPopup" class="transPopup" data-width="400px" data-header="Notification"> <div style="padding:25px; text-align:center; color:#000;"> <div id="infoMessage"></div> </div> </div> <div id="confirmPopup" class="transPopup" data-width="400px" data-header="Confirmation"> <div style="padding:0px 25px 25px; text-align:center; color:#000;"> <div id="confirmMessage"></div> <div id="confirmButtons"> <button class="xo-btn btn-blue popupCloseBtn" data="confirm">Confirm</button> <button class="xo-btn btn-blue-3 popupCloseBtn" data="cancel">Cancel</button> </div> </div> </div> <input type="hidden" id="confirmInvoiceID" value="" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,700" type="text/css"> <script async src="//kit.fontawesome.com/f9338343ab.js" crossorigin="anonymous"></script>    <link rel="stylesheet" href="/file_includes.php?files=JavaScript/templateScripts/FootContent/FootContent.css,JavaScript/templateScripts/popup/popup.css,JavaScript/Modules/popover/popover.css&v=release_5.2.40b" type="text/css" /> <script type="text/javascript" src="/file_includes.php?files=JavaScript/templateScripts/FootContent/FootContent.js&v=release_5.2.40b"></script> <style type="text/css"> .cogs { visibility:; } .vii { visibility:; } </style> <script> window.addEventListener('DOMContentLoaded', function() { var cyr = new Date().getFullYear(); for (yr=cyr;yr<cyr+12;yr++) { $xo( ".fillYear" ).append( "<option value='"+yr+"'>"+yr+"</option>" ); } // ===================================================================================================================================================================== // GOOGLE ANALYTICS // ===================================================================================================================================================================== (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','gaxo'); gaxo('create', 'UA-66332110-1', 'auto', { 'allowLinker': true }); gaxo('send', 'pageview'); gaxo('require', 'linker'); gaxo('linker:autoLink', ['xolights.com','xologicstore.com'], false, true); gaxo('require', 'displayfeatures'); // ===================================================================================================================================================================== // PENDO TRACKING // ===================================================================================================================================================================== var loginTypeText = 'Web Guest'; if (loginType == 1) { loginTypeText = 'Salesrep'; if (loginAccess == true) { loginTypeText = 'Admin'; } if (isSuperuser == 'true') { loginTypeText = 'Superuser'; } } else if (loginType == 2) { loginTypeText = 'Contractor'; } else if (loginType == 4) { loginTypeText = 'Order Login'; } else if (loginType == 5) { loginTypeText = 'Customer'; } (function(apiKey){ (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[]; v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){ o[m]=o[m]||function(){ o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]); y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js'; z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo'); // Call this whenever information about your visitors becomes available // Please use Strings, Numbers, or Bools for value types. pendo.initialize({ visitor: { id: loginID +'_'+ clientDB, full_name: loginName, loginType: loginType, loginTypeText: loginTypeText, Login_ID: loginEmail, AccountName: readCookie('accountName'), CustomerName: readCookie('customerName') }, account: { id: clientDB, StoreDesc: StoreDesc, clientID: clientID, } }); })('f352942c-93cf-491b-4b96-2093734c1112'); }); setSortFromCookie(); </script>

versionnumber: release_5.2.40b

randomKey: 1776333992

cookies:

recent: 9X8W7

most_recent: 9X8W7

session:

clientDB: outdoorlighting

X-CSRFToken: cf770d31aab1059704a639b15349cd18d47e8aec38e9338e7775a0ef69a7730c

IPaddress: 3.145.106.7

userAgent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

popup:

loginerrors:

serverName: outdoorlighting.xologic.com

hasSSL: 1

LastWriteTime:

CheckOut:

superuser:

clientID: 492

clientIndustry: 1,5,6,8,9

loginID: 2

session: m84brhisi7iqrfino6mfqqp3oo

username: WEBGUEST

currentPage: ItemDetail

numToDisp: 24

access:

lastNotification:

loginType: 3

DevDecID: 1

loginName: Web Orders

employeeID: 32

storeName: Outdoor Lighting Company Inc.

LogoFileName: logo_new.png

PricingType: 2

CatColorScheme:

WebLogoPath:

CustomSchemePath:

WebDisplayWebsite: 1

WebSiteTypeID: 117

loggedInContractorID: 2

WebCustomerContractorID: 1

WebContractorID: 2

CustomTaxonomy: 0

currentContractor: 2

ContInfo:

coFName:

coLName:

coHomePhone:

coCellPhone:

coBName: Web Orders

coBAddress:

coBCity:

coBStateID: 0

coBZip:

coBPhone1:

coBPhone2:

coContractorID: 2

coPersonID: 4

coBusinessID: 3

coBAddressID: 4

coBCPersonID: 5

coBCFName:

coBCLName:

coDiscount: 0

coDiscDisp: percent

coRebate: 0

coCustomConID:

coEmail:

coSalesmanID: 32

coAccountTypeID: 12

coTierID: 1

WebOrders: 1

WebContID: 2

StatusLocation: Room

CurrentItemBrowseType: CatalogBrowse

permissions:

32:

ItemDetail: 1

VIToggleable:

VIOn:

CMToggleable:

QuotesRequests:

IgnoreCheckoutSettings:

CMOn:

ShowQuoteReqPricing:

numMarkupTables:

1: 2

TagsAndLabels:

tearSheetID: 2

LastQueries:

under-cabinet-utility/sku-9X8W7|: 59

get:

url: under-cabinet-utility/sku-9X8W7

fuseaction: ItemDetail

detailedItem: 9X8W7

callingPage: CatalogBrowse

limitRange: 0

post:

company: outdoorlighting

username: WEBGUEST

password: WEBGUEST

template: ../../../apps/ClientApps/outdoorlighting/custom/templates/ItemDetail/levAR-ajax

decisionAnswers:

id: 107

text:

id: 112

text:

id: 109

text: inside

id: 108

text:

ItemListFilter:

id: 151

text:

DisplayWishlist:

id: 414

text:

uiclass: ItemDetail

OtherDetails: false

Part Number: 9X8W7 / Vendor ID Number: 91 / Custom:

UNDER CABINET - UTILITY

456

Pack Of: 1

54 In Stock

COGs: $228.00

Add To Cart

Add To Estimate

Add To Wishlist

Compare Item

Qty

Product Specification

Dimensions

Height: 1.00"

Width: 5.00"

Finish

Bronze

Product Overview

Aurora under cabinet lighting features more diffuse glass and easy-to-use friction clips for door release. Captioned door provides easy lamp and installation access, and mounting screws come captioned and ready to install.

Product Availability

Item appears to be in stock and ready to ship

Technical Details

Details

Category:

Undercabinet

Subcategory:

LED Undercabinet Lights

Finish:

Bronze /vendors/vendorImages bronze.jpg

Style:

Transitional