<!-- Complete submission form -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <base href="https://preprod.pioneerdj.com" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />

    <title>My Details - Pioneer DJ - USA </title>
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@PioneerDJglobal" />
    <meta name="twitter:creator" content="@PioneerDJglobal" />
    <meta property="og:title" content="My Details - Pioneer DJ - USA   " />
    <meta property="og:site_name" content="Pioneer DJ" />
    <meta property="og:url" content="https://preprod.pioneerdj.com/en-us/shop/my-details/" />
    <meta property="og:type" content="website" />
    <link rel="canonical" href="https://preprod.pioneerdj.com/en-us/shop/my-details/" />

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Pioneer DJ">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
    <link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x920.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-320x460.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

    <script src="/Bundles/EcommerceJsHeader/?v=4VIuuu0Wegy9ATCQ_pWdJwqTE4uj_dULppbCp_Z1aBA1"></script>

    <link href="/Bundles/EcommerceStyle/?v=HPDu1Rbwe82wt9mI6uuxn4DMQ-8cYBhu1VxtO86xOCw1" rel="stylesheet" />

    <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="/content/css/screen_ie6.css" />
    <![endif]-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <link rel="stylesheet" href="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/5.16.2/adyen.css" integrity="sha384-AKMgvUlvU2aq35fRNFCDp/om1IbCi/MNwLl8Aj/acYzh0MfzTawbKO6MVd97vrJt" crossorigin="anonymous" />
    <link rel="stylesheet" href="/css/site.css" />
    <link href="/Content/css/theme2020/main.css" rel="stylesheet" type="text/css" />
    <link href="/Content/css/theme2020/reskin-theme-2020.css" rel="stylesheet" type="text/css" />

    <script src="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/5.16.2/adyen.js" integrity="sha384-rFGVw00SupBbxK8VKk/wPG/zdoVYXr5vNzGaauMqwBdJv6Ba0pdXMav2blTruUmt" crossorigin="anonymous"></script>

    <script>
        (function() {
            ['reskin-theme-2022'].forEach(name => {
                const link = document.createElement('link');
                link.rel = 'stylesheet';
                link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
                document.head.appendChild(link);
            });
        }());
    </script>

</head>

<body>

    <script>
        dataLayer = [{
            "transactionId": null,
            "transactionAffiliation": "United States",
            "transactionTotal": 619.00,
            "transactionTax": 0.00,
            "transactionShipping": 0.00,
            "transactionProducts": [{
                "sku": "CDJ-2000NXS2-US",
                "name": "CDJ-2000NXS black",
                "category": "Players",
                "price": 619.00,
                "quantity": 1
            }]
        }];
    </script>
    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PSC5SC" 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-PSC5SC');
    </script>
    <!-- End Google Tag Manager -->

    <form id="pageform" action="" method="post">
        <div id="content">
            <div id="pmcontent">

                <!-- START CUSTOM HEADER CONTENT -->
                <div id="top-bar" class="section">
                    <div class="container">
                        <a href="/en-us/" class="logo"><img src="/Content/img/pioneer-dj_377_53.png" alt="Pioneer DJ" /></a>

                        <div class="contact-indication">
                            Questions? Call us at 844-784-0000
                        </div>
                    </div>
                </div>
                <div id="bg-fx" class="experience">
                    <div class="image image-fx image-fx-2">
                        <div class="bg-adapt" style="background-image: url('/Content/img/checkout/background.jpg');">
                            <img src="/Content/img/checkout/background.jpg" alt="">
                        </div>
                        <div class="image-fx-overlay"></div>
                    </div>
                </div>
                <!-- END CUSTOM HEADER CONTENT -->
                <div class="padDiv1"></div>

                <div id="box-wrap" class="section">
                    <div class="container">

                        <div class="row title-row">
                            <div class="col-md-8">
                                <h2 class="h3 no-line">Checkout</h2>
                                <div class="breadcrumb-wrap">
                                    <ul>
                                        <li>
                                            <span class="bc-item active">

                                                <span>
                                                    1. My Details
                                                </span>

                                            </span>
                                        </li>
                                        <li>
                                            <span class="bc-item ">

                                                <span>
                                                    2. Payment
                                                </span>
                                            </span>
                                        </li>
                                        <li>
                                            <span class="bc-item ">

                                                <span>3. Confirmation</span>

                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="row">

                            <div class="col-md-8 theSticker__reference">
                                <div class="box">
                                    <div class="in">
                                        <div class="col-md-12 text-note">
                                            Please fill out your details below. All fields are required.
                                        </div>
                                        <div class="error__general-error-message">
                                            It looks like some of your details are missing or incorrect. Please check the red highlighted fields.
                                        </div>
                                        <div class="col-md-12 margin-bottom">
                                            <h4>Shipping</h4>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="info-box">
                                                        <span class="info-box__icon icon-info"></span>
                                                        <span class="info-box__text">
                                                            Note: Sales Tax is calculated based on your Shipping Address. We cannot ship to PO boxes, military or diplomatic addresses or to other countries.
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-wrap">
                                            <input type="hidden" name="ShippingAddressName" class="AddressName" value="Shipment" />

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_FirstName">First Name</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_FirstName" name="Shipment.FirstName" class="val-required validate-keyup FirstName" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">Please fill out your First Name</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_LastName">Last Name</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_LastName" name="Shipment.LastName" class="val-required validate-keyup LastName" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">Please fill out your Last Name</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_EmailAddress">Email</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="email" id="Shipment_EmailAddress" name="Shipment.EmailAddress" class="val-required validate-keyup EmailAddress" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">Please enter a valid Email address</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_MobilePhoneNumber">Mobile</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_MobilePhoneNumber" name="Shipment.MobilePhoneNumber" class="val-phone validate-keyup MobilePhoneNumber" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p>Please supply your mobile number so we can call you if there are any questions regarding your order.</p>
                                                            <p class="error-message">Please enter a valid Mobile number (numbers only, i.e. 8889991111)</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_Line1">Address</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_Line1" name="Shipment.Line1" class="validate-keyup Line1 address__required-field trigger__us-pobox-validation" value="" placeholder="Nr. + Street" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_Line2"> </label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_Line2" name="Shipment.Line2" class="validate-keyup Line2 " value="" placeholder="Optional" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_City">City</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_City" name="Shipment.City" class="validate-keyup City address__required-field trigger__us-city-field" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_State">State</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_State" name="Shipment.State" class="validate-keyup State address__required-field trigger__us-state-field" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_PostalCode">Zip Code</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="text" id="Shipment_PostalCode" name="Shipment.PostalCode" class="val-required validate-keyup PostalCode address__required-field" value="" placeholder="" />
                                                        </div>
                                                    </div>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">Unfortunately we do not ship to the address you have provided, please double check your delivery address details or contact us for further support</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row field error-target">
                                                <div class="col-md-3 label-wrap">
                                                    <label for="Shipment_CountryId">Country</label>
                                                </div>
                                                <div class="col-md-9 input-wrap">
                                                    <div class="row input-placeholder">
                                                        <div class="col-md-12">
                                                            <input type="hidden" id="Shipment_CountryId" name="Shipment.CountryId" class="address__country-field" value="8" />
                                                            <div class="fixed-value hidden">United States</div>
                                                            <div class="select__formStyle">
                                                                <select name="ShipmentCountry" onchange="shipmentCountryChange()">
                                                                    <option value="71">Canada</option>
                                                                    <option value="8" selected>United States</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <script>
                                                        function shipmentCountryChange() {
                                                            if (typeof jQuery == 'undefined') {
                                                                window.setTimeout(countryChange, 100);
                                                                return;
                                                            }
                                                            var $shipmentCountrySelect = jQuery("select[name='ShipmentCountry']");
                                                            var $shipmentCountryInput = jQuery("input[id='Shipment_CountryId']");
                                                            $shipmentCountryInput.prop("value", $shipmentCountrySelect.val());
                                                            var $shipmentCountryName = jQuery("select[name='ShipmentCountry'] option:selected").html();
                                                            jQuery('#Shipment_CountryId').next('.fixed-value').html($shipmentCountryName);
                                                            var $sameAddressesRadio = jQuery("input[name='SeperateAddresses'][value='same']");
                                                            if ($sameAddressesRadio.prop("checked")) {
                                                                jQuery("select[name='BillingCountry']").val($shipmentCountrySelect.val()).trigger('change');
                                                            }
                                                            jQuery("#SalesInfoLabel")
                                                                .html("Based on Shipping address").removeAttr('style');
                                                        }
                                                        window.addEventListener('load', shipmentCountryChange, false);
                                                    </script>
                                                    <div class="row error-wrap">
                                                        <div class="col-md-12">
                                                            <p class="error-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae vo.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="field-spacer"></div>
                                            <div class="col-md-12">
                                                <h4>Billing</h4>
                                            </div>
                                            <div class="row field">
                                                <div class="col-xs-12 input-wrap">
                                                    <div class="row">
                                                        <div class="col-md-12 error-target">
                                                            <div class="radio__styled inline">
                                                                <label for="fld_address_same">
                                                                    <input type="radio" name="SeperateAddresses" class="fld_address val-required validate-change theSticker__trigger" id="fld_address_same" value="same" checked="checked" />
                                                                    <span class="radio__styler"></span>
                                                                    Same as Shipping information
                                                                </label>
                                                            </div>
                                                            <div class="radio__styled inline">
                                                                <label for="fld_address_other">
                                                                    <input type="radio" name="SeperateAddresses" class="fld_address val-required validate-change theSticker__trigger" id="fld_address_other" value="other" />
                                                                    <span class="radio__styler"></span>
                                                                    Different Billing information
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <div id="other-delivery-wrap" class="margin-top">

                                                <span class="billingForm">
                                                    <input type="hidden" name="BillingAddressName" class="AddressName" value="Billing" />
                                                    <input type="hidden" id="shippingMethod" value="1009" />

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_FirstName">First Name</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_FirstName" name="Billing.FirstName" class="val-required validate-keyup FirstName" placeholder="" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">Please fill out your First Name</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_LastName">Last Name</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_LastName" name="Billing.LastName" class="val-required validate-keyup LastName" placeholder="" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">Please fill out your Last Name</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_Line1">Address</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_Line1" name="Billing.Line1" class="validate-keyup Line1 address__required-field trigger__us-pobox-validation" placeholder="Nr. + Street" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_Line2"> </label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_Line2" name="Billing.Line2" class="validate-keyup Line2 " placeholder="Optional" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_City">City</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_City" name="Billing.City" class="validate-keyup City address__required-field trigger__us-city-field" placeholder="" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_State">State</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_State" name="Billing.State" class="validate-keyup State address__required-field trigger__us-state-field" placeholder="" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_PostalCode">Zip Code</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="text" id="Billing_PostalCode" name="Billing.PostalCode" class="val-required validate-keyup PostalCode address__required-field" placeholder="" />
                                                                </div>
                                                            </div>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">Unfortunately we do not ship to the address you have provided, please double check your delivery address details or contact us for further support</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row field error-target">
                                                        <div class="col-md-3 label-wrap">
                                                            <label for="Billing_CountryId">Country</label>
                                                        </div>
                                                        <div class="col-md-9 input-wrap">
                                                            <div class="row input-placeholder">
                                                                <div class="col-md-12">
                                                                    <input type="hidden" id="Billing_CountryId" name="Billing.CountryId" class="address__country-field" value="8" />
                                                                    <div class="select__formStyle">
                                                                        <select name="BillingCountry" onchange="countryChange()">
                                                                            <option value="71">Canada</option>
                                                                            <option value="8" selected>United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <script>
                                                                function countryChange() {
                                                                    if (typeof jQuery == 'undefined') {
                                                                        window.setTimeout(countryChange, 100);
                                                                        return;
                                                                    }
                                                                    var $billingCountrySelect = jQuery("select[name='BillingCountry']");
                                                                    var $billingCountryInput = jQuery("input[id='Billing_CountryId']");
                                                                    $billingCountryInput.prop("value", $billingCountrySelect.val());
                                                                }
                                                                window.addEventListener('load', countryChange, false);
                                                            </script>
                                                            <div class="row error-wrap">
                                                                <div class="col-md-12">
                                                                    <p class="error-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae vo.</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </span>
                                            </div>
                                            <div class="field-divider"></div>
                                            <div class="row field">
                                                <div class="col-xs-12 input-wrap error-target">
                                                    <div class="checkbox__styled">
                                                        <label for="AcceptGeneralConditions">
                                                            <input type="checkbox" id="AcceptGeneralConditions" name="AcceptGeneralConditions" class="val-required validate-change" value="true" />
                                                            <span class="checkbox__styler"></span>
                                                            I ACCEPT the <a href="/en-us/company/terms-of-sale/" target="_blank">Terms and General Conditions</a> and have read and understood the <a href="/en-us/company/privacy-policy/" target="_blank">Privacy Policy</a>.
                                                        </label>
                                                    </div>
                                                    <br />
                                                </div>
                                            </div>
                                            <div class="row field">
                                                <div class="col-xs-12 input-wrap">
                                                    <div class="btn-holder">
                                                        <a href="javascript:void(0)" class="btn btn-dark btn-border btn-centered disabled trigger__validate-form" id="ProceedPayment">
                                                            <span class="text">
                                                                PROCEED TO PAYMENT
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <input type="hidden" id="TaxResultMessage" value="The Sales Tax calculated based on your delivery address is " />
                                                    <input type="hidden" id="HiddenTaxMessage" value="Calculating Sales Tax ..." />
                                                    <div id="TaxMessage" class="text-note text-center" style="display: none; margin: 8px 0 0 0;">
                                                        Calculating Sales Tax ...
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-12 text-right text-note">
                                            </div>
                                        </div>
                                        <div class="error__general-error-message">
                                            It looks like some of your details are missing or incorrect. Please check the red highlighted fields.
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 side-column-box theSticker__guide">

                                <div class="box cornered theSticker__target">
                                    <div class="in">
                                        <div class="product-round-up">
                                            <h3 class="h6 no-line title">
                                                My Cart
                                                <i class="icon-cart2"></i>
                                            </h3>
                                            <ul>
                                                <li>
                                                    <strong>1</strong>
                                                    CDJ-2000NXS2 (black)
                                                    <span>
                                                        $619 </span>
                                                </li>
                                                <li>
                                                    <strong>Subtotal</strong>

                                                    <span><strong>$619</strong></span>
                                                </li>
                                            </ul>
                                            <div class="shipping-box">

                                                <div class="row">
                                                    <div class="col-xs-6">
                                                        <h6 class="h6 no-line">
                                                            Standard shipping
                                                        </h6>
                                                    </div>
                                                    <div class="col-xs-6 extra-info">
                                                        <i>Free</i>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xs-6">
                                                        <h6 class="h6 no-line">Sales tax</h6>
                                                    </div>
                                                    <input type="hidden" id="HiddenSalesTaxInfoMessage" value="Based on Shipping address" />
                                                    <div class="col-xs-6 extra-info" id="SalesInfoLabel">
                                                        Based on Shipping address </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xs-6">
                                                        <h6 class="h6 no-line">Total</h6>
                                                    </div>
                                                    <div class="col-xs-6 extra-info amount-area" id="OrderTotal">
                                                        $619
                                                    </div>
                                                </div>
                                            </div>
                                            <a href="/en-us/shop/cart/">
                                                &lt; Edit My Cart
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>

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

        <div class="padDiv2"></div>
        <!-- START CUSTOM FOOTER CONTENT -->

        <div id="checkout__why-buy" class="section">
            <div class="container">
                <div class="row">
                    <div class="column-item col-md-12">
                        <h3 class="h3">Why buy from us?</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="column-item col-md-4">
                        <h5 class="no-line">We guarantee</h5>
                        <ul class="styled-list">
                            <li>Free delivery</li>
                            <li>1-year warranty</li>
                            <li>Dedicated customer service</li>
                        </ul>
                    </div>
                    <div class="column-item col-md-3">
                        <h5 class="no-line">Delivery by FedEx</h5>
                        <ul class="styled-list">
                            <li></li>
                            <li style="padding: 0px 0px 0px 35px;">Orders typically ship within 2 business days (excluding weekends and holidays)</li>
                            <li style="padding: 0px 0px 0px 35px;"></li>
                            <li style="padding: 0px 0px 0px 35px;">Order tracking number provided</li>
                            <li>Signature required on delivery</li>
                            <li>Currently cannot deliver to PO boxes, diplomatic or military addresses</li>
                        </ul>
                    </div>
                    <div class="column-item col-md-5">
                        <div class="visual-wrap">
                            <img alt="Pioneer DJ - Margarita" src="https://preprod.pioneerdj.com/-/media/pioneerdj/images/e-commerce/united-states/customer-service-agent-margarita.jpg?la=en-us&amp;hash=EEEA58C18CF258C89ACE8EDE92170FFD" />
                        </div>
                        <div class="content-wrap">
                            <h5 class="no-line">Need help? Contact Us!</h5>
                            <p> We are available weekdays from MONDAY through FRIDAY, 10:00AM to 6:00PM PST.</p>
                            <p>
                                <a href="mailto:support.us@pioneerdj.com">support.us@pioneerdj.com</a><br />
                                <a href="tel:8447840000">844-784-0000</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="checkout__footer" class="section">
            <div class="container">
                <div class="payment-providers section">
                    <ul>
                        <li>
                            <span class="card visa"></span>
                        </li>
                        <li>
                            <span class="card mc"></span>
                        </li>
                        <li>
                            <span class="card discover"></span>
                        </li>
                        <li>
                            <span class="card amex"></span>
                        </li>
                        <li>
                            <span class="card paypal"></span>
                        </li>
                    </ul>
                </div>

                <div class="external-links section">

                    <ul>
                        <li>
                            <a href="/en-us/company/privacy-policy/">Privacy</a>
                        </li>
                        <li>
                            <a href="/en-us/company/terms-of-sale/">Terms of Use and Sale</a>
                        </li>
                        <li>
                            <a href="/en-us/company/warranty/" title="Warranty">Warranty</a>
                        </li>
                        <li>
                            <a href="/en-us/company/cookie-policy/">Cookies</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END CUSTOM FOOTER CONTENT -->
        <div id="foot">
            <div id="footc">
                <div id="nextstep">
                    <div id="nextstepc">Next Step Text</div>
                </div>
                <div id="footerb1div">
                    <input onclick="" type="submit" id="mainSubmit" value="continue" class="footerB nextB" />
                </div>
                <div id="footerb2div">
                    <input onclick="" type="button" id="mainBack" value="previous" class="footerB backB" />
                </div>
            </div>
        </div>

    </form>
    <script src="/Bundles/EcommerceJsFooter/?v=4VyH8b5Rg_Ks6-To1n43BhZmuXKskMau6ggQ1C5t1Fw1"></script>

    <script defer type="text/javascript" id="sig-api" data-order-session-id="PDJUS280590" src="https://cdn-scripts.signifyd.com/api/script-tag.js">
    </script>
</body>

</html>
<!-- Complete submission form -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<base href="https://preprod.pioneerdj.com" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />

<title>My Details - Pioneer DJ - USA   </title>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@PioneerDJglobal" />
<meta name="twitter:creator" content="@PioneerDJglobal" />
    <meta property="og:title" content="My Details - Pioneer DJ - USA   " />
    <meta property="og:site_name" content="Pioneer DJ" />
    <meta property="og:url" content="https://preprod.pioneerdj.com/en-us/shop/my-details/" />
    <meta property="og:type" content="website" />
    <link rel="canonical" href="https://preprod.pioneerdj.com/en-us/shop/my-details/" />

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Pioneer DJ">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
<link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
<link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-640x920.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="/Content/img/app/apple-touch-startup-image-320x460.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">



    <script src="/Bundles/EcommerceJsHeader/?v=4VIuuu0Wegy9ATCQ_pWdJwqTE4uj_dULppbCp_Z1aBA1"></script>

    <link href="/Bundles/EcommerceStyle/?v=HPDu1Rbwe82wt9mI6uuxn4DMQ-8cYBhu1VxtO86xOCw1" rel="stylesheet"/>



    <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="/content/css/screen_ie6.css" />
    <![endif]-->


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <link rel="stylesheet"
          href="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/5.16.2/adyen.css"
          integrity="sha384-AKMgvUlvU2aq35fRNFCDp/om1IbCi/MNwLl8Aj/acYzh0MfzTawbKO6MVd97vrJt"
          crossorigin="anonymous" />
    <link rel="stylesheet" href="/css/site.css" />
	<link href="/Content/css/theme2020/main.css" rel="stylesheet" type="text/css" />
    <link href="/Content/css/theme2020/reskin-theme-2020.css" rel="stylesheet" type="text/css" />
    {{!-- <link href="/Content/css/theme2020/reskin-theme-2022.css" rel="stylesheet" type="text/css" /> --}}

    <script src="https://checkoutshopper-test.adyen.com/checkoutshopper/sdk/5.16.2/adyen.js"
            integrity="sha384-rFGVw00SupBbxK8VKk/wPG/zdoVYXr5vNzGaauMqwBdJv6Ba0pdXMav2blTruUmt"
            crossorigin="anonymous"></script>


<script>
(function() {
  ['reskin-theme-2022'].forEach(name => {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
    document.head.appendChild(link);
  });
}());
</script>


</head>
<body>

        <script>
        dataLayer = [{"transactionId":null,"transactionAffiliation":"United States","transactionTotal":619.00,"transactionTax":0.00,"transactionShipping":0.00,"transactionProducts":[{"sku":"CDJ-2000NXS2-US","name":"CDJ-2000NXS black","category":"Players","price":619.00,"quantity":1}]}];
    </script>
         <!-- Google Tag Manager -->
         <noscript>
             <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PSC5SC"
                     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-PSC5SC');</script>
             <!-- End Google Tag Manager -->


    <form id="pageform" action="" method="post">
        <div id="content">
            <div id="pmcontent">

<!-- START CUSTOM HEADER CONTENT -->
<div id="top-bar" class="section">
    <div class="container">
                <a href="/en-us/" class="logo"><img src="/Content/img/pioneer-dj_377_53.png" alt="Pioneer DJ" /></a>

        <div class="contact-indication">
            Questions? Call us at 844-784-0000
        </div>
    </div>
</div>
<div id="bg-fx" class="experience">
    <div class="image image-fx image-fx-2">
        <div class="bg-adapt" style="background-image: url('/Content/img/checkout/background.jpg');">
            <img src="/Content/img/checkout/background.jpg" alt="">
        </div>
        <div class="image-fx-overlay"></div>
    </div>
</div>
<!-- END CUSTOM HEADER CONTENT -->
<div class="padDiv1"></div>

                <div id="box-wrap" class="section">
                    <div class="container">


<div class="row title-row">
    <div class="col-md-8">
        <h2 class="h3 no-line">Checkout</h2>
        <div class="breadcrumb-wrap">
            <ul>
                <li>
                    <span class="bc-item active">

                        <span>
                            1. My Details
                        </span>

                    </span>
                </li>
                <li>
                    <span class="bc-item ">

                        <span>
                            2. Payment
                        </span>
                    </span>
                </li>
                <li>
                    <span class="bc-item ">

                        <span>3. Confirmation</span>

                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>

                        <div class="row">


<div class="col-md-8 theSticker__reference">
    <div class="box">
        <div class="in">
            <div class="col-md-12 text-note">
                Please fill out your details below. All fields are required.
            </div>
            <div class="error__general-error-message">
                It looks like some of your details are missing or incorrect. Please check the red highlighted fields.
            </div>
            <div class="col-md-12 margin-bottom">
                <h4>Shipping</h4>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="info-box">
                                    <span class="info-box__icon icon-info"></span>
                                    <span class="info-box__text">
                                        Note: Sales Tax is calculated based on your Shipping Address. We cannot ship to PO boxes, military or diplomatic addresses or to other countries.
                                    </span>
                                </div>
                            </div>
                        </div>
            </div>
            <div class="form-wrap">
                <input type="hidden" name="ShippingAddressName" class="AddressName" value="Shipment" />



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_FirstName">First Name</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_FirstName" name="Shipment.FirstName" class="val-required validate-keyup FirstName" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Please fill out your First Name</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_LastName">Last Name</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_LastName" name="Shipment.LastName" class="val-required validate-keyup LastName" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Please fill out your Last Name</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_EmailAddress">Email</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="email" id="Shipment_EmailAddress" name="Shipment.EmailAddress" class="val-required validate-keyup EmailAddress" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Please enter a valid Email address</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_MobilePhoneNumber">Mobile</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_MobilePhoneNumber" name="Shipment.MobilePhoneNumber" class="val-phone validate-keyup MobilePhoneNumber" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                        <p>Please supply your mobile number so we can call you if there are any questions regarding your order.</p>
                                            <p class="error-message">Please enter a valid Mobile number (numbers only, i.e. 8889991111)</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_Line1">Address</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_Line1" name="Shipment.Line1" class="validate-keyup Line1 address__required-field trigger__us-pobox-validation" value="" placeholder="Nr. + Street"/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_Line2"> </label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_Line2" name="Shipment.Line2" class="validate-keyup Line2 " value="" placeholder="Optional"/>
            </div>
        </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_City">City</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_City" name="Shipment.City" class="validate-keyup City address__required-field trigger__us-city-field" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_State">State</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_State" name="Shipment.State" class="validate-keyup State address__required-field trigger__us-state-field" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_PostalCode">Zip Code</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Shipment_PostalCode" name="Shipment.PostalCode" class="val-required validate-keyup PostalCode address__required-field" value="" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Unfortunately we do not ship to the address you have provided, please double check your delivery address details or contact us for further support</p>
                </div>
            </div>
    </div>
</div>


<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Shipment_CountryId">Country</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="hidden" id="Shipment_CountryId" name="Shipment.CountryId" class="address__country-field" value="8" />
                        <div class="fixed-value hidden">United States</div>
                    <div class="select__formStyle">
                        <select name="ShipmentCountry" onchange="shipmentCountryChange()">
                                <option value="71" >Canada</option>
                                <option value="8" selected>United States</option>
                        </select>
                    </div>
            </div>
        </div>
                <script>
                    function shipmentCountryChange()
                    {
                        if (typeof jQuery == 'undefined') {
                            window.setTimeout(countryChange, 100);
                            return;
                        }
                        var $shipmentCountrySelect = jQuery("select[name='ShipmentCountry']");
                        var $shipmentCountryInput = jQuery("input[id='Shipment_CountryId']");
                        $shipmentCountryInput.prop("value",  $shipmentCountrySelect.val());

                        var $shipmentCountryName = jQuery("select[name='ShipmentCountry'] option:selected").html();
                        jQuery('#Shipment_CountryId').next('.fixed-value').html($shipmentCountryName);

                        var $sameAddressesRadio = jQuery("input[name='SeperateAddresses'][value='same']");
                        if ($sameAddressesRadio.prop("checked")) {
                            jQuery("select[name='BillingCountry']").val($shipmentCountrySelect.val()).trigger('change');
                        }

                        jQuery("#SalesInfoLabel")
                            .html("Based on Shipping address").removeAttr('style');
                    }

                    window.addEventListener('load', shipmentCountryChange, false);
                </script>
        <div class="row error-wrap">
            <div class="col-md-12">
                <p class="error-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae vo.</p>
            </div>
        </div>
    </div>
</div>

                <div class="field-spacer"></div>
                <div class="col-md-12">
                    <h4>Billing</h4>
                </div>
                <div class="row field">
                    <div class="col-xs-12 input-wrap">
                        <div class="row">
                            <div class="col-md-12 error-target">
                                <div class="radio__styled inline">
                                    <label for="fld_address_same" >
                                        <input type="radio" name="SeperateAddresses" class="fld_address val-required validate-change theSticker__trigger" id="fld_address_same" value="same" checked="checked"  />
                                        <span class="radio__styler"></span>
                                        Same as Shipping information
                                    </label>
                                </div>
                                <div class="radio__styled inline">
                                    <label for="fld_address_other">
                                        <input type="radio" name="SeperateAddresses" class="fld_address val-required validate-change theSticker__trigger" id="fld_address_other" value="other" />
                                        <span class="radio__styler"></span>
                                        Different Billing information
                                    </label>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div id="other-delivery-wrap" class="margin-top">

                    <span class="billingForm">
                        <input type="hidden" name="BillingAddressName" class="AddressName" value="Billing" />
                        <input type="hidden" id="shippingMethod" value="1009" />



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_FirstName">First Name</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_FirstName" name="Billing.FirstName" class="val-required validate-keyup FirstName" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Please fill out your First Name</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_LastName">Last Name</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_LastName" name="Billing.LastName" class="val-required validate-keyup LastName" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Please fill out your Last Name</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_Line1">Address</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_Line1" name="Billing.Line1" class="validate-keyup Line1 address__required-field trigger__us-pobox-validation" placeholder="Nr. + Street"/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_Line2"> </label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_Line2" name="Billing.Line2" class="validate-keyup Line2 " placeholder="Optional"/>
            </div>
        </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_City">City</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_City" name="Billing.City" class="validate-keyup City address__required-field trigger__us-city-field" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_State">State</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_State" name="Billing.State" class="validate-keyup State address__required-field trigger__us-state-field" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">We cannot ship to PO boxes, diplomatic and military addresses.</p>
                </div>
            </div>
    </div>
</div>



<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_PostalCode">Zip Code</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="text" id="Billing_PostalCode" name="Billing.PostalCode" class="val-required validate-keyup PostalCode address__required-field" placeholder=""/>
            </div>
        </div>
            <div class="row error-wrap">
                <div class="col-md-12">
                                            <p class="error-message">Unfortunately we do not ship to the address you have provided, please double check your delivery address details or contact us for further support</p>
                </div>
            </div>
    </div>
</div>


<div class="row field error-target">
    <div class="col-md-3 label-wrap">
        <label for="Billing_CountryId">Country</label>
    </div>
    <div class="col-md-9 input-wrap">
        <div class="row input-placeholder">
            <div class="col-md-12">
                <input type="hidden" id="Billing_CountryId" name="Billing.CountryId" class="address__country-field" value="8" />
                    <div class="select__formStyle">
                        <select name="BillingCountry" onchange="countryChange()">
                                <option value="71" >Canada</option>
                                <option value="8" selected>United States</option>
                        </select>
                    </div>
            </div>
        </div>
                <script>
                    function countryChange() {
                        if (typeof jQuery == 'undefined') {
                            window.setTimeout(countryChange, 100);
                            return;
                        }
                        var $billingCountrySelect = jQuery("select[name='BillingCountry']");
                        var $billingCountryInput = jQuery("input[id='Billing_CountryId']");
                        $billingCountryInput.prop("value", $billingCountrySelect.val());
                    }

                    window.addEventListener('load', countryChange, false);
                </script>
        <div class="row error-wrap">
            <div class="col-md-12">
                <p class="error-message">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae vo.</p>
            </div>
        </div>
    </div>
</div>

                    </span>
                </div>
                <div class="field-divider"></div>
                <div class="row field">
                    <div class="col-xs-12 input-wrap error-target">
                        <div class="checkbox__styled">
                            <label for="AcceptGeneralConditions">
                                <input type="checkbox" id="AcceptGeneralConditions" name="AcceptGeneralConditions" class="val-required validate-change" value="true" />
                                <span class="checkbox__styler"></span>
                                I ACCEPT the <a href="/en-us/company/terms-of-sale/" target="_blank">Terms and General Conditions</a> and have read and understood the <a href="/en-us/company/privacy-policy/" target="_blank">Privacy Policy</a>.
                            </label>
                        </div>
                        <br />
                    </div>
                </div>
                <div class="row field">
                    <div class="col-xs-12 input-wrap">
                        <div class="btn-holder">
                               <a href="javascript:void(0)" class="btn btn-dark btn-border btn-centered disabled trigger__validate-form" id="ProceedPayment">
                                <span class="text">
                                    PROCEED TO PAYMENT
                                </span>
                            </a>
                        </div>
                        <input type="hidden" id="TaxResultMessage" value="The Sales Tax calculated based on your delivery address is " />
                        <input type="hidden" id="HiddenTaxMessage" value="Calculating Sales Tax ..." />
                        <div id="TaxMessage" class="text-note text-center" style="display: none; margin: 8px 0 0 0;">
                            Calculating Sales Tax ...
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 text-right text-note">
                </div>
            </div>
            <div class="error__general-error-message">
                It looks like some of your details are missing or incorrect. Please check the red highlighted fields.
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 side-column-box theSticker__guide">

<div class="box cornered theSticker__target">
    <div class="in">
        <div class="product-round-up">
            <h3 class="h6 no-line title">
                My Cart
                <i class="icon-cart2"></i>
            </h3>
            <ul>
                        <li>
                            <strong>1</strong>
                            CDJ-2000NXS2 (black)
                            <span>
$619                            </span>
                        </li>
                    <li>
                        <strong>Subtotal</strong>

                        <span><strong>$619</strong></span>
                    </li>
            </ul>
            <div class="shipping-box">

                <div class="row">
                    <div class="col-xs-6">
                        <h6 class="h6 no-line">
                            Standard shipping
                        </h6>
                    </div>
                    <div class="col-xs-6 extra-info">
                        <i>Free</i>
                    </div>
                </div>
                    <div class="row">
                        <div class="col-xs-6">
                            <h6 class="h6 no-line">Sales tax</h6>
                        </div>
                        <input type="hidden" id="HiddenSalesTaxInfoMessage" value="Based on Shipping address" />
                        <div class="col-xs-6 extra-info" id="SalesInfoLabel">
Based on Shipping address                        </div>
                    </div>
                <div class="row">
                    <div class="col-xs-6">
                        <h6 class="h6 no-line">Total</h6>
                    </div>
                    <div class="col-xs-6 extra-info amount-area" id="OrderTotal">
                        $619
                    </div>
                </div>
            </div>
            <a href="/en-us/shop/cart/">
                &lt; Edit My Cart
            </a>
        </div>
    </div>
</div>

</div>


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


<div class="padDiv2"></div>
<!-- START CUSTOM FOOTER CONTENT -->


<div id="checkout__why-buy" class="section">
<div class="container">
<div class="row">
<div class="column-item col-md-12">
<h3 class="h3">Why buy from us?</h3>
</div>
</div>
<div class="row">
<div class="column-item col-md-4">
<h5 class="no-line">We guarantee</h5>
<ul class="styled-list">
    <li>Free delivery</li>
    <li>1-year warranty</li>
    <li>Dedicated customer service</li>
</ul>
</div>
<div class="column-item col-md-3">
<h5 class="no-line">Delivery by FedEx</h5>
<ul class="styled-list">
    <li></li>
    <li style="padding: 0px 0px 0px 35px;">Orders typically ship within 2 business days (excluding weekends and holidays)</li>
    <li style="padding: 0px 0px 0px 35px;"></li>
    <li style="padding: 0px 0px 0px 35px;">Order tracking number provided</li>
    <li>Signature required on delivery</li>
    <li>Currently cannot deliver to PO boxes, diplomatic or military addresses</li>
</ul>
</div>
<div class="column-item col-md-5">
<div class="visual-wrap">
<img alt="Pioneer DJ - Margarita" src="https://preprod.pioneerdj.com/-/media/pioneerdj/images/e-commerce/united-states/customer-service-agent-margarita.jpg?la=en-us&amp;hash=EEEA58C18CF258C89ACE8EDE92170FFD" />
</div>
<div class="content-wrap">
<h5 class="no-line">Need help? Contact Us!</h5>
<p> We are available weekdays from MONDAY through FRIDAY, 10:00AM to 6:00PM PST.</p>
<p>
<a href="mailto:support.us@pioneerdj.com">support.us@pioneerdj.com</a><br />
<a href="tel:8447840000">844-784-0000</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div id="checkout__footer" class="section">
    <div class="container">
                <div class="payment-providers section">
                    <ul>
                            <li>
                                <span class="card visa"></span>
                            </li>
                            <li>
                                <span class="card mc"></span>
                            </li>
                            <li>
                                <span class="card discover"></span>
                            </li>
                            <li>
                                <span class="card amex"></span>
                            </li>
                            <li>
                                <span class="card paypal"></span>
                            </li>
                    </ul>
                </div>

        <div class="external-links section">

                <ul>
                        <li>
                            <a href="/en-us/company/privacy-policy/" >Privacy</a>
                        </li>
                        <li>
                            <a href="/en-us/company/terms-of-sale/" >Terms of Use and Sale</a>
                        </li>
                        <li>
                            <a href="/en-us/company/warranty/" title="Warranty" >Warranty</a>
                        </li>
                        <li>
                            <a href="/en-us/company/cookie-policy/" >Cookies</a>
                        </li>
                </ul>
        </div>
    </div>
</div>
<!-- END CUSTOM FOOTER CONTENT -->
<div id="foot">
    <div id="footc">
        <div id="nextstep">
            <div id="nextstepc">Next Step Text</div>
        </div>
        <div id="footerb1div">
            <input onclick="" type="submit" id="mainSubmit" value="continue" class="footerB nextB" />
        </div>
        <div id="footerb2div">
            <input onclick="" type="button" id="mainBack" value="previous" class="footerB backB" />
        </div>
    </div>
</div>

    </form>
    <script src="/Bundles/EcommerceJsFooter/?v=4VyH8b5Rg_Ks6-To1n43BhZmuXKskMau6ggQ1C5t1Fw1"></script>

            <script defer type="text/javascript" id="sig-api" data-order-session-id="PDJUS280590"
                    src="https://cdn-scripts.signifyd.com/api/script-tag.js">
            </script>
</body>
</html>
/* No context defined. */

No notes defined.