<!---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="123FRANKLINSPORTSBOYSSIZECHART" data-content-name="123 FRANKLIN SPORTS BOYS SIZE CHART"><table width="100%" cellpadding="0" cellspacing="0" class="SCtablestyle_spt">
  <col width="53" span="2">
  <col width="115">
  <col width="90">
  <col width="99">
  <col width="70">
  <tr>
    <td>Size&nbsp;</td>
    <td>Size</td>
    <td>Measurements</td>
    <td>Inseam</td>
    <td>Height</td>
    <td>Weight</td>
  </tr>
  <tr>
    <td>Small</td>
    <td>4-6</td>
    <td>Chest: 23&quot; - 25&quot;<br>
      Waist: 21&quot; - 22&quot;<br>
      Hips: 23&quot; - 25&quot;</td>
    <td>16&quot; - 19&quot;</td>
    <td>39&quot; - 47&quot;</td>
    <td>36-47 lbs.</td>
  </tr>
  <tr>
    <td>Small</td>
    <td>&nbsp;4-6</td>
    <td>Chest: 20&quot;-24&quot;<br>
      Waist: 19&quot;-25&quot;<br>
      Hips: &nbsp;22&rdquo; – 27&rdquo;</td>
    <td>&nbsp;14&rdquo; *</td>
    <td>40&quot;-48&quot;</td>
    <td>&nbsp;35-50 lbs</td>
  </tr>
  <tr>
    <td>Medium</td>
    <td>&nbsp;7-9</td>
    <td>Chest: 22&quot;-25&quot;<br>
      Waist: 19&quot;-25&quot;<br>
      Hips: &nbsp;22&rdquo; – 27&rdquo;</td>
    <td>&nbsp;14&rdquo; *</td>
    <td>46&quot;-54&quot;</td>
    <td>&nbsp;45-60 lbs</td>
  </tr>
  <tr>
    <td colspan="6" align="center">* Inseam = knee   length pant.</td>
  </tr>
</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>
