Gap - Gap Kids - Kids Gap - Gap Clothing

{#foreach $T.items as record}
	    <li>
	        <div class="categoryImageDiv">
		        <a class="productImageLink" href="{$T.record.NavigateURL}" title="{$T.record.desc}">
                    {#if $T.record.videoPath == ""}
		                <img class="product-image" alt="{$T.record.desc}" src="{$T.record.image}"/>
		            {#else}
		                <img class="product-image" alt="{$T.record.desc}" src="{$T.record.image}" videosrc="{$T.record.videoPath}" />
		            {#/if}
		        </a>
		    </div>
		    <a class="desc" href="{$T.record.NavigateURL}">{$T.record.desc}</a>
			<div class="productprice">
			    <span class="price">{#if $T.record.mixMatch == "SUBGROUP"}FROM {#/if}{#if $T.record.showNowPrefixString == false} {#if $T.record.minPrice != ''}FROM {$T.record.minPrice} {#else} {$T.record.price} {#/if}{#else}{$T.record.prevPrice}{#/if}</span>
                <span class="prevPrice previousprice">{#if $T.record.showNowPrefixString == true} {#if $T.record.mixMatch != "SUBGROUP"} {#if $T.record.minPrice != ''} <br/>NOW FROM {$T.record.minPrice} {#else} <br/>NOW {$T.record.price} {#/if} {#else}	<br/>NOW FROM {$T.record.price}	{#/if}{#/if}</span>
			    <span class="origRP redsave">{#if $T.record.showOutletString == true}SAVE {#if $T.record.minPrice != ''}UPTO {#/if} {$T.record.priceReducedBy} ({$T.record.savingsPercent}%){#/if}</span>
			    <span class="recRP rrp">{#if $T.record.showOutletString == true}RRP {$T.record.recRP}{#/if}</span>
			</div>
		    {#if $T.record.mixMatch != ""}<a href='{$T.record.NavigateURL}' class='more-colours'>Mix & Match</a>{#elseif $T.record.moreColors == true}<a href='{$T.record.NavigateURL}' class='more-colours'>More Colours</a>{#/if}
	    </li>
	    {#/for}