~~cartEmptyStart~~
	<p>Your shopping basket is empty</p>
~~cartEmptyEnd~~
~~cartNotEmptyStart~~
	 ~~cartStartProd~~    
    <div class="checkoutline">
        <div class="checkoutitem" style="width: 80px;" title="~~cartProdName~~">
            <img src="~~cartProdImageThumnail~~" width="50" height="50" />
        </div>
        <div class="checkoutitem" style="width: 430px;" title="~~cartProdName~~">
            ~~cartProdName~~<br />
            ~~cartStartVars~~
            	<span class="prodVariable">~~varType~~: ~~varName~~</span>
            ~~cartEndVars~~
        </div>
        <div class="checkoutitem" style="width: 60px; text-align: center;">
            ~~cartProdQuantityField~~
        </div>
        <div class="checkoutitem" style="text-align: right; width: 60px; margin-left: 20px;">
            &euro;~~cartProdPrice~~
        </div>
        <div class="checkoutitem" style=" width: 220px; font-size: 1em; margin-left: 20px; padding-top: 10px;">
            <a href="~~cartProdUpdateLink~~" class="checkoutlink">Update</a>
            <a href="~~cartProdRemoveLink~~" class="checkoutlink">Remove</a>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    ~~cartEndProd~~
    ~~checkoutDiscountStart~~
    	~~checkoutStartItem~~
        <div class="checkoutline">
            <div class="checkoutitem" style="width: 80px;">
                <br />
            </div>
            <div class="checkoutitem" style="width: 400px; color: #990000;">
                ~~cartDiscountText~~
            </div>
            <div class="checkoutitem" style="width: 60px; text-align: center;">
                <br>
            </div>
            <div class="checkoutitem" style="text-align: right; width: 90px; margin-left: 20px; color: #990000;">
                - &euro;~~cartDiscount~~
            </div>
            <div class="clear"></div>
        </div>
        ~~checkoutEndItem~~
    ~~checkoutDiscountEnd~~    
    ~~checkoutPromoCodeStart~~
    <div class="checkoutline">
    	<div class="checkoutitem" style="width: 80px;">
            <br />
        </div>
        <div class="checkoutitem" style="width: 400px; color: #04284d;">
            Promocode: ~~cartPromoCodeText~~
        </div>
        <div class="checkoutitem" style="width: 60px; text-align: center;">
            <br>
        </div>
        <div class="checkoutitem" style="text-align: right; width: 90px; margin-left: 20px; color: #04284d;">
            ~~cartPromoCodeAmount~~
        </div>
        <div class="clear"></div>
    </div>
    ~~checkoutPromoCodeEnd~~  
     
    ~~checkoutDeliveryStart~~
    <div class="checkoutline">
    	<div class="checkoutitem" style="width: 80px;">
            <br />
        </div>
        <div class="checkoutitem" style="width: 400px; color: #04284d;">
            Delivery ~~cartDeliveryName~~:
        </div>
        <div class="checkoutitem" style="width: 60px; text-align: center;">
            <br>
        </div>
        <div class="checkoutitem" style="text-align: right; width: 90px; margin-left: 20px; color: #04284d;">
            ~~cartDelivery~~
        </div>
        <div class="clear"></div>
    </div>
    ~~checkoutDeliveryEnd~~  
    <div class="checkoutline">
    	<div class="checkoutitem" style="width: 80px;">
            <br />
        </div>
        <div class="checkoutitem" style="width: 400px; color: #04284d;">
            Total:
        </div>
        <div class="checkoutitem" style="width: 60px; text-align: center;">
            <br>
        </div>
        <div class="checkoutitem" style="text-align: right; width: 90px; margin-left: 20px; color: #04284d; border-top: 1px solid #04284d;">
            &euro;~~cartTotal~~
        </div>
        <div class="clear"></div>
    </div>
~~cartNotEmptyEnd~~