<link rel="stylesheet" type="text/css" href="catalog/template/beststoreitems/css/cart.css">
<style type="text/css">
/*currency-choose*/
#currency-choose {border: 1px solid #d7d7d7;color: #3d3d3d;height: 40px;margin:0 auto; margin:15px 0 0;}
#currency-choose DIV{font:12px/1.5 Arial,Helvetica,sans-serif; width:100%;}
#currency-choose .title,
#currency-choose .local-currency,
#currency-choose .usd-currency,
#currency-choose .detail-trigger {border-color:#d7d7d7;border-image: none;border-style: none solid none none;border-width: 0 1px 0 0;   display: inline-block; font-size: 16px;font-weight: bolder;line-height: 40px; height:40px;}

#currency-choose .title{color: #b22222;font-weight: bold;text-align: center;width:25%; float:left;}
#currency-choose DIV#currency-total-amount{color:blue;}
#currency-choose .total-price,.#currency-choose .total-price-d{float:right;}
#currency-choose .total-price-d{border-right:none; color:blue;}
#currency-choose DIV#currency-total-amount label{font-family:Arial, Helvetica, sans-serif;}
#currency-total-amount label{ color:#b22222;}
.currency-box{float:left;}
.detail-trigger{float:right;}
#currency-choose .amount {float: right;padding-right: 15px;}

@media only screen and (max-width:991px){
#currency-choose .title{width:33.3%;}
#currency-choose .title.order_reference{display:none;}
}

@media only screen and (max-width:767px){
#currency-choose .title{width:25%;}
#currency-choose .title#currency-total-amount{width:50%;}
#currency-choose .title,
#currency-choose .local-currency,
#currency-choose .usd-currency,
#currency-choose .detail-trigger{
	font-size:12px;}
}

/* checkbox */
#pay-method{ margin:0 auto; border:1px solid #d6d6d6; padding:1px; margin-bottom:20px;}
#pay-method label{font:12px/1.5 Arial,Helvetica,sans-serif; font-weight:bold;}
.paymethod-info{height:auto; padding:10px 20px;}
.paymethod-info h2{ margin:10px 0 15px; font-size:16px; height:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.banktit{height:26px;border-bottom:solid 1px #ccc;padding:0 10px 0 0;}
.banktit h2{font-size:14px;height:25px;position:relative;top:0px;left:0;border-bottom:solid 2px #7d98cd;float:left;padding:0 24px 0 2px;}
.paymethod-list{margin-top:1px;background:#f8f9fb; border-width:1px 1px 0 1px; border-color:#d6d6d6; border-style:solid; margin-bottom:0;}
.paymethod-list li{position:relative;padding:8px 1px 2px 10px; float:left;}
.paymethod-list li label{display:inline-block;font-weight: bold;height: 32;
line-height: 32px;padding: 2px 0;width: 222px;cursor:pointer;vertical-align:middle;}
.paymthod-logo{background:url(https://www.beststoreitems.com/catalog/template/beststoreitems/image/bankshow.png) 0 0 no-repeat; display: inline-block;margin: 0 5px 0 10px;vertical-align: middle; height:28px;}
.paymethod-list li.current{border-color:#d6d6d6 #d6d6d6 #f8f9fb #d6d6d6; border-style:solid; border-width:0 1px 0 0;}

@media only screen and (max-width:991px){
.paymethod-list li label{width:auto; padding:0 15px;}
}

@media only screen and (max-width:767px){
.paymethod-list li label{padding:0 5px;}
}

@media only screen and (max-width:480px){
.paymthod-logo{ margin-left:0;}
}

@media (min-width:320px) and (max-width:640px){
.paymethod-list li label .text{display:none;}
}

.bank-01{background-position:-53px 0; height: 34px;width: 50px;}
.bank-02{background-position:0 0;height: 34px;width: 50px;}
.bank-03{background-position:-108px 0;height: 34px;width: 50px;}
.CVV {background-position: 0 -239px;width: 50px;}
#checkbox{background-color: #f8f9fb;border: 1px solid #d6d6d6; min-height:200px; padding:20px 15px 10px; margin-bottom:20px;}
#checkbox h2 {font:bold 18px/30px verdana;height: 30px;margin-top:8px;}
#checkbox input {font-size: 14px;height: 20px;line-height: 20px;padding: 2px;}
#checkbox dl{clear:both;line-height: 35px;}
#checkbox dt{float:left;font-weight: bold;text-align: right;}
#checkbox #mastercard dt{width:150px;}
#checkbox #mastercard dd {margin-left: 160px;}
/*.placeholder{color:#c6c6c6;}*/
#checkbox .remark {color: #999;font: 12px/1 Arial;margin: 5px 0;}
.note-box { margin: 20px 0;}
.note-box ul, .note-box li{font:12px/1.5 Arial,Helvetica,sans-serif;}
.note-title {display: block;font-weight: bold;height: 100%;margin-bottom: 10px;height: 20px;line-height: 20px;}
.note-box, .note-text {border-top: 1px solid #ccc;color: #999;margin: 15px 0;padding: 10px 0 0;}
.paynow{ background:url(https://www.beststoreitems.com/catalog/template/beststoreitems/image/paynow.png) 0 -90px repeat-x; border-color: #fccd34 #f9a320 #f9a320;border-image: none;border-right: 1px solid #f9a320;border-style: solid;border-width: 1px;color: #7b2e00;font-size: 13px;height: 24px;padding: 0 15px; font-weight:bold; cursor:pointer; font-family:Arial, Helvetica, sans-serif; vertical-align:top; margin-top:4px; line-height:24px;}
.attention{background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/attention.png") no-repeat scroll 160px center #fff5cc;border: 1px solid #f2dd8c;border-radius: 5px;padding:10px 10px 10px 180px; color:#555; font-family:Arial, Helvetica, sans-serif; display:none;}

/* bankcon */
.bankcon table td{padding:4px 0;}
.bankcon table td div{float:left;}
.bankcon table td .nextbtn{background:url(https://www.beststoreitems.com/catalog/template/beststoreitems/image/nextbtm.gif) no-repeat;width:81px;height:33px;overflow:hidden;cursor:pointer;border:none;margin:20px 0 0 20px;font-size:14px;color:#fff;font-weight:800;}

/* tipbox */
.tipbox{border:solid 1px #c2d4fc;background:#f3f7ff;padding:10px 15px;margin:20px 0 0 0;}
.tipbox dt{height:24px;color:#ff6600;font-weight:800;}
.tipbox dd{line-height:22px;}

/* Validform */
.Validform_checktip{border:solid 1px #e0e5ff;padding:1px 5px;background:#f5f8ff;}
</style>

	<div class="main container">
    <div id="currency-choose"><div class="currency-box">

    		<div class="title order_reference">Order Reference</div>


            <div id="currency-total-amount" class="title">PO#<?php echo $Reference;?></div>


            <div class="title total-price">Order Total</div>


            <div class="title total-price-d"> <?php echo $ApplyMoney.' '.$Currency?></div>


        </div>            

    </div>

<div id="pay-method">

  <div class="paymethod-info clearfix">
		<!--h2>Choose your payment method</h2-->

        <ul class="paymethod-list clearfix">

                <li id="ban1" class="current">

                  <label for="bank2">

                      <span class="paymthod-logo bank-02" title="VISA"></span>

                      <span class="text">VISA</span>

                    </label>

                </li>

                <li id="ban2" class="current">

                    <label for="bank1">

                        <span class="paymthod-logo bank-01" title="MasterCard"></span>

                        <span class="text">MasterCard</span>

                    </label>

                </li>
                <li id="ban3">

                    <label for="bank1">
                        <span class="paymthod-logo bank-03" title="American Express"></span>
                        <span class="text">American Express</span>
                    </label>

                </li>

            </ul>

        <div class="bankbox" id="checkbox">
        <div class="bankcon" id="mastercard">
			<iframe src="<?php echo $DHPAY_CASHIER_URL;?>" width="100%" height="330px" style="border:none;">	</iframe> 
			<input type="button" onclick="window.history.back(-1);" value="" style="background:url(catalog/template/beststoreitems/image/back.gif); width:80px; height:30px; border:0;margin:0 5px 0 0; cursor:pointer; padding:0; vertical-align:top;">
		<a href="https://www.beststoreitems.com/index.php?controller=account" style="color:blue; text-decoration:underline; display:inline-block; margin-left:90px; font-size:22px; vertical-align:-moz-middle-with-baseline;">Pay Later</a>
    </div>
   </div>
  </div>
</div>
</div>