<div class="addToCompareCommonDiv hide" data-spy="affix" data-offset-top="227">
	<div id="addToCompare"></div>
	<div class="compareError light-bg" id="compareError"></div>
</div>

<script id="addToCompareTemplate" type="text/x-jsrender" >
	{*<h3>{$language.lblCompare} {$resBreadcrumbs[0]['productCategoryName']|default:''}</h3> *}
	<div class="compairPane clearfix" >
	<ul class="left">
		[[for products]]
		<li>
			<a href="javascript:void(0)" class="closeit closeBtn2 round" data-id="[[>id]]" 
			data-setkey="[[>setkey]]"  >x</a>
			<div class="imgBx">
					<img src="[[>src]]" class="img-responsive"/>
			</div>
			<div class="dtlBx pull-left"><h6>[[>~truncate(title,16)]]</h6>
            </div>
		</li>
		[[/for]]
	</ul>
	<div class="compairRight">
		<a href="javascript:void(0)" class="closeBtnCompare closeBtn1 icon-close spriteImg"></a>
		<a href="javascript:void(0)" class="btn btn-primary btn-sm compareProduct btnBg1 compairBtn disable" data-setkey="[[>~setkey]]"><span class="compair_icon spriteImg"></span>{$language.lblCompare}</a>
	</div>
	</div>
</script>
																			
<script id="compareErrorTemplate" type="text/x-jsrender" >
		<div class="message_error">
		[[if msgtype=='maxLimit']]
			{$language.errCantCompareMoreItems} <a href="javascript:void(0)" class="clearAllItems">({$language.errClearItemsCompareList})</a>
		[[else]]
			{$language.errCantCompareAboveItems} <a href="javascript:void(0)" class="clearAllItems">({$language.errClearItemsCompareList})</a>
		[[/if]]

		<a href="javascript:void(0)" class="closecomperror notifyClose pull-right">X</a></div>
</script>
																					
																						
