Frames

<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}

Cart Summary

	Your Basket is Empty
	View Basket

Select a region

Search

Navigation

<div class="container" style="padding-bottom: 40px;">
		<div class="row">
			
			{if HAS_BREADCRUMBS_LOOP == 'T'}
				<div class="col-sm-12">
					<div style="padding-left: 0px; margin-bottom: 5px; border-bottom: solid 1px #cd1316;">
					<h2>
					${ITEMID}

{if CURRENT_CATEGORYID == '1055835'}
					<a href="/Images/SPOS Bunnings Web Portal Guide.pdf" style="
						font-size: 20px;
						font-weight: normal;
						margin-left: 5%;
					" target="_blank">
					Website Guide
					</a>
					{/if}
					</h2>
</div>
				</div>
				<div class="col-sm-12">
					<div style="margin-bottom: 35px;">
						{var BREADCRUMBS}
						{for BREADCRUMBS in BREADCRUMBS_LOOP}
							{if BREADCRUMBS.HAS_LINK == 'T'}
								<div style="float: left;"><a href="${BREADCRUMBS.LINK}" style="font-size: 12px; color: #cd1316; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</a></div>
								<div style="float: left; padding-left: 4px; padding-right: 4px;"><i class="fa fa-angle-double-right" style="font-size: 12px; color: #cd1316;"></i></div>
							{else}
								<div style="float: left;"><span style="font-size: 12px; color: #333333; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</span></div>
							{/if}
						{/for}
						<div style="clear: both;"></div>
					</div>
					
				</div>
			{else}
				<div class="col-sm-12">
					<div style="padding-left: 0px; margin-bottom: 40px; border-bottom: solid 1px #cd1316;"><h2>${ITEMID}</h2></div>
				</div>
			{/if}
			
		</div>

{if HAS_INFO_TOP == 'T'}
			<div class="row" style="margin-bottom: 20px;">
				<div class="col-sm-12">
					${INFO_TOP}
				</div>
			</div>
		{/if}

{if HAS_ITEMLIST_LOOP == 'T'}
			
			
			{if HAS_PAGINATION_LOOP == 'T'}
				<div class="row">
					<div class="col-sm-12" style="margin-bottom: 20px;">

<table border="0" cellpadding="0" cellspacing="0" align="center">
						<tr>
						<td>
							{var PAGINATIONTOP}
							{for PAGINATIONTOP in PAGINATION_LOOP}
								{if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'}
									<span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
								{/if}
								{if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'}
									{if PAGINATIONTOP.PAGINATION_LINK != ''}
										<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span>
									{else}
										<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span>
									{/if}
								{/if}
								{if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'}
									{if PAGINATIONTOP.PAGINATION_LINK != ''}
										<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span>
									{else}
										<span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
									{/if}
								{/if}
								{if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'}
									{if PAGINATIONTOP.PAGINATION_LINK != ''}
										<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span>
									{else}
										<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span>
									{/if}
								{/if}
							{/for}
						</td>
						</tr>
						</table>
						
					</div>
				</div>
			{/if}

{var OBJREFITEMLIST}
			{for OBJREFITEMLIST in ITEMLIST_LOOP}
				
				
				<div class="row">
					{var ITEMLIST}
					{for ITEMLIST in OBJREFITEMLIST}

<div class="col-sm-3">
							<div id="ns-itemlist-item" style="padding: 10px; margin-bottom: 40px;">
								
								<div style="padding-bottom: 10px; border-bottom: solid 1px #cd1316; margin-bottom: 10px;">
									<a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive-table"></a>
								</div>
								
								<div style="margin-bottom: 5px;"><a href="${ITEMLIST.STOREURL}" style="font-weight: bold; color: #333333; text-decoration: none; border: none;">${ITEMLIST.STOREDISPLAYNAME2}</a></div>
								
								{if ITEMLIST.STOREDESCRIPTION != ''}
									<div style="margin-bottom: 5px;"><span style="font-size: 12px;">${ITEMLIST.STOREDESCRIPTION}</span></div>
								{/if}
								
								{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
									
									{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
										<div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, ${ITEMLIST.SALESPRICETEXT}</span></div>
									{else}
										<div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, Please contact our sales team.</span></div>
									{/if}
								{else}
									
									{if ITEMLIST.HAS_QUANTITY_PRICING == 'T'}
										<div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.QUANTITY_BASEPRICE}</span></div>
									{else}
										<div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.SALESPRICETEXT}</span></div>
									{/if}
								{/if}
								
								
							</div>
						</div>
					
					{/for}
				</div>
				
			{/for}

{if HAS_PAGINATION_LOOP == 'T'}
				<div class="row">
					<div class="col-sm-12" style="margin-bottom: 20px;">

{else}
		
		{/if}

</div>

We stock a range of Poster Frames, Snap Frames and Klick

Frames plus a complete range of accessories for mounting and displaying that make execution and replacement easy.

To use our catalogue, please browse the catagories tabs in the drop down menu, or utilise our search bar to find what you're looking for using one of our Product Codes or a short description of the item.

To download a copy of one of our catalogues, please access them via our website: www.sposgroup.com/our-catalogue

If you are unsure of what you need or what the products do, our sales and customer service staff are more than happy to help. If you can't locate the right product for your need, we can help in sourcing the best solution.

Our online catalogue will display the price of our products and stock levels in real time. Our products are sold in box or package quantities, so please check these in the descriptions when placing an order.

Currently we ship your orders from our warehouse to anywhere in Australia and shipping times will vary from destination to destination. Shipping times are estimates and also depends on stock available. We'll be in touch if we anticipate any substantial delays.

Thank you for trusting SPOS Group as your Point of Sale Solutions Supplier

Frames

A3 FRAME - BLACK

A3 Fuel Pump Crowner

A4 FRAME VERTICAL - BLACK

A4 FRAME VERTICAL - WHITE

Black Poster Frame - A5 Landscape Entry

Duraframe - Adhesive/Magnetic A4 Poster Frame

Magnetic A4 Duraframe

Permanent Garden Frame

Red Poster Frame - A5

<div class="container" style="padding-bottom: 40px;">
	
		<div class="row">
			<div class="col-sm-12">
				<div style="padding-left: 0px; margin-bottom: 25px; border-bottom: solid 1px #cd1316;"><h2>Search Results</h2></div>
			</div>
			
			{if HAS_SEARCH_KEYWORDS == 'T'}
				<div class="col-sm-12">
					<div style="margin-bottom: 10px; text-align: center;"><span style="font-weight: bold;">Search Keyword(s): ${SEARCH_KEYWORDS}</span></div>
				</div>
			{/if}
		</div>
		
		{if HAS_CATEGORY_LOOP != 'T' && HAS_ITEMLIST_LOOP != 'T'}
		
			<div class="infoitem-info-box">
				<h4 class="heading">Empty Search</h4>
				<div class="content panel-smart">
					<div class="row">
						<div class="col-sm-12" style="margin-bottom: 20px; text-align: center;">
							No Categories or Items found in your search query.
						</div>
					</div>
				</div>
			</div>
		{else}

{if HAS_CATEGORY_LOOP == 'T'}
				<div class="infoitem-info-box">
					{if CATEGORY_LOOP_TOTAL == 1}
						<h4 class="heading">Site Category</h4>
					{else}
						<h4 class="heading">Site Categories</h4>
					{/if}

<div class="content panel-smart">
						{var OBJREFCATEGORY}
						{for OBJREFCATEGORY in CATEGORY_LOOP}
							
							<div class="row">
								{var CATEGORY}
								{for CATEGORY in OBJREFCATEGORY}
									<div class="col-sm-3">
										<div id="ns-category-item" link-ref="${CATEGORY.STOREURL}" category-ctr="${CATEGORY.CTR}" style="border-bottom: solid 8px #cd1316; padding-bottom: 8px; margin-bottom: 40px;">
											<div id="image-category-list"><a href="#" style="text-decoration: none; border: none;"><a href="${CATEGORY.STOREURL}" style="text-decoration: none; border: none;"><img src="${CATEGORY.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive-table"></a></div>
											<div id="info-category-list" style="padding-top: 10px; padding-left: 10px; padding-right: 10px;">
												<div style="margin-bottom: 15px;"><a href="${CATEGORY.STOREURL}" category-ctr="${CATEGORY.CTR}" style="font-size: 15px; font-weight: bold; text-decoration: none; border: none;">${CATEGORY.ITEMID}</a></div>
												
												{if CATEGORY.HAS_DESCRIPTION == 'T'}
													<div style="font-size: 12px;">${CATEGORY.DESCRIPTION}</div>
												{/if}
												
											</div>
										</div>
									</div>
								{/for}
							</div>
							
						{/for}
				
					</div>
				
				</div>
	
				<script>
					$(function()
					{
	
						var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible");
						var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false;
						
						if (isDisplayInMobileOnly)
						{
							adjustCategoryListDivHeight('ns-category-item');
						}
	
						if (!isDisplayInMobileOnly)
						{
							adjustCategoryListDivHeight('ns-category-item');
						}
	
						$(window).resize(function()
						{
	
							var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible");
							var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false;
							
							if (isDisplayInMobileOnly)
							{
								adjustCategoryListDivHeight('ns-category-item');
							}
		
							if (!isDisplayInMobileOnly)
							{
								adjustCategoryListDivHeight('ns-category-item');
							}
							
						});
	
						$("div[id='ns-category-item']").hover
						(
							function()
							{
								var categoryCtr = $(this).attr("category-ctr");
								$("a[category-ctr='" + categoryCtr + "']").css({"color" : "#ffffff"});	
							}
					
							, function()
							{
								 var categoryCtr = $(this).attr("category-ctr");
								 $("a[category-ctr='" + categoryCtr + "']").css({"color" : "#333333"});
							}
						);
	
					});
				
				</script>

{/if}
			
			
			
			{if HAS_ITEMLIST_LOOP == 'T'}
			
				<div class="infoitem-info-box">
					
					{if ITEMLIST_LOOP_TOTAL == 1}
						<h4 class="heading">Item</h4>
					{else}
						<h4 class="heading">Items</h4>
					{/if}
					
					<div class="content panel-smart">

{if HAS_PAGINATION_LOOP == 'T'}
							<div class="row">
								<div class="col-sm-12" style="margin-bottom: 20px;">
			
									<table border="0" cellpadding="0" cellspacing="0" align="center">
									<tr>
									<td>
										{var PAGINATIONTOP}
										{for PAGINATIONTOP in PAGINATION_LOOP}
											{if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'}
												<span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span>
												{else}
													<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span>
												{/if}
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span>
												{else}
													<span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
												{/if}
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span>
												{else}
													<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span>
												{/if}
											{/if}
										{/for}
									</td>
									</tr>
									</table>
									
								</div>
							</div>
						{/if}

{var OBJREFITEMLIST}
						{for OBJREFITEMLIST in ITEMLIST_LOOP}
							
							<div class="row">
								{var ITEMLIST}
								{for ITEMLIST in OBJREFITEMLIST}
			
									<div class="col-sm-3">
										<div id="ns-itemlist-item" style="padding: 10px; margin-bottom: 40px;">
											
											<div style="padding-bottom: 10px; border-bottom: solid 1px #cd1316; margin-bottom: 10px;">
												<a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive-table"></a>
											</div>
											
											<div style="margin-bottom: 7px;"><a href="${ITEMLIST.STOREURL}" style="font-weight: bold; text-decoration: none; border: none;">Item Type: ${ITEMLIST.SEARCHRESULTS_TYPE}</a></div>
											<div style="margin-bottom: 7px;"><a href="${ITEMLIST.STOREURL}" style="font-weight: bold; text-decoration: none; border: none;">${ITEMLIST.STOREDISPLAYNAME2}</a></div>
											
											{if ITEMLIST.STOREDESCRIPTION != ''}
												<div style="margin-bottom: 5px;"><span style="font-size: 12px;">${ITEMLIST.STOREDESCRIPTION}</span></div>
											{/if}
											
											{if ITEMLIST.IS_PRODUCT_ITEM == 'T'}
												{if ITEMLIST.IS_DONTSHOWPRICE == 'T'}
													{if ITEMLIST.SALESPRICETEXT != ''}
														<div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, ${ITEMLIST.SALESPRICETEXT}</span></div>
													{else}
														<div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, Please contact our sales team.</span></div>
													{/if}
													
												{else}
													
													{if ITEMLIST.HAS_QUANTITY_PRICING == 'T'}
														<div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.QUANTITY_BASEPRICE}</span></div>
													{else}
														<div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.SALESPRICETEXT}</span></div>
													{/if}
												{/if}
											{/if}
											
										</div>
									</div>
								
								{/for}
							</div>
							
						{/for}

{if HAS_PAGINATION_LOOP == 'T'}
							<div class="row">
								<div class="col-sm-12" style="margin-bottom: 20px;">
			
									<table border="0" cellpadding="0" cellspacing="0" align="center">
									<tr>
									<td>
										{var PAGINATIONTOP}
										{for PAGINATIONTOP in PAGINATION_LOOP}
											{if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'}
												<span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span>
												{else}
													<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span>
												{/if}
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span>
												{else}
													<span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span>
												{/if}
											{/if}
											{if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'}
												{if PAGINATIONTOP.PAGINATION_LINK != ''}
													<span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span>
												{else}
													<span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span>
												{/if}
											{/if}
										{/for}
									</td>
									</tr>
									</table>
									
								</div>
							</div>
						{/if}

</div>

</div>
			
			{/if}
			
			
		{/if}
	
	</div>

<div class="row">
			<div class="col-sm-12">
				<div style="padding-left: 0px; margin-bottom: 5px; border-bottom: solid 1px #cd1316;"><h2>Email Us</h2></div>
			</div>

{if HAS_BREADCRUMBS_LOOP == 'T'}
				<div class="col-sm-12">
					<div style="margin-bottom: 5px;">
						{var BREADCRUMBS}
						{for BREADCRUMBS in BREADCRUMBS_LOOP}
							{if BREADCRUMBS.HAS_LINK == 'T'}
								<div style="float: left;"><a href="${BREADCRUMBS.LINK}" style="font-size: 12px; color: #cd1316; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</a></div>
								<div style="float: left; padding-left: 4px; padding-right: 4px;"><i class="fa fa-angle-double-right" style="font-size: 12px; color: #cd1316;"></i></div>
							{/if}
						{/for}
						<div style="float: left;"><span style="font-size: 12px; color: #333333; text-decoration: none; border: none;">Email Us</span></div>
						<div style="clear: both;"></div>
					</div>
					
				</div>
			{/if}
		</div>
		
		<div class="infoitem-info-box">
			<h4 class="heading">Email Us Form</h4>
			<div class="content panel-smart">
				
				<div class="row">
					<div class="col-sm-12" style="margin-bottom: 7px;">
						<p>Get in touch with us by completing the form below.</p>
						<p>Please add as much information as possible to ensure we can help.</p>
					</div>
				</div>
				
				<div class="row">
					<div class="col-sm-12" style="margin-bottom: 20px;">
						
						<form name="daForm" id="daForm" novalidate>
							<div id="success"></div>

<div class="control-group form-group">
								<div class="controls">
									<label>Email:</label>
									<input type="email" class="form-control" id="da-email" required data-validation-required-message="Please Enter Your Email.">
									 <p class="help-block"></p>	
								</div>
							</div>

<div class="control-group form-group">
								<div class="controls">
									<label>Telephone Number:</label>
									<input type="number" class="form-control" id="da-phone" minlength="7" required data-validation-required-message="Please Enter Telephone Number." data-validation-number-message="Only numbers are aloowed in telephone number.">
									 <p class="help-block"></p>	
								</div>
							</div>

<div class="control-group form-group">
								<div class="controls">
									<label>Subject:</label>
									<input type="text" class="form-control" id="da-subject" required data-validation-required-message="Please Enter a Subject.">
									 <p class="help-block"></p>	
								</div>
							</div>

<div class="control-group form-group">
								<div class="controls">
									<label>Message:</label>
									${HTML_OPEN}textarea rows="5" cols="100" class="form-control" name="da-message" id="da-message" required data-validation-required-message="Please Enter Your Message" maxlength="999" style="resize:none"${HTML_CLOSE}${HTML_OPEN}/textarea${HTML_CLOSE}
								</div>
							</div>
							
							<div class="g-recaptcha" data-sitekey="6Ldu1icUAAAAAMGQBjZkX1m9z1kIylkeHbn7JQz2"></div>

<center><button id="butt-submit-email-us" type="submit" class="btn btn-primary">Submit</button></center>
						</form>
						
					</div>
				</div>

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

</script>
	
	<script>
		$(function(){
			emailUsFunctions();
		});

/*When clicking on Full hide fail/success boxes */
		$('#name').focus(function() {
			$('#success').html('');
		});

</script>