<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" class="no-js"> <!--<![endif]--><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblCart} : {$commonMetaTitle}</title>
<meta name="Description" content="{$commonMetaDescription}" />
<meta name="viewport" content="width=device-width">
<meta name="Keywords" content="{$commonMetaKeywords}" />
{include file='CommonStyles.tpl' caching=true cache_lifetime=7200}

<link rel="stylesheet" href="{$view_styles}/cart.css" />
<link rel="stylesheet" href="{$view_styles}/checkout.css" />
{include file='CommonJavaScript.tpl'}
<script type="text/javascript" src="{$common_js}/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript">	
</script>

</head>
<body class="{$view_common_languageDirection}" dir="{$view_common_languageDirection}">
<!-- Begin : Outer Pane -->
<div id="main" class="page_checkout">
  <!-- Begin : Header Pane--> 
  {include file='cart/CheckoutCommonTop.tpl'} 
  <!-- End : Header --> 
  
  <!-- Begin : Content Pane -->
  <div id="content-wrapper" ng-show="!query" >
    <div class="wrapper CheckoutPane clearfix">
      <div id="common_message"></div>
      <div class="clearfix">          
      <div class="inner-left right ordersummarydiv">

        <!-- Begin :checkout order Summary -->
        <div id="order_summary" class="order_details">
          <!-- Begin 	: Order Summary -->
          {assign var="currencyID" value=$cartData.purchasedCurrency|default:2} 
          <div class="orderSumry">
            <h3 class="f24 pn-b c_c_4">{$language.lblOrderSummary} </h3>
             <ul class="highlite_blk cf">
             <li>
                <span class="f16 c_c_4 pn-sb cnt">{$cartData.orderQty}</span>
                <span class="f12 c_c_5">{$language.lblCartItems}</span>
             </li>
             <li>
                <span class="f24 c_c_4 cnt">{$cartData.orderSubtotal|price:'Full':$currencyID:$currencyID}</span>
                <span class="f12 c_c_5">{$language.lblAmountpayable}</span>
             </li>
            </ul>
            
        </div>
          <ul class="simple-listing03-summary">
                <li><h3 class="pn-b f20 c_c_3 padB0">{$language.lblOrderTotal}</h3></li>
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblSubtotalAmount} </div>
              <div class="value" >{$cartData.orderSubtotal|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {if $cartData.shippingAmount>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblShippingCharge} </div>
              <div class="value" >{$cartData.shippingAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            {if $enableApplyAfterDiscount|default:'' neq 'Yes'}
            
            {if $cartData.orderOtherServiceCharge>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblServiceCharge} </div>
              <div class="value" >{$cartData.orderOtherServiceCharge|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}  {if $cartData.orderTaxAmount>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblTaxAmount} </div>
              <div class="value" >{$cartData.orderTaxAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            {else}
            {if $cartData.orderPromoDiscountAmount>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblPromoDiscount} </div>
              <div class="value" >-{$cartData.orderPromoDiscountAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            {if $cartData.orderTaxAmount>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblTaxAmount} </div>
              <div class="value" >{$cartData.orderTaxAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            {if $cartData.orderOtherServiceCharge>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblServiceCharge} </div>
              <div class="value" >{$cartData.orderOtherServiceCharge|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            {/if}
            {if $cartData.orderUserCreditAmount>0}
            <li class="clearfix">
              <div class="label pn-sb" >{$language.lblAccountCredit} </div>
              <div class="value" >-{$cartData.orderUserCreditAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
            {/if}
            <li>
              <ul class="promo">
                {if $enablePromoCode eq 'Yes'}
                  {if $cartData.orderPromoDiscountAmount>0}
                  <li class="txt-right c_c_8 f12">( - )&nbsp;&nbsp;<span class="c_c">{$cartData.orderPromoDiscountAmount|price:'Full':$currencyID:$currencyID}</span></li>
                  {/if}
                {/if}
              </ul>
            </li>
            <li class="total-values clearfix pn-sb">
              <div class="label c_c_3 f20">{$language.lblTotalAmount} </div>
              <div class="value c_c f20">{$cartData.orderTotalAmount|price:'Full':$currencyID:$currencyID}</div>
            </li>
          </ul>
          </div>
          <!-- End 	: Order Summary -->
        </div>
        <!-- End : checkout order Summary -->
      

        <div class="leftSide_inner left">              
        	<div class="checkoutNav pn-b">
                <ul>
                    <li class="chk-billing">{$language.lblBillinginfo}<span><i>&nbsp;</i></span></li>
                    <li class="chk-shipping">{$language.lblShippinginfo}<span><i>&nbsp;</i></span></li>
                    <li class="chk-payment active">{$language.lblPaymentInformation}<span><i>&nbsp;</i></span></li>
                </ul>
        	</div>
               <div class="content cf">
                   <div class="payleft left left_for_ifrm"> 
                       <ul class="nav">
                           <li class="active">
                               <label class="radiopaymentcls active" for="radio-payfortKey"><span class="ckhr spr">&nbsp;</span>
                                   {form->radio name="radiopayfort"  id="radio-payfortKey" options="{$cartData.orderPaymentMethodName}" class="" value="{$cartData.orderPaymentMethodName}"}                                 
                              </label>
                          </li>
                       </ul>
                   </div>
                  <div class="payright right">
                       <div class="clearfix" style='height:550px;'>
                        <iframe id='my_frame' width='100%' height='100%' style='border:none' aligin='center' src='{$iframePayFortUrl}'>

                        </iframe>
                        </div>
                   </div>
               </div>
               <div class="clear"></div>         
       </div>
    </div>
    </div>
    <!-- End : Content Pane --> 
  </div>
  <!-- Begin : Footer	Pane --> 
  {include file='CommonBottom.tpl' caching=true cache_lifetime=7200} 
  <!-- End : Footer Pane --> 
</div>
{literal}
<style type="text/css">
    #payment-data-container #payment-submit {
    background-color: #ff8321 !important;
    border-radius: 3px;
    box-shadow: 2px 2px 1px rgba(161, 71, 0, 0.28);
    color: #fff;
    display: inline-block;
    font-size: 21px;
    height: 48px;
    line-height: 48px;
    margin: 0 10px 17px 0;
    padding: 0 35px 0 80px;
    position: relative;
    text-transform: uppercase;
    }
	.inp-txt{box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;	
	border:#d7d7d7 1px solid !important;
	width:100%;
	padding:9px 12px;
	line-height:18px;
	color:#424242;
	outline:none;} 
</style>
{/literal}
<script type="text/javascript">

</script>
<script type="text/javascript" src="{$common_frontend_js}/checkout.page.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/cart.page.js"></script>
{html->messages_script id="common_message"}
{*include file='CommonJavaScriptBottom.tpl' caching=true cache_lifetime=7200*}
</body>
</html>