Search Results

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

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