<!---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="123DREAMGIRLBOYSSIZECHART" data-content-name="123 DREAMGIRL BOYS SIZE CHART"><style type="text/css">
  .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-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered>tbody>tr>td {
    border: 1px solid #ddd;
  }
  .table_header {
    font-weight: 500;
    background: #EE6634;
  }
  .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">
  <colgroup>
    <!-- use when column spacing is required -->
    <!-- <col width="60%"></col>
    <col width="40%"></col> -->
  </colgroup>
  <thead class="table_header">
    <tr class="align-center">
      <td class="vertical-mid">Size</td>
      <td><p>Chest<br>
        (in inches)
      </p></td>
      <td>Waist
        <p class="no_margin">(in inches)</p></td>
      <td>
        Hips
          <p class="no_margin">(in inches)</p>
      </td>
      <td>Inseam</td>
      <td>Height</td>
      <td>Weight</td>
    </tr>
  </thead>
  <tbody>
    <tr class="align-center">
      <td>Small - 6-7</td>
      <td>24-25.5</td>
      <td>22-24.5</td>
      <td>26-27.5</td>
      <td>21</td>
      <td>46&quot;</td>
      <td>up to 65 lbs</td>
    </tr>
    <tr class="align-center">
      <td>Medium 8-9</td>
      <td>26-27.5</td>
      <td>24-25.5</td>
      <td>28-29.5</td>
      <td>24</td>
      <td>52&quot;</td>
      <td>up to 80 lbs</td>
    </tr>
    <tr class="align-center">
      <td>Large 10-12</td>
      <td>28-29.5</td>
      <td>26-27.5</td>
      <td>30-31.5</td>
      <td>27</td>
      <td>58&quot;</td>
      <td>up to 100lbs</td>
    </tr>
  </tbody>
</table></div><div class="cmsWrapper" id="SizeChartDiagram-Boys" data-content-name="Size Chart Diagram &#45; Boys"><div class="columns six">
<!-- <img src=".png" class="image-scale" alt="" /> -->
     <img src="//spirit.scene7.com/is/image/Spirit/SpiritSC%5FBoys?$fullsize$" class="image-scale" alt="Boys Costume Sizing Chart Diagram"/>
</div></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>
