ERROR - Payment Method must be selected

Question

Payment Method must be selected.
When I check using 30 day account option form works fine.
BUT
When check out with credit card eror above comes up even hough CC is selected
Can any one help me?
<h1>Checkout</h1>
<p class="required-h1-tip"><span>*</span> Required field</p>
<p>Please fill out the required fields, delivery address and payment fields.</p>
<hr />
<section class="checkout form-container">
<form name="catwebformform42059" class="form-generic-a checkout-a" id="catwebformform42059" onsubmit="return checkWholeForm42059(this)" action="/FormProcessv2.aspx?WebFormID=10850&amp;OID={module_oid}&amp;OTYPE={module_otype} &amp;EID={module_eid}&amp;CID={module_cid}" enctype="multipart/form-data" method="post">
    <fieldset>
    <h2 class="a">1. Account Information</h2>
    <!--<div class="row">
    <p class="field field-a">
    <label for="username">User Name <em>*</em></label>
    <input type="text" value="{module_username}" id="f-username" class="text" name="UserName" />
    </p>
    <p class="field field-b">
    <label for="password">Password <em>*</em></label>
    <span class="half">
    <input type="password" value="{module_password}" id="f-password" class="text" name="Password" />
    </span></p>
    <p class="field field-b">
    <label for="confirm-password">Confirm <em>*</em></label>
    <span class="half">
    <input type="password" value="{module_password}" id="f-password-confirm" class="text" name="PasswordConfirm" />
    </span></p>
    </div>-->
    <div class="row">
    <p class="field field-a">
    <label for="first-name">First Name <em>*</em></label>
    <input type="text" name="FirstName" class="text" id="f-first-name" value="{module_firstname}" />
    </p>
    <p class="field field-a">
    <label for="last-name">Last Name <em>*</em></label>
    <input type="text" name="LastName" class="text" id="LastName" value="{module_lastname}" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="email">Email Address <em>*</em></label>
    <input type="text" name="EmailAddress" class="text" id="f-email" value="{module_emailaddress}" />
    </p>
    <p class="field field-a">
    <label for="phone">Phone Number <em>*</em></label>
    <input type="text" name="HomePhone" class="text" id="f-phone" value="{module_homephone}" />
    </p>
    </div>
    <div class="row checkbox"><span class="tick">
    <input type="checkbox" name="CampaignList_20945" class="tick" id="f-updates" />
    </span>
    <label for="newsletter-a">Keep me up to date on product information, sales, and special offerings.</label>
    </div>
    </fieldset>
    <hr />
    <fieldset>
    <h2 class="a">2. Shipping Address</h2>
    <div class="row">
    <p class="field field-a">
    <label for="ShippingAttention">Shipping Name: <em>*</em></label>
    <input type="text" class="text" id="ShippingAttention" name="ShippingAttention" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="shipping-addr-1">Address Line 1 <em>*</em></label>
    <input type="text" class="text" id="ShippingAddress" name="ShippingAddress" />
    </p>
    <p class="field field-a">
    <label for="shipping-addr-2">Address Line 2</label>
    <input type="text" class="text" id="ShippingAddress2" name="ShippingAddress2" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="shipping-city">City <em>*</em></label>
    <input type="text" class="text" id="ShippingCity" name="ShippingCity" />
    </p>
    <p class="field field-a">
    <label for="shipping-state">State <em>*</em></label>
    <input type="text" class="text" id="ShippingState" name="ShippingState" />
    </p>
    </div>
    <div class="row">
    <div class="field field-a">
    <p class="field-b">
    <label for="ShippingZip">Zip / Postal Code <em>*</em></label>
    <input type="text" class="text" id="ShippingZip" name="ShippingZip" />
    </p>
    </div>
    <!--  <p class="field field-a">
                    <label for="shipping-phone">Phone Number <em>*</em></label>
                    <input type="text" id="shipping-phone" name="shipping-phone" />
                </p> -->
    </div>
    </fieldset>
    <hr />
    <fieldset>
    <h2 class="a">3. Billing Address</h2>
    <div class="row checkbox"><span class="tick">
    <input type="checkbox" class="tick" value="1" id="f-shipping-same" name="same_shipping" />
    </span>
    <label for="billing-same-as-shipping">Check this box if billing address is the same as shipping address.</label>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="billing-addr-1">Address Line 1 <em>*</em></label>
    <input type="text" value="{module_homeaddress}" id="BillingAddress" class="text" name="BillingAddress" />
    </p>
    <p class="field field-a">
    <label for="billing-addr-2">Address Line 2 <em>*</em></label>
    <input type="text" class="text" id="BillingAddress2" name="BillingAddress2" />
    </p>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="billing-city">City <em>*</em></label>
    <input type="text" value="{module_homecity}" id="BillingCity" class="text" name="BillingCity" />
    </p>
    <p class="field field-a">
    <label for="billing-state">State <em>*</em></label>
    <input type="text" value="{module_homestate}" id="BillingState" class="text" name="BillingState" />
    </p>
    </div>
    <div class="row">
    <p class="field field-b">
    <label for="BillingZip">Zip / Postal Code <em>*</em></label>
    <input type="text" value="{module_homezip}" id="BillingZip" class="text" name="BillingZip" />
    </p>
    </div>
    </fieldset>
    <hr />
    <fieldset id="credit-card-information">
    <h2 class="a">4. Payment Options</h2>
    <div class="row">
    <h4>Approved 30 DayAccount Customer</h4>
    <p class="field">Please select   
    </p>
    <input type="radio" name="PaymentMethodType" id="PaymentMethodType" value="8" /><span style="font-size: 18px; color: #ffff00;">Account Customers Only</span><hr />
    <h2>Pay by Credit Card</h2>
    <p class="row row-accepted-cards">
    We accept the following credit cards: <img alt="" src="temp/cards.png" />            </p>
    <label for="card-type">Card Type <em>*</em></label>
    <span class="select">
    <select name="CardType" class="text" id="f-cc-type">
    <option selected="selected" value="1">Visa</option>
    <option value="2">Master Card</option>
    <option value="4">American Express</option>
    </select>    </span>
    </div>
    <div class="row">
    <p class="field field-a">
    <label for="name-on-card">Name on Card <em>*</em></label>
    <input type="text" name="CardName" class="text" id="f-cc-name" />
    </p>
    <p class="field field-a">
    <label for="card-number">Card Number <em>*</em></label>
    <input type="text" name="CardNumber" class="text" id="f-cc-number" />
    </p>
    </div>
    <div class="row">
    <p class="field card-expiration">
    <label for="card-exp-month">Card Expiration <span class="offset">Month</span> <em>*</em></label>
    <span class="select one">
    <select name="CardExpiryMonth" class="s" id="f-cc-exp-month">
    <option selected="selected" value="1">January</option>
    <option value="2">February</option>
    <option value="3">Mar</option>
    <option value="4">Apr</option>
    <option value="5">May</option>
    <option value="6">Jun</option>
    <option value="7">Jul</option>
    <option value="8">Aug</option>
    <option value="9">Sep</option>
    <option value="10">Oct</option>
    <option value="11">Nov</option>
    <option value="12">Dec</option>
    </select>
    </span>
    <label class="offset" for="card-exp-year">Card Expiration Year<em>*</em></label>
    <span class="select">
    <select name="CardExpiryYear" class="xs" id="f-cc-exp-year">
    <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>
    </select>
    </span></p>
    </div>
    <div class="row">
    <div style="display: none;">
    <input type="radio" name="PaymentMethodType" class="tick" id="f-payment-method-cc" value="1" />
    <input type="radio" name="PaymentMethodType" id="PaymentMethodType_9" value="10" />
    </div>
    </div>
    <div class="row">
    <p class="field ccvn">
    <label for="ccv-number">CCV Number <em>*</em></label>
    <span class="ccv">
    <input type="text" name="CardCCV" class="text" id="f-cc-cvv" />
    </span></p>
    </div>
    </fieldset>
    <div class="wrap total">
    <p class="sum">Total: <strong><span class="amountSpan"></span></strong></p>
    <p class="action"><button class="button-a" type="submit">Checkout</button></p>
    </div>
    <input type="hidden" name="Amount" class="cat_textbox" id="Amount" readonly="readonly" />
    <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
    <script language="javascript" type="text/javascript">
            //<![CDATA[
            var submitcount42059 = 0;function checkWholeForm42059(theForm){var why = "";if (theForm.Username) why += isEmpty(theForm.Username.value, "Username"); if (theForm.Password && theForm.PasswordConfirm) { why += isEmpty(theForm.Password.value, "Password"); why += isEmpty(theForm.PasswordConfirm.value, "Confirm Password"); if (theForm.Password.value != theForm.PasswordConfirm.value) why += appendBreak("- Password and its confirmation do not match."); if (theForm.Password.value.length < 6) why += appendBreak("- Password must be 6 characters or longer."); }if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Phone Number"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value);if (theForm.ShippingAttention) why += isEmpty(theForm.ShippingAttention.value, "Shipping Name");if (theForm.ShippingAddress) why += isEmpty(theForm.ShippingAddress.value, "Shipping Address"); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Phone Number"); if (theForm.ShippingState) why += isEmpty(theForm.ShippingState.value, "Shipping State");  if (theForm.ShippingCity) why += isEmpty(theForm.ShippingCity.value, "Shipping City");  if (theForm.ShippingZip) why += isEmpty(theForm.ShippingZip.value, "Shipping Zipcode");
            if (theForm.BillingAddress) why += isEmpty(theForm.BillingAddress.value, "Billing Address");  if (theForm.BillingState) why += isEmpty(theForm.BillingState.value, "Billing State");  if (theForm.BillingCity) why += isEmpty(theForm.BillingCity.value, "Billing City");  if (theForm.BillingZip) why += isEmpty(theForm.BillingZip.value, "Billing Zipcode");
             if (!theForm.PaymentMethodType || getRadioSelected(theForm.PaymentMethodType) == 1) { if (theForm.CardName) why += isEmpty(theForm.CardName.value, "Name on Card"); if (theForm.CardNumber) why += isNumeric(theForm.CardNumber.value, "Card Number"); if (theForm.Amount) why += isCurrency(theForm.Amount.value, "Amount"); } if (theForm.PaymentMethodType) why += checkSelected(theForm.PaymentMethodType, "Payment Method");if(why != ""){alert(why);return false;}if(submitcount42059 == 0){submitcount42059++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
            // Credit Card info is not required if paying by PayPal, Hosted Credit Card, COD etc
            function ShowCCFields(val) {                           
                if (!document.getElementById('paymentdiv'))
                    return;         
                if (val != 1)
                    document.getElementById('paymentdiv').style.display = 'none';               
                else
                    document.getElementById('paymentdiv').style.display = 'inline';
            //]]>
        </script>
</form>
</section>

Answer 1

To add further to Robert:
    <div style="display: none;">
    <input type="radio" name="PaymentMethodType" class="tick" id="f-payment-method-cc" value="1" />
    <input type="radio" name="PaymentMethodType" id="PaymentMethodType_9" value="10" />
    </div>
This bit you have hidden.You have no scripting to pre-select on anything in the code you posted.