%[if edit]%
<style>

	.cl4-em-stack{
		border: 2px solid #eee; 
		border-radius: 5px;
		display:inline-block;
		background:#fff;
		font-size:14px;
		min-width: 240px;
		position: relative;
		font-family: avenir;
	}
	.cl4-em-stack:before{
		content: '';
		display: block;
		border-bottom: 1px solid #eee;
		position: absolute;
		top: 31px;
		width: 100%;
	}



	.cl4-em-stack .label,
	.cl4-em-stack p{
		padding: 6px 10px;
		margin:0;
	}
	.cl4-em-stack p{
		color:#222;
	}
	.cl4-em-stack p em{
		color:#ADADB6;
		font-weight: normal;
		padding-left: 1px;
	}


	.cl4-em-stack .label{
		display:inline-block;
		font-weight:500;
		color:#ADADB6;
		text-align:center;
		white-space:nowrap;
		vertical-align:baseline;
		width:auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.cl4-em-stack .label > span {
		color:#777;
	}



	.cl4-em-type{
		position: absolute;
		top: 7px;
		right: 7px;
		border-radius: 2px;
		font-weight: 500;
		font-size: 11px;
		padding: 1px 5px;
		color: #74974D;
		box-shadow: inset 0 0 0 1px #EBF4DA;
		background:#F6F9F2;
	}
	.cl4-em-stack .type-button{

	}
	.cl4-em-stack .type-buttons{
		color: #74974D;
		background:#F6F9F2;
		box-shadow: inset 0 0 0 1px #EBF4DA;
	}
	.cl4-em-stack .type-product{
		color: #8673EE;
		background:#F4F2FF;
		box-shadow: inset 0 0 0 1px #EDEAFF;
	}
	.cl4-em-stack .type-store{
		color: #6EA1DD;
		background:#E9F3FF;
		box-shadow: inset 0 0 0 1px #DBECFF;
	}
</style>

%[if edit]%<div class="cl4-em-stack">%[endif]%

<b class="label"><!--<img src="%assetPath%/cl4_mini.png" style="width:15px; height:auto; vertical-align:-3px;"> --><img src="%assetPath%/cl4-logo.svg" style="width:94px; height:auto; vertical-align:-2px;">&nbsp; v.%stackVersion%</b><br>
%[endif]%


%[if %("%id=type%" == "buy")% ]%
%[if edit]%
<p><span class="cl4-em-type type-button">Buttons - %id=style%</span>%id=title% <em>( #%id=pid% )</em></p>
%[endif]% 
%[if !edit]%
<!--// CartLoom v4 Snippet for %id=name% //-->
<script data-cartloom-buy="%id=pid%" data-cartloom-type="%id=style%">
	if (typeof Cartloom === "undefined") {
		var Cartloom = {};
		(function(){
			var script = document.createElement("script"); 
			script.src = "%id=url%cl4/cart.js";
			document.body.appendChild(script);
		})();
	}
</script>
<noscript><a href="%id=url%cart/quickbuy/%id=pid%" target="_blank">Buy Now</a></noscript>
%[endif]%
%[endif]%


%[if %("%id=type%" == "product")% ]%
%[if edit]%
<p><span class="cl4-em-type type-product">Product</span>%id=title% <em>#%id=pid%</em></p>
%[endif]% 

%[if !edit]%
<!--// CartLoom v4 Snippet for %id=name% //-->
<script data-cartloom-pid=%id=pid%>
	if (typeof Cartloom === "undefined") {
		var Cartloom = {};
		(function(){
			var script = document.createElement("script"); 
			script.src = "%id=url%cl4/cart.js";
			document.body.appendChild(script);
		})();
	}
</script>
<noscript><a href="%id=url%cart/quickbuy/%id=pid%" target="_blank">Buy Now</a></noscript>
%[endif]%
%[endif]%


%[if %("%id=type%" == "store")% ]%
%[if edit]%
<p><span class="cl4-em-type type-store">Store</span><b>%id=title%</b> <em>( #%id=store_id% )</em></p>
%[endif]% 

%[if !edit]%
<!--// CartLoom v4 Snippet for Store //-->
<script data-cartloom-store=%id=store_id%>
	if (typeof Cartloom === "undefined") {
		var Cartloom = {};
		(function(){
			var script = document.createElement("script"); 
			script.src = "%id=url%cl4/cart.js";
			document.body.appendChild(script);
		})();
	}
</script>
%[endif]%
%[endif]%


%[if %("%id=type%" == "lookup")% ]%
%[if edit]%
<span class="cl4-em-type type-order">Lookup - %id=style%</span>
%[endif]% 
%[if !edit]%
<!--// CartLoom v4 Snippet for Order Lookup //-->
<script data-cartloom-lookup data-cartloom-type="%id=style%">
	if (typeof Cartloom === "undefined") {
		var Cartloom = {};
		(function(){
			var script = document.createElement("script"); 
			script.src = "%id=url%cl4/cart.js";
			document.body.appendChild(script);
		})();
	}
</script>
%[endif]%
%[endif]%


%[if %("%id=type%" == "viewcart")% ]%
%[if edit]%
<span class="cl4-em-type type-order">View Cart - %id=style%</span>
%[endif]% 
%[if !edit]%
<!--// CartLoom v4 Snippet for View Cart //-->
<script data-cartloom-view data-cartloom-type="%id=style%">
	if (typeof Cartloom === "undefined") {
		var Cartloom = {};
		(function(){
			var script = document.createElement("script"); 
			script.src = "%id=url%cl4/cart.js";
			document.body.appendChild(script);
		})();
	}
</script>
%[endif]%
%[endif]%

%[if edit]%</div>%[endif]%