dales.officechoice.com.au
Open in
urlscan Pro
20.92.129.85
Public Scan
Submitted URL: https://www.ocpm.com.au/
Effective URL: https://dales.officechoice.com.au/
Submission: On July 02 via api from US — Scanned from AU
Effective URL: https://dales.officechoice.com.au/
Submission: On July 02 via api from US — Scanned from AU
Form analysis 1 forms found in the DOM
Name: formHome — POST ./
<form name="formHome" method="post" action="./" id="formHome" novalidate="novalidate">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="4aPcbU7Yh7AWY3Kh0m7z/EqSNRRcdONzvmIGfzrNp50XUMvitIloAQVMZRacC//MKbBQVbwAY2Yp5e2rho1uqlbDT98QOAOLjMmflVTId/Am6H0DvEo/7G/388V7S8HrK7b+Ra+mhaU8/VbdBOhLcFB2HXctQeA7mrRQJeVFDAFad9j8Aey8KN50h1PT/Us7">
</div>
<div>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="8D0E13E6">
</div>
<div id="generic-overlay-message" style="display: none;">
<header class="modal-header"></header>
<section class="modal-content"><label class="message-body"></label></section>
<footer class="modal-footer"><button type="button" class="btn cv-confirm push-right" onclick="javascript: $.fancybox.close(true); return false;">Close</button></footer>
</div>
<!-- CV ZONE LAYOUT & GRID -->
<div id="cv-zone-layout" class="grid">
<!-- ZONE TOP-BAR -->
<div id="cv-zone-topbar">
<section class="cv-header-topbar">
<div class="container">
<div id="webfont-preload-22405b3c-8c34-4c3f-9494-96f201a665cc" class="webfont-preload ">
<!--
https://caniuse.com/?search=woff
https://caniuse.com/?search=woff2
https://stackoverflow.com/questions/1330825/preloading-font-face-fonts/46830425#46830425
-->
<!-- CV Base Icon Fonts -->
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-base/webfonts/menu/icomoon.woff">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-base/webfonts/ico-general/cv-ico-general.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.woff">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-base/webfonts/ico-social/cv-ico-social.woff2">
<!-- Client Fonts -->
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-client-updates/fonts/ITCAvantGardeStd-BkObl.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-client-updates/fonts/ITCAvantGardeStd-Md.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-client-updates/fonts/ITCAvantGardeStd-MdObl.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-client-updates/fonts/ITCAvantGardeStd-BoldObl.woff2">
<link rel="preload" as="font" crossorigin="anonymous" href="/Themes/BPDTHEME01/theme-client-updates/fonts/ITCAvantGardeStd-Bold.woff2">
</div>
<nav class="widget-mobile-menu-zoned widget-mobile-menu" id="widget-mobile-menu-zoned-fa360db6-8a73-45a4-b2bf-3ef0dd331e86">
<button type="button" class="btn ghost cv-mobile-menu-zone-button"></button>
<aside class="mobile-menu">
<div class="container">
<a href="/" class="widget-logo main-logo"><img src="/Themes/BPDTHEME01/theme-client-updates/img/logos/logo-wide.png" alt="Logo"></a>
<div id="widget-product-category-list-static-f0bbeac9-34fb-4497-a746-11e14c00d14a" class="widget-product-category-list-static widget-product-category-list ">
<ul class="top-level">
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX01">
<a class="box-title level1" href="/categories/filing-products" data-parent-code="" data-category-code="SX01">
<span class="desc">Filing Products</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0101">
<a class="box-title" href="/categories/filing-products/binders-and-folders" data-parent-code="SX01" data-category-code="SX0101">
<span class="desc">Binders & Folders</span>
</a>
</li>
<li class="non-expandable" id="SX0102">
<a class="box-title" href="/categories/filing-products/dividers" data-parent-code="SX01" data-category-code="SX0102">
<span class="desc">Dividers</span>
</a>
</li>
<li class="non-expandable" id="SX0103">
<a class="box-title" href="/categories/filing-products/files" data-parent-code="SX01" data-category-code="SX0103">
<span class="desc">Files</span>
</a>
</li>
<li class="non-expandable" id="SX0104">
<a class="box-title" href="/categories/filing-products/filing-and-storage" data-parent-code="SX01" data-category-code="SX0104">
<span class="desc">Filing & Storage</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX02">
<a class="box-title level1" href="/categories/furniture" data-parent-code="" data-category-code="SX02">
<span class="desc">Furniture</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0201">
<a class="box-title" href="/categories/furniture/chairs-and-accessories" data-parent-code="SX02" data-category-code="SX0201">
<span class="desc">Chairs & Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0203">
<a class="box-title" href="/categories/furniture/signage" data-parent-code="SX02" data-category-code="SX0203">
<span class="desc">Signage</span>
</a>
</li>
<li class="non-expandable" id="SX0204">
<a class="box-title" href="/categories/furniture/stools-and-ladders" data-parent-code="SX02" data-category-code="SX0204">
<span class="desc">Stools & Ladders</span>
</a>
</li>
<li class="non-expandable" id="SX0205">
<a class="box-title" href="/categories/furniture/storage" data-parent-code="SX02" data-category-code="SX0205">
<span class="desc">Storage</span>
</a>
</li>
<li class="non-expandable" id="SX0206">
<a class="box-title" href="/categories/furniture/whiteboards-and-memo-boards" data-parent-code="SX02" data-category-code="SX0206">
<span class="desc">Whiteboards & Memo Boards</span>
</a>
</li>
<li class="non-expandable" id="SX0207">
<a class="box-title" href="/categories/furniture/office-furniture" data-parent-code="SX02" data-category-code="SX0207">
<span class="desc">Office Furniture</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX03">
<a class="box-title level1" href="/categories/ink-and-toner" data-parent-code="" data-category-code="SX03">
<span class="desc">Ink & Toner</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0301">
<a class="box-title" href="/categories/ink-and-toner/inkjets" data-parent-code="SX03" data-category-code="SX0301">
<span class="desc">Inkjets</span>
</a>
</li>
<li class="non-expandable" id="SX0302">
<a class="box-title" href="/categories/ink-and-toner/ribbons-and-film" data-parent-code="SX03" data-category-code="SX0302">
<span class="desc">Ribbons & Film</span>
</a>
</li>
<li class="non-expandable" id="SX0303">
<a class="box-title" href="/categories/ink-and-toner/toner" data-parent-code="SX03" data-category-code="SX0303">
<span class="desc">Toner</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX04">
<a class="box-title level1" href="/categories/kitchen-cleaning-and-safety" data-parent-code="" data-category-code="SX04">
<span class="desc">Kitchen, Cleaning & Safety</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0401">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/cleaning" data-parent-code="SX04" data-category-code="SX0401">
<span class="desc">Cleaning</span>
</a>
</li>
<li class="non-expandable" id="SX0402">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/first-aid" data-parent-code="SX04" data-category-code="SX0402">
<span class="desc">First Aid</span>
</a>
</li>
<li class="non-expandable" id="SX0403">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/food-and-beverages" data-parent-code="SX04" data-category-code="SX0403">
<span class="desc">Food & Beverages</span>
</a>
</li>
<li class="non-expandable" id="SX0404">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/kitchen" data-parent-code="SX04" data-category-code="SX0404">
<span class="desc">Kitchen</span>
</a>
</li>
<li class="non-expandable" id="SX0405">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/safety" data-parent-code="SX04" data-category-code="SX0405">
<span class="desc">Safety</span>
</a>
</li>
<li class="non-expandable" id="SX0407">
<a class="box-title" href="/categories/kitchen-cleaning-and-safety/party-supplies" data-parent-code="SX04" data-category-code="SX0407">
<span class="desc">Party Supplies</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX05">
<a class="box-title level1" href="/categories/office-stationery" data-parent-code="" data-category-code="SX05">
<span class="desc">Office Stationery</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0501">
<a class="box-title" href="/categories/office-stationery/bags-and-compendiums" data-parent-code="SX05" data-category-code="SX0501">
<span class="desc">Bags & Compendiums</span>
</a>
</li>
<li class="non-expandable" id="SX0502">
<a class="box-title" href="/categories/office-stationery/batteries" data-parent-code="SX05" data-category-code="SX0502">
<span class="desc">Batteries</span>
</a>
</li>
<li class="non-expandable" id="SX0503">
<a class="box-title" href="/categories/office-stationery/brochure-holders" data-parent-code="SX05" data-category-code="SX0503">
<span class="desc">Brochure Holders</span>
</a>
</li>
<li class="non-expandable" id="SX0504">
<a class="box-title" href="/categories/office-stationery/clips-and-fasteners" data-parent-code="SX05" data-category-code="SX0504">
<span class="desc">Clips & Fasteners</span>
</a>
</li>
<li class="non-expandable" id="SX0505">
<a class="box-title" href="/categories/office-stationery/clocks" data-parent-code="SX05" data-category-code="SX0505">
<span class="desc">Clocks</span>
</a>
</li>
<li class="non-expandable" id="SX0506">
<a class="box-title" href="/categories/office-stationery/correction" data-parent-code="SX05" data-category-code="SX0506">
<span class="desc">Correction</span>
</a>
</li>
<li class="non-expandable" id="SX0507">
<a class="box-title" href="/categories/office-stationery/desk-top-accessories" data-parent-code="SX05" data-category-code="SX0507">
<span class="desc">Desk Top Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0508">
<a class="box-title" href="/categories/office-stationery/hole-punches" data-parent-code="SX05" data-category-code="SX0508">
<span class="desc">Hole Punches</span>
</a>
</li>
<li class="non-expandable" id="SX0509">
<a class="box-title" href="/categories/office-stationery/i-d-and-security" data-parent-code="SX05" data-category-code="SX0509">
<span class="desc">I.D & Security</span>
</a>
</li>
<li class="non-expandable" id="SX0510">
<a class="box-title" href="/categories/office-stationery/markers-and-highlighters" data-parent-code="SX05" data-category-code="SX0510">
<span class="desc">Markers & Highlighters</span>
</a>
</li>
<li class="non-expandable" id="SX0511">
<a class="box-title" href="/categories/office-stationery/notes-and-flags" data-parent-code="SX05" data-category-code="SX0511">
<span class="desc">Notes & Flags</span>
</a>
</li>
<li class="non-expandable" id="SX0512">
<a class="box-title" href="/categories/office-stationery/pencils" data-parent-code="SX05" data-category-code="SX0512">
<span class="desc">Pencils</span>
</a>
</li>
<li class="non-expandable" id="SX0513">
<a class="box-title" href="/categories/office-stationery/pens" data-parent-code="SX05" data-category-code="SX0513">
<span class="desc">Pens</span>
</a>
</li>
<li class="non-expandable" id="SX0514">
<a class="box-title" href="/categories/office-stationery/rulers" data-parent-code="SX05" data-category-code="SX0514">
<span class="desc">Rulers</span>
</a>
</li>
<li class="non-expandable" id="SX0515">
<a class="box-title" href="/categories/office-stationery/scissors-and-cutters" data-parent-code="SX05" data-category-code="SX0515">
<span class="desc">Scissors & Cutters</span>
</a>
</li>
<li class="non-expandable" id="SX0516">
<a class="box-title" href="/categories/office-stationery/stamps" data-parent-code="SX05" data-category-code="SX0516">
<span class="desc">Stamps</span>
</a>
</li>
<li class="non-expandable" id="SX0517">
<a class="box-title" href="/categories/office-stationery/staplers" data-parent-code="SX05" data-category-code="SX0517">
<span class="desc">Staplers</span>
</a>
</li>
<li class="non-expandable" id="SX0518">
<a class="box-title" href="/categories/office-stationery/tapes-and-adhesives" data-parent-code="SX05" data-category-code="SX0518">
<span class="desc">Tapes & Adhesives</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX06">
<a class="box-title level1" href="/categories/paper-post-and-books" data-parent-code="" data-category-code="SX06">
<span class="desc">Paper, Post & Books</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0601">
<a class="box-title" href="/categories/paper-post-and-books/books" data-parent-code="SX06" data-category-code="SX0601">
<span class="desc">Books</span>
</a>
</li>
<li class="non-expandable" id="SX0602">
<a class="box-title" href="/categories/paper-post-and-books/business-books" data-parent-code="SX06" data-category-code="SX0602">
<span class="desc">Business Books</span>
</a>
</li>
<li class="non-expandable" id="SX0603">
<a class="box-title" href="/categories/paper-post-and-books/diaries-and-calendars" data-parent-code="SX06" data-category-code="SX0603">
<span class="desc">Diaries & Calendars</span>
</a>
</li>
<li class="non-expandable" id="SX0604">
<a class="box-title" href="/categories/paper-post-and-books/envelopes-and-post-accessories" data-parent-code="SX06" data-category-code="SX0604">
<span class="desc">Envelopes & Post Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0605">
<a class="box-title" href="/categories/paper-post-and-books/labelling" data-parent-code="SX06" data-category-code="SX0605">
<span class="desc">Labelling</span>
</a>
</li>
<li class="non-expandable" id="SX0606">
<a class="box-title" href="/categories/paper-post-and-books/labelling-machines-and-accessories" data-parent-code="SX06" data-category-code="SX0606">
<span class="desc">Labelling Machines & Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0607">
<a class="box-title" href="/categories/paper-post-and-books/pads" data-parent-code="SX06" data-category-code="SX0607">
<span class="desc">Pads</span>
</a>
</li>
<li class="non-expandable" id="SX0608">
<a class="box-title" href="/categories/paper-post-and-books/paper" data-parent-code="SX06" data-category-code="SX0608">
<span class="desc">Paper</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX07">
<a class="box-title level1" href="/categories/printers-and-office-machines" data-parent-code="" data-category-code="SX07">
<span class="desc">Printers & Office Machines</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0701">
<a class="box-title" href="/categories/printers-and-office-machines/binding-accessories" data-parent-code="SX07" data-category-code="SX0701">
<span class="desc">Binding Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0702">
<a class="box-title" href="/categories/printers-and-office-machines/binding-machines" data-parent-code="SX07" data-category-code="SX0702">
<span class="desc">Binding Machines</span>
</a>
</li>
<li class="non-expandable" id="SX0703">
<a class="box-title" href="/categories/printers-and-office-machines/calculators-and-dictation" data-parent-code="SX07" data-category-code="SX0703">
<span class="desc">Calculators & Dictation</span>
</a>
</li>
<li class="non-expandable" id="SX0704">
<a class="box-title" href="/categories/printers-and-office-machines/fax-machines" data-parent-code="SX07" data-category-code="SX0704">
<span class="desc">Fax Machines</span>
</a>
</li>
<li class="non-expandable" id="SX0705">
<a class="box-title" href="/categories/printers-and-office-machines/folding-machines" data-parent-code="SX07" data-category-code="SX0705">
<span class="desc">Folding Machines</span>
</a>
</li>
<li class="non-expandable" id="SX0706">
<a class="box-title" href="/categories/printers-and-office-machines/guillotines-and-trimmers" data-parent-code="SX07" data-category-code="SX0706">
<span class="desc">Guillotines & Trimmers</span>
</a>
</li>
<li class="non-expandable" id="SX0707">
<a class="box-title" href="/categories/printers-and-office-machines/laminating-accessories" data-parent-code="SX07" data-category-code="SX0707">
<span class="desc">Laminating Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0708">
<a class="box-title" href="/categories/printers-and-office-machines/laminating-machines" data-parent-code="SX07" data-category-code="SX0708">
<span class="desc">Laminating Machines</span>
</a>
</li>
<li class="non-expandable" id="SX0709">
<a class="box-title" href="/categories/printers-and-office-machines/point-of-sale" data-parent-code="SX07" data-category-code="SX0709">
<span class="desc">Point of Sale</span>
</a>
</li>
<li class="non-expandable" id="SX0710">
<a class="box-title" href="/categories/printers-and-office-machines/printers" data-parent-code="SX07" data-category-code="SX0710">
<span class="desc">Printers</span>
</a>
</li>
<li class="non-expandable" id="SX0711">
<a class="box-title" href="/categories/printers-and-office-machines/shredders" data-parent-code="SX07" data-category-code="SX0711">
<span class="desc">Shredders</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX08">
<a class="box-title level1" href="/categories/school-supplies" data-parent-code="" data-category-code="SX08">
<span class="desc">School Supplies</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0801">
<a class="box-title" href="/categories/school-supplies/art-and-craft" data-parent-code="SX08" data-category-code="SX0801">
<span class="desc">Art & Craft</span>
</a>
</li>
<li class="non-expandable" id="SX0802">
<a class="box-title" href="/categories/school-supplies/books-and-pads" data-parent-code="SX08" data-category-code="SX0802">
<span class="desc">Books & Pads</span>
</a>
</li>
<li class="non-expandable" id="SX0803">
<a class="box-title" href="/categories/school-supplies/early-learning" data-parent-code="SX08" data-category-code="SX0803">
<span class="desc">Early Learning</span>
</a>
</li>
<li class="non-expandable" id="SX0804">
<a class="box-title" href="/categories/school-supplies/furniture" data-parent-code="SX08" data-category-code="SX0804">
<span class="desc">Furniture</span>
</a>
</li>
<li class="non-expandable" id="SX0805">
<a class="box-title" href="/categories/school-supplies/library-supplies" data-parent-code="SX08" data-category-code="SX0805">
<span class="desc">Library Supplies</span>
</a>
</li>
</ul>
</li>
<li class="expandable expandable-toggle cv-ico-general-arrow-right3 all-expandable " id="SX09">
<a class="box-title level1" href="/categories/technology-and-accessories" data-parent-code="" data-category-code="SX09">
<span class="desc">Technology & Accessories</span>
</a>
<ul class="second-level box-content expandable-content" style="display: none;">
<li class="non-expandable" id="SX0901">
<a class="box-title" href="/categories/technology-and-accessories/cameras-and-scanners" data-parent-code="SX09" data-category-code="SX0901">
<span class="desc">Cameras & Scanners</span>
</a>
</li>
<li class="non-expandable" id="SX0902">
<a class="box-title" href="/categories/technology-and-accessories/cleaning-and-cables" data-parent-code="SX09" data-category-code="SX0902">
<span class="desc">Cleaning & Cables</span>
</a>
</li>
<li class="non-expandable" id="SX0903">
<a class="box-title" href="/categories/technology-and-accessories/computer-accessories" data-parent-code="SX09" data-category-code="SX0903">
<span class="desc">Computer Accessories</span>
</a>
</li>
<li class="non-expandable" id="SX0904">
<a class="box-title" href="/categories/technology-and-accessories/laptops-and-tablets" data-parent-code="SX09" data-category-code="SX0904">
<span class="desc">Laptops & Tablets</span>
</a>
</li>
<li class="non-expandable" id="SX0905">
<a class="box-title" href="/categories/technology-and-accessories/projectors" data-parent-code="SX09" data-category-code="SX0905">
<span class="desc">Projectors</span>
</a>
</li>
<li class="non-expandable" id="SX0906">
<a class="box-title" href="/categories/technology-and-accessories/software-and-data-storage" data-parent-code="SX09" data-category-code="SX0906">
<span class="desc">Software & Data Storage</span>
</a>
</li>
<li class="non-expandable" id="SX0907">
<a class="box-title" href="/categories/technology-and-accessories/telephones-and-accessories" data-parent-code="SX09" data-category-code="SX0907">
<span class="desc">Telephones & Accessories</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="widget-section-menu section-menu-featurenav keyboard-accessible">
<ul class="">
<li>
<a href="/making-local-work" class=" sub-menu-link"> <span class="">Making Local Work</span></a>
</li>
<li>
<a href="/current-offers" class=" sub-menu-link"> <span class="">Current Offers</span></a>
</li>
<li>
<a href="/catalogues" class=" sub-menu-link"> <span class="">Catalogues</span></a>
</li>
<li>
<a href="/about-us" class=" sub-menu-link"> <span class="">About Us</span></a>
</li>
<li>
<a href="/recently-released" class=" sub-menu-link"> <span class="">Recently Released</span></a>
</li>
</ul>
</div>
</div>
<span class="mobile-menu-close"></span>
</aside>
</nav>
<div id="dealername-937be787-130c-4629-b693-7e091e2f8431" class="dealername push-left ">
<span class="store-heading">Dales Office Choice</span>
</div>
<div class="widget-tax-toggle padding-right push-right" id="widget-tax-toggle-4e68a285-cec4-4113-8edf-60b5761c447a" data-role="taxtoggle" data-is-inc-tax="true">
<div class="widget-toggle" data-view="true">
<label class="form-label">SHOW PRICES</label>
<div class="toggle state-active" data-bind="toggleOnClass: { state-active: isIncTax }, toggleOffClass: { state-inactive: isIncTax }, click: toggleClick">
<a href="javascript:$.noop()" class="off">EX GST</a>
<a href="javascript:$.noop()" class="on">INC GST</a>
</div>
</div>
</div>
<div class="widget-static-content ">
<style>
a.ocl-product-alert {
font-size: 18px;
text-align: center;
}
a.ocl-product-alert:hover {
text-decoration: none;
}
a.ocl-product-alert>div {
padding: 1em;
background: #da291c;
color: #ffffff;
border-radius: 10px;
margin-top: 25px;
box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5), 0 5px 10px -5px rgba(0, 0, 0, 0.5);
}
a.ocl-product-alert>div:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.5), 0 9px 15px -5px rgba(0, 0, 0, 0.5);
}
a.ocl-product-alert span.ocl-btn:before {
content: ""
}
a.ocl-product-alert span.ocl-btn {
display: block;
width: auto;
margin-top: 1em;
background: #efb800;
color: #111;
padding: 0.5em 1em;
border-radius: 0.5em;
}
</style>
</div>
<div class="widget-html-snippet ">
<link rel="stylesheet" type="text/css" href="https://www.officechoice.com.au/Themes/BPDTHEME01/theme-client-updates/css/min/AllOCSites.min.css?v=188529253">
<script defer="" src="https://www.officechoice.com.au/Themes/BPDTHEME01/theme-client-updates/js/min/AllOCSites.min.js?v=218654559"></script>
<link rel="stylesheet" type="text/css" href="https://www.officechoice.com.au/Themes/BPDTHEME01/theme-client-updates/css/min/AllOCPSSites.min.css?v=188529212">
<script defer="" src="https://www.officechoice.com.au/Themes/BPDTHEME01/theme-client-updates/js/min/AllOCPSites.min.js?v=218654559"></script>
</div>
</div>
</section>
</div>
<!-- ZONE HEADER -->
<div id="cv-zone-header">
<div class="container">
<div class="grid-row">
<div class="col-1-3 header-col-1">
<a href="/" class="widget-logo main-logo"><img src="/Themes/BPDTHEME01/theme-client-updates/img/logos/logo-wide-transparent.png" alt="Logo"></a>
</div>
<div class="col-1-3 header-col-2">
<fieldset id="widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" class="widget-product-search-with-preview ">
<div id="search-container" data-role="productsearch" data-search-query-string-key="ProductSearch" data-search-page-url="/search" data-search-on-change="false" data-retain-current-search="false"
data-use-search-and-product-suggestions="true" data-search-suggestions="true" data-product-suggestions="true" data-use-suggestions="true" data-allow-empty-search="false" data-bind-auto-complete="true"
data-search-page-url-prior-purchase="/prior-purchases" data-prior-purchase-search-ticked="false" data-search-page-url-user-favourites="/my-favourites" data-user-favourites-search-ticked="false"
data-search-suggestions-heading-template-id="SearchSuggestionHeadingTemplate-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde"
data-product-suggestions-heading-template-id="ProductSuggestionHeadingTemplate-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" data-include-headings-as-data-items="false"
data-widget-initialised="$.cv.css.productSearchEvents.productSearchInitialised" data-static-content-search-mode="Disabled" data-category-filter="" data-category-filters="" data-show-preview="true"
data-number-of-products-to-display="9" data-excluded-categories="" data-exclude-products-in-excluded-categories="true" data-excluded-products="" data-show-levels="3" data-do-global-search="false"
data-popup-id="product-search-with-preview-popup-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" data-limit-product-and-static-content-result="false" data-product-search-result-limit="0"
data-enable-retain-product-search-term-with-preview="false" data-enable-search-product-on-initial-load-with-preview="false" data-static-content-search-result-limit="0" data-enable-preview-default-template-display="false"
data-preview-default-template-delay="400" data-preview-template-popup-id="search-preview-default-template-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde">
<div data-view="true" data-bind="addIsProcessingClass: isGettingSuggestions">
<span tabindex="-1" role="presentation" class="k-widget k-autocomplete product-search-autocomplete k-autocomplete-clearable k-state-default" style=""><input id="product-search-autocomplete-030d5b19-9d7c-40c5-9f3f-009d8a834b85"
data-widget-id="search-container" type="text" inputmode="search" class="product-search-autocomplete k-input" placeholder="Product Search" data-role="autocomplete"
data-template="ProductSearchTemplate-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" data-text-field="SearchKey" data-value-update="keyup" data-delay="400"
data-bind="source: suggestionsDataSource, value: searchText, events: {keypress: searchInputKeyUp, dataBound: searchInputBound, filtering: searchFiltering}" data-select="$.cv.css.productSearchEvents.autoCompleteSelected"
autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-owns="product-search-autocomplete-030d5b19-9d7c-40c5-9f3f-009d8a834b85_listbox" aria-autocomplete="list"><span
unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span>
<div class="search-with-preview-container" style="background-color: white" data-bind="addIsProcessingClass: isGettingSuggestions">
<div id="product-search-with-preview-popup-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" class="search-item-with-preview" style="display: none;">
<section class="modal-content"></section>
<footer class="modal-footer"></footer>
</div>
<a title="Close" href="javascript:void(0)" data-bind="click: closePreview" style="display: none;"></a>
</div>
<button type="button" class="btn search cv-ico-general-search" data-bind="click: search, addIsProcessingClass: isSearching">
<span class="with-text">Search</span>
</button>
</div>
</div>
<script id="ProductSearchTemplate-widget-product-search-with-preview-5b7d2197-1ab4-4b13-b8e2-e6c07886cfde" type="text/x-kendo-template"> <div style="display: none;"></div>
</script>
</fieldset>
</div>
<div class="col-1-3 header-col-3">
<script defer="" src="/Themes/BPDTHEME01/theme-base/js/min/cv.css.cartSummaryEvents.min.js?v=2020-05-20-A4526373"></script>
<div class="widget-cart-summary push-right keyboard-accessible" data-role="ordersummary" data-guid="0133789c-5d78-4776-a9c3-cd2fda6dc8a6" data-widget-initialised="$.cv.css.cartSummaryWidget.orderSummaryInitialised"
data-promotional-code-expiry-prompt="This Promotional Code expires on: {0}" data-allows-bulk-discount="false" data-after-pay-min-amount="0" data-after-pay-max-amount="0" data-after-pay-number-of-installments=""
data-after-pay-enabled="false" data-open-pay-min-amount="0" data-open-pay-max-amount="0" data-open-pay-number-of-installments="" data-open-pay-deposit-percent="" data-open-pay-enabled="false" data-pay-right-min-amount="0"
data-pay-right-max-amount="10000" data-pay-right-deposit-percent="0" data-pay-right-enabled="false" data-zip-type="ZipMoney" data-show-line-charges-as-separate-lines="true" data-add-line-charge-amounts-to-line-amounts="false"
data-enable-immediate-discount-check-for-online-product-discounts="true" data-other-product-code="ZLABOUR" data-labour-code="ZPRODUCT" data-display-top-count="0" data-enable-pay-later-messages="true"
data-braintree-pay-pal-pay-later-messages-containter-id="product-braintree-paypal-pay-later-messages-e64a5a00-cd68-4a12-af70-a96350dde813" data-force-order-pack-qty="true" data-include-order-lines-in-on-hover="true">
<div class="cart-link" data-view="true">
<a href="/cart" class="icon cv-ico-general-cart main-menu-link">
<span class="">
<span class="cart-total" data-bind="text: orderTotal">$0.00</span>
<span class="header-cart-items"><span class="cart-item-count" data-bind="text: items">0</span></span>
</span>
</a>
<div class="dropdown-cart-summary with-products keyboard-accessible-dropdown-area">
<div class="dropdown-cart-summary-title"> You currently have <span data-bind="text: items">0</span> item<span data-bind="visible: isNotSingleItem">s</span> products in your cart </div>
<div class="dropdown-product-lines">
<!-- overlay processing for all lines -->
<div class="order-summary-overlay-product-lines cv-is-processing-overlay" data-bind="addIsProcessingClass: isUpdating, visible: isUpdating" style="display: none;">
<span class="cv-is-processing-message">Updating</span>
</div>
<div data-bind="visible: haslinesForOnHover, source: linesForOnHover" data-template="orderLinesTemplate0133789c-5d78-4776-a9c3-cd2fda6dc8a6" style="display: none;"></div>
</div>
<script type="text/x-kendo-template" id="orderLinesTemplate0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> # var href = "", picture1 = "", pictureTitle = "";if(data.LineType === "KN" || data.LineType === "SN"){ if (Product != null && Product.length > 0){ href = "/ProductDisplay.aspx?Product=" + Product[0].ProductCode; pictureTitle = Product[0].Picture1Title; if (Product[0].SEOUrl != null && Product[0].SEOUrl.length > 0){ href = Product[0].SEOUrl; } }}picture1 = "/Themes/BPDTHEME01/theme-client-updates/img/placeholder/product-image.png"; if(Product != null && Product.length > 0 && Product[0].Picture1 != null && Product[0].Picture1.length > 0 && Product[0].Picture1.indexOf("bit.gif") == -1){ picture1 = Product[0].Picture1SmallImagePath + Product[0].Picture1.substring(Product[0].Picture1.lastIndexOf('/') + 1);}#
<div>
<div class="product-line">
<!-- overlay processing -->
<div class="order-summary-overlay-product-line cv-is-processing-overlay" data-bind="addIsProcessingClass: isProcessing, visible: isProcessing">
<span class="cv-is-processing-message">Updating</span>
</div>
<!-- overlay delete confirmation -->
<div class="order-summary-overlay-product-line product-line-overlay-confirmation" data-bind="visible: showDeleteConfirmation">
<span class="message">Are you sure you want to remove this product?</span>
<div class="message-button-options">
<button type="button" class="btn small cv-ico-general-cross" data-bind="click: deleteOrderLineForOnHoverCancel">No</button>
<button type="button" class="btn small cv-cancel" data-bind="click: deleteOrderLineForOnHoverOk">Yes, Remove Product</button>
</div>
</div>
<div class="order-summary-overlay-product-line product-line-removed" data-bind="visible: isDeleted">
<span class="message">
#= deletedLineMessage #
</span>
</div>
<div>
<div class="cv-zone-product-line-1">
<a href="#= href #" data-bind="attr: { title: Description }"> <!-- Image -->
<div class="widget-productlist-image">
# var imageDetails = $.cv.util.getCartProductImage({ src: picture1, alt: Description }, data) #
<img class="product-image" src="#= imageDetails.src #" alt="#= imageDetails.alt #" />
</div>
</a> </div>
<div class="cv-zone-product-line-2">
<a href="#= href #" data-bind="attr: { title: Description }">
<span class="widget-productlist-title">#= Product[0].Description #</span>
</a> </div>
<div class="cv-zone-product-line-3">
<span class="widget-productlist-code">#= StockCode #</span>
</div>
# if (canLineBeModifiedByUser) { #
# var minQty = 1; #
# minQty = MinimumQuantity; #
<div class="cv-zone-product-line-4">
<span class="cv-numeric-input" data-bind="updateWidgetValue:{ forceOrderPackQty:true, minQuantity: #= minQty # }">
<input class="form-number qty "
data-bind="value: OrderedQty"
data-format="n#= QtyDecimalPlaces #"
data-restrict-decimals="true"
data-decimals="#= QtyDecimalPlaces #"
data-value-update="keyup change"
type="number"
placeholder="Qty"
min="#= minQty #"
max="99999999" />
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
</div>
# } else { #
<div class="cv-zone-product-line-4">
<span class="widget-product-qty"><span class="qty-label">Qty:</span>#= OrderedQty #</span>
</div>
# } #
<div class="cv-zone-product-line-5">
<span class="widget-productlist-price" data-bind="money: displayableOrderLineAmount"></span>
# if (canLineBeModifiedByUser) { #
<span class="cart-line-remove cv-ico-general-trash push-right" data-bind="click: deleteOrderLineForOnHoverClick"></span>
# } #
</div>
</div>
</div>
</div>
</script>
<div class="cart-lines">
<div class="cart-line-item">
<div class="cart-line-col-1">
<div class="cart-line-title">
<span class="summary-label">Subtotal (inc GST)</span>
</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="visible: hasNoPromotionCodes, text: orderTotalAmountAfterDiscountLessChargesIncTax">$0.00</div>
<div class="cart-line-price" data-bind="visible: hasBothInclusiveAndExclusivePromotionCodes, text: orderTotalAmountAfterDiscountLessChargesIncTax" style="display: none;">$0.00</div>
<div data-bind="invisible: hasBothInclusiveAndExclusivePromotionCodes">
<div class="cart-line-price" data-bind="visible: hasExclusivePromotionCodes, text: orderTotalAmountBeforeDiscountLessChargesIncTax" style="display: none;">$0.00</div>
<div class="cart-line-price" data-bind="visible: hasInclusivePromotionCodes, text: orderTotalAmountLessChargesIncTax" style="display: none;">$0.00</div>
</div>
</div>
</div>
<div class="cart-line-item" data-bind="visible: hasOrderChargesLessFreight" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Charges</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="text: orderTotalChargesLessFreightIncGst">$0.00</div>
</div>
<div id="cart-summary-charges-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" data-freight-charge-type="0" data-freight-protection-text="Freight Protection Insurance" data-dangerous-goods-text="Dangerous Goods"
data-tailgate-service-text="Tailgate Service" data-role="orderlines">
<div class="cv-widget-wrapper">
<span data-bind="source: chargeLineWithoutFreightList" data-template="chargeLineTemplate-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></span>
</div>
</div>
</div>
<div class="cart-line-item" data-bind="visible: hasExclusivePromotionCodes" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Discounts</div>
<div id="cart-summary-promo-codes-exclusive-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" class="cart-summary-promo-codes" data-role="promotionalcodes">
<div class="summary-label" data-bind="visible: hasExclusivePromotionCodes, source: itemListExclusive" data-template="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" style="display: none;"></div>
</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="visible: hasExclusivePromotionCodes" style="display: none;">-<span data-bind="text: promotionalDiscountAmountExclusiveIncGst">$0.00</span></div>
</div>
</div>
<div class="cart-line-item" data-bind="visible: hasFreightCharge" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Freight</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="visible: showFreightChargeActualAmount, text: freightChargeAmount">$0.00</div>
<div class="cart-line-" data-bind="visible: hasZerDollarFreightCharge" style="display: none;">No Charge</div>
<div class="cart-line-" data-bind="visible: hasFreightChargeLineRequiresQuote" style="display: none;">Requires Quote</div>
</div>
</div>
<div class="cart-line-item subtotals">
<div class="cart-line-col-1">
<div class="cart-line-title subtotal"> Total (inc GST) </div>
</div>
<div class="cart-line-col-2">
<div class="subtotal" data-bind="text: orderTotal">$0.00</div>
</div>
</div>
<div class="cart-line-item">
<div class="cart-line-col-1">
<div class="cart-line-title">Including GST</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="text: orderTotalTax">$0.00</div>
</div>
</div>
<div class="cart-line-item" data-bind="visible: hasValidInclusivePromotionCodes" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Discounts (inc GST)</div>
<div id="cart-summary-promo-codes-inclusive-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" class="cart-summary-promo-codes" data-role="promotionalcodes">
<div class="summary-label" data-bind="visible: hasInclusivePromotionCodes, source: itemListInclusive" data-template="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" style="display: none;"></div>
</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="visible: hasValidInclusivePromotionCodes" style="display: none;">-<span data-bind="text: promotionalDiscountAmountInclusiveIncGst">$0.00</span></div>
</div>
</div>
<div class="cart-line-item" data-bind="visible: hasGiftCards" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Giftcard Total</div>
<div data-bind="source: giftCards" data-template="gift-card-summary-item-template-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="money: giftCardTotal" data-moneyformat="c2" data-moneynegate="true">$0.00</div>
</div>
</div>
<div class="cart-line-item subtotals" data-bind="visible: hasGiftCards" style="display: none;">
<div class="cart-line-col-1">
<div class="cart-line-title">Net Owing</div>
</div>
<div class="cart-line-col-2">
<div class="cart-line-price" data-bind="money: orderTotalAfterGiftCards" data-moneyformat="c2">$0.00</div>
</div>
</div>
<span class="braintree-paypal-express-wrapper">
<span id="product-braintree-paypal-pay-later-messages-e64a5a00-cd68-4a12-af70-a96350dde813" class="braintree-paypal-pay-later-messages" data-pp-placement="cart" data-pp-message="" data-pp-amount="0"></span>
<script src="https://js.braintreegateway.com/web/3.76.4/js/client.min.js"></script>
<script src="https://js.braintreegateway.com/web/3.76.4/js/paypal-checkout.min.js"></script>
<script>
_cv_callOrDefer(function() {
$(function() {
$.cv.css.braintree.initPaypalCheckoutInstance(
"eyJ2ZXJzaW9uIjoyLCJhdXRob3JpemF0aW9uRmluZ2VycHJpbnQiOiJleUowZVhBaU9pSktWMVFpTENKaGJHY2lPaUpGVXpJMU5pSXNJbXRwWkNJNklqSXdNVGd3TkRJMk1UWXRjSEp2WkhWamRHbHZiaUlzSW1semN5STZJbWgwZEhCek9pOHZZWEJwTG1KeVlXbHVkSEpsWldkaGRHVjNZWGt1WTI5dEluMC5leUpsZUhBaU9qRTNNakF3TXpRNE5EQXNJbXAwYVNJNklqRTROVFF5T0dVeExUTmpNamt0TkRJMFl5MWhNbVl5TFRReU16Y3dZemhpTVRobFl5SXNJbk4xWWlJNkltSTRNbTU0WnprMGN6UTFZamw0TlRZaUxDSnBjM01pT2lKb2RIUndjem92TDJGd2FTNWljbUZwYm5SeVpXVm5ZWFJsZDJGNUxtTnZiU0lzSW0xbGNtTm9ZVzUwSWpwN0luQjFZbXhwWTE5cFpDSTZJbUk0TW01NFp6azBjelExWWpsNE5UWWlMQ0oyWlhKcFpubGZZMkZ5WkY5aWVWOWtaV1poZFd4MElqcG1ZV3h6Wlgwc0luSnBaMmgwY3lJNld5SnRZVzVoWjJWZmRtRjFiSFFpWFN3aWMyTnZjR1VpT2xzaVFuSmhhVzUwY21WbE9sWmhkV3gwSWwwc0ltOXdkR2x2Ym5NaU9udDlmUS5fRmZaR3VON3FoMmpPUEN5S2NUSFd1WHZKNWNMZXdSaG9PcnBjT3lWdWdNbnFPcVlFUUR6UXp3SUl3WjdCSmZjNU8wZVpTbnp1bS1YRTFHTlNDN3diQSIsImNvbmZpZ1VybCI6Imh0dHBzOi8vYXBpLmJyYWludHJlZWdhdGV3YXkuY29tOjQ0My9tZXJjaGFudHMvYjgybnhnOTRzNDViOXg1Ni9jbGllbnRfYXBpL3YxL2NvbmZpZ3VyYXRpb24iLCJncmFwaFFMIjp7InVybCI6Imh0dHBzOi8vcGF5bWVudHMuYnJhaW50cmVlLWFwaS5jb20vZ3JhcGhxbCIsImRhdGUiOiIyMDE4LTA1LTA4IiwiZmVhdHVyZXMiOlsidG9rZW5pemVfY3JlZGl0X2NhcmRzIl19LCJjbGllbnRBcGlVcmwiOiJodHRwczovL2FwaS5icmFpbnRyZWVnYXRld2F5LmNvbTo0NDMvbWVyY2hhbnRzL2I4Mm54Zzk0czQ1Yjl4NTYvY2xpZW50X2FwaSIsImVudmlyb25tZW50IjoicHJvZHVjdGlvbiIsIm1lcmNoYW50SWQiOiJiODJueGc5NHM0NWI5eDU2IiwiYXNzZXRzVXJsIjoiaHR0cHM6Ly9hc3NldHMuYnJhaW50cmVlZ2F0ZXdheS5jb20iLCJhdXRoVXJsIjoiaHR0cHM6Ly9hdXRoLnZlbm1vLmNvbSIsInZlbm1vIjoib2ZmIiwiY2hhbGxlbmdlcyI6WyJjdnYiXSwidGhyZWVEU2VjdXJlRW5hYmxlZCI6ZmFsc2UsImFuYWx5dGljcyI6eyJ1cmwiOiJodHRwczovL2NsaWVudC1hbmFseXRpY3MuYnJhaW50cmVlZ2F0ZXdheS5jb20vYjgybnhnOTRzNDViOXg1NiJ9LCJwYXlwYWxFbmFibGVkIjpmYWxzZX0=",
"AUD", true);
});
});
</script>
</span>
<script type="text/x-kendo-template" id="promoCodeLinesTemplate-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <div class="summary-label" data-bind="visible: promotionalCodesExist, source: itemList" data-template="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></div>
</script>
<script type="text/x-kendo-template" id="promoCodeLinesTemplate-inclusive-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <div class="summary-label" data-bind="visible: hasInclusivePromotionCodes, source: itemListInclusive" data-template="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></div>
</script>
<script type="text/x-kendo-template" id="promoCodeLinesTemplate-exclusive-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <div class="summary-label" data-bind="visible: hasExclusivePromotionCodes, source: itemListExclusive" data-template="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></div>
</script>
<script type="text/x-kendo-template" id="couponCodeItem-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <div class="discount-line">
<span class="summary-label promo-description">#= Description #</span>
<span class="promo-inactive" data-bind="invisible: IsValidOnCurrentOrder"> (inactive)</span>
</div>
</script>
<script type="text/x-kendo-template" id="chargeLinesTemplate-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <span data-bind="source: chargeLineWithoutFreightList" data-template="chargeLineTemplate-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"></span>
</script>
<script type="text/x-kendo-template" id="chargeLineTemplate-0133789c-5d78-4776-a9c3-cd2fda6dc8a6"> <div class="discount-line">
<span class="summary-label">#= Description #</span>
<span class="summary-value">
</span>
</div>
</script>
<script id="gift-card-summary-item-template-0133789c-5d78-4776-a9c3-cd2fda6dc8a6" type="text/x-kendo-template"> <div class="discount-line">
<span class="summary-label" data-bind="text: CardNumber" data-moneyformat="c2" data-text-format="\\#{0}"></span>
<span class="summary-value" data-bind="money: AmountToUse" data-moneyformat="c2" data-moneynegate="true"></span>
</div>
</script>
</div>
<div class="dropdown-cart-options">
<a href="/cart" class="btn cv-checkout sub-menu-link " data-bind="addIsProcessingClass: isUpdating">Checkout</a>
</div>
</div>
</div>
<script defer="" src="/Themes/BPDTHEME01/theme-base/js/min/cv.css.keyboardAccessibilityEvents.min.js?v=2020-05-20-A4526373"></script>
</div>
<script>
_cv_callOrDefer(function() {
$.cv.css.messageTypes = {
error: 'error',
warning: 'warning',
info: 'info',
success: 'success'
};
});
</script>
<div class="widget-login-logout-modal widget-login icon-widget push-right" data-role="login" data-trigger-messages="true" data-clear-password-on-mismatch="true" data-use-cookie="true"
data-text-password-change-required="You are required to change your password" data-text-password-changed="Password changed" data-text-enter-password="Please enter a password" data-account-select-page-url="account-select"
data-cart-page-url="cart" data-login-popup-id="modal-login-register-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" data-field-selector="input[name="username"]" data-sap-migration-enabled="false">
<div data-view="true">
<a href="javascript:void(0);" data-bind="click: showLoginModal">
<span class="icon icon cv-ico-general-user"></span>
<span class="ico-only-text">Login / Register</span>
</a>
<div id="modal-login-register-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" style="display: none;">
<header class="modal-header">
<span class="cv-ico-general-login ico-heading">Login</span>
</header>
<section class="modal-content">
<div class="grid-row spacing-bottom">
<div class="grid-row" data-bind="invisible: changingPassword">
<div class="col-1-2">
<label for="username-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-label required">Username / Email</label>
<input id="username-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" type="text" class="form-text" data-bind="value: userId, paste: true, events: { keyup: onUsernameEventKeyUp }" data-value-update="keyup change" placeholder=""
name="username" autofocus="">
</div>
<div data-bind="visible: showPasswordSection" style="">
<div class="col-1-2">
<label for="password-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-label required">Password</label>
<input id="password-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" type="password" class="form-password" data-bind="value: password, events:{ keydown: inputEventKeyUp }, enabled: enablePassword"
data-value-update="keyup change input" placeholder="Your Password" name="current-password" disabled="disabled">
<a href="/forgot-password" class="cv-ico-general-lock password-reset-link" tabindex="-1">Forgot Your Password?</a>
</div>
<div class="inline-alert" data-bind="visible: hasInlineAlertMessage, source: inlineAlertMessage" data-template="message-template" style="display: none;">
<div class="alert-box inline-alert" data-bind="html: message, appendClass: type"></div>
</div>
</div>
</div>
<div class="grid-row" data-bind="visible: changingPassword" style="display: none;">
<div class="col col-1-2">
<label for="newpassword-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-label required">New Password</label>
<input id="newpassword-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-password" type="password" placeholder="New Password" data-value-update="keyup change"
data-bind="value: changePassword1, events:{ keydown: changePasswordKeyUp }">
</div>
<div class="col col-1-2">
<label for="confirmpassword-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-label required">Confirm Password</label>
<input id="confirmpassword-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-password" type="password" placeholder="Confirm Password" data-value-update="keyup change"
data-bind="value: changePassword2, events:{ keydown: changePasswordKeyUp }">
</div>
</div>
<div class="grid-row" data-bind="visible: notifyEmailRequired" style="display: none;">
<div class="col col-1-2">
<label for="notifyemail-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-label required">Notification Email Address</label>
<input id="notifyemail-b803ad0d-8b44-416a-8ea3-afb0eae30c6e" class="form-email" type="text" placeholder="Notification Email Address" data-value-update="keyup change"
data-bind="value: notifyEmailAddress, events:{ keydown: changePasswordKeyUp }">
</div>
</div>
<div class="grid-row" data-bind="visible: changingPasswordOrNotifyEmailRequired" style="display: none;">
<div class="inline-alert" data-bind="visible: hasInlineAlertMessage, source: inlineAlertMessage" data-template="message-template" style="display: none;">
<div class="alert-box inline-alert" data-bind="html: message, appendClass: type"></div>
</div>
</div>
<div class="grid-row" data-bind="invisible: changingPassword">
<div class="col-1-1">
<fieldset class="form-fieldset">
<input id="remember-email" class="form-checkbox" type="checkbox" data-bind="checked: rememberMe, events:{keydown: inputEventKeyUp}">
<span class="form-span">Remember email</span>
</fieldset>
</div>
</div>
<div data-bind="visible: showPasswordSection" style="">
</div>
<div class="grid-row spacing-top">
<span data-bind="visible: showCustomLoginSection" style="display: none;">
<button onclick="return false;" class="btn primary cv-ico-general-login" data-bind="click: login, addIsProcessingClass: isProcessing, disabled: isProcessing">Continue with Email</button>
</span>
<span data-bind="visible: showPasswordSection" style="">
<button onclick="return false;" class="btn primary cv-ico-general-login" data-bind="click: login, invisible: changingPassword, addIsProcessingClass: isProcessing, disabled: isProcessing">Login</button>
</span>
<button type="button" class="btn cv-confirm change-password cv-ico-general-cycle" data-bind="click: changePassword, visible: changingPassword, addIsProcessingClass: isProcessing, disabled: isProcessing"
style="display: none;">Change Password</button>
</div>
<div class="grid-row spacing-top-xsmall" data-bind="invisible: showPasswordSection" style="display: none;">
<div class="inline-alert" data-bind="visible: hasInlineAlertMessage, source: inlineAlertMessage" data-template="message-template" style="display: none;">
<div class="alert-box inline-alert" data-bind="html: message, appendClass: type"></div>
</div>
</div>
<div class="grey-box" data-bind="invisible: changingPassword">
<div class="container">
<div class="widget-html-snippet ">
<h4 class="cv-ico-general-user-add ico-heading">Want to order online?<br></h4>
<p>
<a class="btn primary cv-ico-general-user" href="/register">SIGN UP</a>
</p>
<br><br>
<p>
<a class="btn primary cv-ico-general-user" href="/apply">EXISTING ACCOUNT CUSTOMER REGISTRATION</a>
</p>
</div>
<div class="widget-static-content ">
<div>
<div class="passwordChangeNotice">
<h4>Trouble logging in?</h4>
<p>Due to a major website upgrade, you may need to reset your password.</p>
<a href="/forgot-password" class="btn primary">Reset Password</a>
<p class="moreInfo">Because passwords are encrypted, we couldn't migrate them to the new website. All users were required to reset their password when the new website launched. An e-mail was sent to all existing
account holders to confirm the launch and password requirements.</p>
</div>
</div>
<style>
.passwordChangeNotice,
.passwordChangeNotice * {
box-sizing: border-box
}
.passwordChangeNotice {
padding: 20px;
background: #f6be00;
color: #111;
font-weight: 400;
text-align: center;
width: 100%;
max-width: 700px;
margin-bottom: 20px;
border-radius: 5px;
line-height: 1.5
}
.passwordChangeNotice h4 {
margin-bottom: 5px
}
.passwordChangeNotice .btn {
display: block;
width: 100%;
margin: 10px 0;
float: none
}
.passwordChangeNotice p.moreInfo {
display: block;
width: 100%;
font-size: .8em;
line-height: 1;
opacity: .75;
font-style: italic
}
</style>
</div>
</div>
</div>
</div>
</section>
<footer class="modal-footer"></footer>
</div>
</div>
</div>
<div class="widget-contact-link icon-widget push-right">
<a href="/find-us">
<span class="icon cv-ico-general-location9">
<span class="ico-only-text">Find Us</span>
</span>
</a>
</div>
<div class="widget-contact-link icon-widget push-right">
<a href="/contact">
<span class="icon cv-ico-general-paperplane">
<span class="ico-only-text">Contact</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- ZONE NAVIGATION -->
<div id="cv-zone-navigation">
<fieldset id="widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" class="widget-product-search-with-preview ">
<div id="search-container" data-role="productsearch" data-search-query-string-key="ProductSearch" data-search-page-url="/search" data-search-on-change="false" data-retain-current-search="false" data-use-search-and-product-suggestions="true"
data-search-suggestions="true" data-product-suggestions="true" data-use-suggestions="true" data-allow-empty-search="false" data-bind-auto-complete="true" data-search-page-url-prior-purchase="/prior-purchases"
data-prior-purchase-search-ticked="false" data-search-page-url-user-favourites="/my-favourites" data-user-favourites-search-ticked="false"
data-search-suggestions-heading-template-id="SearchSuggestionHeadingTemplate-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236"
data-product-suggestions-heading-template-id="ProductSuggestionHeadingTemplate-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" data-include-headings-as-data-items="false"
data-widget-initialised="$.cv.css.productSearchEvents.productSearchInitialised" data-static-content-search-mode="Disabled" data-category-filter="" data-category-filters="" data-show-preview="true" data-number-of-products-to-display="9"
data-excluded-categories="" data-exclude-products-in-excluded-categories="true" data-excluded-products="" data-show-levels="3" data-do-global-search="false"
data-popup-id="product-search-with-preview-popup-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" data-limit-product-and-static-content-result="false" data-product-search-result-limit="0"
data-enable-retain-product-search-term-with-preview="false" data-enable-search-product-on-initial-load-with-preview="false" data-static-content-search-result-limit="0" data-enable-preview-default-template-display="false"
data-preview-default-template-delay="400" data-preview-template-popup-id="search-preview-default-template-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236">
<div data-view="true" data-bind="addIsProcessingClass: isGettingSuggestions">
<span tabindex="-1" role="presentation" class="k-widget k-autocomplete product-search-autocomplete k-autocomplete-clearable k-state-default" style=""><input id="product-search-autocomplete-5bc2a393-d17f-4084-b182-4f48f1fb23e6"
data-widget-id="search-container" type="text" inputmode="search" class="product-search-autocomplete k-input" placeholder="Product Search" data-role="autocomplete"
data-template="ProductSearchTemplate-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" data-text-field="SearchKey" data-value-update="keyup" data-delay="400"
data-bind="source: suggestionsDataSource, value: searchText, events: {keypress: searchInputKeyUp, dataBound: searchInputBound, filtering: searchFiltering}" data-select="$.cv.css.productSearchEvents.autoCompleteSelected"
autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-owns="product-search-autocomplete-5bc2a393-d17f-4084-b182-4f48f1fb23e6_listbox" aria-autocomplete="list"><span unselectable="on"
class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span>
<div class="search-with-preview-container" style="background-color: white" data-bind="addIsProcessingClass: isGettingSuggestions">
<div id="product-search-with-preview-popup-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" class="search-item-with-preview" style="display: none;">
<section class="modal-content"></section>
<footer class="modal-footer"></footer>
</div>
<a title="Close" href="javascript:void(0)" data-bind="click: closePreview" style="display: none;"></a>
</div>
<button type="button" class="btn search cv-ico-general-search" data-bind="click: search, addIsProcessingClass: isSearching">
<span class="with-text">Search</span>
</button>
</div>
</div>
<script id="ProductSearchTemplate-widget-product-search-with-preview-8032e69e-21a7-498a-b0d7-18cfc5fb6236" type="text/x-kendo-template"> <div style="display: none;"></div>
</script>
</fieldset>
<div class="widget-value-prop " id="widget-value-prop-2838d296-1ad3-417b-9ebf-a114c95d5aa1" data-role="valuepropositions" data-mobile-fade-timing="3000">
<div data-view="true">
<a href="/one-click-switch" class="widget-value-prop-1">
<div class="widget-value-prop-content">
<div class="widget-value-prop-icon cv-ico-general-mouse"></div>
<span class="widget-value-prop-text">New customer? One Click Switch</span>
</div>
</a>
<a href="/making-local-work" class="widget-value-prop-2">
<div class="widget-value-prop-content">
<div class="widget-value-prop-icon cv-ico-general-shop"></div>
<span class="widget-value-prop-text">Every order Right 1st Time Every Time</span>
</div>
</a>
<a href="/making-local-work" class="widget-value-prop-3">
<div class="widget-value-prop-content">
<div class="widget-value-prop-icon cv-ico-general-banknote"></div>
<span class="widget-value-prop-text">Our Price Promise - competitive guaranteed</span>
</div>
</a>
</div>
</div>
</div>
<!-- ZONE NAVIGATION CONTAINER-->
<div id="cv-zone-navigation-container">
<div class="container">
<div data-role="categorymenu" class="widget-category-menu " id="widget-category-menu-09be4fe6-8be6-4c93-807d-fcc88e884583">
<div data-view="true">
<span class="menu-button">Shop By Category</span>
<div class="dropdown-area">
<div class="dropdown-content">
<aside class="menu-sidebar">
<ul id="menu" class="menu-sidebar-categories" data-bind="events: {mousemove : trackMenuIntent, mouseout: cancelMenuPause}">
<li subcategorymenuid="#menu-sub-category-SX01" class="active">
<a href="/categories/filing-products">
Filing Products
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX02">
<a href="/categories/furniture">
Furniture
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX03">
<a href="/categories/ink-and-toner">
Ink & Toner
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX04">
<a href="/categories/kitchen-cleaning-and-safety">
Kitchen, Cleaning & Safety
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX05">
<a href="/categories/office-stationery">
Office Stationery
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX06">
<a href="/categories/paper-post-and-books">
Paper, Post & Books
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX07">
<a href="/categories/printers-and-office-machines">
Printers & Office Machines
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX08">
<a href="/categories/school-supplies">
School Supplies
</a>
</li>
<li subcategorymenuid="#menu-sub-category-SX09">
<a href="/categories/technology-and-accessories">
Technology & Accessories
</a>
</li>
</ul>
</aside>
<section class="menu-content">
<div id="menu-sub-category-SX01" class="menu-sub-categories active">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/filing-products/binders-and-folders">Binders & Folders</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/filing-products/dividers">Dividers</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/filing-products/files">Files</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/filing-products/filing-and-storage">Filing & Storage</a>
</div>
</div>
</div>
<div id="menu-sub-category-SX02" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/furniture/chairs-and-accessories">Chairs & Accessories</a><a class="heading" href="/categories/furniture/signage">Signage</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/furniture/stools-and-ladders">Stools & Ladders</a><a class="heading" href="/categories/furniture/storage">Storage</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/furniture/whiteboards-and-memo-boards">Whiteboards & Memo Boards</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/furniture/office-furniture">Office Furniture</a>
</div>
</div>
<div class="grid-row dropdown-area-custom dropdown-area-custom-bottom"><br><br>
<div>
<a href="/categories/furniture/chairs-and-accessories?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1"><img alt="" height="450" width="1100" src="https://www.officechoice.com.au/Images/Banners/OC_CategoryPage_1100x450px_LR.jpg" style="display: block; margin-left: auto; margin-right: auto;"></a>
</div>
</div>
</div>
<div id="menu-sub-category-SX03" class="menu-sub-categories">
<div class="grid-row dropdown-area-custom dropdown-area-custom-top">
<h2><br></h2>
</div>
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/ink-and-toner/inkjets">Inkjets</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/ink-and-toner/ribbons-and-film">Ribbons & Film</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/ink-and-toner/toner">Toner</a>
</div>
</div>
</div>
<div id="menu-sub-category-SX04" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/kitchen-cleaning-and-safety/cleaning">Cleaning</a><a class="heading" href="/categories/kitchen-cleaning-and-safety/first-aid">First Aid</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/kitchen-cleaning-and-safety/food-and-beverages">Food & Beverages</a><a class="heading" href="/categories/kitchen-cleaning-and-safety/kitchen">Kitchen</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/kitchen-cleaning-and-safety/safety">Safety</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/kitchen-cleaning-and-safety/party-supplies">Party Supplies</a>
</div>
</div>
</div>
<div id="menu-sub-category-SX05" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/office-stationery/bags-and-compendiums">Bags & Compendiums</a><a class="heading" href="/categories/office-stationery/batteries">Batteries</a><a class="heading" href="/categories/office-stationery/brochure-holders">Brochure Holders</a><a class="heading" href="/categories/office-stationery/clips-and-fasteners">Clips & Fasteners</a><a class="heading" href="/categories/office-stationery/clocks">Clocks</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/office-stationery/correction">Correction</a><a class="heading" href="/categories/office-stationery/desk-top-accessories">Desk Top Accessories</a><a class="heading" href="/categories/office-stationery/hole-punches">Hole Punches</a><a class="heading" href="/categories/office-stationery/i-d-and-security">I.D & Security</a><a class="heading" href="/categories/office-stationery/markers-and-highlighters">Markers & Highlighters</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/office-stationery/notes-and-flags">Notes & Flags</a><a class="heading" href="/categories/office-stationery/pencils">Pencils</a><a class="heading" href="/categories/office-stationery/pens">Pens</a><a class="heading" href="/categories/office-stationery/rulers">Rulers</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/office-stationery/scissors-and-cutters">Scissors & Cutters</a><a class="heading" href="/categories/office-stationery/stamps">Stamps</a><a class="heading" href="/categories/office-stationery/staplers">Staplers</a><a class="heading" href="/categories/office-stationery/tapes-and-adhesives">Tapes & Adhesives</a>
</div>
</div>
</div>
<div id="menu-sub-category-SX06" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/paper-post-and-books/books">Books</a><a class="heading" href="/categories/paper-post-and-books/business-books">Business Books</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/paper-post-and-books/diaries-and-calendars">Diaries & Calendars</a><a class="heading" href="/categories/paper-post-and-books/envelopes-and-post-accessories">Envelopes & Post Accessories</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/paper-post-and-books/labelling">Labelling</a><a class="heading" href="/categories/paper-post-and-books/labelling-machines-and-accessories">Labelling Machines & Accessories</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/paper-post-and-books/pads">Pads</a><a class="heading" href="/categories/paper-post-and-books/paper">Paper</a>
</div>
</div>
<div class="grid-row dropdown-area-custom dropdown-area-custom-bottom"><br><br><a href="/double-a"><img height="507" width="1291" src="/images/e1aaf575-c84c-4e1a-a694-dc72120a61d6.jpeg"></a></div>
</div>
<div id="menu-sub-category-SX07" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/printers-and-office-machines/binding-accessories">Binding Accessories</a><a class="heading" href="/categories/printers-and-office-machines/binding-machines">Binding Machines</a><a class="heading" href="/categories/printers-and-office-machines/calculators-and-dictation">Calculators & Dictation</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/printers-and-office-machines/fax-machines">Fax Machines</a><a class="heading" href="/categories/printers-and-office-machines/folding-machines">Folding Machines</a><a class="heading" href="/categories/printers-and-office-machines/guillotines-and-trimmers">Guillotines & Trimmers</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/printers-and-office-machines/laminating-accessories">Laminating Accessories</a><a class="heading" href="/categories/printers-and-office-machines/laminating-machines">Laminating Machines</a><a class="heading" href="/categories/printers-and-office-machines/point-of-sale">Point of Sale</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/printers-and-office-machines/printers">Printers</a><a class="heading" href="/categories/printers-and-office-machines/shredders">Shredders</a>
</div>
</div>
</div>
<div id="menu-sub-category-SX08" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/school-supplies/art-and-craft">Art & Craft</a><a class="heading" href="/categories/school-supplies/books-and-pads">Books & Pads</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/school-supplies/early-learning">Early Learning</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/school-supplies/furniture">Furniture</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/school-supplies/library-supplies">Library Supplies</a>
</div>
</div>
<div class="grid-row dropdown-area-custom dropdown-area-custom-bottom">
<div>
<br><br><a href="/search?ProductSearch=Jasart&FilterFeature=ProductFeatureNames.Name:eq:Product%20Category,Value:eq:Art%20Brushes%20%26%20Painting&PageProduct=1"><img alt="" height="450" width="1100" src="/images/Byron Web Banner 1411x437px_FA (1).jpg?u=1b3zvA" style="display: block; margin-left: auto; margin-right: auto;"></a>
</div>
</div>
</div>
<div id="menu-sub-category-SX09" class="menu-sub-categories">
<div class="grid-row">
<div class="col-1-4">
<a class="heading" href="/categories/technology-and-accessories/cameras-and-scanners">Cameras & Scanners</a><a class="heading" href="/categories/technology-and-accessories/cleaning-and-cables">Cleaning & Cables</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/technology-and-accessories/computer-accessories">Computer Accessories</a><a class="heading" href="/categories/technology-and-accessories/laptops-and-tablets">Laptops & Tablets</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/technology-and-accessories/projectors">Projectors</a><a class="heading" href="/categories/technology-and-accessories/software-and-data-storage">Software & Data Storage</a>
</div>
<div class="col-1-4">
<a class="heading" href="/categories/technology-and-accessories/telephones-and-accessories">Telephones & Accessories</a>
</div>
</div>
<div class="grid-row dropdown-area-custom dropdown-area-custom-bottom">
<div><br><br><a href="/search?ProductSearch=logitech"><img alt="" height="450" width="1100" src="/images/Logitech Mega Menu 1100 x 450.jpg?u=1b6c0B" style="display: block; margin-left: auto; margin-right: auto;"></a></div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<nav class="widget-section-menu section-menu-featurenavloggedout feature-nav keyboard-accessible">
<ul class="">
<li>
<a href="/making-local-work" class=" ico-heading sub-menu-link"> <span class="">Making Local Work</span></a>
</li>
<li>
<a href="/current-offers" class=" ico-heading sub-menu-link"> <span class="">Current Offers</span></a>
</li>
<li>
<a href="/catalogues" class=" ico-heading sub-menu-link"> <span class="">Catalogues</span></a>
</li>
<li>
<a href="/about-us" class=" ico-heading sub-menu-link"> <span class="">About Us</span></a>
</li>
</ul>
</nav>
</div>
</div>
<!-- ZONE FEATURE -->
<div id="cv-zone-feature">
<div class="container">
<div class="widget-page-title ">
<h1 class="page-title ico-heading">Home</h1>
</div>
</div>
</div>
<!-- ZONE CONTAINER 1 -->
<div id="cv-zone-container-1" class="cv-noasides-pagecontent">
<!-- ZONE CONTAINER 2 -->
<div id="cv-zone-container-2">
<!-- ZONE PAGE CONTENT BEFORE -->
<div id="cv-zone-pagecontent-before">
<script>
_cv_callOrDefer(function() {
$.cv.css.messageTypes = {
error: 'error',
warning: 'warning',
info: 'info',
success: 'success'
};
});
</script>
<div class="widget-messages cv-notification-area" data-role="message" data-query-string-message-type="warning" data-message-types-requiring-confirmation="['error','warning']" data-fade-out-messages="true">
<div data-view="true">
<div class="itemList" data-bind="source: itemList, visible: hasMessages" data-template="messageTemplate" style="display: none;"></div>
</div>
</div>
<script type="text/x-kendo-template" id="messageTemplate"> <div class="cv-notification no-heading" data-bind='displayAnimationInOut: { fade: allowFadeOut }, appendClass: additionalClasses' data-animation-complete="removeMessage">
<div class="notification-icon"></div>
<div class="notification-content">
<span role="alert" class="notification-message" data-bind="htmlSanitised: message"></span>
<div class="notification-actions" data-bind="visible: requiresConfirmation">
<button type="button" data-bind="click: execCommand_hide, events:{ mousedown: execCommand_preventDefault }" class="btn small">Confirm</button>
</div>
</div>
<a href="javascript:$.noop()" class="close cv-ico-general-cross2" data-bind="click: execCommand_hide, events:{ mousedown: execCommand_preventDefault }"></a>
</div>
</script>
</div>
<!-- ZONE PAGE CONTENT -->
<div id="cv-zone-pagecontent">
<section class="page-content">
<div id="message" align="center" style="FONT-FAMILY: Arial; FONT-SIZE:9pt; COLOR: Red;"></div>
<span id="Page1">
<div id="custom-layout-ocl-homepage" class="grid">
<div id="custom-layout-ocl-homepage-row1" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row1-column1" data-zone="Row1Column1" class="col-1-1 ">
<link rel="stylesheet" type="text/css" href="/Themes/BPDTHEME01/theme-client-updates/css/homepage.css?v=579383367">
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row2" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row2-column1" data-zone="Row2Column1" class="col-3-4 ">
<div class="widget-banner-slider dots-rounded owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":"fadeOut","key":"animateOut","prompt":"animateOut","lookup":null,"isBeingEdited":false},{"value":"fadeIn","key":"animateIn","prompt":"animateIn","lookup":null,"isBeingEdited":false},{"value":8000,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 332.609px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-5375px, 0px, 0px); transition: all 0s ease 0s; width: 21500px;">
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/double-a" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/OC-DoubleAWeb-bannerV2.jpg" alt="Double A">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/recently-released" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2022_Cables Charges.jpg" alt="Recently Released">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/catalogues" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2024 Ordering Guide Homepage - Web.png" alt="Big Red Catalogue">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<img class="owl-lazy" data-src="/Images/Dales DOTY Banner.png" alt="Dales DOTY">
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/categories/furniture/chairs-and-accessories?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/OC_HomePage_1411x437px_LR.jpg" alt="Buro">
</a>
</div>
</div>
<div class="owl-item active" style="width: 1075px;">
<div class="gallery-slide">
<a href="/presentation-and-writing" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/HP_July2024_Webbanner_1411x437.jpg" alt="July 2024 Presentation & Writing Instruments" src="/Images/Banners/HP_July2024_Webbanner_1411x437.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/avery" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Landing Page Banner 1411x437.jpg" alt="Avery">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=52056" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Office Choice Copy Paper Web Banner (1411 x 437 px).png" alt="Paper">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/current-offers" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2022-OP10-Northfork-Geca.jpg" alt="Current Offers">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=bic%204%20colour" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/bic banner.png" alt="Diaries">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/double-a" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/OC-DoubleAWeb-bannerV2.jpg" alt="Double A">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/recently-released" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2022_Cables Charges.jpg" alt="Recently Released">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/catalogues" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2024 Ordering Guide Homepage - Web.png" alt="Big Red Catalogue">
</a>
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<img class="owl-lazy" data-src="/Images/Dales DOTY Banner.png" alt="Dales DOTY">
</div>
</div>
<div class="owl-item" style="width: 1075px;">
<div class="gallery-slide">
<a href="/categories/furniture/chairs-and-accessories?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/OC_HomePage_1411x437px_LR.jpg" alt="Buro">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/presentation-and-writing" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/HP_July2024_Webbanner_1411x437.jpg" alt="July 2024 Presentation & Writing Instruments" src="/Images/Banners/HP_July2024_Webbanner_1411x437.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/avery" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Landing Page Banner 1411x437.jpg" alt="Avery">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=52056" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Office Choice Copy Paper Web Banner (1411 x 437 px).png" alt="Paper">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/current-offers" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/2022-OP10-Northfork-Geca.jpg" alt="Current Offers">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 1075px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=bic%204%20colour" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/bic banner.png" alt="Diaries">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable">
<div class="owl-nav owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row2-column2" data-zone="Row2Column2" class="col-1-4 ">
<div class="widget-banner-slider owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":false,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":false,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 162.031px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 355px;">
<div class="owl-item active" style="width: 355px;">
<div class="gallery-slide">
<a href="/making-local-work" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Home-Sub/making-local-work-332x152.png" alt="Making Local Work Mini" src="/Images/Banners/Home-Sub/making-local-work-332x152.png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
</div>
</div>
</div>
<div class="widget-banner-slider padding-top-small owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":false,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":false,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 163.078px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 355px;">
<div class="owl-item active" style="width: 355px;">
<div class="gallery-slide">
<a href="/one-click-switch" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/One Click Switch Mini Banner Outline 357x164.png" alt="One Click Switch Mini" src="/Images/One Click Switch Mini Banner Outline 357x164.png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row3" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row3-column1" data-zone="Row3Column1" class="col-1-1 ">
<div class="widget-static-content ">
<div class="col-1-3"> </div>
<div class="col-1-3 text-center spacing-top">
<h2 class="subtitle text-center campaign-header">Current Offers</h2>
</div>
<div class="col-1-3 text-center spacing-top"><a class="btn campaign-link" href="/current-offers">View All</a></div>
</div>
<script>
_cv_callOrDefer(function() {
$.cv.css.tracker.productImpressions.base([{
"Description": "Marbig Display Book A4 Refillable 20 Pocket Yellow",
"ProductCode": "523166",
"PriceForOneInc": "$3.99",
"PriceForOneEx": "$3.63",
"PriceForOne": "$3.63",
"CategoryHierarchy": "Filing Products/Binders & Folders",
"BrandText": "Acco Australia",
"Index": 0
}, {
"Description": "Stabilo Boss 70/24 Highlighter Chisel 2-5mm Yellow",
"ProductCode": "522519",
"PriceForOneInc": "$3.99",
"PriceForOneEx": "$3.63",
"PriceForOne": "$3.63",
"CategoryHierarchy": "Office Stationery/Markers & Highlighters",
"BrandText": "Acco Australia",
"Index": 1
}, {
"Description": "Stabilo Boss 70/54 Highlighter Chisel 2-5mm Orange",
"ProductCode": "522520",
"PriceForOneInc": "$3.99",
"PriceForOneEx": "$3.63",
"PriceForOne": "$3.63",
"CategoryHierarchy": "Office Stationery/Markers & Highlighters",
"BrandText": "Acco Australia",
"Index": 2
}, {
"Description": "Crayola Coloured Pencils Full Size Regular Assorted Pack of 24",
"ProductCode": "498104",
"PriceForOneInc": "$12.99",
"PriceForOneEx": "$11.81",
"PriceForOne": "$11.81",
"CategoryHierarchy": "School Supplies/Art & Craft",
"BrandText": "Crayola Australia P/L",
"Index": 3
}, {
"Description": "Marbig Display Book A4 Refillable 20 Pocket Blue",
"ProductCode": "523161",
"PriceForOneInc": "$3.99",
"PriceForOneEx": "$3.63",
"PriceForOne": "$3.63",
"CategoryHierarchy": "Filing Products/Binders & Folders",
"BrandText": "Acco Australia",
"Index": 4
}, {
"Description": "Crayola Thinline Markers Super Tips Washable 10 Assorted",
"ProductCode": "498083",
"PriceForOneInc": "$6.99",
"PriceForOneEx": "$6.35",
"PriceForOne": "$6.35",
"CategoryHierarchy": "School Supplies/Art & Craft",
"BrandText": "Crayola Australia P/L",
"Index": 5
}, {
"Description": "Crayola Thinline Markers Super Tips Washable Classic Assorted Pack 20",
"ProductCode": "498090",
"PriceForOneInc": "$12.99",
"PriceForOneEx": "$11.81",
"PriceForOne": "$11.81",
"CategoryHierarchy": "School Supplies/Art & Craft",
"BrandText": "Crayola Australia P/L",
"Index": 6
}, {
"Description": "Stabilo Boss 70/40 Highlighter Chisel 2-5mm Red",
"ProductCode": "522521",
"PriceForOneInc": "$3.99",
"PriceForOneEx": "$3.63",
"PriceForOne": "$3.63",
"CategoryHierarchy": "Office Stationery/Markers & Highlighters",
"BrandText": "Acco Australia",
"Index": 7
}, {
"Description": "Artline Flow Pen Retractable Gel Ink 1mm 4 Bright Colours",
"ProductCode": "522011",
"PriceForOneInc": "$3.69",
"PriceForOneEx": "$3.35",
"PriceForOne": "$3.35",
"CategoryHierarchy": "Office Stationery/Pens",
"BrandText": "Acco Australia",
"Index": 8
}, {
"Description": "Artline Signature Onyx Fineliner Pen 0.4mm Black",
"ProductCode": "710627",
"PriceForOneInc": "$24.99",
"PriceForOneEx": "$22.72",
"PriceForOne": "$22.72",
"CategoryHierarchy": "Office Stationery/Pens",
"BrandText": "Acco Australia",
"Index": 9
}], "Campaign - July 2024 Presentation and Writing Instruments");
});
</script>
<div class="widget-campaign-slider 5dc899337d83451e893e dots-rounded nav-rounded spacing-top " data-list-type="Campaign - July 2024 Presentation and Writing Instruments">
<div class="product-slider with-navigation product-grid grid owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":false,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":"3000","key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":5,"key":"items","prompt":"items","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-wrapper-outer">
<div class="owl-stage owl-wrapper" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 2592px;">
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="523166" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/marbig-display-book-a4-refillable-20-pocket-yellow?CampaignCode=5dc899337d83451e893e" data-product-link="523166">
<img class="product-img" src="/Images/ProductImages/250/523166.jpg" alt="Marbig Display Book A4 Refillable 20 Pocket Yellow">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-0a6c3bc2-e872-4be9-8f6b-89a74448d61a"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-0a6c3bc2-e872-4be9-8f6b-89a74448d61a}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-0a6c3bc2-e872-4be9-8f6b-89a74448d61a" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/marbig-display-book-a4-refillable-20-pocket-yellow?CampaignCode=5dc899337d83451e893e" data-product-link="523166">Marbig Display Book A4 Refillable 20 Pocket Yellow</a></span>
<span class="widget-productlist-code ">523166</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.62 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="523166" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="523166" style="">
<div class="arrow-box">
<table class="content-table cv-table-0">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-15f9af73-281a-49ab-8c8b-8fef2e11fb89"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 11","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":11.0},{"Break":12.0,"BreakRange":"12 - 23","Price":3.51,"NettPrice":3.51,"NettPriceInc":3.87,"NettPriceEx":3.51,"BreakEnd":23.0},{"Break":24.0,"BreakRange":"24 - 71","Price":3.44,"NettPrice":3.44,"NettPriceInc":3.79,"NettPriceEx":3.44,"BreakEnd":71.0},{"Break":72.0,"BreakRange":"72+","Price":3.26,"NettPrice":3.26,"NettPriceInc":3.59,"NettPriceEx":3.26,"BreakEnd":-1.0}]"
data-nett-price="3.62">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
<tr class="">
<td class="text-left"> 12 - 23 </td>
<td class="price-right price-breaks-inc">$3.87</td>
<td class="price-right price-breaks-ex">$3.51</td>
</tr>
<tr class="">
<td class="text-left"> 24 - 71 </td>
<td class="price-right price-breaks-inc">$3.79</td>
<td class="price-right price-breaks-ex">$3.44</td>
</tr>
<tr class="">
<td class="text-left"> 72+ </td>
<td class="price-right price-breaks-inc">$3.59</td>
<td class="price-right price-breaks-ex">$3.26</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-15f9af73-281a-49ab-8c8b-8fef2e11fb89"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="522519" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/stabilo-boss-70~24-highlighter-chisel-2-5mm-yellow?CampaignCode=5dc899337d83451e893e" data-product-link="522519">
<img class="product-img" src="/Images/ProductImages/250/522519.jpg" alt="Stabilo Boss 70/24 Highlighter Chisel 2-5mm Yellow">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-da663323-3ec3-4ef5-8066-8006497f9eb9"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-da663323-3ec3-4ef5-8066-8006497f9eb9}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-da663323-3ec3-4ef5-8066-8006497f9eb9" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/stabilo-boss-70~24-highlighter-chisel-2-5mm-yellow?CampaignCode=5dc899337d83451e893e" data-product-link="522519">Stabilo Boss 70/24 Highlighter Chisel 2-5mm Yellow</a></span>
<span class="widget-productlist-code ">522519</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.62 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="522519" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="522519" style="">
<div class="arrow-box">
<table class="content-table cv-table-1">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-68db50e2-8e9d-43e6-80f9-94ad6eb08cad"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 9","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":9.0},{"Break":10.0,"BreakRange":"10 - 19","Price":3.51,"NettPrice":3.51,"NettPriceInc":3.87,"NettPriceEx":3.51,"BreakEnd":19.0},{"Break":20.0,"BreakRange":"20 - 59","Price":3.44,"NettPrice":3.44,"NettPriceInc":3.79,"NettPriceEx":3.44,"BreakEnd":59.0},{"Break":60.0,"BreakRange":"60+","Price":3.26,"NettPrice":3.26,"NettPriceInc":3.59,"NettPriceEx":3.26,"BreakEnd":-1.0}]"
data-nett-price="3.62">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
<tr class="">
<td class="text-left"> 10 - 19 </td>
<td class="price-right price-breaks-inc">$3.87</td>
<td class="price-right price-breaks-ex">$3.51</td>
</tr>
<tr class="">
<td class="text-left"> 20 - 59 </td>
<td class="price-right price-breaks-inc">$3.79</td>
<td class="price-right price-breaks-ex">$3.44</td>
</tr>
<tr class="">
<td class="text-left"> 60+ </td>
<td class="price-right price-breaks-inc">$3.59</td>
<td class="price-right price-breaks-ex">$3.26</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-68db50e2-8e9d-43e6-80f9-94ad6eb08cad"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="522520" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/stabilo-boss-70~54-highlighter-chisel-2-5mm-orange?CampaignCode=5dc899337d83451e893e" data-product-link="522520">
<img class="product-img" src="/Images/ProductImages/250/522520.jpg" alt="Stabilo Boss 70/54 Highlighter Chisel 2-5mm Orange">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-1e2649f1-4d7c-421d-bf20-e94332686c88"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-1e2649f1-4d7c-421d-bf20-e94332686c88}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-1e2649f1-4d7c-421d-bf20-e94332686c88" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/stabilo-boss-70~54-highlighter-chisel-2-5mm-orange?CampaignCode=5dc899337d83451e893e" data-product-link="522520">Stabilo Boss 70/54 Highlighter Chisel 2-5mm Orange</a></span>
<span class="widget-productlist-code ">522520</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.62 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="522520" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="522520" style="">
<div class="arrow-box">
<table class="content-table cv-table-2">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-c626e247-cc9c-4453-94d5-41d8c50f60ea"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 9","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":9.0},{"Break":10.0,"BreakRange":"10 - 19","Price":3.51,"NettPrice":3.51,"NettPriceInc":3.87,"NettPriceEx":3.51,"BreakEnd":19.0},{"Break":20.0,"BreakRange":"20 - 59","Price":3.44,"NettPrice":3.44,"NettPriceInc":3.79,"NettPriceEx":3.44,"BreakEnd":59.0},{"Break":60.0,"BreakRange":"60+","Price":3.26,"NettPrice":3.26,"NettPriceInc":3.59,"NettPriceEx":3.26,"BreakEnd":-1.0}]"
data-nett-price="3.62">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
<tr class="">
<td class="text-left"> 10 - 19 </td>
<td class="price-right price-breaks-inc">$3.87</td>
<td class="price-right price-breaks-ex">$3.51</td>
</tr>
<tr class="">
<td class="text-left"> 20 - 59 </td>
<td class="price-right price-breaks-inc">$3.79</td>
<td class="price-right price-breaks-ex">$3.44</td>
</tr>
<tr class="">
<td class="text-left"> 60+ </td>
<td class="price-right price-breaks-inc">$3.59</td>
<td class="price-right price-breaks-ex">$3.26</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-c626e247-cc9c-4453-94d5-41d8c50f60ea"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="498104" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/crayola-coloured-pencils-full-size-regular-assorted-pack-of-24?CampaignCode=5dc899337d83451e893e" data-product-link="498104">
<img class="product-img" src="/Images/ProductImages/250/498104.jpg" alt="Crayola Coloured Pencils Full Size Regular Assorted Pack of 24">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-d1283e46-6a67-4a0a-bc8b-a7057aa3cc05"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-d1283e46-6a67-4a0a-bc8b-a7057aa3cc05}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-d1283e46-6a67-4a0a-bc8b-a7057aa3cc05" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/crayola-coloured-pencils-full-size-regular-assorted-pack-of-24?CampaignCode=5dc899337d83451e893e" data-product-link="498104">Crayola Coloured Pencils Full Size Regular Assorted Pack of 24</a></span>
<span class="widget-productlist-code ">498104</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $11.80 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $12.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(PACK)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="498104" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="498104" style="">
<div class="arrow-box">
<table class="content-table cv-table-3">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-00ea814e-7fd6-4e96-ac31-e459797b1cf5"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 3","Price":11.8,"NettPrice":11.8,"NettPriceInc":12.99,"NettPriceEx":11.8,"BreakEnd":3.0},{"Break":4.0,"BreakRange":"4 - 7","Price":11.45,"NettPrice":11.45,"NettPriceInc":12.6,"NettPriceEx":11.45,"BreakEnd":7.0},{"Break":8.0,"BreakRange":"8 - 23","Price":11.21,"NettPrice":11.21,"NettPriceInc":12.34,"NettPriceEx":11.21,"BreakEnd":23.0},{"Break":24.0,"BreakRange":"24+","Price":10.62,"NettPrice":10.62,"NettPriceInc":11.69,"NettPriceEx":10.62,"BreakEnd":-1.0}]"
data-nett-price="11.8">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$12.99</td>
<td class="price-right price-breaks-ex">$11.80</td>
</tr>
<tr class="">
<td class="text-left"> 4 - 7 </td>
<td class="price-right price-breaks-inc">$12.60</td>
<td class="price-right price-breaks-ex">$11.45</td>
</tr>
<tr class="">
<td class="text-left"> 8 - 23 </td>
<td class="price-right price-breaks-inc">$12.34</td>
<td class="price-right price-breaks-ex">$11.21</td>
</tr>
<tr class="">
<td class="text-left"> 24+ </td>
<td class="price-right price-breaks-inc">$11.69</td>
<td class="price-right price-breaks-ex">$10.62</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-00ea814e-7fd6-4e96-ac31-e459797b1cf5"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="523161" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/marbig-display-book-a4-refillable-20-pocket-blue?CampaignCode=5dc899337d83451e893e" data-product-link="523161">
<img class="product-img" src="/Images/ProductImages/250/523161.jpg" alt="Marbig Display Book A4 Refillable 20 Pocket Blue">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-e3fc5864-3eb1-4543-9a8c-c1bedfdbf02c"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-e3fc5864-3eb1-4543-9a8c-c1bedfdbf02c}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-e3fc5864-3eb1-4543-9a8c-c1bedfdbf02c" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/marbig-display-book-a4-refillable-20-pocket-blue?CampaignCode=5dc899337d83451e893e" data-product-link="523161">Marbig Display Book A4 Refillable 20 Pocket Blue</a></span>
<span class="widget-productlist-code ">523161</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.62 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="523161" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="523161" style="">
<div class="arrow-box">
<table class="content-table cv-table-4">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-00449810-1692-4686-9f7c-b9beb3037ed7"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 11","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":11.0},{"Break":12.0,"BreakRange":"12 - 23","Price":3.51,"NettPrice":3.51,"NettPriceInc":3.87,"NettPriceEx":3.51,"BreakEnd":23.0},{"Break":24.0,"BreakRange":"24 - 71","Price":3.44,"NettPrice":3.44,"NettPriceInc":3.79,"NettPriceEx":3.44,"BreakEnd":71.0},{"Break":72.0,"BreakRange":"72+","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":-1.0}]"
data-nett-price="3.62">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
<tr class="">
<td class="text-left"> 12 - 23 </td>
<td class="price-right price-breaks-inc">$3.87</td>
<td class="price-right price-breaks-ex">$3.51</td>
</tr>
<tr class="">
<td class="text-left"> 24 - 71 </td>
<td class="price-right price-breaks-inc">$3.79</td>
<td class="price-right price-breaks-ex">$3.44</td>
</tr>
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-00449810-1692-4686-9f7c-b9beb3037ed7"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="498083" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/crayola-thinline-markers-super-tips-washable-10-assorted?CampaignCode=5dc899337d83451e893e" data-product-link="498083">
<img class="product-img" src="/Images/ProductImages/250/498083.jpg" alt="Crayola Thinline Markers Super Tips Washable 10 Assorted">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-7867e1d7-7a9e-46e7-a8b3-d6e2c4566670"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-7867e1d7-7a9e-46e7-a8b3-d6e2c4566670}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-7867e1d7-7a9e-46e7-a8b3-d6e2c4566670" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/crayola-thinline-markers-super-tips-washable-10-assorted?CampaignCode=5dc899337d83451e893e" data-product-link="498083">Crayola Thinline Markers Super Tips Washable 10 Assorted</a></span>
<span class="widget-productlist-code ">498083</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $6.35 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $6.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(PACK)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="498083" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="498083" style="">
<div class="arrow-box">
<table class="content-table cv-table-5">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-5e402a0e-ed29-42db-910c-ff4ef2acae8e"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 2","Price":6.35,"NettPrice":6.35,"NettPriceInc":6.99,"NettPriceEx":6.35,"BreakEnd":2.0},{"Break":3.0,"BreakRange":"3 - 5","Price":6.16,"NettPrice":6.16,"NettPriceInc":6.78,"NettPriceEx":6.16,"BreakEnd":5.0},{"Break":6.0,"BreakRange":"6 - 17","Price":6.03,"NettPrice":6.03,"NettPriceInc":6.64,"NettPriceEx":6.03,"BreakEnd":17.0},{"Break":18.0,"BreakRange":"18+","Price":5.71,"NettPrice":5.71,"NettPriceInc":6.29,"NettPriceEx":5.71,"BreakEnd":-1.0}]"
data-nett-price="6.35">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$6.99</td>
<td class="price-right price-breaks-ex">$6.35</td>
</tr>
<tr class="">
<td class="text-left"> 3 - 5 </td>
<td class="price-right price-breaks-inc">$6.78</td>
<td class="price-right price-breaks-ex">$6.16</td>
</tr>
<tr class="">
<td class="text-left"> 6 - 17 </td>
<td class="price-right price-breaks-inc">$6.64</td>
<td class="price-right price-breaks-ex">$6.03</td>
</tr>
<tr class="">
<td class="text-left"> 18+ </td>
<td class="price-right price-breaks-inc">$6.29</td>
<td class="price-right price-breaks-ex">$5.71</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-5e402a0e-ed29-42db-910c-ff4ef2acae8e"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="498090" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/crayola-thinline-markers-super-tips-washable-classic-assorted-pack-20?CampaignCode=5dc899337d83451e893e" data-product-link="498090">
<img class="product-img" src="/Images/ProductImages/250/498090.jpg" alt="Crayola Thinline Markers Super Tips Washable Classic Assorted Pack 20">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-dc42df61-ad16-40a9-96a6-ae40c861fd3f"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-dc42df61-ad16-40a9-96a6-ae40c861fd3f}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-dc42df61-ad16-40a9-96a6-ae40c861fd3f" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/crayola-thinline-markers-super-tips-washable-classic-assorted-pack-20?CampaignCode=5dc899337d83451e893e" data-product-link="498090">Crayola Thinline Markers Super Tips Washable Classic Assorted Pack 20</a></span>
<span class="widget-productlist-code ">498090</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $11.80 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $12.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(PACK)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="498090" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="498090" style="">
<div class="arrow-box">
<table class="content-table cv-table-6">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-e3de4109-1093-4e21-9cc8-ef9d25a3fbb5"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 2","Price":11.8,"NettPrice":11.8,"NettPriceInc":12.99,"NettPriceEx":11.8,"BreakEnd":2.0},{"Break":3.0,"BreakRange":"3 - 5","Price":11.45,"NettPrice":11.45,"NettPriceInc":12.6,"NettPriceEx":11.45,"BreakEnd":5.0},{"Break":6.0,"BreakRange":"6 - 17","Price":11.21,"NettPrice":11.21,"NettPriceInc":12.34,"NettPriceEx":11.21,"BreakEnd":17.0},{"Break":18.0,"BreakRange":"18+","Price":10.62,"NettPrice":10.62,"NettPriceInc":11.69,"NettPriceEx":10.62,"BreakEnd":-1.0}]"
data-nett-price="11.8">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$12.99</td>
<td class="price-right price-breaks-ex">$11.80</td>
</tr>
<tr class="">
<td class="text-left"> 3 - 5 </td>
<td class="price-right price-breaks-inc">$12.60</td>
<td class="price-right price-breaks-ex">$11.45</td>
</tr>
<tr class="">
<td class="text-left"> 6 - 17 </td>
<td class="price-right price-breaks-inc">$12.34</td>
<td class="price-right price-breaks-ex">$11.21</td>
</tr>
<tr class="">
<td class="text-left"> 18+ </td>
<td class="price-right price-breaks-inc">$11.69</td>
<td class="price-right price-breaks-ex">$10.62</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-e3de4109-1093-4e21-9cc8-ef9d25a3fbb5"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="522521" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/stabilo-boss-70~40-highlighter-chisel-2-5mm-red?CampaignCode=5dc899337d83451e893e" data-product-link="522521">
<img class="product-img" src="/Images/ProductImages/250/522521.jpg" alt="Stabilo Boss 70/40 Highlighter Chisel 2-5mm Red">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-195dc60d-857d-4bc7-a288-4537d45a63fb"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-195dc60d-857d-4bc7-a288-4537d45a63fb}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-195dc60d-857d-4bc7-a288-4537d45a63fb" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/stabilo-boss-70~40-highlighter-chisel-2-5mm-red?CampaignCode=5dc899337d83451e893e" data-product-link="522521">Stabilo Boss 70/40 Highlighter Chisel 2-5mm Red</a></span>
<span class="widget-productlist-code ">522521</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.62 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="522521" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="522521" style="">
<div class="arrow-box">
<table class="content-table cv-table-7">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-21ded61b-d8b5-4608-bb9a-8e4a90c686af"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 9","Price":3.62,"NettPrice":3.62,"NettPriceInc":3.99,"NettPriceEx":3.62,"BreakEnd":9.0},{"Break":10.0,"BreakRange":"10 - 19","Price":3.51,"NettPrice":3.51,"NettPriceInc":3.87,"NettPriceEx":3.51,"BreakEnd":19.0},{"Break":20.0,"BreakRange":"20 - 59","Price":3.44,"NettPrice":3.44,"NettPriceInc":3.79,"NettPriceEx":3.44,"BreakEnd":59.0},{"Break":60.0,"BreakRange":"60+","Price":3.26,"NettPrice":3.26,"NettPriceInc":3.59,"NettPriceEx":3.26,"BreakEnd":-1.0}]"
data-nett-price="3.62">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.99</td>
<td class="price-right price-breaks-ex">$3.62</td>
</tr>
<tr class="">
<td class="text-left"> 10 - 19 </td>
<td class="price-right price-breaks-inc">$3.87</td>
<td class="price-right price-breaks-ex">$3.51</td>
</tr>
<tr class="">
<td class="text-left"> 20 - 59 </td>
<td class="price-right price-breaks-inc">$3.79</td>
<td class="price-right price-breaks-ex">$3.44</td>
</tr>
<tr class="">
<td class="text-left"> 60+ </td>
<td class="price-right price-breaks-inc">$3.59</td>
<td class="price-right price-breaks-ex">$3.26</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-21ded61b-d8b5-4608-bb9a-8e4a90c686af"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="522011" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/artline-flow-pen-retractable-gel-ink-1mm-4-bright-colours?CampaignCode=5dc899337d83451e893e" data-product-link="522011">
<img class="product-img" src="/Images/ProductImages/250/522011.jpg" alt="Artline Flow Pen Retractable Gel Ink 1mm 4 Bright Colours">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-1c15b6b5-585d-49f5-b7c2-023039d3323d"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-1c15b6b5-585d-49f5-b7c2-023039d3323d}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-1c15b6b5-585d-49f5-b7c2-023039d3323d" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/artline-flow-pen-retractable-gel-ink-1mm-4-bright-colours?CampaignCode=5dc899337d83451e893e" data-product-link="522011">Artline Flow Pen Retractable Gel Ink 1mm 4 Bright Colours</a></span>
<span class="widget-productlist-code ">522011</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.35 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $3.69 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="522011" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="522011" style="">
<div class="arrow-box">
<table class="content-table cv-table-8">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-74aff856-9b38-45c2-adb4-b91cafde23c8"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 11","Price":3.35,"NettPrice":3.35,"NettPriceInc":3.69,"NettPriceEx":3.35,"BreakEnd":11.0},{"Break":12.0,"BreakRange":"12 - 23","Price":3.25,"NettPrice":3.25,"NettPriceInc":3.57,"NettPriceEx":3.25,"BreakEnd":23.0},{"Break":24.0,"BreakRange":"24 - 71","Price":3.18,"NettPrice":3.18,"NettPriceInc":3.5,"NettPriceEx":3.18,"BreakEnd":71.0},{"Break":72.0,"BreakRange":"72+","Price":3.01,"NettPrice":3.01,"NettPriceInc":3.32,"NettPriceEx":3.01,"BreakEnd":-1.0}]"
data-nett-price="3.35">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$3.69</td>
<td class="price-right price-breaks-ex">$3.35</td>
</tr>
<tr class="">
<td class="text-left"> 12 - 23 </td>
<td class="price-right price-breaks-inc">$3.57</td>
<td class="price-right price-breaks-ex">$3.25</td>
</tr>
<tr class="">
<td class="text-left"> 24 - 71 </td>
<td class="price-right price-breaks-inc">$3.50</td>
<td class="price-right price-breaks-ex">$3.18</td>
</tr>
<tr class="">
<td class="text-left"> 72+ </td>
<td class="price-right price-breaks-inc">$3.32</td>
<td class="price-right price-breaks-ex">$3.01</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-74aff856-9b38-45c2-adb4-b91cafde23c8"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="710627" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-campaign-code="5dc899337d83451e893e"
data-add-selected-attribute-code-to-order="true" data-pack-quantity="1" data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/artline-signature-onyx-fineliner-pen-0-4mm-black?CampaignCode=5dc899337d83451e893e" data-product-link="710627">
<img class="product-img" src="/Images/ProductImages/250/710627.jpg" alt="Artline Signature Onyx Fineliner Pen 0.4mm Black">
</a>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-6401604d-cc74-4547-a89e-68765afa1418"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-6401604d-cc74-4547-a89e-68765afa1418}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-6401604d-cc74-4547-a89e-68765afa1418" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/artline-signature-onyx-fineliner-pen-0-4mm-black?CampaignCode=5dc899337d83451e893e" data-product-link="710627">Artline Signature Onyx Fineliner Pen 0.4mm Black</a></span>
<span class="widget-productlist-code ">710627</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $22.71 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $24.99 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="710627" style=""> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="710627" style="">
<div class="arrow-box">
<table class="content-table cv-table-9">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: quantityBreaksData
, updateWidgetValueFromAttr: { quantityBreaks: quantityBreaks, nettPrice: nettPrice }" data-template="quantity-breaks-933fdd8f-2f0d-473c-bfd3-c5d81a32e769"
data-quantity-breaks="[{"Break":1.0,"BreakRange":"1 - 2","Price":22.71,"NettPrice":22.71,"NettPriceInc":24.99,"NettPriceEx":22.71,"BreakEnd":2.0},{"Break":3.0,"BreakRange":"3 - 5","Price":22.03,"NettPrice":22.03,"NettPriceInc":24.24,"NettPriceEx":22.03,"BreakEnd":5.0},{"Break":6.0,"BreakRange":"6 - 17","Price":21.58,"NettPrice":21.58,"NettPriceInc":23.74,"NettPriceEx":21.58,"BreakEnd":17.0},{"Break":18.0,"BreakRange":"18+","Price":20.44,"NettPrice":20.44,"NettPriceInc":22.49,"NettPriceEx":20.44,"BreakEnd":-1.0}]"
data-nett-price="22.71">
<tr class="highlighted">
<td class="text-left"> My price </td>
<td class="price-right price-breaks-inc">$24.99</td>
<td class="price-right price-breaks-ex">$22.71</td>
</tr>
<tr class="">
<td class="text-left"> 3 - 5 </td>
<td class="price-right price-breaks-inc">$24.24</td>
<td class="price-right price-breaks-ex">$22.03</td>
</tr>
<tr class="">
<td class="text-left"> 6 - 17 </td>
<td class="price-right price-breaks-inc">$23.74</td>
<td class="price-right price-breaks-ex">$21.58</td>
</tr>
<tr class="">
<td class="text-left"> 18+ </td>
<td class="price-right price-breaks-inc">$22.49</td>
<td class="price-right price-breaks-ex">$20.44</td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-933fdd8f-2f0d-473c-bfd3-c5d81a32e769"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable">
<div class="owl-nav owl-buttons">
<div class="owl-prev disabled">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row4" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row4-column1" data-zone="Row4Column1" class="col-1-1 ">
<div class="widget-static-content ">
<div class="col-1-3"> </div>
<div class="col-1-3 text-center spacing-top">
<h2 class="subtitle text-center campaign-header">Featured Products</h2>
</div>
<div class="col-1-3 text-center spacing-top"><a class="btn campaign-link" href="/featured-products">View All</a></div>
</div>
<script>
_cv_callOrDefer(function() {
$.cv.css.tracker.productImpressions.base([{
"Description": "Square 2nd Generation Contactless And Chip EFTPOS Card Reader White",
"ProductCode": "3035104",
"PriceForOneInc": "$52.00",
"PriceForOneEx": "$47.27",
"PriceForOne": "$47.27",
"CategoryHierarchy": "Printers & Office Machines/Point of Sale",
"BrandText": "PICA Australia Pty Ltd",
"Index": 0
}, {
"Description": "Square EFTPOS POS Stand for iPad White",
"ProductCode": "3035103",
"PriceForOneInc": "$119.00",
"PriceForOneEx": "$108.18",
"PriceForOne": "$108.18",
"CategoryHierarchy": "Printers & Office Machines/Point of Sale",
"BrandText": "PICA Australia Pty Ltd",
"Index": 1
}, {
"Description": "Square Terminal Mobile EFTPOS Credit Card POS Machine White",
"ProductCode": "3035099",
"PriceForOneInc": "$263.00",
"PriceForOneEx": "$239.09",
"PriceForOne": "$239.09",
"CategoryHierarchy": "Printers & Office Machines/Point of Sale",
"BrandText": "PICA Australia Pty Ltd",
"Index": 2
}, {
"Description": "Square Register With Detachable Customer EFTPOS Display Grey",
"ProductCode": "3035102",
"PriceForOneInc": "$879.00",
"PriceForOneEx": "$799.09",
"PriceForOne": "$799.09",
"CategoryHierarchy": "Printers & Office Machines/Point of Sale",
"BrandText": "PICA Australia Pty Ltd",
"Index": 3
}], "Campaign - Square-Products");
});
</script>
<div class="widget-campaign-slider 2da88b367a6d43bbb80f dots-rounded nav-rounded spacing-top " data-list-type="Campaign - Square-Products">
<div class="product-slider with-navigation product-grid grid owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":false,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":"3000","key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":5,"key":"items","prompt":"items","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-wrapper-outer">
<div class="owl-stage owl-wrapper" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1037px;">
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="3035104" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-add-selected-attribute-code-to-order="true" data-pack-quantity="1"
data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/square-2nd-generation-contactless-and-chip-eftpos-card-reader-white" data-product-link="3035104">
<img class="product-img" src="/Images/ProductImages/250/3035104.jpg" alt="Square 2nd Generation Contactless And Chip EFTPOS Card Reader White">
</a>
<!-- Product Ribbon Group -->
<aside class="product-ribbons">
<img class="product-ribbon-img cv-lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/Themes/BPDTHEME01/theme-client-updates/img/ribbons/ribbon-AV.png"
alt="">
</aside>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-55c9deb8-13f6-461b-9cfc-7a53e3c2d85f"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-55c9deb8-13f6-461b-9cfc-7a53e3c2d85f}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-55c9deb8-13f6-461b-9cfc-7a53e3c2d85f" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/square-2nd-generation-contactless-and-chip-eftpos-card-reader-white" data-product-link="3035104">Square 2nd Generation Contactless And Chip EFTPOS Card Reader White</a></span>
<span class="widget-productlist-code ">3035104</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $47.27 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $52.00 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="3035104" style="display: none;"> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="3035104" style="display: none;">
<div class="arrow-box">
<table class="content-table cv-table-10">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: productData
" data-template="quantity-breaks-8664d140-bb2c-4548-8d0b-1c2565468d9b">
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-8664d140-bb2c-4548-8d0b-1c2565468d9b"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="3035103" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-add-selected-attribute-code-to-order="true" data-pack-quantity="1"
data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/square-eftpos-pos-stand-for-ipad-white" data-product-link="3035103">
<img class="product-img" src="/Images/ProductImages/250/3035103.jpg" alt="Square EFTPOS POS Stand for iPad White">
</a>
<!-- Product Ribbon Group -->
<aside class="product-ribbons">
<img class="product-ribbon-img cv-lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/Themes/BPDTHEME01/theme-client-updates/img/ribbons/ribbon-AV.png"
alt="">
</aside>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-e453e164-3c0f-4852-8a6f-ac94a66d1c42"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-e453e164-3c0f-4852-8a6f-ac94a66d1c42}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-e453e164-3c0f-4852-8a6f-ac94a66d1c42" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span class="widget-productlist-title "><a href="/products/square-eftpos-pos-stand-for-ipad-white" data-product-link="3035103">Square EFTPOS POS Stand for iPad White</a></span>
<span class="widget-productlist-code ">3035103</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $108.18 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $119.00 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="3035103" style="display: none;"> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="3035103" style="display: none;">
<div class="arrow-box">
<table class="content-table cv-table-11">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: productData
" data-template="quantity-breaks-d00910b9-9399-4a47-ad86-b847ac37718c">
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-d00910b9-9399-4a47-ad86-b847ac37718c"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="3035099" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-add-selected-attribute-code-to-order="true" data-pack-quantity="1"
data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/square-terminal-mobile-eftpos-credit-card-pos-machine-white" data-product-link="3035099">
<img class="product-img" src="/Images/ProductImages/250/3035099.jpg" alt="Square Terminal Mobile EFTPOS Credit Card POS Machine White">
</a>
<!-- Product Ribbon Group -->
<aside class="product-ribbons">
<img class="product-ribbon-img cv-lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/Themes/BPDTHEME01/theme-client-updates/img/ribbons/ribbon-AV.png"
alt="">
</aside>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-5ac3cb2c-2f3c-4598-a43b-68dfff0547a3"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-5ac3cb2c-2f3c-4598-a43b-68dfff0547a3}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-5ac3cb2c-2f3c-4598-a43b-68dfff0547a3" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/square-terminal-mobile-eftpos-credit-card-pos-machine-white" data-product-link="3035099">Square Terminal Mobile EFTPOS Credit Card POS Machine White</a></span>
<span class="widget-productlist-code ">3035099</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $239.09 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $263.00 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="3035099" style="display: none;"> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="3035099" style="display: none;">
<div class="arrow-box">
<table class="content-table cv-table-12">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: productData
" data-template="quantity-breaks-e7648f16-2197-448e-bfc5-daeeffcae68d">
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-e7648f16-2197-448e-bfc5-daeeffcae68d"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
<div class="owl-item active" style="width: 259.2px;">
<div class="product " data-role="product" data-product-code="3035102" data-qty-on-back-order="0" data-show-warning-when-product-already-in-cart="false"
data-warning-message-when-product-already-in-cart="Product(s) {0} already exist on this order. Please check the order lines before submitting." data-all-combined-uoms="" data-trigger-messages="true"
data-trigger-favourites-messages="false" data-product-data="" data-is-favourite="false" data-is-user-favourites-page="false" data-items-on-order="0" data-hide-footer-zone="false"
data-rc-quick-view-zone-selector=".cv-zone-product-3" data-rc-quick-view-close-button-html="<div class="close-overlay cv-ico-general-cross3">Close</div>"
data-rc-quick-view-slide-toggle-selector=".cv-zone-product-3 .close-overlay" data-product-gallery-slider-selector="#product-gallery-slider" data-add-selected-attribute-code-to-order="true" data-pack-quantity="1"
data-force-order-pack-qty="true" data-add-to-order-check-min-quantity-enabled="true" data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met." data-product-min-quantity="1">
<div data-view="true">
<div class="cv-zone-product-1">
<div class="widget-productlist-image ">
<a href="/products/square-register-with-detachable-customer-eftpos-display-grey" data-product-link="3035102">
<img class="product-img" src="/Images/ProductImages/250/3035102.jpg" alt="Square Register With Detachable Customer EFTPOS Display Grey">
</a>
<!-- Product Ribbon Group -->
<aside class="product-ribbons">
<img class="product-ribbon-img cv-lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/Themes/BPDTHEME01/theme-client-updates/img/ribbons/ribbon-AV.png"
alt="">
</aside>
</div>
<div class="widget-product-quick-view-modal " id="widget-product-quick-view-modal-12284700-34df-4204-84d1-1adde5353e11"
data-bind="updateWidgetValue:{quickViewPopupId:modal-product-quick-view-12284700-34df-4204-84d1-1adde5353e11}">
<button type="button" class="btn cv-view" data-bind="click: showProductQuickViewModal, addIsProcessingClass: isShowingProductQuickViewModal"> Quick View </button>
<div class="product-quick-view-popup" id="modal-product-quick-view-12284700-34df-4204-84d1-1adde5353e11" style="display: none;">
</div>
</div>
</div>
<div class="cv-zone-product-2">
<div class="cv-zone-product-4">
<span
class="widget-productlist-title "><a href="/products/square-register-with-detachable-customer-eftpos-display-grey" data-product-link="3035102">Square Register With Detachable Customer EFTPOS Display Grey</a></span>
<span class="widget-productlist-code ">3035102</span>
</div>
<div class="cv-zone-product-5 ">
<span class="widget-productlist-price-ex ">
<span class="item-price" data-bind="invisible: showAltPrice"> $799.09 </span>
</span>
<span class="widget-productlist-price-inc ">
<span class="item-price" data-bind="invisible: showAltPrice"> $879.00 </span>
</span>
<span class="widget-productlist-gst widget-productlist-gst-inc">inc GST</span>
<span class="widget-productlist-gst widget-productlist-gst-ex">ex GST</span>
<span class="widget-productlist-unit ">(EACH)</span>
</div>
<div class="cv-zone-product-6">
</div>
</div>
<div class="cv-zone-product-3">
<button type="button" class="btn primary cv-ico-general-plus2 multi-buy" data-bind="visible: hasQuantityBreaks" data-product-code="3035102" style="display: none;"> Multi Buy </button>
<div class="qty-breaks qty-breaks-hidden" data-bind="visible: hasQuantityBreaks" data-product-code="3035102" style="display: none;">
<div class="arrow-box">
<table class="content-table cv-table-13">
<thead>
<tr>
<th>Qty</th>
<th class="text-right price-breaks-inc">Each (inc GST)</th>
<th class="text-right price-breaks-ex">Each</th>
</tr>
</thead>
<tbody data-bind="source: productData
" data-template="quantity-breaks-33820a5b-fdf0-4830-8ccf-0dc6770f413b">
</tbody>
</table>
</div>
</div>
<style>
body.show-inc-tax-prices .price-breaks-inc {
display: table-cell;
}
body.show-inc-tax-prices .price-breaks-ex {
display: none;
}
body.show-ex-tax-prices .price-breaks-inc {
display: none;
}
body.show-ex-tax-prices .price-breaks-ex {
display: table-cell;
}
</style>
<script type="text/x-kendo-template" id="quantity-breaks-33820a5b-fdf0-4830-8ccf-0dc6770f413b"> # var showMyPrice = true;
if (!$.cv.util.isNullOrWhitespace(data) && $.cv.util.hasValue(data.QuantityBreaksLiveOrDefault))
{
for (var i=0; i < data.QuantityBreaksLiveOrDefault.length; i++)
{
var qtyBreak = data.QuantityBreaksLiveOrDefault[i];
var multiBuyMyPriceClass = qtyBreak.NettPrice === data.NettPrice
? "highlighted"
: "";
var hideMyPriceRow = qtyBreak.NettPrice === data.NettPrice && !showMyPrice;
if (qtyBreak.NettPrice > 0 && qtyBreak.NettPrice <= data.NettPrice && data.NettPrice > 0 && !hideMyPriceRow)
{ #
<tr class="#=multiBuyMyPriceClass#">
<td class='text-left'>
# if (qtyBreak.NettPrice === data.NettPrice)
{ #
My price
# } else
{ #
#= qtyBreak.BreakRange #
# } #
</td>
<td class='price-right price-breaks-inc'>#= kendo.toString(qtyBreak.NettPriceInc, "c") #</td>
<td class='price-right price-breaks-ex'>#= kendo.toString(qtyBreak.NettPriceEx, "c") #</td>
</tr>
# }
}
} #
</script>
<span class="cv-numeric-input" data-bind="visible: allowOrderEntryForProduct, updateWidgetValue:
{ forceOrderPackQty: true,
packQuantity: 1,
minQuantity: 0,
quantity: 0,
defaultQuantity: 0,
increaseQtyStepFromZero: 1,
addToCartQtyStepFromZero: 1
}">
<span class="k-widget k-numerictextbox widget-productlist-qty-input form-number qty" style=""><span class="k-numeric-wrap k-state-default"><input type="tel"
class="k-formatted-value widget-productlist-qty-input form-number qty k-input" aria-hidden="true" title="" tabindex="0" placeholder="" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999"
autocomplete="off" aria-disabled="false" pattern="[0-9]*" style="display: none;" aria-valuenow="0"><input class="widget-productlist-qty-input form-number qty k-input"
data-bind="value: quantity, enterPressed: addProductKeyUp" data-format="n0" data-restrict-decimals="true" data-decimals="0" data-value-update="keyup change" type="tel" placeholder="" min="0"
max="99999999" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="99999999" aria-disabled="false" style="" pattern="[0-9]*" aria-valuenow="0"><span class="k-icon k-i-warning"
style="display: none;"></span><span class="k-select" style="display: inline;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span
unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on"
class="k-icon k-i-arrow-60-down"></span></span></span></span></span>
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty">
<span class="form-number-plus" title="Increase value"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty">
<span class="form-number-minus" title="Decrease value"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart, visible: allowOrderEntryForProduct" data-search-id="0" data-search-pos="0"
data-enable-increase-quantities-by-user-preferences="false" data-product-add-to-cart-quantity-by-user-preferences="1" data-increase-qty-step-from-zero="1" data-add-to-cart-qty-step-from-zero="1"
class="widget-productlist-atc-button btn cv-add-to-cart"> Add to cart </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev disabled">prev</div>
<div class="owl-next disabled">next</div>
</div>
<div class="owl-dots disabled owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
</div>
</div>
</div>
</div>
<div class="abitofspace"></div>
<style>
.abitofspace {
padding-top: 35px;
}
</style>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row5" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row5-column1" data-zone="Row5Column1" class="col-1-1 ">
<div class="widget-static-content text-center spacing-bottom ">
<h2 class="subtitle">Shop the Best Brands:</h2>
</div>
<div class="widget-banner-slider spacing-bottom-large owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":false,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":9,"key":"items","prompt":"items","lookup":null,"isBeingEdited":false},{"value":2500,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false},{"value":"250","key":"navSpeed","prompt":"navSpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"autoplaySpeed","prompt":"autoplaySpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"smartSpeed","prompt":"smartSpeed","lookup":null,"isBeingEdited":false},{"value":20,"key":"margin","prompt":"margin","lookup":null,"isBeingEdited":false},{"value":0,"key":"stagePadding","prompt":"stagePadding","lookup":null,"isBeingEdited":false},{"value":false,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 83.6562px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-1784px, 0px, 0px); transition: all 0.25s ease 0s; width: 5029px;">
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Brother&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Brother&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Brother.png" alt="Brother" src="/Images/Brands/Brother.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Buro&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/buro-logo-2023.png" alt="Buro" src="/Images/Brands/buro-logo-2023.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Canon&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Canon&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Canon 340x200.png" alt="Canon" src="/Images/Brands/Canon 340x200.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Collins" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Collins.jpg" alt="Collins" src="/Images/Brands/Collins.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/double-a" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Double A.png" alt="Double A" src="/Images/Brands/Double A.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Deflecto" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/deflecto.png" alt="Deflecto" src="/Images/Brands/deflecto.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Epson&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Epson&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Epson.png" alt="Epson" src="/Images/Brands/Epson.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Faber-Castell" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/FaberCastell.png" alt="Faber Castell">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Fellowes" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Fellow.jpg" alt="Fellowes">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=artline&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Artline&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/2.png" alt="Artline" src="/Images/Brands/2.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Avery" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Avery.jpg" alt="Avery" src="/Images/Brands/Avery.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=BIC&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Bic&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/1.png" alt="Bic" src="/Images/Brands/1.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=bounce%20rubber" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/bounce.png" alt="Bounce Rubber Bands" src="/Images/Brands/bounce.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Brother&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Brother&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Brother.png" alt="Brother" src="/Images/Brands/Brother.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Buro&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/buro-logo-2023.png" alt="Buro" src="/Images/Brands/buro-logo-2023.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Canon&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Canon&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Canon 340x200.png" alt="Canon" src="/Images/Brands/Canon 340x200.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Collins" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Collins.jpg" alt="Collins" src="/Images/Brands/Collins.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/double-a" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Double A.png" alt="Double A" src="/Images/Brands/Double A.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Deflecto" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/deflecto.png" alt="Deflecto" src="/Images/Brands/deflecto.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Epson&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Epson&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Epson.png" alt="Epson" src="/Images/Brands/Epson.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Faber-Castell" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/FaberCastell.png" alt="Faber Castell">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Fellowes" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Fellow.jpg" alt="Fellowes">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=artline&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Artline&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/2.png" alt="Artline" src="/Images/Brands/2.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Avery" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Avery.jpg" alt="Avery" src="/Images/Brands/Avery.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=BIC&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Bic&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/1.png" alt="Bic" src="/Images/Brands/1.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=bounce%20rubber" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/bounce.png" alt="Bounce Rubber Bands" src="/Images/Brands/bounce.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Brother&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Brother&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Brother.png" alt="Brother" src="/Images/Brands/Brother.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Buro&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Buro&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/buro-logo-2023.png" alt="Buro" src="/Images/Brands/buro-logo-2023.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Canon&FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Canon&PageProduct=1" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Canon 340x200.png" alt="Canon" src="/Images/Brands/Canon 340x200.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Collins" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Collins.jpg" alt="Collins" src="/Images/Brands/Collins.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/double-a" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Double A.png" alt="Double A" src="/Images/Brands/Double A.png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination"></div>
</div>
</div>
<div class="widget-banner-slider spacing-bottom-large owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":false,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":9,"key":"items","prompt":"items","lookup":null,"isBeingEdited":false},{"value":2500,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false},{"value":"250","key":"navSpeed","prompt":"navSpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"autoplaySpeed","prompt":"autoplaySpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"smartSpeed","prompt":"smartSpeed","lookup":null,"isBeingEdited":false},{"value":20,"key":"margin","prompt":"margin","lookup":null,"isBeingEdited":false},{"value":"0","key":"stagePadding","prompt":"stagePadding","lookup":null,"isBeingEdited":false},{"value":false,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 88.875px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-1784px, 0px, 0px); transition: all 0.25s ease 0s; width: 5029px; padding-left: 0px; padding-right: 0px;">
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:livi" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Livi.png" alt="Livi" src="/Images/Brands/Livi.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=liquid%20paper" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/paper mate (1).png" alt="Liquid Paper" src="/Images/Brands/paper mate (1).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/logitech" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/logiteh.png" alt="Logitech" src="/Images/Brands/logiteh.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Maxisafe" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Maxisafe.jpg" alt="Maxisafe" src="/Images/Brands/Maxisafe.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=moccona" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Moccona.png" alt="Moccona" src="/Images/Brands/Moccona.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Office%20Choice" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/officechoice.png" alt="Office Choice" src="/Images/Brands/officechoice.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=otterbox" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Otterbox.png" alt="Otterbox" src="/Images/Brands/Otterbox.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Posca" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/posca-logo.png" alt="Posca">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Post-It" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Post-it-new.png" alt="Post-It">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=handee" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Handee.png" alt="Handee" src="/Images/Brands/Handee.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=italplast" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/italplast.png" alt="Italpast" src="/Images/Brands/italplast.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=K2" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/K2 Office.png" alt="K2 Office" src="/Images/Brands/K2 Office.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Kensington" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/kingston.png" alt="Kensington" src="/Images/Brands/kingston.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:livi" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Livi.png" alt="Livi" src="/Images/Brands/Livi.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=liquid%20paper" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/paper mate (1).png" alt="Liquid Paper" src="/Images/Brands/paper mate (1).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/logitech" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/logiteh.png" alt="Logitech" src="/Images/Brands/logiteh.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Maxisafe" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Maxisafe.jpg" alt="Maxisafe" src="/Images/Brands/Maxisafe.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=moccona" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Moccona.png" alt="Moccona" src="/Images/Brands/Moccona.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Office%20Choice" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/officechoice.png" alt="Office Choice" src="/Images/Brands/officechoice.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=otterbox" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Otterbox.png" alt="Otterbox" src="/Images/Brands/Otterbox.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Posca" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/posca-logo.png" alt="Posca">
</a>
</div>
</div>
<div class="owl-item" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Post-It" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Post-it-new.png" alt="Post-It">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=handee" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Handee.png" alt="Handee" src="/Images/Brands/Handee.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=italplast" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/italplast.png" alt="Italpast" src="/Images/Brands/italplast.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=K2" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/K2 Office.png" alt="K2 Office" src="/Images/Brands/K2 Office.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=Kensington" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/kingston.png" alt="Kensington" src="/Images/Brands/kingston.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:livi" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Livi.png" alt="Livi" src="/Images/Brands/Livi.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=liquid%20paper" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/paper mate (1).png" alt="Liquid Paper" src="/Images/Brands/paper mate (1).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/logitech" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/logiteh.png" alt="Logitech" src="/Images/Brands/logiteh.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Maxisafe" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Maxisafe.jpg" alt="Maxisafe" src="/Images/Brands/Maxisafe.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 142.222px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=moccona" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Moccona.png" alt="Moccona" src="/Images/Brands/Moccona.png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination"></div>
</div>
</div>
<div class="widget-banner-slider owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":false,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":10,"key":"items","prompt":"items","lookup":null,"isBeingEdited":false},{"value":2500,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false},{"value":"250","key":"navSpeed","prompt":"navSpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"autoplaySpeed","prompt":"autoplaySpeed","lookup":null,"isBeingEdited":false},{"value":"250","key":"smartSpeed","prompt":"smartSpeed","lookup":null,"isBeingEdited":false},{"value":20,"key":"margin","prompt":"margin","lookup":null,"isBeingEdited":false},{"value":"0","key":"stagePadding","prompt":"stagePadding","lookup":null,"isBeingEdited":false},{"value":false,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 74.1094px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-1752px, 0px, 0px); transition: all 0.25s ease 0s; width: 4818px; padding-left: 0px; padding-right: 0px;">
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Schweppes" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Schweppes.jpg" alt="Schweppes" src="/Images/Brands/Schweppes.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sharpie" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sharpie.png" alt="Sharpie" src="/Images/Brands/Sharpie.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sorbent" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sorbent.png" alt="Sorbent" src="/Images/Brands/Sorbent.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Spirax" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/spirax.png" alt="Spirax" src="/Images/Brands/spirax.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/square" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Square.png" alt="Square" src="/Images/Brands/Square.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/staedtler" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Staedtler.png" alt="Staedtler" src="/Images/Brands/Staedtler.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Tork" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/tork.png" alt="Tork" src="/Images/Brands/tork.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=uniball" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/UNI_LOGO.jpg" alt="Uniball" src="/Images/Brands/UNI_LOGO.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Verbatim" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/vERBATIM lOGO (3).jpg" alt="Verbatim" src="/Images/Brands/vERBATIM lOGO (3).jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/vision-chart" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/visionchart.png" alt="Vision Chart">
</a>
</div>
</div>
<div class="owl-item" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Rainbow" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/rainbow.png" alt="Rainbow" src="/Images/Brands/rainbow.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/random-harvest-hampers " class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/randomharvest.png" alt="Random Harvest" src="/Images/Brands/randomharvest.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Rapidline" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Rapidline.png" alt="Rapidline" src="/Images/Brands/Rapidline.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Schweppes" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Schweppes.jpg" alt="Schweppes" src="/Images/Brands/Schweppes.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sharpie" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sharpie.png" alt="Sharpie" src="/Images/Brands/Sharpie.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sorbent" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sorbent.png" alt="Sorbent" src="/Images/Brands/Sorbent.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Spirax" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/spirax.png" alt="Spirax" src="/Images/Brands/spirax.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/square" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Square.png" alt="Square" src="/Images/Brands/Square.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/staedtler" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Staedtler.png" alt="Staedtler" src="/Images/Brands/Staedtler.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Tork" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/tork.png" alt="Tork" src="/Images/Brands/tork.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?ProductSearch=uniball" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/UNI_LOGO.jpg" alt="Uniball" src="/Images/Brands/UNI_LOGO.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Verbatim" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/vERBATIM lOGO (3).jpg" alt="Verbatim" src="/Images/Brands/vERBATIM lOGO (3).jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/vision-chart" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/visionchart.png" alt="Vision Chart">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Rainbow" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/rainbow.png" alt="Rainbow" src="/Images/Brands/rainbow.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/random-harvest-hampers " class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/randomharvest.png" alt="Random Harvest" src="/Images/Brands/randomharvest.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Rapidline" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Rapidline.png" alt="Rapidline" src="/Images/Brands/Rapidline.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Schweppes" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Schweppes.jpg" alt="Schweppes" src="/Images/Brands/Schweppes.jpg" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sharpie" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sharpie.png" alt="Sharpie" src="/Images/Brands/Sharpie.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Sorbent" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Sorbent.png" alt="Sorbent" src="/Images/Brands/Sorbent.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Spirax" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/spirax.png" alt="Spirax" src="/Images/Brands/spirax.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/square" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Square.png" alt="Square" src="/Images/Brands/Square.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/staedtler" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/Staedtler.png" alt="Staedtler" src="/Images/Brands/Staedtler.png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 126px; margin-right: 20px;">
<div class="gallery-slide">
<a href="/search?FilterFeature=ProductFeatureNames.Name:eq:Brand,Value:eq:Tork" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Brands/tork.png" alt="Tork" src="/Images/Brands/tork.png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination"></div>
</div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row6" class="grid-row ">
<div class="container">
<div id="custom-layout-ocl-homepage-row6-column1" data-zone="Row6Column1" class="col-1-3 ">
<div class="widget-banner-slider spacing-bottom owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":"fadeOut","key":"animateOut","prompt":"animateOut","lookup":null,"isBeingEdited":false},{"value":"fadeIn","key":"animateIn","prompt":"animateIn","lookup":null,"isBeingEdited":false},{"value":8000,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 213.469px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-950px, 0px, 0px); transition: all 0s ease 0s; width: 2850px;">
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/catalogues" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/2024 Ordering Guide Mini Banner (2).png" alt="Big Red Catalogue" src="/Images/2024 Ordering Guide Mini Banner (2).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/sams-1000" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Home-Bottom/Welterweight.png" alt="Sam's 1000 Welterweight">
</a>
</div>
</div>
<div class="owl-item active" style="width: 475px;">
<div class="gallery-slide">
<a href="/catalogues" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/2024 Ordering Guide Mini Banner (2).png" alt="Big Red Catalogue" src="/Images/2024 Ordering Guide Mini Banner (2).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item" style="width: 475px;">
<div class="gallery-slide">
<a href="/sams-1000" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Home-Bottom/Welterweight.png" alt="Sam's 1000 Welterweight">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/catalogues" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/2024 Ordering Guide Mini Banner (2).png" alt="Big Red Catalogue" src="/Images/2024 Ordering Guide Mini Banner (2).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/sams-1000" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Banners/Home-Bottom/Welterweight.png" alt="Sam's 1000 Welterweight">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable">
<div class="owl-nav owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
<div class="owl-dot owl-page"><span></span></div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row6-column2" data-zone="Row6Column2" class="col-1-3 ">
<div class="widget-banner-slider spacing-bottom owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":"fadeOut","key":"animateOut","prompt":"animateOut","lookup":null,"isBeingEdited":false},{"value":"fadeIn","key":"animateIn","prompt":"animateIn","lookup":null,"isBeingEdited":false},{"value":8000,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 213.469px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-950px, 0px, 0px); transition: all 0s ease 0s; width: 2375px;">
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/school-supplies" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Education (445 x 200 px).png" alt="Education Supplies" src="/Images/Education (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/school-supplies" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Education (445 x 200 px).png" alt="Education Supplies" src="/Images/Education (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/school-supplies" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Education (445 x 200 px).png" alt="Education Supplies" src="/Images/Education (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/school-supplies" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Education (445 x 200 px).png" alt="Education Supplies" src="/Images/Education (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/school-supplies" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Education (445 x 200 px).png" alt="Education Supplies" src="/Images/Education (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
</div>
</div>
</div>
</div>
<div id="custom-layout-ocl-homepage-row6-column3" data-zone="Row6Column3" class="col-1-3 ">
<div class="widget-banner-slider owl-carousel owl-theme owl-loaded owl-drag"
data-carousel-options="[{"value":true,"key":"nav","prompt":"nav","lookup":null,"isBeingEdited":false},{"value":true,"key":"autoplay","prompt":"autoplay","lookup":null,"isBeingEdited":false},{"value":false,"key":"rewind","prompt":"rewind","lookup":null,"isBeingEdited":false},{"value":true,"key":"loop","prompt":"loop","lookup":null,"isBeingEdited":false},{"value":true,"key":"dots","prompt":"dots","lookup":null,"isBeingEdited":false},{"value":"fadeOut","key":"animateOut","prompt":"animateOut","lookup":null,"isBeingEdited":false},{"value":"fadeIn","key":"animateIn","prompt":"animateIn","lookup":null,"isBeingEdited":false},{"value":8000,"key":"autoplayTimeout","prompt":"autoplayTimeout","lookup":null,"isBeingEdited":false}]">
<div class="owl-stage-outer owl-height owl-wrapper-outer" style="height: 213.469px;">
<div class="owl-stage owl-wrapper" style="transform: translate3d(-950px, 0px, 0px); transition: all 0s ease 0s; width: 2375px;">
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/furniture" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Office Furniture (445 x 200 px).png" alt="Office Furniture" src="/Images/Office Furniture (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/furniture" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Office Furniture (445 x 200 px).png" alt="Office Furniture" src="/Images/Office Furniture (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item active" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/furniture" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Office Furniture (445 x 200 px).png" alt="Office Furniture" src="/Images/Office Furniture (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/furniture" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Office Furniture (445 x 200 px).png" alt="Office Furniture" src="/Images/Office Furniture (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
<div class="owl-item cloned" style="width: 475px;">
<div class="gallery-slide">
<a href="/categories/furniture" class="gallery-slide-link"> <img class="owl-lazy" data-src="/Images/Office Furniture (445 x 200 px).png" alt="Office Furniture" src="/Images/Office Furniture (445 x 200 px).png" style="opacity: 1;">
</a>
</div>
</div>
</div>
</div>
<div class="owl-controls clickable disabled">
<div class="owl-nav disabled owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots disabled owl-pagination">
<div class="owl-dot active owl-page"><span></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
<span id="tzh1">
<script language="Javascript">
function sendOffset(value) {
var xmlhttp;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "/CustomRequestHandler.aspx?tzoffset=" + value + "&nocache=" + Math.floor(Math.random() * 99999), true);
xmlhttp.send(null);
}
function getOffset() {
var now = new Date();
var offset = now.getTimezoneOffset();
sendOffset(offset);
}
getOffset();
</script>
</span>
</section>
</div>
<!-- ZONE PAGE CONTENT AFTER -->
<div id="cv-zone-pagecontent-after">
<script defer="" src="/Themes/BPDTHEME01/theme-base/js/min/cv.css.productCompareEvents.min.js?v=2020-05-20-A4526373"></script>
<script>
_cv_callOrDefer(function() {
$(function() {
$.cv.css.productCompareWidget.init("#product-compare-list");
});
});
</script>
<section id="product-compare-list" class="widget-product-compare product-compare-bar always-hide-when-no-products" data-list-type="Product Compare" style="display: none; height: 0px;">
<div class="container">
<div data-role="productcomparelist">
<div data-view="true">
<div class="product-compare-content">
<h5 class="" data-bind="visible: hasProducts" style="display: none;">Products to compare:</h5>
<div class="products-to-compare">
<div class="grid-row">
<div class="list-of-products" data-template="product-compare-list-item-template" data-bind="visible: hasProducts, source: products" style="display: none;"></div>
</div>
</div>
<div class="product-compare-buttons" data-bind="visible: hasProducts" style="display: none;">
<button type="button" class="btn small primary cv-ico-general-checkmark" id="compare-full-toggle" data-bind="click: compareSelected, visible: canCompare" style="display: none;">Compare Selected</button>
<button type="button" class="btn small cv-delete" id="compare-remove-all" data-bind="click: clearProducts">Remove All</button>
<button type="button" onclick="javascript:window.print();" class="btn small cv-print">Print</button>
</div>
<div class="grid-row compare-alert-messages">
<div class="alert-box inline-alert warning alternate" data-bind="visible: overMaximumProducts, text: maximumProductsMessage" style="display: none;">You cannot compare more than 3 products at a time. You have 0 products selected.
Please deselect some products.</div>
<div class="alert-box inline-alert warning alternate" data-bind="visible: hasNoProducts, text: noProductsMessage">No products have been selected for comparison</div>
</div>
</div>
<div class="product-compare-toggle">
<div id="compare-toggle" class="cv-ico-general-arrow-up2">Comparing <span data-bind="text: productCount">0</span> Products</div>
</div>
</div>
</div>
<div class="product-compare-close">
<div id="compare-close" class="cv-ico-general-cross"></div>
</div>
<section id="product-compare-area" class="product-compare-area" data-role="productcompare" data-create-feature-info-arrays="true" data-after-shown="$.cv.css.productCompareWidget.afterShown" data-show-image="true" data-image-prompt=""
data-img-string="<div class="widget-productlist-image"><img class="product-img" src="{0}" alt="" /><aside class="product-ribbons {2}">{1}</aside></div>" data-show-ribbon="true"
data-compare-items-top="[{ Title: "", Key: "Title", FallbackKey: "Description" },{ Title: "Product Code", Key: "ProductCode", FallbackKey: "" },{ Title: "Price", Key: "Price", FallbackKey: "" },{ Title: "Unit", Key: "UnitDesc", FallbackKey: "" },{ Title: "Description", Key: "ProductDescription", FallbackKey: "ExtendedDescription" }]"
data-add-to-cart-buttontext="Add To Cart" data-enable-availability="false" data-increase-quantities-in-pack-qty="false" data-add-minimum-quantity-to-cart="false" style="display: none;">
<div class="product-compare-table" data-view="true">
<table class="content-table headings-left cv-table-14">
<tbody data-template="product-compare-product-field-info" data-bind="source: productCompareFieldInfo"></tbody>
</table>
</div>
</section>
</div>
</section>
<script type="text/x-kendo-template" id="product-compare-list-item-template"> <div class="product-compare-item">
<input class="form-checkbox" type="checkbox" data-bind="checked: isChecked" />
<img class="product-img" data-bind="attr: {src: image}" alt="">
<span class="product-title" data-bind="html: description"></span>
<span class="product-compare-item-remove" data-bind="click: deleteProduct"></span>
</div>
</script>
<script type="text/x-kendo-template" id="product-compare-product-field-info"> <tr data-bind="attr: { class: Key }">
<td class="fixed-column-td" data-bind="text: Title"></td>
# for(var i = 0; i < Data.length; i++) { #
<td>
#if (Key.toLowerCase().indexOf("price") > -1) { #
#= kendo.toString(Data[i], "c") #
# } else if (Key == "AddToCart") { #
# if (Data[i].AllowOrderEntryForProduct && !Data[i].IsMasterProduct && true) { #
# var qtyStep = true ? (Data[i].PackQuantity != "" ? Data[i].PackQuantity : "1") : "1"; #
# var forceStep = qtyStep == "1" ? "false" : "true"; #
<div
class="atc"
data-view-template="product-compare-product-add-to-cart"
data-qty-step="#: qtyStep #"
data-force-step="#: forceStep #"
data-product-code="#: Data[i].ProductCode #"
data-trigger-messages="true"
data-trigger-favourites-messages="false"
data-pack-quantity="#: Data[i].PackQuantity #"
data-force-order-pack-qty="true"
data-allow-decimals="false"
data-add-to-order-check-min-quantity-enabled="true"
data-add-to-order-check-min-quantity-add-on-error="false"
data-min-quantity-disable-adding-on-error-message="Product has not been added to the cart. Minimum quantity has not been met."
data-min-quantity-enable-adding-on-error-message="Product added to cart but minimum order quantity has not been met."
data-product-min-quantity="#= Data[i].MinOrderPackQty #"
data-quantity="#= Data[i].ProductDetailsDefaultQuantityWhenNotIncreasePackQtyNotAddMinQty #"
data-min-quantity="#= Data[i].ProductDetailsDefaultQuantityWhenNotIncreasePackQtyNotAddMinQty #"
data-increase-qty-step-from-zero="#= Data[i].ProductDetailsDefaultQuantityWhenNotIncreasePackQtyNotAddMinQty #"
data-add-to-cart-qty-step-from-zero="#= Data[i].ProductDetailsDefaultQuantityWhenNotIncreasePackQtyNotAddMinQty #"
></div>
# } #
#
} else if (Key == "Availability") {
var theProduct = Data[i];
var availabilityClass = '';
var availabilityPrompt = '';
switch (theProduct.Availability) {
case 'InStock':
availabilityClass = 'in-stock';
availabilityPrompt = 'In Stock';
break;
case 'LowStock':
availabilityClass = 'low-stock';
availabilityPrompt = 'Low Stock';
break;
default:
availabilityClass = 'out-of-stock';
availabilityPrompt = 'Out Of Stock';
break;
}
#
<span class="cart-product-availability #: availabilityClass #">
#: availabilityPrompt #
</span>
# } else { #
#= Data[i] #
# } #
</td>
# } #
# for(var i = 0; i < DataArray.length; i++) { #
<td>
<ul #=$.cv.util.hasValue(DataArray, "[" + i + "]") && DataArray[i].length > 1 ? 'class="list-ul"' : ""#>
# for(var j = 0; j < DataArray[i].length; j++) { #
# var highlightClass = DataArray[i][j].HighlightInfo.add ? DataArray[i][j].HighlightInfo.cssClass : ""; #
<li class="#: highlightClass #">
#= DataArray[i][j].Value #
</li>
# } #
</ul>
</td>
# } #
</tr>
</script>
<script type="text/x-kendo-template" id="product-compare-product-add-to-cart"> <div>
<span class="cv-numeric-input" data-bind="updateWidgetValue:{forceOrderPackQty:true}">
<input class="form-number qty "
data-bind='value: quantity'
data-format="n0"
data-decimals="0"
data-value-update="keyup change"
type="number"
placeholder=""
min="#= minQuantity #"
max="99999999" />
<span class="form-number-plus-minus">
<span class="cv-link form-number-plus" data-bind="click: increaseQty" title="Increase value">
<span class="form-number-plus"><span>Increase value</span></span>
</span>
<span class="cv-link form-number-minus" data-bind="click: decreaseQty" title="Decrease value">
<span class="form-number-minus"><span>Decrease value</span></span>
</span>
</span>
</span>
<button type="button" data-bind="click: addToCart, addIsProcessingClass: isAddingToCart, disabled: isAddingToCart" class="btn cv-add-to-cart">Add To Cart</button>
</div>
</script>
</div>
</div>
</div>
<!-- ZONE FOOTER -->
<div id="cv-zone-footer">
<div class="container">
<div class="grid-row">
<div class="col-1-3 footer-col">
<div class="widget-section-menu section-menu-footermenu1 keyboard-accessible"><span class="heading cv-ico-general-shop ico-left"><span class="">Our Store</span></span>
<ul class="">
<li>
<a href="/about-us" class=" sub-menu-link"> <span class="">About Us</span></a>
</li>
<li>
<a href="/privacy-policy" class=" sub-menu-link"> <span class="">Privacy Policy</span></a>
</li>
<li>
<a href="/terms-and-conditions" class=" sub-menu-link"> <span class="">Terms and Conditions</span></a>
</li>
<li>
<a href="/featured-products" class=" sub-menu-link"> <span class="">Featured Products</span></a>
</li>
</ul>
<script defer="" src="/Themes/BPDTHEME01/theme-base/js/min/cv.css.keyboardAccessibilityEvents.min.js?v=2020-05-20-A4526373"></script>
</div>
</div>
<div class="col-1-3 footer-col">
<div class="widget-section-menu section-menu-footermenu2 keyboard-accessible"><span class="heading cv-ico-general-help ico-left"><span class="">Need Help?</span></span>
<ul class="">
<li>
<a href="/delivery" class=" sub-menu-link"> <span class="">Delivery</span></a>
</li>
<li>
<a href="/returns" class=" sub-menu-link"> <span class="">Returns</span></a>
</li>
</ul>
</div>
</div>
<div class="col-1-3 footer-col">
<div class="widget-html-snippet ">
<div class="contact">
<span class="heading ico-left cv-ico-general-pin-alt">Dales Office Choice</span>
<span class="address"> 26 Central Rd, <br> Port Macquarie NSW 2444 </span>
<span class="address">Phone: <a href="tel:03 6581 1866">(02) 6581 1866</a></span>
<span class="address">Email: <a href="mailto:officechoice@rolocab.com.au">officechoice@rolocab.com.au
</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ZONE FOOTER AFTER -->
<div id="cv-zone-footer-after">
<div class="container">
<div class="grid-row">
<div class="col-1-2 footer-after-col">
<div class="prices-displayed-as" style="padding: 20px 0px">
<span class="widget-productlist-gst-inc">All prices displayed are in AUD and inclusive of GST</span>
<span class="widget-productlist-gst-ex">All prices displayed are in AUD and exclusive of GST</span>
</div>
<a href="/" class="widget-logo main-logo"><img src="/Themes/BPDTHEME01/theme-client-updates/img/logos/logo-wide-transparent.png" alt="Office Choice Consider it sorted"></a>
<div class="widget-html-snippet ">
<small>© Copyright 2023 Office Choice</small>
</div>
</div>
<div class="col-1-2 footer-after-col">
<div class="widget-payment-icons push-right">
<img src="/Themes/BPDTHEME01/theme-client-updates/img/payment-icons/payment-visa.png" alt="Visa Logo">
<img src="/Themes/BPDTHEME01/theme-client-updates/img/payment-icons/payment-mastercard.png" alt="Mastercard Logo">
<img src="/Themes/BPDTHEME01/theme-client-updates/img/payment-icons/payment-paypal.png" alt="PayPal Logo">
<img src="/Themes/BPDTHEME01/theme-client-updates/img/payment-icons/payment-amex.png" alt="American Express Logo">
</div><a href="javascript:" id="back-to-top"><h3 class="cv-ico-general-arrow-up5"></h3></a>
<style>
#back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(21, 21, 21, .3);
width: 45px;
height: 45px;
display: block;
text-decoration: none;
border-radius: 35px;
display: none;
transition: all .3s ease;
padding: 5px 8px;
}
.is-scrolling #back-to-top {
display: block;
}
#back-to-top:hover {
background: #000;
color: #fff;
text-decoration: none !important;
}
#back-to-top h3 {
color: #000;
margin: 0;
font-size: 30px;
width: 0;
height: 0;
}
#back-to-top h3:before {
margin: 0;
color: #fff;
}
</style>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="cvpagecreated" name="cvpagecreated" value="03-Jul-2024 05:27:20.527">
<input type="hidden" name="__cv_FormIsLoaded" id="__cv_FormIsLoaded" value="true">
<input type="hidden" name="_window_name" id="_window_name" value="1719948442336">
<script type="text/javascript">
$(document).ready(function() {
$('table').each(function(i) {
$(this).addClass('cv-table-' + i);
$(this).find('> tbody > tr').each(function(j) {
$(this).addClass('cv-table-row-' + j);
$(this).find('> td').each(function(k) {
$(this).addClass('cv-table-cell-' + k);
});
});
});
});
</script>
<script>
_cv_callOrDefer(function() {
$.cv.css.clearLocalStorage();
});
</script>
<script id="message-template" type="text/x-kendo-template"><div class="alert-box inline-alert" data-bind="html: message, appendClass: type"></div></script>
</form>Text Content
Close * Filing Products * Binders & Folders * Dividers * Files * Filing & Storage * Furniture * Chairs & Accessories * Signage * Stools & Ladders * Storage * Whiteboards & Memo Boards * Office Furniture * Ink & Toner * Inkjets * Ribbons & Film * Toner * Kitchen, Cleaning & Safety * Cleaning * First Aid * Food & Beverages * Kitchen * Safety * Party Supplies * Office Stationery * Bags & Compendiums * Batteries * Brochure Holders * Clips & Fasteners * Clocks * Correction * Desk Top Accessories * Hole Punches * I.D & Security * Markers & Highlighters * Notes & Flags * Pencils * Pens * Rulers * Scissors & Cutters * Stamps * Staplers * Tapes & Adhesives * Paper, Post & Books * Books * Business Books * Diaries & Calendars * Envelopes & Post Accessories * Labelling * Labelling Machines & Accessories * Pads * Paper * Printers & Office Machines * Binding Accessories * Binding Machines * Calculators & Dictation * Fax Machines * Folding Machines * Guillotines & Trimmers * Laminating Accessories * Laminating Machines * Point of Sale * Printers * Shredders * School Supplies * Art & Craft * Books & Pads * Early Learning * Furniture * Library Supplies * Technology & Accessories * Cameras & Scanners * Cleaning & Cables * Computer Accessories * Laptops & Tablets * Projectors * Software & Data Storage * Telephones & Accessories * Making Local Work * Current Offers * Catalogues * About Us * Recently Released Dales Office Choice SHOW PRICES EX GST INC GST Search $0.00 0 You currently have 0 items products in your cart Updating Subtotal (inc GST) $0.00 $0.00 $0.00 $0.00 Charges $0.00 Discounts -$0.00 Freight $0.00 No Charge Requires Quote Total (inc GST) $0.00 Including GST $0.00 Discounts (inc GST) -$0.00 Giftcard Total $0.00 Net Owing $0.00 Checkout Login / Register Login Username / Email Password Forgot Your Password? New Password Confirm Password Notification Email Address Remember email Continue with Email Login Change Password WANT TO ORDER ONLINE? SIGN UP EXISTING ACCOUNT CUSTOMER REGISTRATION TROUBLE LOGGING IN? Due to a major website upgrade, you may need to reset your password. Reset Password Because passwords are encrypted, we couldn't migrate them to the new website. All users were required to reset their password when the new website launched. An e-mail was sent to all existing account holders to confirm the launch and password requirements. Find Us Contact Search New customer? One Click Switch Every order Right 1st Time Every Time Our Price Promise - competitive guaranteed Shop By Category * Filing Products * Furniture * Ink & Toner * Kitchen, Cleaning & Safety * Office Stationery * Paper, Post & Books * Printers & Office Machines * School Supplies * Technology & Accessories Binders & Folders Dividers Files Filing & Storage Chairs & AccessoriesSignage Stools & LaddersStorage Whiteboards & Memo Boards Office Furniture Inkjets Ribbons & Film Toner CleaningFirst Aid Food & BeveragesKitchen Safety Party Supplies Bags & CompendiumsBatteriesBrochure HoldersClips & FastenersClocks CorrectionDesk Top AccessoriesHole PunchesI.D & SecurityMarkers & Highlighters Notes & FlagsPencilsPensRulers Scissors & CuttersStampsStaplersTapes & Adhesives BooksBusiness Books Diaries & CalendarsEnvelopes & Post Accessories LabellingLabelling Machines & Accessories PadsPaper Binding AccessoriesBinding MachinesCalculators & Dictation Fax MachinesFolding MachinesGuillotines & Trimmers Laminating AccessoriesLaminating MachinesPoint of Sale PrintersShredders Art & CraftBooks & Pads Early Learning Furniture Library Supplies Cameras & ScannersCleaning & Cables Computer AccessoriesLaptops & Tablets ProjectorsSoftware & Data Storage Telephones & Accessories * Making Local Work * Current Offers * Catalogues * About Us HOME prev next prev next prev next CURRENT OFFERS View All Quick View Marbig Display Book A4 Refillable 20 Pocket Yellow 523166 $3.62 $3.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.99 $3.62 12 - 23 $3.87 $3.51 24 - 71 $3.79 $3.44 72+ $3.59 $3.26 Increase value Decrease value Add to cart Quick View Stabilo Boss 70/24 Highlighter Chisel 2-5mm Yellow 522519 $3.62 $3.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.99 $3.62 10 - 19 $3.87 $3.51 20 - 59 $3.79 $3.44 60+ $3.59 $3.26 Increase value Decrease value Add to cart Quick View Stabilo Boss 70/54 Highlighter Chisel 2-5mm Orange 522520 $3.62 $3.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.99 $3.62 10 - 19 $3.87 $3.51 20 - 59 $3.79 $3.44 60+ $3.59 $3.26 Increase value Decrease value Add to cart Quick View Crayola Coloured Pencils Full Size Regular Assorted Pack of 24 498104 $11.80 $12.99 inc GST ex GST (PACK) Multi Buy Qty Each (inc GST) Each My price $12.99 $11.80 4 - 7 $12.60 $11.45 8 - 23 $12.34 $11.21 24+ $11.69 $10.62 Increase value Decrease value Add to cart Quick View Marbig Display Book A4 Refillable 20 Pocket Blue 523161 $3.62 $3.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.99 $3.62 12 - 23 $3.87 $3.51 24 - 71 $3.79 $3.44 My price $3.99 $3.62 Increase value Decrease value Add to cart Quick View Crayola Thinline Markers Super Tips Washable 10 Assorted 498083 $6.35 $6.99 inc GST ex GST (PACK) Multi Buy Qty Each (inc GST) Each My price $6.99 $6.35 3 - 5 $6.78 $6.16 6 - 17 $6.64 $6.03 18+ $6.29 $5.71 Increase value Decrease value Add to cart Quick View Crayola Thinline Markers Super Tips Washable Classic Assorted Pack 20 498090 $11.80 $12.99 inc GST ex GST (PACK) Multi Buy Qty Each (inc GST) Each My price $12.99 $11.80 3 - 5 $12.60 $11.45 6 - 17 $12.34 $11.21 18+ $11.69 $10.62 Increase value Decrease value Add to cart Quick View Stabilo Boss 70/40 Highlighter Chisel 2-5mm Red 522521 $3.62 $3.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.99 $3.62 10 - 19 $3.87 $3.51 20 - 59 $3.79 $3.44 60+ $3.59 $3.26 Increase value Decrease value Add to cart Quick View Artline Flow Pen Retractable Gel Ink 1mm 4 Bright Colours 522011 $3.35 $3.69 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $3.69 $3.35 12 - 23 $3.57 $3.25 24 - 71 $3.50 $3.18 72+ $3.32 $3.01 Increase value Decrease value Add to cart Quick View Artline Signature Onyx Fineliner Pen 0.4mm Black 710627 $22.71 $24.99 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each My price $24.99 $22.71 3 - 5 $24.24 $22.03 6 - 17 $23.74 $21.58 18+ $22.49 $20.44 Increase value Decrease value Add to cart prev next FEATURED PRODUCTS View All Quick View Square 2nd Generation Contactless And Chip EFTPOS Card Reader White 3035104 $47.27 $52.00 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each Increase value Decrease value Add to cart Quick View Square EFTPOS POS Stand for iPad White 3035103 $108.18 $119.00 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each Increase value Decrease value Add to cart Quick View Square Terminal Mobile EFTPOS Credit Card POS Machine White 3035099 $239.09 $263.00 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each Increase value Decrease value Add to cart Quick View Square Register With Detachable Customer EFTPOS Display Grey 3035102 $799.09 $879.00 inc GST ex GST (EACH) Multi Buy Qty Each (inc GST) Each Increase value Decrease value Add to cart prev next SHOP THE BEST BRANDS: prev next prev next prev next prev next prev next prev next PRODUCTS TO COMPARE: Compare Selected Remove All Print You cannot compare more than 3 products at a time. You have 0 products selected. Please deselect some products. No products have been selected for comparison Comparing 0 Products Our Store * About Us * Privacy Policy * Terms and Conditions * Featured Products Need Help? * Delivery * Returns Dales Office Choice 26 Central Rd, Port Macquarie NSW 2444 Phone: (02) 6581 1866 Email: officechoice@rolocab.com.au All prices displayed are in AUD and inclusive of GST All prices displayed are in AUD and exclusive of GST © Copyright 2023 Office Choice No data found. No data found.