header
    <script>

        $(function() {
            // Get hash from query string. You can put there "#q1", "#q2" or something else for test

            //var identifier = window.location.hash; //gets everything after the hashtag i.e. #home

            
            //if (identifier === "#marketing") {
            //    $("#marketingx")[0].click();
            //}



        });



    </script>

    <link rel='stylesheet' href='/wp-content/themes/tcww/assets/css/select.css' type='text/css' media='all' />


    <style>





    </style>


    <div id="content-wrap">

        

        <form id="orderForm" name="orderForm" method="post" action="orderReview.php" class="checkout">



            <h2>Please enter your billing details:</h2>

            <div class="contact-details" >




                <div class="col2-set" id="customer_details">
                    <div class="col-1">
                        <div class="woocommerce-billing-fields">



                            <div class="wc-billing-fields__field-wrapper">

                                <!--
                                <p class="form-row form-row-wide"
                                   id="billing_title_field" data-priority="10"><label
                                            for="billing_title" class="">Title</label><span
                                            class="wc-input-wrapper"><input type="text"
                                                                            class="input-text "
                                                                            name="billing_title"
                                                                            id="billing_title"
                                                                            placeholder="Mr, Ms, Mrs"
                                                                            value=""
                                        /></span>
                                </p>
                                -->
                                <p class="form-row form-row-wide validate-required"
                                   id="billing_first_name_field" data-priority="10"><label
                                        for="billing_first_name" class="">First name&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_first_name"
                                                                        id="billing_first_name"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="given-name" required /></span>
                                </p>
                                <p class="form-row form-row-wide validate-required"
                                   id="billing_last_name_field" data-priority="20"><label
                                        for="billing_last_name" class="">Last name&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_last_name"
                                                                        id="billing_last_name"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="family-name" required /></span>
                                </p>


                                <p class="form-row form-row-wide address-field update_totals_on_change validate-required"
                                   id="billing_country_field" data-priority="40"><label
                                        for="billing_country" class="">Country&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><select
                                            name="billing_country" id="billing_country"
                                            class="country_to_state country_select "
                                            autocomplete="country" required>


                                                    <option value="">Select a country&hellip;</option>
                                                    <option value="AU">Australia</option>
                                                    <option value="CA">Canada</option>
                                                    <option value="IE">Ireland</option>
                                                    <option value="NZ">New Zealand</option>
                                                    <option value="GB">United Kingdom (UK)</option>
                                                    <option value="US">United States (US)</option>
                                                    <option value="IE">-------------</option>


                                                    <option value="AD">Andorra</option>
                                                    <option value="AQ">Antarctica</option>
                                                    <option value="AU">Australia</option>
                                                    <option value="AT">Austria</option>
                                                    <option value="BS">Bahamas</option>
                                                    <option value="BH">Bahrain</option>
                                                    <option value="BB">Barbados</option>
                                                    <option value="BE">Belgium</option>
                                                    <option value="BZ">Belize</option>

                                                    <option value="BM">Bermuda</option>

                                                    <option value="BR">Brazil</option>

                                                    <option value="BG">Bulgaria</option>

                                                    <option value="CA">Canada</option>
                                                    <option value="CV">Cape Verde</option>
                                                    <option value="KY">Cayman Islands</option>
                                                    <option value="CR">Costa Rica</option>
                                                    <option value="HR">Croatia</option>
                                                    <option value="CU">Cuba</option>

                                                    <option value="CY">Cyprus</option>
                                                    <option value="CZ">Czech Republic</option>
                                                    <option value="DK">Denmark</option>

                                                    <option value="EE">Estonia</option>

                                                    <option value="FI">Finland</option>
                                                    <option value="FR">France</option>

                                                    <option value="DE">Germany</option>

                                                    <option value="GI">Gibraltar</option>
                                                    <option value="GR">Greece</option>
                                                    <option value="GL">Greenland</option>

                                                    <option value="GG">Guernsey</option>

                                                    <option value="HU">Hungary</option>
                                                    <option value="IS">Iceland</option>

                                                    <option value="IE">Ireland</option>
                                                    <option value="IM">Isle of Man</option>
                                                    <option value="IL">Israel</option>
                                                    <option value="IT">Italy</option>

                                                    <option value="JP">Japan</option>
                                                    <option value="JE">Jersey</option>

                                                    <option value="LV">Latvia</option>

                                                    <option value="LI">Liechtenstein</option>
                                                    <option value="LT">Lithuania</option>
                                                    <option value="LU">Luxembourg</option>

                                                    <option value="MV">Maldives</option>

                                                    <option value="MT">Malta</option>


                                                    <option value="MC">Monaco</option>

                                                    <option value="NL">Netherlands</option>

                                                    <option value="NO">Norway</option>

                                                    <option value="PL">Poland</option>
                                                    <option value="PT">Portugal</option>

                                                    <option value="RO">Romania</option>

                                                    <option value="SM">San Marino</option>

                                                    <option value="SG">Singapore</option>
                                                    <option value="SK">Slovakia</option>
                                                    <option value="SI">Slovenia</option>

                                                    <option value="ZA">South Africa</option>

                                                    <option value="ES">Spain</option>

                                                    <option value="SE">Sweden</option>
                                                    <option value="CH">Switzerland</option>

                                                    <option value="TR">Turkey</option>

                                                    <option value="AE">United Arab Emirates</option>
                                                    <option value="GB">United Kingdom (UK)</option>
                                                    <option value="US">United States (US)</option>
                                                    <option value="UM">United States (US) Minor Outlying Islands</option>

                                                    <option value="VA">Vatican</option>

                                                    <option value="VG">Virgin Islands (British)</option>
                                                    <option value="VI">Virgin Islands (US)</option>





                                            </select><noscript><button
                                                type="submit"
                                                name="wc_checkout_update_totals"
                                                value="Update country">Update country</button></noscript></span>
                                </p>


                                <script>
                                    $(function() {

                                        function triggerBillingRefresh() {

                                            
                                            $( "#billing_country" ).trigger("refresh");

                                                                                    }

                                        setTimeout(triggerBillingRefresh, 1000);

                                    });
                                </script>


                                <p class="form-row form-row-wide address-field validate-required"
                                   id="billing_address_1_field" data-priority="50"><label
                                        for="billing_address_1" class="">Street
                                        address&nbsp;<abbr class="required"
                                                           title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_address_1"
                                                                        id="billing_address_1"
                                                                        placeholder="House number and street name"
                                                                        value=""
                                                                        autocomplete="address-line1" required /></span>
                                </p>
                                <p class="form-row form-row-wide address-field"
                                   id="billing_address_2_field" data-priority="60"><label
                                        for="billing_address_2" class="screen-reader-text">Apartment,
                                        suite, unit, etc.</label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_address_2"
                                                                        id="billing_address_2"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="address-line2"/></span>
                                </p>
                                <p class="form-row form-row-wide address-field validate-required validate-postcode"
                                   id="billing_postcode_field" data-priority="65"><label
                                        for="billing_postcode" class="">Postcode /
                                        ZIP&nbsp;<abbr class="required"
                                                       title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_postcode"
                                                                        id="billing_postcode"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="postal-code" required /></span>
                                </p>
                                <p class="form-row form-row-wide address-field validate-required"
                                   id="billing_city_field" data-priority="70"><label
                                        for="billing_city" class="">Town / City&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="text"
                                                                        class="input-text "
                                                                        name="billing_city"
                                                                        id="billing_city"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="address-level2" required /></span>
                                </p>
                                <p class="form-row form-row-wide address-field validate-required validate-state"
                                   id="billing_state_field" data-priority="80"><label
                                        for="billing_state" class="">State&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><select
                                            name="billing_state" id="billing_state"
                                            class="state_select " autocomplete="address-level1"
                                            data-placeholder="" required>
<option value="">Select an option&hellip;</option>


                            </select></span></p>
                                <p class="form-row form-row-wide validate-required validate-phone"
                                   id="billing_phone_field" data-priority="100"><label
                                        for="billing_phone" class="">Phone&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="tel"
                                                                        class="input-text "
                                                                        name="billing_phone"
                                                                        id="billing_phone"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="tel" required /></span>
                                </p>
                                <p class="form-row form-row-wide validate-required validate-email"
                                   id="billing_email_field" data-priority="110" ><label
                                        for="billing_email" class="">Email address&nbsp;<abbr
                                            class="required"
                                            title="required">*</abbr></label><span
                                        class="wc-input-wrapper"><input type="email"
                                                                        class="input-text "
                                                                        name="billing_email"
                                                                        id="billing_email"
                                                                        placeholder=""
                                                                        value=""
                                                                        autocomplete="email username" maxlength="254" required /></span>
                                </p>

                            </div>

                        </div>
                    </div>


                </div>




            </div>



            <h2 style="margin-bottom: 30px">Choose one or more of the following:</h2>

            <fieldset class="collapsible">
                <legend>&raquo; Writing Retreats | Workshops</legend>
                            </fieldset>

            <fieldset class="collapsible">
                <legend>&raquo; Writing Courses Online</legend>
                            </fieldset>

            <fieldset class="collapsible" style="display: none">
                <legend id="marketingx">&raquo; Writing for Marketing Course</legend>
                            </fieldset>



            <fieldset class="collapsible">
                <legend>&raquo; Other Payment</legend>
                <p style="margin-top: 20px">
                    <label><span>Amount:</span>
                        <input name="opAmount" type="text" id="opAmount" value="&euro;" size="5"/>
                    </label>
                </p>
                <p>
                    <label><span>Description:</span>
                        <input name="opDesc" type="text" id="opDesc" size="40"/>
                    </label>
                </p>
            </fieldset>



            <fieldset class="collapsible" style="display: block">
                <legend id="product">&raquo; Photo Story Book</legend>
                            </fieldset>

            <p class="continue">
                <label>
                    <input type="submit" name="submit" id="submit" value="Continue"/>
                </label>
            </p>


            <input type="hidden" name="test_mode" value="">
            <input type="hidden" name="sid" value="6a27f99cb7713">
            <input type="hidden" name="hash" value="33b38d83570cda44666a9cc097e7f38dedcc5ae2">

        </form>

        



    </div> <!-- content-wrap -->
    </div> <!-- main (in header.php -->

    <script type='text/javascript' src='/wp-content/themes/tcww/assets/js/selectWoo.full.min.js?ver=1.0.6'></script>