Shopping Cart

<table border="0" cellpadding="0" cellspacing="0">
					<tr>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">AUSTRALIA:</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +61 2 8667 4600</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@sposgroup.com</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;"><span style="font-size: 12px; color: #ffffff;">|</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">NEW ZEALAND:</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +64 9 414 2210</span></div></td>
					<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@nzpos.co.nz</span></div></td>
					</tr>
					</table>
				</td>
				<td style="width: 24%;" valign="top" align="right">
					<div class="social-icons pull-right" style="display: none;">
						<ul class="nav navbar-nav" style="white-space: nowrap;">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
						</ul>
					</div>

<div style="padding-top: 5px; padding-bottom: 5px;">
						<table border="0" cellpadding="0" cellspacing="0" align="center">
						<tr>
						<td style="white-space: nowrap;"><div style="margin-top: 5px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">SELECT COUNTRY:</span></div></td>	
						<td style="white-space: nowrap;">
							<div class="social-icons" style="display: none;">
								<ul class="nav navbar-nav" style="white-space: nowrap;">
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								</ul>
							</div>
		
							<div id="country-selector" class="btn-group">
								
		
								<div class="btn-group">
									<button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">Australia <span class="caret"></span></button>
		
									<ul class="dropdown-menu" style="font-size: 12px; min-width: auto;">
										<li><a href="javascript: gotoICandySiteContactUs();">New Zealand</a></li>
									</ul>
		
								</div>
							</div>
						</td>
						</tr>
						</table>
					</div>

</td>
				</tr>
				</table>
			</div>
			
			<div id="mobile-only">
				
				<table border="0" cellpadding="0" cellspacing="0" align="center">
				<tr>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">AUSTRALIA:</span></div></td>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +61 2 8667 4600</span></div></td>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@spos.com.au</span></div></td>
				</tr>
				</table>
				
				<table border="0" cellpadding="0" cellspacing="0" align="center">
				<tr>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">NEW ZEALAND:</span></div></td>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +64 9 313 2210</span></div></td>
				<td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@nzpos.co.nz</span></div></td>
				</tr>
				</table>
				
				<div style="padding-bottom: 7px;">
					<table border="0" cellpadding="0" cellspacing="0" align="center">
					<tr>
					<td><div style="margin-top: 5px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">SELECT COUNTRY:</span></div></td>	
					<td>
						<div class="social-icons" style="display: none;">
							<ul class="nav navbar-nav" style="white-space: nowrap;">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
	
						<div id="country-selector" class="btn-group">
							
	
							<div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">Australia <span class="caret"></span></button>
	
								<ul class="dropdown-menu" style="font-size: 12px; min-width: auto;">
									<li><a href="javascript: gotoICandySiteContactUs();">New Zealand</a></li>
								</ul>
	
							</div>
						</div>
					</td>
					</tr>
					</table>
				</div>
				
			</div>

</div>
	</div>
	
	<div class="header-middle">
		<div class="container">
			<div id="desktop-only" class="row">
				<div class="col-sm-6" style="padding-right: 0px;">
					<div id="container-logo-top-desktop" class="logo pull-left" style="margin-right: 25px;">
						<div id="top-logo"><a href="/"><img src="/avt-spos-retail/images/common/logo-spos-red-text.png" alt="" style="width: 75%;"/></a></div>
					</div>
					
					<div id="container-currency-desktop">
						{if HAS_CURRENCY_LOOP == 'T'}
							<div id="currency-selector" class="btn-group">
								<div style="margin-top: 15px; text-align: center;"><span style="font-size: 12px; color: #cd1316;">CURRENCY SELECTOR</span></div>
	
								<div class="btn-group">
									{var CURRENCY_SELECTED}
									{for CURRENCY_SELECTED in CURRENCY_LOOP}
										{if CURRENCY_SELECTED.IS_SELECTED == 'T'}
											<button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">${CURRENCY_SELECTED.TEXT} <span class="caret"></span></button>
										{/if}
									{/for}

<ul class="dropdown-menu" style="font-size: 12px;">
										{var CURRENCY_LIST}
										{for CURRENCY_LIST in CURRENCY_LOOP}
											{if CURRENCY_LIST.IS_SELECTED != 'T'}
												<li currency-value="${CURRENCY_LIST.VALUE}"><a href="javascript: changeSelectedCurrency('${CURRENCY_LIST.VALUE}');" currency-value="${CURRENCY_LIST.VALUE}">${CURRENCY_LIST.TEXT}</a></li>
											{/if}
										{/for}
									</ul>

</div>
							</div>
						{/if}
						
					</div>
				</div>
				<div class="col-sm-6"  style="padding-left: 0px;">
					<div id="container-login-top-desktop" class="pull-right">
						<div id="login-top" class="shop-menu" style="margin-top: 15px;">
							<ul id="ul-login" class="nav navbar-nav">
								
								{if HAS_SESSION}
									{if ISBUNNING_RANGE}
										<li><a href="/Images/SPOS Bunnings Web Portal Guide.pdf" target="_blank">Website Guide</a></li>
									{/if}
									
									<li><a href="${CUSTOMER_CENTER_URL}"><i class="fa fa-user"></i> My Account</a></li>
								{else}
									
									<li><a href="${REGISTRATION_URL}"><i class="fa fa-user"></i> Register</a></li>
								{/if}
								
								<li><a href="${CHECKOUT_URL}"><i class="fa fa-crosshairs"></i> Checkout</a></li>
								<li><a href="${CART_URL}"><i class="fa fa-shopping-cart"></i> Cart</a></li>
								
								{if HAS_SESSION}
									<li><a href="${LOGOUT_URL}"><i class="fa fa-lock"></i> Logout</a></li>
								{else}
									<li><a href="${LOGIN_URL}"><i class="fa fa-lock"></i> Login</a></li>
								{/if}
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<div id="mobile-only" class="row">
				<div id="container-logo-top-mobile" style="text-align: center;"></div>
				<div id="container-currency-mobile" style="text-align: center;"></div>
				<div id="container-login-top-mobile" style="text-align: center;"></div>
			</div>
		</div>
	</div>

<table border="0" cellpadding="0" cellspacing="0">
					<tr>
					<td>
							<button id="butt-toggle-mobile" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						<BR>

</td>
					
					<td width="100%" id="td-global-search-mobile">

</td>
					</tr>
					</table>

</div>
					
					<style>
										
					.sub-menu > li:hover > ul.sub-menu-level-two
					{
					  display: block;
					  -webkit-animation: fadeInUp 400ms;
					  -moz-animation: fadeInUp 400ms;
					  -ms-animation: fadeInUp 400ms;
					  -o-animation: fadeInUp 400ms;
					  animation: fadeInUp 400ms;
					}
					
					ul.sub-menu-level-two 
					{
						position: absolute;
						top: 0px;
						left: 220px;
						background-color: #cd1316;
						list-style: none;
						padding: 0;
						margin: 0;
						width: 220px;
						-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
						box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
						display: none;
						z-index: 999;
					}
					
					/* xs */
					@media (max-width: 767px) 
					{
						ul.sub-menu-level-two{
						  position: relative;
						  width: auto;
						  display: block;
						  background: transparent;
						  box-shadow: none;
						  top: 0;
						  left: 0px;
						}

.sub-menu-level-two li{
							background: transparent;
						}

.sub-menu > li:hover > ul.sub-menu-level-two{
							background: transparent;
							padding-bottom:0;
						}

ul.sub-menu-level-two{
					  position: relative;
					  width: auto;
					  display: block;
					  background: transparent;
					  box-shadow: none;
					  top: 0;
					  left: 0px;
					}

.sub-menu > li:hover > ul.sub-menu-level-two{
						background: transparent;
						padding-bottom:0;
					}

.sub-menu > li:hover > ul.sub-menu-level-two{
					  -webkit-animation: none;
					  -moz-animation: none;
					  -ms-animation: none;
					  -o-animation: none;
					  animation: none;
					  box-shadow: none;
}
					}
					</style>
					<div class="mainmenu pull-left">
						<ul id="top-nav-links" class="nav navbar-nav collapse navbar-collapse"  style="margin-top: 8px;">
							<li><a id="header-first-link" href="/" category-id="-101">Home</a></li>
							<li class="dropdown"><a href="/Catalogue/" category-id="-124">Catalogue <i class="fa fa-angle-down"></i></a>
								<ul role="menu" class="sub-menu">
									
									<li>
										<a href="/Catalogue/Datastrip/">Datastrip <i class="fa fa-angle-right" style="float:right;"></i></a>
										<ul role="menu" class="sub-menu-level-two">
											<li><a href="/Catalogue/Datastrip/Angled/">Angled</a></li>
											<li><a href="/Catalogue/Datastrip/Curved-branding/">Curved & Branding</a></li>
											<li><a href="/Catalogue/Datastrip/Clip-On/">Clip On</a></li>
											<li><a href="/Catalogue/Datastrip/Flat/">Flat</a></li>
											<li><a href="/Catalogue/Datastrip/Hanging/">Hanging</a></li>
											<li><a href="/Catalogue/Datastrip/Specialty/">Specialty</a></li>
										</ul>
									</li>
									
									<li>
										<a href="/Catalogue/Holders/">Holders <i class="fa fa-angle-right" style="float:right;"></i></a>
										<ul role="menu" class="sub-menu-level-two">
											<li><a href="/Catalogue/Holders/Brochures-And-Literature/">Brochures & Literature</a></li>
											<li><a href="/Catalogue/Holders/Menu/">Menu</a></li>
										</ul>
									</li>
									
									<li>
										<a href="/Catalogue/Hooks/">Hooks <i class="fa fa-angle-right" style="float:right;"></i></a>
										<ul role="menu" class="sub-menu-level-two">
											<li><a href="/Catalogue/Hooks/Plastic/">Plastic</a></li>
											<li><a href="/Catalogue/Hooks/Single/">Single</a></li>
											<li><a href="/Catalogue/Hooks/Flip-Scan/">Flip Scan</a></li>
											<li><a href="/Catalogue/Hooks/Hooks-Specialty/">Specialty</a></li>
											<li><a href="/Catalogue/Hooks/Hooks-Loss-Prevention/">Loss Prevention</a></li>
											<li><a href="/Catalogue/Hooks/Flip-Up-Label-Holder/">Flip-Up Label Holder</a></li>
											<li><a href="/Catalogue/Hooks/Hook-Accessories/">Hook Accessories</a></li>
										</ul>
									</li>
									
									<li><a href="/Catalogue/POP-Accessories/">POP Accessories</a></li>
									
									<li>
										<a href="/Catalogue/Signage-Systems/">Signage Systems <i class="fa fa-angle-right" style="float:right;"></i></a>
										<ul role="menu" class="sub-menu-level-two">
											<li><a href="/Catalogue/Signage-Systems/Frames/">Frames</a></li>
											<li><a href="/Catalogue/Signage-Systems/Frame-Accessories/">Frame Accessories</a></li>
											<li><a href="/Catalogue/Signage-Systems/Hanging-Accessories/">Hanging Accessories</a></li>
											<li><a href="/Catalogue/Signage-Systems/Poster-Holders/">Poster Holders</a></li>
											<li><a href="/Catalogue/Signage-Systems/Sellstrips/">Sellstrips</a></li>
											<li><a href="/Catalogue/Signage-Systems/Suction-Cups/">Suction Cups</a></li>
											<li><a href="/Catalogue/Signage-Systems/Grippers/">Grippers</a></li>
											<li><a href="/Catalogue/Signage-Systems/Ticketing/">Ticketing</a></li>
											<li><a href="/Catalogue/Signage-Systems/Other/">Other</a></li>											
										</ul>
									</li>
									
									<li>
										<a href="/Catalogue/Shelf-Management/">Shelf Management <i class="fa fa-angle-right" style="float:right;"></i></a>
										<ul role="menu" class="sub-menu-level-two">
											<li><a href="/Catalogue/Shelf-Management/Dividers/">Dividers</a></li>
											<li><a href="/Catalogue/Shelf-Management/Pushers/">Pushers</a></li>
											<li><a href="/Catalogue/Shelf-Management/Risers/">Risers</a></li>
											<li><a href="/Catalogue/Shelf-Management/Rails/">Rails</a></li>
											<li><a href="/Catalogue/Shelf-Management/Shelf-Management-Specialty/">Specialty</a></li>
											<li><a href="/Catalogue/Shelf-Management/WavFlo-Mats/">Shelf Mats</a></li>
										</ul>
									</li>
									
									<li>
										<li><a href="/Catalogue/Cafe-Food-Display/">Cafe & Food Display</a></li>
									</li>
								</ul>
							</li>
							<li><a href="/Catalogue/FlexRoller/">FlexRoller™</a></li>
							<li class="dropdown"><a href="/legalstuff/" category-id="-130">Contacts and Legals   <i class="fa fa-angle-down"></i></a>
								<ul role="menu" class="sub-menu">
									<li><a href="/legalstuff/About-Us.html">About Us</a></li>
									<li><a href="/legalstuff/Returns-Shipping.html">Returns & Shipping</a></li>
									<li><a href="/legalstuff/Orders-Pricing.html">Orders & Pricing</a></li>
									<li><a href="/legalstuff/Privacy-Notice.html">Privacy Notice</a></li>
									<li><a href="/legalstuff/Terms-of-Use.html">Terms of Use</a></li>
									<li><a href="/legalstuff/Email-Us.html">Email us</a></li>
								</ul>
							</li>
					       
					       
						   <li><a href="http://www.icandycreative.com.au/">iCandy</a></li>
						   
							{if ISBUNNING_RANGE}
								<li><a href="/Bunnings-Range/">Bunnings Range</a></li>
							{/if}
							 
						</ul>
					</div>
				</div>
				<div class="col-sm-3">
					<div id="container-global-search-desktop" class="pull-right">
						<table id="table-global-search" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
						<tr>
						<td style="width: 100%;">
							<div style="background-color: #cd1316; padding: 8px;">
								
								<form id="searchportlettag" name="searchportlettag" onsubmit="window.location.href='/s.nl?${APPEND_URL}&search='+escape(document.forms['searchportlettag'].elements['search'].value);return false;">
									<input type="text" id="search" name="search" value="Search" style="padding: 0px; margin: 0px; background-color: #cd1316; font-size: 12px; color: #ffffff; font-style: italic; border: none; width: 100%;"/>
								</form>
							</div>
						</td>
						<td><div id="butt-global-search" style="background-color: #cd1316; padding: 8px;"><span style="font-size: 12px; color: #ffffff; cursor: pointer;"><i class="fa fa-search"></i></span></div></td>
						</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>

<section id="slider" style="display: none;"></section>

<section id="da-main-contents"></section>

$("input[id='search']").keypress(function(event)
		{
		
			var searchValue = $(this).val();
			var hasSearchValue = (!$.isBlank(searchValue)) ? true : false;
		
			if (event.keyCode == 13 && !hasSearchValue)
			{
				event.preventDefault();
			}
		
			if (event.keyCode == 13 && hasSearchValue)
			{
				return true;
			}
		});

/**  end global search event script  **/

});

</script>

<div class="row">
				
				<div class="col-sm-8">
				
				
						<div class="row">
							<div class="col-sm-6">
								<div class="bg-img-map-au" style="padding: 40px;">
									<p><span style="font-size: 20px; font-weight: bold; color: #ffffff;">AUSTRALIA</span></p>
									<p><span style="color: #ffffff; font-size: 14px; font-weight: 400;">Unit 4, 17 Stanton Road, Seven Hills<br>NSW 2147, Australia<br>Phone: +61 2 8667 4600<br>Fax: +61 2 8667 4699</span></p>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="bg-img-map-nz" style="padding: 40px;">
									<p><span style="font-size: 20px; font-weight: bold; color: #ffffff;">NEW ZEALAND</span></p>
									<p><span style="color: #ffffff; font-size: 14px; font-weight: 400;">Unit 1, 7 Henry Rose Place, Albany<br>Auckland 0632<br>Phone: +64 9 414 2210<br>Fax: +64 9 414 2219</span></p>
								</div>
							</div>
						</div>

</div>
				
				
				<div class="col-sm-4">

<div style="padding: 40px;">
						
						<h4 style="font-weight: bold; color: #ffffff; text-align: center;">SPOSGROUP Group of Companies</h4>

</div>
				
			</div>
			
			
		</div>
	</div>
	
</footer>

< end page footer -->

{if HAS_MAIN_SLIDES_LOOP == 'T'}	
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div id="slider-carousel" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators" style="display: none;">
							{var INDICATOR}
							{for INDICATOR in MAIN_SLIDES_LOOP}
								{if INDICATOR.INDICATOR_CTR == 0}
									<li data-target="#slider-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}" class="active"></li>
								{else}
									<li data-target="#slider-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}"></li>
								{/if}
							{/for}
						</ol>
						
						<div class="carousel-inner">
							
							{var SLIDES}
							{for SLIDES in MAIN_SLIDES_LOOP}
								{if SLIDES.CTR == 1}
									<div class="item active">
								{else}
									<div class="item">
								{/if}
										<div class="col-sm-6">
											{if SLIDES.HAS_HEADER == 'T'}
												<h1><span>${SLIDES.HEADER}</span></h1>
											{/if}
											
											{if SLIDES.HAS_SUBHEADER == 'T'}
												<h2>${SLIDES.SUBHEADER}</h2>
											{/if}

{if SLIDES.HAS_CONTENT == 'T'}
												${SLIDES.CONTENT}
											{/if}
											
											{if SLIDES.HAS_LINK == 'T' && SLIDES.HAS_BUTT_LABEL == 'T'}
												<a href="${SLIDES.LINK}" id="butt-slides-link-${SLIDES.CTR}" style="display: none;">${SLIDES.BUTT_LABEL}</a>
												<button type="button" id="butt-slides" butt-slides-ctr="${SLIDES.CTR}" class="btn btn-default get">${SLIDES.BUTT_LABEL}</button>
											{/if}
										</div>
										<div class="col-sm-6">
											{if SLIDES.HAS_LINK == 'T'}
												<a href="${SLIDES.LINK}" style="text-decoration: none; border: none;"><img src="${SLIDES.IMAGE}" class="girl img-responsive" alt="" /></a>
											{else}
												<img src="${SLIDES.IMAGE}" class="girl img-responsive" alt="" />
											{/if}
										</div>
									</div>
							{/for}
							
						</div>
						
						{if IS_SINGLE_SLIDES == 'T'}
							<a id="slider-carousel-control" href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev" style="display: none;">
								<i class="fa fa-angle-left" style="display: none;"></i>
							</a>
							<a id="slider-carousel-control" href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next" style="display: none;">
								<i class="fa fa-angle-right" style="display: none;"></i>
							</a>
						{else}
							<a id="slider-carousel-control" href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
								<i class="fa fa-angle-left"></i>
							</a>
							<a id="slider-carousel-control" href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
								<i class="fa fa-angle-right"></i>
							</a>
						{/if}
						
					</div>
					
				</div>
			</div>
		</div>

{/if}