<!DOCTYPE html>
<html>

  <head>
    <base href="https://support.bestfriends.org/site/" />
    <title>
        
        Emergency assistance to animals in the wake of Hurricane Harvey - Best Friends Animal Society
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta name="Keywords" content=" " />
    <meta name="Description" content="" />
        <meta name="Robots" content="index, follow" />
    
    
    






<script type="text/javascript" src="../yui3/yui/yui-min.js"></script><noscript>&nbsp;</noscript>
<script type="text/javascript" src="../js/convio/modules.js?version=2.9"></script><noscript>&nbsp;</noscript>
<script type="text/javascript">
var Y = YUI({base: '../yui3/',
insertBefore: 'yui_marker_loader_css', // insert all YUI module css before customstyle so it can be overridden
debug: false, 
modules: getModules('../', 'convio', true)});
</script><noscript>&nbsp;</noscript>


<script type="text/javascript" src="../js/utils.js"></script><noscript>&nbsp;</noscript>

<script type="text/javascript" src="../js/obs_comp_rollup.js"></script><noscript>&nbsp;</noscript>


<link href="../css/themes/default.css" rel="stylesheet" type="text/css" />
<link href="../css/themes/alphacube.css" rel="stylesheet" type="text/css"/>


<link href="../css/UserGlobalStyle.css" rel="stylesheet" type="text/css" />


<link href="../css/responsive/ResponsiveBase.css" rel="stylesheet" type="text/css" />


<link href="../css/responsive/DonFormResponsive.css" rel="stylesheet" type="text/css" />



<link href="../css/FormComponentsBehavior.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/FormComponentsBehavior.js"></script><noscript>&nbsp;</noscript>
<script type="text/javascript" src="../js/don_level_elements.js"></script><noscript>&nbsp;</noscript>
<script type="text/javascript" src="../js/don_premium_elements.js"></script><noscript>&nbsp;</noscript>
<script type="text/javascript" src="../js/donations2.js"></script><noscript>&nbsp;</noscript>


<link rel="stylesheet" type="text/css" id="yui_marker_loader_css" />
<link href="../css/CustomStyle.css" rel="stylesheet" type="text/css" />
<link href="../css/CustomWysiwygStyle.css" rel="stylesheet" type="text/css" />






<meta name="CnvHeaderVersion" content="v5.0" />


    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='shortcut icon' href='https://815678169699-bfas-files.s3.amazonaws.com/favicon.ico' type='image/x-icon'/ >

<link href="../bootstrap/3.2.0/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../css/bfas.css" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">


<style>

body{
  background: #3d3d3e;
  font-family: 'HelveticaNeueW02-75Bold', Arial, sans-serif !important;
}

body, P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit{
  color:#000000;
}

h2.section-header-container{
  font-size: 20px;
}

#billing_first_name_row .form-content, #billing_last_name_row .form-content, #donor_email_address_row .form-content, #responsive_payment_typecc_number_row .form-content, #billing_addr_city_row .form-content, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street1_row .form-content, #billing_addr_street2_row .form-content{
  width:100%;
}

#billing_addr_street2_row label{
  display:none;
}

#billing_addr_street2_row .form-content{
  margin-top: -5px;
}

.button-container.clearfix{
  padding:0;
}  

.content-header p{
  color: #3d3d3e;
  font-size: 22px; 
  line-height: 28px;
}

.content-header h2{
  margin-top:0;
}

div.donation-form-container.responsive{
  background: #ffffff;
  border-radius: 0;
  border:0;
  padding: 34px;
}

div.responsive{
  width: 1000px;
  font-family: 'HelveticaNeueW02-55Roma', Arial, sans-serif !important;
  color: #000000;
}

div.responsive label{
  font-weight: normal;
}

div.responsive span.field-required{
  display:none;
}

div.responsive div.form-content{
  margin:3px 0;
}  

div.button-container{
  border:0;
} 



div.donation-level-amount-container+div.donation-level-label-container{
  margin:0;
  font-size:24px;
}

div.donation-level-amount-container, div.donation-level-label-container{
  font-size:25px;
}

div.donation-level-general-ask, div.html-caption-container{
  max-width:100%;
}

div.donation-level-container{
  display:inline-block;
  min-width: 19%;
  margin:0;
}

div.donation-level-input-container{
  padding:0;
}

div.form-row div.form-content>select, div.form-row div.form-content>input[type="text"], div.form-row div.form-content input.ui-autocomplete-input, div.form-row div.form-content>textarea, div.form-row div.form-content>button, div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea, div.responsive textarea, #responsive_payment_typecc_exp_date_row div.responsive input, div.responsive select, div.responsive option {
    box-shadow: none;
    border-radius: 0; 
    border: 1px solid #d9d6cf;
    width: 100%;
    height: 44px;
    max-width: 600px;

}



#maincontent .donation-level-user-entered input{
  width:auto;
}

.modal-content{
  border-radius:0;
  border: #f58220 5px solid;
}

.modal-content h1{
  font-weight: bold;
  font-size: 45px;
}

.modal-content p{
  font-size: 20px;
  padding-bottom:10px;
}

.modal-content .btn{
  background:#f58220;
  color:#ffffff;
  font-weight:bold;
  font-size:20px;
  margin-bottom:10px;
}

.modal-content a{
  cursor: pointer;
}

div.donation-level-user-entered{
  margin:0;
}

.donation-header{
  background: #ffffff;
  margin: auto;
  padding: 34px 34px 0 34px;
  width: 1000px;
}

.donation-footer{
  background:#f58220;
  color: #ffffff;
  margin: 55px auto 0 auto;
  padding:20px 0 10px 0;
}

div.responsive div.form-error, div.responsive div.ErrorMessage.page-error{
  border:0;
}

.donation-footer a:link, .donation-footer a:visited{
  color: #ffffff;
  font-size: 16px;
  font-weight:bold;
  text-transform:none;
}

div.responsive a:visited, div.responsive a:link {
color: #f58220;
text-decoration: none;
font-weight: bold;
}

label+div.donation-level-user-entered{
  margin-left:0;
  display:inline-block;
}

/*
label[for="level_standardexpanded1991"], label[for="level_standardexpanded1984"]{
  display:none;
}
*/

.don-standard-levels.form-row{
  max-width: 100%;
}

.form-progress-bar{
  display:none;
}

.form-row.form-donation-level div.form-content{
  display: block;
  width: 100%;
}

#header-image .img-responsive{
  margin: 10px auto;
}

#level_flexible_row .FormLabelText{
  display:none;
}

#level_flexibletotal_row{
  display:none;
}


#maincontent{
  padding:0;
}

#payment_cc_container h3{
  display:none;
}

#pstep_cancel{
  display:none;
}

#pstep_finish, #pstep_finish_trigger{
  background: #f58220;
  border-radius:0;
  border:0;
  color:#fff;
  float:none;
  font-size: 22px;
  font-weight: bold;
  height: 60px;
  max-width:100%;
  width: 310px;  
}

button#nullbtn{
    background: #f58220;
  border-radius:0;
  border:0;
  color:#fff;
  float:none;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  padding-left:10px;
  padding-right:10px;
}

#responsive_payment_typecc_exp_date_row, div.payment-field-container #responsive_payment_typecc_number_row input{
  width:100%;
}


#responsive_payment_typecc_exp_date_MONTH{
  width:195px
}

#responsive_payment_typecc_exp_date_YEAR{
  width:88px;
}

.section-title{
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
}

.donate-level-container {
    display: inline-block;
    font-size: 25px;
    width: 25%;
    padding: 15px;
}

.donate-level-container input{
  margin-right:10px;
} 

#cust-level-input{
  width:70px;
}

@media (min-width: 992px){
.container {
    width: 1000px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
  .mobile div.responsive, .donation-header {
      width: 100%;
  }
  .container {
    width: 100%;
  }
  .donation-footer{
    text-align:center;
  }
}

@media only screen and (max-width: 767px) and (min-width: 480px){
  .mobile div.responsive, .donation-header {
    width: 100%;
  }
  #ecard_send_date_row .form-content{
    width:100%;
   }
  .donation-footer{
    text-align:center;
     
  }
}

@media only screen and (max-width: 767px){

.mobile div.responsive, .donation-header {
    width: 100%;
}
.mobile div.html-caption-container {
    width: 100%;
}
.donation-footer{
    text-align:center;
    margin-top:0;
  }
div.donation-level-amount-container+div.donation-level-label-container{
  font-size:18px;
}
}

@media (min-width: 768px){
.modal-dialog {
    width: 728px;
    height:480px;
    margin: 30px auto;
}
}

@media only screen and (max-width: 767px){
.mobile div.responsive div.form-row, .mobile div.responsive div.form-content {
    margin-top: 2px;
    margin-bottom: 2px;
}
.donate-level-container{
  width:auto;
}

.container {
    width: 100%;
}
div.donation-level-container{
  width:auto;
  padding: 10px 0;
}
}


</style>


<!-- all other pages -->





<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5S2T8P"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5S2T8P');</script>
<!-- End Google Tag Manager -->

<style>
/* styles added to overwrite existing styles to accommodate recognition logos */

@media (min-width: 1200px) {

.col-md-3 {
width: 22%;
}

.col-md-4 {
    padding-left: 10px;
    padding-right: 0;
    width: 39.333%;
}

.col-md-5 {
    padding-left: 8px;
    padding-right: 5px;
    width: 38.667%;
}

}

@media (min-width: 992px) {

.col-md-3 {
    width: 22%;
}

.col-md-4 {
    padding-left: 5px;
    padding-right: 0;
    width: 39.333%;
}

.col-md-5 {
    padding-left: 10px;
    padding-right: 5px;
    width: 38.667%;
}

}

@media (max-width: 992px) {

.col-md-5 {
    padding: 20px;
}

}
</style>
    

<script>
Y.use('jquery-noconflict', function (Y) {
  jQuery(document).ready(function($){
    $('.donation-level-amount-container').each(function(e){
      $(this).html($(this).html().replace('.00',''));
    });
  });
});
</script>


     

        
  </head>
  <body
    
    
    
    
    
    
    
    
    
    
    
    
    class="mobile"
  > 
    <!--span><a href="#content" name="top" id="top" title="skip navigation"></a></span-->
    <!-- Warning and Broadcast Message -->
    <!-- Application Content -->
    <div class="donation-header">
  <div class="container">
    <a href="http://bestfriends.org/" target="_blank"><img class="img-responsive" src="../images/content/pagebuilder/donation-header.png" alt="Best Friends Animal Society" /></a>
  </div>
</div>

<div class="container" id="maincontent">









<form name="process" id="ProcessForm" action="https://support.bestfriends.org/site/Donation2" method="post"  >

<div class="donation-form-container responsive">
<script type="text/javascript">
<!--
function reloadPage() {
window.location.reload(true);
}
function testAjax() {

var xmlHttp = null;
// Opera 8.0+, Firefox, Chrome, Safari
try {
xmlHttp = new XMLHttpRequest();
}catch (e){
// Internet Explorer Browsers
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
return false;
}
}
}

xmlHttp.open('POST','AjaxHelper;jsessionid=00000000.app295a?NONCE_TOKEN=FD85B3BEB8B1528E7E530B7FAD4ABC6A', true);
xmlHttp.send();

}
addOnLoadHandler(testAjax);
// -->
</script>


<div class="donation-form-content">






<input type="hidden" name="user_donation_amt" id="user_donation_amt" value="" />
<input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="" />
<input type="hidden" name="currency_locale" id="currency_locale" value="en_US" />





<div class="form-row">
<div class="html-caption-container">
<div class="row content-header">

<div id="header-text" class="col-md-7 col-sm-7">
<h2>Give to help rescue and reunite</h2>
<p>Every penny of your gift today will be spent on Hurricane Harvey and the recovery efforts to help reunite pets with families, help animals turned into shelters find homes, and help the Houston area rescue groups and shelters rebuild and recover.</p>
</div>

<div id="header-image" class="col-md-5 col-sm-5">
  <img class="img-responsive" src="../images/content/pagebuilder/Houston_Sept4_400.jpg" />
</div> 

</div>
</div>
</div>



<div class="form-row">
<div class="html-caption-container">
<style>
#level_standard_row .FormLabelText{
  display:none;
}
</style>

<h2 class="section-header-container">Your donation to Best Friends</h2><br/>
<p class="small" style="line-height: 0;">All donations are tax deductible.</p><br/>
</div>
</div>




<div class="don-standard-levels form-row">
<div class="levels-label">

</div>

<div id="level_standard_row" class="form-row form-donation-level">

<div class="form-content">
<span class="field-required"></span> <span class="aural-only">Field Is Required</span>

<span class="FormLabelText">Select Gift Amount</span> 


<div class="donation-level-general-ask">

</div>

<div class="donation-levels">

<div class="donation-level-container">
<div class="form-content">

<div class="donation-level-input-container form-input">

<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded3063"
value="3063"


onclick="evalMatchingGift('$25.00');"
/>
</div>

<label for="level_standardexpanded3063" onclick="">


<div class="donation-level-amount-container">
$25.00
</div>



</label>







</div>

<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_3063expandedsubmit" value="true" /> 
</div>
</div>
<div class="donation-level-container">
<div class="form-content">

<div class="donation-level-input-container form-input">

<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded3064"
value="3064"

checked="checked"
onclick="evalMatchingGift('$50.00');"
/>
</div>

<label for="level_standardexpanded3064" onclick="">


<div class="donation-level-amount-container">
$50.00
</div>



</label>







</div>

<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_3064expandedsubmit" value="true" /> 
</div>
</div>
<div class="donation-level-container">
<div class="form-content">

<div class="donation-level-input-container form-input">

<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded3065"
value="3065"


onclick="evalMatchingGift('$100.00');"
/>
</div>

<label for="level_standardexpanded3065" onclick="">


<div class="donation-level-amount-container">
$100.00
</div>



</label>







</div>

<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_3065expandedsubmit" value="true" /> 
</div>
</div>
<div class="donation-level-container">
<div class="form-content">

<div class="donation-level-input-container form-input">

<div class="donation-level-label-input-container">
<input type="radio" name="level_standardexpanded" id="level_standardexpanded3062"
value="3062"


onclick="evalMatchingGift(document.getElementById('level_standardexpanded3062amount').value);"
/>
</div>

<label for="level_standardexpanded3062" onclick="">



<div class="donation-level-label-container">
$
</div>


</label>


<div class="donation-level-user-entered">
<label for="level_standardexpanded3062amount"><span class="aural-only">Enter amount</span></label>
<input type="text" name="level_standardexpanded3062amount" id="level_standardexpanded3062amount" value="" size="12"
onfocus="var el = document.getElementById ('level_standardexpanded3062');if (el) el.click(); fire_obs_comp_event('level_standardexpanded3062amount', this, event);evalMatchingGift(value); "
onchange="fire_obs_comp_event('level_standardexpanded3062amount', this, event);evalMatchingGift(value);"
onkeyup="fire_obs_comp_event('level_standardexpanded3062amount', this, event);evalMatchingGift(value);"/>
</div>





</div>

<input type="hidden" name="level_standardexpandedsubmit" id="level_standard_3062expandedsubmit" value="true" /> 
</div>
</div>
</div>
</div>
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function(){
// subscribe observables
jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
var syncAction = function(obj) {
if (obj.is(':checked')) {
obj.closest('div.donation-level-container').addClass('selected');
}
else {
obj.closest('div.donation-level-container').removeClass('selected');
};
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('div.donation-level-container').removeClass('selected');
syncAction(jQuery(this));
});
});
});
});
</script><noscript>&nbsp;</noscript>
</div>

<div class="levels-gift-aid">

</div>
<input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true" />
<script type="text/javascript">
function evalMatchingGift(gift) {

}
</script><noscript>&nbsp;</noscript>
</div>



<h2 class="section-header-container">

Billing Information

</h2>




<div id="billing_first_name_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="billing_first_namename">First Name:</label>

<input type="text" name="billing_first_namename" id="billing_first_namename"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_first_name', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_first_name_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>



<div id="billing_last_name_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="billing_last_namename">Last Name:</label>

<input type="text" name="billing_last_namename" id="billing_last_namename"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_last_name', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_last_name_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>



<div id="billing_addr_street1_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_street1name">Street 1:</label>

<input type="text" name="billing_addr_street1name" id="billing_addr_street1name"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_street1', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_street1_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>




<div id="billing_addr_street2_row" class="form-row form-text">

<div class="form-content">

<label for="billing_addr_street2name">Street 2:</label>

<input type="text" name="billing_addr_street2name" id="billing_addr_street2name"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_street2', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_street2_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>




<div id="billing_addr_city_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_cityname">City:</label>

<input type="text" name="billing_addr_cityname" id="billing_addr_cityname"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_city', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_city_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>




<div id="billing_addr_state_row" class="form-row form-selectlist">

<div class="form-content">
<span class="field-required"></span>
<label class="FormLabel" for="billing_addr_state">State/Province:</label>
<select name="billing_addr_state" id="billing_addr_state" size="1" 
 onchange="fire_obs_comp_event('billing_addr_state', this)">
<option ></option>
<option value="AK" >AK - Alaska</option>
<option value="AL" >AL - Alabama</option>
<option value="AR" >AR - Arkansas</option>
<option value="AZ" >AZ - Arizona</option>
<option value="CA" >CA - California</option>
<option value="CO" >CO - Colorado</option>
<option value="CT" >CT - Connecticut</option>
<option value="DC" >DC - District of Columbia</option>
<option value="DE" >DE - Delaware</option>
<option value="FL" >FL - Florida</option>
<option value="GA" >GA - Georgia</option>
<option value="HI" >HI - Hawaii</option>
<option value="IA" >IA - Iowa</option>
<option value="ID" >ID - Idaho</option>
<option value="IL" >IL - Illinois</option>
<option value="IN" >IN - Indiana</option>
<option value="KS" >KS - Kansas</option>
<option value="KY" >KY - Kentucky</option>
<option value="LA" >LA - Louisiana</option>
<option value="MA" >MA - Massachusetts</option>
<option value="MD" >MD - Maryland</option>
<option value="ME" >ME - Maine</option>
<option value="MI" >MI - Michigan</option>
<option value="MN" >MN - Minnesota</option>
<option value="MO" >MO - Missouri</option>
<option value="MS" >MS - Mississippi</option>
<option value="MT" >MT - Montana</option>
<option value="NC" >NC - North Carolina</option>
<option value="ND" >ND - North Dakota</option>
<option value="NE" >NE - Nebraska</option>
<option value="NH" >NH - New Hampshire</option>
<option value="NJ" >NJ - New Jersey</option>
<option value="NM" >NM - New Mexico</option>
<option value="NV" >NV - Nevada</option>
<option value="NY" >NY - New York</option>
<option value="OH" >OH - Ohio</option>
<option value="OK" >OK - Oklahoma</option>
<option value="OR" >OR - Oregon</option>
<option value="PA" >PA - Pennsylvania</option>
<option value="RI" >RI - Rhode Island</option>
<option value="SC" >SC - South Carolina</option>
<option value="SD" >SD - South Dakota</option>
<option value="TN" >TN - Tennessee</option>
<option value="TX" >TX - Texas</option>
<option value="UT" >UT - Utah</option>
<option value="VA" >VA - Virginia</option>
<option value="VT" >VT - Vermont</option>
<option value="WA" >WA - Washington</option>
<option value="WI" >WI - Wisconsin</option>
<option value="WV" >WV - West Virginia</option>
<option value="WY" >WY - Wyoming</option>
<option value="AS" >AS - American Samoa</option>
<option value="FM" >FM - Federated States of Micronesia</option>
<option value="GU" >GU - Guam</option>
<option value="MH" >MH - Marshall Islands</option>
<option value="MP" >MP - Northern Mariana Islands</option>
<option value="PR" >PR - Puerto Rico</option>
<option value="PW" >PW - Palau</option>
<option value="VI" >VI - Virgin Islands</option>
<option value="AA" >AA - Armed Forces Americas</option>
<option value="AE" >AE - Armed Forces</option>
<option value="AP" >AP - Armed Forces Pacific</option>
<option value="AB" >AB - Alberta</option>
<option value="BC" >BC - British Columbia</option>
<option value="MB" >MB - Manitoba</option>
<option value="NB" >NB - New Brunswick</option>
<option value="NL" >NL - Newfoundland and Labrador</option>
<option value="NS" >NS - Nova Scotia</option>
<option value="NT" >NT - Northwest Territories</option>
<option value="NU" >NU - Nunavut</option>
<option value="ON" >ON - Ontario</option>
<option value="PE" >PE - Prince Edward Island</option>
<option value="QC" >QC - Quebec</option>
<option value="SK" >SK - Saskatchewan</option>
<option value="YT" >YT - Yukon</option>
<option value="None" >None</option>

</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_addr_state', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_state_Row', _display);
this.disable_submit_flag (_hidden);
} 
//-->
</script>
<noscript><br/>Required</noscript>

<input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_state', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_state_row', _display);
this.disable_submit_flag (_hidden);
}


function billing_addr_state_listChanged(_evt)
{
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('billing_addr_state', src);
}
}
var el = document.getElementById('billing_addr_state');
if (el) {
Utils.addEvent (el, 'change', billing_addr_state_listChanged);
}
</script><noscript>&nbsp;</noscript>
</div>
</div>





<div id="billing_addr_zip_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="billing_addr_zipname">ZIP/Postal Code:</label>

<input type="text" name="billing_addr_zipname" id="billing_addr_zipname"
value=""
maxlength="50"
 />

<input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_zip', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_zip_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>




<div id="billing_addr_country_row" class="form-row form-selectlist">

<div class="form-content">

<label class="FormLabel" for="billing_addr_country">Country:</label>
<select name="billing_addr_country" id="billing_addr_country" size="1" 
 onchange="fire_obs_comp_event('billing_addr_country', this)">
<option ></option>
<option selected="selected" value="United States" >United States</option>
<option value="Afghanistan" >Afghanistan</option>
<option value="Aland Islands" >Aland Islands</option>
<option value="Albania" >Albania</option>
<option value="Algeria" >Algeria</option>
<option value="American Samoa" >American Samoa</option>
<option value="Andorra" >Andorra</option>
<option value="Angola" >Angola</option>
<option value="Anguilla" >Anguilla</option>
<option value="Antarctica" >Antarctica</option>
<option value="Antigua and Barbuda" >Antigua and Barbuda</option>
<option value="Argentina" >Argentina</option>
<option value="Armenia" >Armenia</option>
<option value="Aruba" >Aruba</option>
<option value="Australia" >Australia</option>
<option value="Austria" >Austria</option>
<option value="Azerbaijan" >Azerbaijan</option>
<option value="Bahamas" >Bahamas</option>
<option value="Bahrain" >Bahrain</option>
<option value="Bangladesh" >Bangladesh</option>
<option value="Barbados" >Barbados</option>
<option value="Belarus" >Belarus</option>
<option value="Belgium" >Belgium</option>
<option value="Belize" >Belize</option>
<option value="Benin" >Benin</option>
<option value="Bermuda" >Bermuda</option>
<option value="Bhutan" >Bhutan</option>
<option value="Bolivarian Republic of Venezuela" >Bolivarian Republic of Venezuela</option>
<option value="Bonaire, Sint Eustatios and Saba" >Bonaire, Sint Eustatios and Saba</option>
<option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
<option value="Botswana" >Botswana</option>
<option value="Bouvet Island" >Bouvet Island</option>
<option value="Brazil" >Brazil</option>
<option value="British Indian Ocean Territory" >British Indian Ocean Territory</option>
<option value="Brunei Darussalam" >Brunei Darussalam</option>
<option value="Bulgaria" >Bulgaria</option>
<option value="Burkina Faso" >Burkina Faso</option>
<option value="Burundi" >Burundi</option>
<option value="Cambodia" >Cambodia</option>
<option value="Cameroon" >Cameroon</option>
<option value="Canada" >Canada</option>
<option value="Cape Verde" >Cape Verde</option>
<option value="Cayman Islands" >Cayman Islands</option>
<option value="Central African Republic" >Central African Republic</option>
<option value="Chad" >Chad</option>
<option value="Chile" >Chile</option>
<option value="China" >China</option>
<option value="Christmas Island" >Christmas Island</option>
<option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option>
<option value="Colombia" >Colombia</option>
<option value="Comoros" >Comoros</option>
<option value="Congo" >Congo</option>
<option value="Cook Islands" >Cook Islands</option>
<option value="Costa Rica" >Costa Rica</option>
<option value="Cote D'Ivoire" >Cote D'Ivoire</option>
<option value="Croatia" >Croatia</option>
<option value="Cuba" >Cuba</option>
<option value="Curacao" >Curacao</option>
<option value="Cyprus" >Cyprus</option>
<option value="Czech Republic" >Czech Republic</option>
<option value="Democratic People's Republic of Korea" >Democratic People's Republic of Korea</option>
<option value="The Democratic Republic of the Congo" >The Democratic Republic of the Congo</option>
<option value="Denmark" >Denmark</option>
<option value="Djibouti" >Djibouti</option>
<option value="Dominica" >Dominica</option>
<option value="Dominican Republic" >Dominican Republic</option>
<option value="Ecuador" >Ecuador</option>
<option value="Egypt" >Egypt</option>
<option value="El Salvador" >El Salvador</option>
<option value="Equatorial Guinea" >Equatorial Guinea</option>
<option value="Eritrea" >Eritrea</option>
<option value="Estonia" >Estonia</option>
<option value="Ethiopia" >Ethiopia</option>
<option value="Falkland Islands (Malvinas)" >Falkland Islands (Malvinas)</option>
<option value="Faroe Islands" >Faroe Islands</option>
<option value="Federated States of Micronesia" >Federated States of Micronesia</option>
<option value="Fiji" >Fiji</option>
<option value="Finland" >Finland</option>
<option value="The Former Yugoslav Republic of Macedonia" >The Former Yugoslav Republic of Macedonia</option>
<option value="France" >France</option>
<option value="French Guiana" >French Guiana</option>
<option value="French Polynesia" >French Polynesia</option>
<option value="French Southern Territories" >French Southern Territories</option>
<option value="Gabon" >Gabon</option>
<option value="Gambia" >Gambia</option>
<option value="Georgia" >Georgia</option>
<option value="Germany" >Germany</option>
<option value="Ghana" >Ghana</option>
<option value="Gibraltar" >Gibraltar</option>
<option value="Greece" >Greece</option>
<option value="Greenland" >Greenland</option>
<option value="Grenada" >Grenada</option>
<option value="Guadeloupe" >Guadeloupe</option>
<option value="Guam" >Guam</option>
<option value="Guatemala" >Guatemala</option>
<option value="Guernsey" >Guernsey</option>
<option value="Guinea" >Guinea</option>
<option value="Guinea-Bissau" >Guinea-Bissau</option>
<option value="Guyana" >Guyana</option>
<option value="Haiti" >Haiti</option>
<option value="Heard Island and McDonald Islands" >Heard Island and McDonald Islands</option>
<option value="Holy See (Vatican City State)" >Holy See (Vatican City State)</option>
<option value="Honduras" >Honduras</option>
<option value="Hong Kong" >Hong Kong</option>
<option value="Hungary" >Hungary</option>
<option value="Iceland" >Iceland</option>
<option value="India" >India</option>
<option value="Indonesia" >Indonesia</option>
<option value="Iraq" >Iraq</option>
<option value="Ireland" >Ireland</option>
<option value="Islamic Republic of Iran" >Islamic Republic of Iran</option>
<option value="Isle of Man" >Isle of Man</option>
<option value="Israel" >Israel</option>
<option value="Italy" >Italy</option>
<option value="Jamaica" >Jamaica</option>
<option value="Japan" >Japan</option>
<option value="Jersey" >Jersey</option>
<option value="Jordan" >Jordan</option>
<option value="Kazakhstan" >Kazakhstan</option>
<option value="Kenya" >Kenya</option>
<option value="Kiribati" >Kiribati</option>
<option value="Kuwait" >Kuwait</option>
<option value="Kyrgyzstan" >Kyrgyzstan</option>
<option value="Lao People's Democratic Republic" >Lao People's Democratic Republic</option>
<option value="Latvia" >Latvia</option>
<option value="Lebanon" >Lebanon</option>
<option value="Lesotho" >Lesotho</option>
<option value="Liberia" >Liberia</option>
<option value="Libya" >Libya</option>
<option value="Liechtenstein" >Liechtenstein</option>
<option value="Lithuania" >Lithuania</option>
<option value="Luxembourg" >Luxembourg</option>
<option value="Macao" >Macao</option>
<option value="Madagascar" >Madagascar</option>
<option value="Malawi" >Malawi</option>
<option value="Malaysia" >Malaysia</option>
<option value="Maldives" >Maldives</option>
<option value="Mali" >Mali</option>
<option value="Malta" >Malta</option>
<option value="Marshall Islands" >Marshall Islands</option>
<option value="Martinique" >Martinique</option>
<option value="Mauritania" >Mauritania</option>
<option value="Mauritius" >Mauritius</option>
<option value="Mayotte" >Mayotte</option>
<option value="Mexico" >Mexico</option>
<option value="Monaco" >Monaco</option>
<option value="Mongolia" >Mongolia</option>
<option value="Montenegro" >Montenegro</option>
<option value="Montserrat" >Montserrat</option>
<option value="Morocco" >Morocco</option>
<option value="Mozambique" >Mozambique</option>
<option value="Myanmar" >Myanmar</option>
<option value="Namibia" >Namibia</option>
<option value="Nauru" >Nauru</option>
<option value="Nepal" >Nepal</option>
<option value="Netherlands" >Netherlands</option>
<option value="New Caledonia" >New Caledonia</option>
<option value="New Zealand" >New Zealand</option>
<option value="Nicaragua" >Nicaragua</option>
<option value="Niger" >Niger</option>
<option value="Nigeria" >Nigeria</option>
<option value="Niue" >Niue</option>
<option value="Norfolk Island" >Norfolk Island</option>
<option value="Northern Mariana Islands" >Northern Mariana Islands</option>
<option value="Norway" >Norway</option>
<option value="Oman" >Oman</option>
<option value="Pakistan" >Pakistan</option>
<option value="Palau" >Palau</option>
<option value="Palestinian Territory, Occupied" >Palestinian Territory, Occupied</option>
<option value="Panama" >Panama</option>
<option value="Papua New Guinea" >Papua New Guinea</option>
<option value="Paraguay" >Paraguay</option>
<option value="Peru" >Peru</option>
<option value="Philippines" >Philippines</option>
<option value="Pitcairn" >Pitcairn</option>
<option value="Plurinational State of Bolivia" >Plurinational State of Bolivia</option>
<option value="Poland" >Poland</option>
<option value="Portugal" >Portugal</option>
<option value="Puerto Rico" >Puerto Rico</option>
<option value="Qatar" >Qatar</option>
<option value="Republic of Korea" >Republic of Korea</option>
<option value="Republic of Moldova" >Republic of Moldova</option>
<option value="Reunion" >Reunion</option>
<option value="Romania" >Romania</option>
<option value="Russian Federation" >Russian Federation</option>
<option value="Rwanda" >Rwanda</option>
<option value="Saint Barthelemy" >Saint Barthelemy</option>
<option value="Saint Helena, Ascension and Tristan da Cunha" >Saint Helena, Ascension and Tristan da Cunha</option>
<option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" >Saint Lucia</option>
<option value="Saint Martin (French)" >Saint Martin (French)</option>
<option value="Saint Pierre and Miquelon" >Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
<option value="Samoa" >Samoa</option>
<option value="San Marino" >San Marino</option>
<option value="Sao Tome and Principe" >Sao Tome and Principe</option>
<option value="Saudi Arabia" >Saudi Arabia</option>
<option value="Senegal" >Senegal</option>
<option value="Serbia" >Serbia</option>
<option value="Seychelles" >Seychelles</option>
<option value="S. Georgia &amp; S. Sandwich Isls." >S. Georgia &amp; S. Sandwich Isls.</option>
<option value="Sierra Leone" >Sierra Leone</option>
<option value="Singapore" >Singapore</option>
<option value="Sint Maarten (Dutch)" >Sint Maarten (Dutch)</option>
<option value="Slovakia" >Slovakia</option>
<option value="Slovenia" >Slovenia</option>
<option value="Solomon Islands" >Solomon Islands</option>
<option value="Somalia" >Somalia</option>
<option value="South Africa" >South Africa</option>
<option value="South Sudan" >South Sudan</option>
<option value="Spain" >Spain</option>
<option value="Sri Lanka" >Sri Lanka</option>
<option value="Sudan" >Sudan</option>
<option value="Suriname" >Suriname</option>
<option value="Svalbard and Jan Mayen" >Svalbard and Jan Mayen</option>
<option value="Swaziland" >Swaziland</option>
<option value="Sweden" >Sweden</option>
<option value="Switzerland" >Switzerland</option>
<option value="Syrian Arab Republic" >Syrian Arab Republic</option>
<option value="Taiwan, Province of China" >Taiwan, Province of China</option>
<option value="Tajikistan" >Tajikistan</option>
<option value="Thailand" >Thailand</option>
<option value="Timor-Leste" >Timor-Leste</option>
<option value="Togo" >Togo</option>
<option value="Tokelau" >Tokelau</option>
<option value="Tonga" >Tonga</option>
<option value="Trinidad and Tobago" >Trinidad and Tobago</option>
<option value="Tunisia" >Tunisia</option>
<option value="Turkey" >Turkey</option>
<option value="Turkmenistan" >Turkmenistan</option>
<option value="Turks and Caicos Islands" >Turks and Caicos Islands</option>
<option value="Tuvalu" >Tuvalu</option>
<option value="Uganda" >Uganda</option>
<option value="Ukraine" >Ukraine</option>
<option value="United Arab Emirates" >United Arab Emirates</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="United Republic of Tanzania" >United Republic of Tanzania</option>
<option value="Uruguay" >Uruguay</option>
<option value="USA Minor Outlying Islands" >USA Minor Outlying Islands</option>
<option value="Uzbekistan" >Uzbekistan</option>
<option value="Vanuatu" >Vanuatu</option>
<option value="Viet Nam" >Viet Nam</option>
<option value="Virgin Islands (British)" >Virgin Islands (British)</option>
<option value="Virgin Islands (USA)" >Virgin Islands (USA)</option>
<option value="Wallis and Futuna" >Wallis and Futuna</option>
<option value="Western Sahara" >Western Sahara</option>
<option value="Yemen" >Yemen</option>
<option value="Zambia" >Zambia</option>
<option value="Zimbabwe" >Zimbabwe</option>

</select>
<script type="text/javascript">
<!--
var comp = new ObservableComponent('billing_addr_country', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_country_Row', _display);
this.disable_submit_flag (_hidden);
} 
//-->
</script>
<noscript><br/>Required</noscript>

<input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('billing_addr_country', '');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('billing_addr_country_row', _display);
this.disable_submit_flag (_hidden);
}


function billing_addr_country_listChanged(_evt)
{
var e = _evt ? _evt : event; // IE vs. Mozilla event model
if (e) {
var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
fire_obs_comp_event('billing_addr_country', src);
}
}
var el = document.getElementById('billing_addr_country');
if (el) {
Utils.addEvent (el, 'change', billing_addr_country_listChanged);
}
</script><noscript>&nbsp;</noscript>
</div>
</div>






<div id="donor_email_address_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="donor_email_addressname">Email Address:</label>

<input type="text" name="donor_email_addressname" id="donor_email_addressname"
value=""
maxlength="255"
 />

<input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_email_address', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_email_address_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>








<div id="donor_phone_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="donor_phonename">Phone Number:</label>

<input type="text" name="donor_phonename" id="donor_phonename"
value=""
maxlength="50"
 />

<input type="hidden" name="donor_phonesubmit" id="donor_phonesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('donor_phone', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_phone_row', _display);
this.disable_submit_flag (_hidden);
}


</script><noscript>&nbsp;</noscript>
</div>
</div>




<div class="form-row form-checkbox" id="donor_email_opt_in_Row">

<div class="form-content">

<span class="check-box-form-label-text"></span>

<input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname"
checked="checked"
onclick="fire_obs_comp_event('donor_email_opt_in', this);"
/>

<label for="donor_email_opt_inname">
Yes, I want to stay in touch with the animals through email updates.
</label>


<script type="text/javascript">
var comp = new ObservableComponent ('donor_email_opt_in', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('donor_email_opt_in_Row', _display);
this.disable_submit_flag (_hidden);
}
comp.set = function (_value)
{
if (document.getElementById('donor_email_opt_inname')) {
document.getElementById('donor_email_opt_inname').checked = _value;
this.fireEvent();
}
}
comp.get = function()
{
if (document.getElementById('donor_email_opt_inname'))
return document.getElementById('donor_email_opt_inname').checked;
}
comp.clear = function()
{
this.set(false);
}

 
</script><noscript>&nbsp;</noscript>
<input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true" />
</div>
</div>





<h2 class="section-header-container">

Payment Information

</h2>




<div class="payment-type-element-container">

<div class="payment-type-selection-container payment-field-container">
<h3>Payment Method:</h3>
<div id="responsive_payment_typepay_typeradio_row" class="form-row">

<div class="form-content">
<div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types">
<span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit"
value="credit"

checked="checked"
onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"
onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label><script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
</script><noscript>&nbsp;</noscript></span></span>
<span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal"
value="paypal"


onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);"
onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal" /></a></label><script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
</script><noscript>&nbsp;</noscript></span></span>
</div>
<input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true" />
<script type="text/javascript">
Y.use("jquery-ui", function(Y) {
jQuery(function() {
// subscribe observable for payment type options
jQuery('.payment-type-option').each(function() {
var syncAction = function(obj) {
if (obj.hasClass('selected')) {
var radioGroupName = obj.find('input').attr('name');
obj.find('input').attr('checked', true);
fire_obs_comp_event(radioGroupName, obj.find('input').get());
}
return arguments.callee;
}(jQuery(this));
jQuery(this).click(function() {
jQuery('.payment-type-option').removeClass('selected');
jQuery(this).addClass('selected');
syncAction(jQuery(this));
var selectedValue = jQuery(this).find('input').val();
if (selectedValue == 'paypal' || selectedValue == 'amazon') {
// open up a boxinator dialog
jQuery(document).trigger('redirect-external');
jQuery('#btn_next').click();
}
});
});
});
});
var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name');
comp.hide = function(_hidden)
{ 
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typepay_typeradio_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript>&nbsp;</noscript>
</div>
</div>

</div>


<div id="payment_cc_container" class="payment-field-container">
<h3>Credit Card Information:</h3>
<div id="responsive_payment_typecc_type_row" class="form-row form-radio-array">

<div class="form-content">
<fieldset>
<legend>Credit Card Type:</legend>
<ul class="radio-array-list">
<li class="tender-row ">
<img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa" />
</li><li class="tender-row ">
<img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover" />
</li><li class="tender-row ">
<img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express" />
</li><li class="tender-row ">
<img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard" />
</li>
</ul>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableRadioComponent ('responsive_payment_typecc_type', 'name');
comp.hide = function(_hidden)
{ 
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_type_row', _display);
this.disable_submit_flag (_hidden);
}
</script><noscript>&nbsp;</noscript>
</div>
</div>
<div id="responsive_payment_typecc_number_row" class="form-row form-text">

<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_numbername">Credit Card Number:</label>

<input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername"
value=""
maxlength="22"
autocomplete="off" />

<input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('responsive_payment_typecc_number', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_number_row', _display);
this.disable_submit_flag (_hidden);
}


observe_component ('null', new ComponentDisplayer ('responsive_payment_typecc_number'));

</script><noscript>&nbsp;</noscript>
</div>
</div>
<div id="responsive_payment_typecc_exp_date_row" class="form-row form-date">

<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_exp_date_MONTH">
<span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span>
</label>
<label for="responsive_payment_typecc_exp_date_YEAR" ><span class="aural-only">Select Expiration Year</span></label>
<div class="date-input-container">

<fieldset class="cardExpGroup">
<select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)">
<option value="1" >01</option>
<option value="2" selected="selected">02</option>
<option value="3" >03</option>
<option value="4" >04</option>
<option value="5" >05</option>
<option value="6" >06</option>
<option value="7" >07</option>
<option value="8" >08</option>
<option value="9" >09</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)">
<option value="2018" selected="selected">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>
<option value="2025" >2025</option>
<option value="2026" >2026</option>
<option value="2027" >2027</option>
<option value="2028" >2028</option>

</select>
</fieldset>
<input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1" />
<script type="text/javascript">
<!--
var comp1 = new ObservableComponent ('responsive_payment_typecc_exp_date_MONTH', '');
comp1.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag (_hidden);
}
var comp2 = new ObservableComponent ('responsive_payment_typecc_exp_date_YEAR', '');
comp2.hide = function(_hidden) {
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_exp_date_Row', _display);
this.disable_submit_flag (_hidden); 
}
//--> 
</script><noscript>&nbsp;</noscript>
</div>
<input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('responsive_payment_typecc_exp_date', 'input');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_exp_date_row', _display);
disable_submit_flag ('responsive_payment_typecc_exp_datesubmit', _hidden);
}
comp.disable = function(_disabled)
{
disable_element ('responsive_payment_typecc_exp_date_MONTH', _disabled);
disable_element ('responsive_payment_typecc_exp_date_DAY', _disabled);
disable_element ('responsive_payment_typecc_exp_date_YEAR', _disabled);
disable_element ('responsive_payment_typecc_exp_date_HOUR12',_disabled);
disable_element ('responsive_payment_typecc_exp_date_HOUR24',_disabled); //For UK, 24 hour clock used
disable_element ('responsive_payment_typecc_exp_date_MINUTE',_disabled);
disable_element ('responsive_payment_typecc_exp_date_AMPM', _disabled);
}

</script><noscript>&nbsp;</noscript>
</div>
</div>

<div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input">

<div class="form-content">
<span class="field-required"></span>
<label for="responsive_payment_typecc_cvvname">
<span class="FormLabelText">CVV Number:</span>
</label>
<a href="http://help.convio.net/site/PageServer?s_site=bfas&pagename=user_donation_cvv" class="HelpLink"
title="What is this? Opens new window.">What is this?</a>
<input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname"
value=""
maxlength="4"
autocomplete="off" />
<input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true" />
<script type="text/javascript">
var comp = new ObservableComponent ('responsive_payment_typecc_cvv', 'name');
comp.hide = function(_hidden)
{
var _display = _hidden ? 'none' : '';
set_display ('responsive_payment_typecc_cvv_row', _display);
this.disable_submit_flag (_hidden);
}

</script><noscript>&nbsp;</noscript>
</div>
</div>

</div>



<div id="payment_check_container" class="payment-field-container">
<h3>Check Information</h3>

</div>

<input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true" />
<script type="text/javascript">
function PaymentObserver()
{
this.observe = function(_event)
{
var sVal = _event.component.get();
switch (sVal)
{
case 'check':
hide_element('payment_cc_container');
hide_element('payment_bank_container');
show_element('payment_check_container');
break;
case 'credit':
hide_element('payment_bank_container');
hide_element('payment_check_container');
show_element('payment_cc_container');
break;
case 'ach':
hide_element('payment_cc_container');
hide_element('payment_check_container');
show_element('payment_bank_container');
break;
case 'paypal':
case 'amazon':
default:
// hide all
hide_element('payment_bank_container');
hide_element('payment_cc_container');
hide_element('payment_check_container');
break;
}
}
}
// Set the observer to show/hide the relevant fields
observe_component ('responsive_payment_typepay_typeradio', new PaymentObserver());
</script><noscript>&nbsp;</noscript>
</div>




<div class="button-container clearfix">
<div class="button-sub-container">

<button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="Make My Gift &gt;">Make My Gift &gt;</button>




<button class="step-button cancel-step" type="submit" id="pstep_cancel" name="pstep_cancel" value="Cancel" title="Cancel" >Cancel</button>

</div>
</div>
<input type="hidden" name="idb" id="idb" value="1140185081" />
<input type="hidden" name="df_id" id="df_id" value="1820" />
<input type="hidden" name="mfc_pref" id="mfc_pref" value="T" />



<div class="form-row">
<div class="html-caption-container">
<h6>Donate with confidence. It may take a minute to process your gift. Clicking "Make My Gift" more than once may result in multiple gifts.</h6>
</div>
</div>



</div>
 
<input type="hidden" name="1820.donation" id="1820.donation" value="form1" />
 
</div>
<script type="text/javascript">
function deny_submit()
{
alert ('Form submission is not enabled when previewing an individual data element.');
return false;
}
</script><noscript>&nbsp;</noscript>

</form>




</div>

<div class="donation-footer">
  <div class="container">
   <div class="row">
     <div class="col-md-3">
       <a href="https://bestfriends.org/" target="_blank"><img src="https://815678169699-bfas-files.s3.amazonaws.com/bfas_footer.svg"></a>
     </div>
     <div class="col-md-5">
       <a href="http://bestfriends.org/Privacy-Policy/">Privacy Policy</a> |
       <a href="http://bestfriends.org/Terms-Conditions/">Terms &amp; Conditions</a> |
       <a href="http://bestfriends.org/Contact-Us/">Contact Us</a> |
       <a href="http://bestfriends.org/about/careers">Careers</a> |
       <a href="http://bestfriends.org/about/media">For the Media</a> 
       <br/><br/>
       &copy; 2018 Best Friends Animal Society. All Rights Reserved.
     </div>
     <div class="col-md-4">
       <div><a href="https://www.charitywatch.org/ratings-and-metrics/best-friends-animal-society/50" target="_blank"><img alt="Charity Watch Top Rated" src="//815678169699-bfas-files.s3.amazonaws.com/CharityWatch.png" style="width: 95px;  margin-right:12px; margin-left: 12px; margin-bottom:20px;" /></a><a href="http://greatnonprofits.org/org/best-friends-animal-society" target="_blank"><img alt="2015 Top Rated Nonprofit" src="//815678169699-bfas-files.s3.amazonaws.com/greatnonprofits2016.png" style="width: 95px;  margin-right:12px; margin-left: 12px; margin-bottom:20px;" /></a><img alt="GuideStar" src="//815678169699-bfas-files.s3.amazonaws.com/guidestar_plat.png" style="width:95px; margin-right:12px; margin-left: 12px; margin-bottom:20px;" /> <a href="http://shelteranimalscount.org/" target="_blank"><img alt="Shelter Animals Count Platinum Sponsor" src="//815678169699-bfas-files.s3.amazonaws.com/shelter_animals_count_plat.png" style="width:95px; margin-right:12px; margin-left: 12px; margin-bottom:20px;" /></a></div>

     </div>
   </div>
  </div>
</div>



  </body>

</html>
