<!---IsSuccess--->
<div id='' class='layer_wrapper_outer '>
	<div class="layerInner">
		<div id="jsAjaxRoot" class="layerWrap container">
			<input name="purchaserName" type="hidden" value="" autofillparam="ON"/><input name="recipientName" type="hidden" value="" autofillparam="ON"/><input name="recipientEmail" type="hidden" value="" autofillparam="ON"/><input name="recipientEmailConfirm" type="hidden" value="" autofillparam="ON"/><input name="purchaserMessage" type="hidden" value="" autofillparam="ON"/><input name="sourceURL" type="hidden" value="" autofillparam="ON"/><div class="cmsWrapper" id="AMERICANCLASSIC-WOMENS-TSHIRTS-SIZECHART" data-content-name=" AMERICANCLASSIC&#45;WOMENS&#45;TSHIRTS&#45;SIZECHART"><style>
    .table {
        width: 100%;
        max-width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background-color: transparent;
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 2px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .table-bordered {
        border: 1px solid #ddd
    }

    .table-bordered>tbody>tr>td {
        border: 1px solid #ddd
    }

    .table_header {
        font-weight: 500;
        background: #e9e9e9
    }

    .align-center {
        text-align: center !important
    }

    .no_margin {
        margin: 0
    }

    .vertical-mid {
        vertical-align: middle !important
    }
</style>
<p>When trying to decide between two sizes, choose the larger size for a better fit.</p>
<table class="table table-bordered">
    <thead class="table_header">
        <tr class="align-center">
            <td>Size</td>
            <td>Bust (in inches)</td>
            <td>Waist (in inches)</td>
            <td>Hips (in inches)</td>
        </tr>
    </thead>
    <tbody>
        <tr class="align-center">
            <td>Small</td>
            <td>14.5</td>
            <td>13.25</td>
            <td>16</td>
        </tr>
        <tr class="align-center">
            <td>Medium</td>
            <td>15.75</td>
            <td>14.25</td>
            <td>17</td>
        </tr>
        <tr class="align-center">
            <td>Large</td>
            <td>16.25</td>
            <td>15.25</td>
            <td>18</td>
        </tr>
        <tr class="align-center">
            <td>Extra Large </td>
            <td>17.25</td>
            <td>16.25</td>
            <td>19</td>
        </tr>
        <tr class="align-center">
            <td>2X Large</td>
            <td>18.75</td>
            <td>17.5</td>
            <td>20</td>
        </tr>
    </tbody>
</table></div></div>
	</div>
</div>

<script>
	$(document).ready(function() {
		$(".ajaxFormSubmit").submit(function(e) {
			e.preventDefault();
			$.ajax({
				data:$(this).serialize(),
				url:$(this).attr("action"),
				type:$(this).attr("method") == undefined ? "GET" : $(this).attr("method"),
				dataType: "html",
				success:function(data){
					writeDataIntoLayer(data);
				}
			});
			return false;
		});
        window.jsSourceURL = "#";

		$('.formFieldContainer:not(.checkRadio)').each(function(i) {
			overLabels.init($(this));
		});

        $("#jsAjaxRoot.layerWrap").imagesLoaded(function() {
            $.colorbox.resize();
        });
	});
</script>
