<style type="text/css">
/*currency-choose*/

#currency-choose {border: 1px solid #d7d7d7;color: #3d3d3d;height: 40px;margin:0 auto; margin: 15px 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: -moz-use-text-color #d7d7d7 -moz-use-text-color -moz-use-text-color;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{float:left; height:40px; line-height:40px; width:29%;font-size: 16px; color:blue;}



#currency-choose .total-price,.#currency-choose .total-price-d{float:right;}



#currency-choose .total-price-d{border-right:none; color:blue; width:20%;}



#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;}



/* checkbox */



#pay-method{ margin:0 auto; border:1px solid #d6d6d6; padding:1px;}



#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;}



.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;}



.bank-01{background-position:-53px 0; height: 34px;width: 50px;}



.bank-02{background-position:0 0;height: 34px;width: 50px;}



.bank-03{background-position:-292px 0;}



.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>


<script>


function checkBeforeSubmit()
{	



	var Reference=document.getElementById("Reference").value;



	var ApplyMoney=document.getElementById("ApplyMoney").value;



	var ApplyUSD=document.getElementById("ApplyUSD").value;



    var cc_number=document.getElementById("cc_number").value;  



    var cvv=document.getElementById("cvv").value;

    

    var cc_firstname=document.getElementById("FirstName").value;  

    

    var cc_lastname=document.getElementById("LastName").value;  



    var reg = new RegExp("^[0-9]*$");



    var obj_cc_number = document.getElementById("cc_number");



    var obj_cc_cvv = document.getElementById("cvv");



    var cc_expire_date_month = document.getElementById("cc_expire_date_month").value;



    var cc_expire_date_year = document.getElementById("cc_expire_date_year").value;	

   

    if(cc_number==""||cc_number.length<16||!reg.test(obj_cc_number.value)) {



	      alert("Please input correct card number,it is 16 digits.");



	      document.getElementById("cc_number").focus();



	      return false;



	 }



	 if(cvv==""||cvv.length<3||!reg.test(obj_cc_cvv.value)) {



	      alert("Please input 3 digits cvv code on the back of your card.");



	      document.getElementById("cvv").focus();



	      return false;



	 }

	 else{



	 	$("#button-confirm").hide();



	 	$('#Submit_wait').show();	    

         $('#attention').show();	

	 	

	 	 $.ajax({

			type: "post",

			url: "/index.php?controller=neipay&action=send&Reference="+Reference+"&ApplyMoney="+ApplyMoney+"&ApplyUSD="+ApplyUSD+"&cc_firstname="+cc_firstname+"&cc_lastname="+cc_lastname+"&cc_number="+cc_number+"&cvv="+cvv+"&cc_expire_date_month="+cc_expire_date_month+"&cc_expire_date_year="+cc_expire_date_year,

			dataType: 'json',	

			success: function(json){

//				alert(json);              

				

				if (json['success']) {

					alert(json['msg']);	

					location = json['success'];

				}	

				if (json['error']) {

					alert(json['error']);	

					$("#button-confirm").show();

					$('#Submit_wait').hide();	

					$('#attention').hide();	

				 }



			}

		});	

	 }

}

</script>

<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<script type="text/javascript" src="https://www.beststoreitems.com/catalog/javascript/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="https://www.beststoreitems.com/catalog/javascript/fraudcontroller.js"></script>

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



    		<div class="title">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>VISA</span>



                    </label>



                </li>



                <li id="ban2">



                    <label for="bank1">



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



                        <span>MasterCard</span>



                    </label>



                </li>



            </ul>

       



        <div class="bankbox" id="checkbox">



            <div class="bankcon" id="mastercard">



<form method="post" action="/index.php?controller=neipay&action=send" autocomplete="off">



                <input type="hidden" name="Reference" id="Reference" value="<?php echo $Reference?>">



                 <input type="hidden" name="ApplyMoney" id="ApplyMoney" value="<?php echo $ApplyMoney?>">



                 <input type="hidden" name="$ApplyUSD" id="ApplyUSD" value="<?php echo $ApplyUSD?>">



                 <input type="hidden" name="Currency" value="<?php echo $Currency?>">



                <dl>



                    <dt><label>Cardholder Name:</label></dt>



                    <dd>



                        <div id="cardHolderName">



                        <input type="text" name="FirstName" id="FirstName" value="<?php echo $FirstName?>" style="width:100px;" maxlength="30">



                        <input type="text" name="LastName" id="LastName" value="<?php echo $LastName?>" style="width:100px;" maxlength="30">



                        </div>



                    </dd>



                </dl>



    <dl>



      <dt>



        <label for="" class="required-td" id="card-number-label">



          Card No:



        </label>



      </dt>



      <dd>



        <input type="text" maxlength="16" id="cc_number" name="cc_number" value="<?php echo $CardNumber;?>" style="width:209px;">



        <div class="remark" id="submitMsgBox">We currently cannot process business/commercial cards or charge cards.</div>        



      </dd>



    </dl>



    <dl>



      <dt>



        	<label class="required-td" id="expiration-date-label">Expiration Date:</label>

      </dt>



      <dd>



            <div id="expDate">		

              <select name="cc_expire_date_month" id="cc_expire_date_month">



                    <option value="01">January</option>



                    <option value="02">February</option>



                    <option value="03">March</option>



                    <option value="04">April</option>



                    <option value="05">May</option>



                    <option value="06">June</option>



                    <option value="07">July</option>



                    <option value="08">August</option>



                    <option value="09">September</option>



                    <option value="10">October</option>



                    <option value="11">November</option>



                    <option value="12">December</option>



               </select>/       



              <select name="cc_expire_date_year" id="cc_expire_date_year">



                    <option value="2014">2014</option>



                    <option value="2015">2015</option>



                    <option value="2016">2016</option>



                    <option value="2017">2017</option>



                    <option value="2018">2018</option>



                    <option value="2019">2019</option>



                    <option value="2020">2020</option>



                    <option value="2021">2021</option>



                    <option value="2022">2022</option>



                    <option value="2023">2023</option>



                    <option value="2024">2024</option>



                  </select>



            </div>



      </dd>



    </dl>



    <dl>



      <dt>



        <label for="_fmh.cr._0.cv" class="required-td" >



          Security Code:



        </label>



      </dt>



      <dd>



        <input type="text" id="cvv" name="cvv" value="" maxlength="3" size="3">



        <span class="paymthod-logo CVV"></span>



        <div class="remark">The 3 digits after the card number on the signature panel of your card.</div>



        <div style="display:none" class="ui-tip-error" id="security-code-error">$group.cvv2.message</div>



      </dd>



    </dl>



    <dl>



      <dt><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;"></dt>



      <dd style="margin-top:10px;">



          <button type="button" id="button-confirm" class="paynow" onclick="checkBeforeSubmit();">Pay My Order</button>



          <span style="width:165px; height:24px; vertical-align:top; margin-top:3px;"><img id="Submit_wait" style="display:none;" src="https://www.beststoreitems.com/catalog/template/beststoreitems/image/please_wait.png"/></span>



          <a href="https://www.beststoreitems.com/index.php?controller=account" style="color:blue; text-decoration:underline; display:inline-block; margin-left:10px;">Pay Later</a>



      </dd>



    </dl>



    <div class="attention" id="attention"> <img src="https://www.beststoreitems.com/catalog/template/beststoreitems/image/loading.gif"/>&nbsp;Please wait!</div>



    <div class="note-box">



      <span class="note-title">Note:</span>



      <ul>



        <li>Your payment is secured with VeriSign SSL encryption, the highest commercially available encryption technology. Please be assured that your credit/debit card details will not be exposed.</li>



                  <li>Your payment will be kept secure and will only be released to the supplier when you confirm satisfactory receipt of your order.</li>



      </ul>



      </div>



 </form>



</div>



        </div>



  </div>



</div>