<!---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="ROMA-FEMALE-STANDARD-SIZE-CHART" data-content-name="ROMA&#45;FEMALE&#45;STANDARD&#45;SIZE&#45;CHART"><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>Cup</td>
      <td>Bust</td>
      <td>Waist</td>
       <td>Hips</td>
    </tr>
  </thead>
  <tbody>
    <tr class="align-center">
      <td>XS</td>
      <td>A-B</td>
      <td>30-32"</td>
      <td>21-23"</td>
      <td>32-34"</td>
     
    </tr>
    
    <tr class="align-center">
      <td>S</td>
      <td>A-B</td>
      <td>32-34"</td>
      <td>23-25"</td>
      <td>34-36"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>M</td>
      <td>B-C</td>
      <td>34-37"</td>
      <td>25-28"</td>
      <td>36-39"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>L</td>
      <td>C-D</td>
      <td>37-40"</td>
      <td>28-31"</td>
      <td>39-41"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>XL</td>
      <td>D-DD</td>
      <td>40-42"</td>
      <td>31-33"</td>
      <td>41-43"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>1X</td>
      <td>C-D</td>
      <td>40-42"</td>
      <td>34-36"</td>
      <td>44-46"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>2X</td>
      <td>C-D</td>
      <td>42-44"</td>
      <td>36-38"</td>
      <td>46-48"</td>
    
    </tr>
    
    <tr class="align-center">
      <td>3X</td>
      <td>D-DD</td>
      <td>44-46"</td>
      <td>38-40"</td>
      <td>48-50"</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>
