<div class="simpleTabs">
  <ul class="simpleTabsNavigation">
  <li><a href='#'>Rubber Mulch</a></li>
  <li><a href='#'>Wood Mulch</a></li>
  </ul>
<div class="simpleTabsContent">
<div id="rubber_calculator_box">
			<div id="styled_popup" class="statictextblue"><p>Calculate the amount of rubber mulch you will need by entering the length and width of the area you need to cover in feet, and choosing the depth in inches you would like to apply. Click &ldquo;calculate&rdquo; to determine the approximate needed amount in tons. This calculator rounds up to the nearest 0.25 tons to help you better determine exactly how many tons to buy.</p>
				<table align="center" width="335px">
					<tbody>
						<tr>
							<td align="right">
							Length
							</td>
							<td>
								<input id="Rubber_Length" onkeypress="return isNumberKey(event)" type="text" />
							</td>
						</tr> <br />
	  			
							<tr>
								<td align="right">Width
								
								</td>
								<td><input id="Rubber_Width" onkeypress="return isNumberKey(event)" type="text" />
								
								</td>
							</tr> <br />
	  			
							<tr>
								<td align="right">Depth
								
								</td>
								<td>
									<select id="Rubber_Depth">
										<option value="">-- inches</option>
										<option value="1">1 inch</option>
										<option value="2">2 inches</option>
										<option value="3">3 inches</option>
										<option value="4">4 inches</option>
										<option value="5">5 inches</option>
										<option value="6">6  inches</option>
										<option value="7">7 inches</option>
										<option value="8">8 inches</option>
									</select>
								</td>
							</tr> <br />
	  			
							<tr>
								<td> 
									
								</td>
								<td align="">
									<input onclick="calculateRubberMaterialNeeded(1)" type="button" value="CALCULATE" />
								</td>
							</tr> <br />
	  			
							<tr style="margin-bottom: 5px;">
								<td align="right" style="padding-top: 15px;">
									<strong>Total tons needed</strong>
								</td>
								<td align="center"><font size="25">
									<span id="Rubber_Answer">0</span></font>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
                 </div>
<div class="simpleTabsContent">
<div id="calculator_box">
			<div id="styled_popup" class="statictextblue"><p>To calculate the amount of  wood mulch you will need, type in the length and width in feet of the area you need to cover. Choose the depth you would like to apply in inches. Click &ldquo;calculate&rdquo; to determine the approximate needed amount in cubic yards.</p>
				<table align="center" width="335px">
					<tbody>
						<tr>
							<td align="right">
							Length (feet)
							</td>
							<td>
								<input id="Length" onkeypress="return isNumberKey(event)" type="text" />
							</td>
						</tr> <br />
	  			
							<tr>
								<td align="right">Width (feet)
								
								</td>
								<td><input id="Width" onkeypress="return isNumberKey(event)" type="text" />
								
								</td>
							</tr> <br />
	  			
							<tr>
								<td align="right">Depth
								
								</td>
								<td>
									<select id="Depth">
										<option value="">-- inches</option>
										<option value="1">1 inch</option>
										<option value="2">2 inches</option>
										<option value="3">3 inches</option>
										<option value="4">4 inches</option>
										<option value="5">5 inches</option>
										<option value="6">6  inches</option>
										<option value="7">7 inches</option>
										<option value="8">8 inches</option>
										<option value="9">9 inches</option>
										<option value="10">10 inches</option>
										<option value="12">12 inches</option>
										<option value="15">15 inches</option>
										<option value="20">20 inches</option>
									</select>
								</td>
							</tr> <br />
	  			
							<tr>
								<td> 
									
								</td>
								<td align="">
									<input onclick="calculateMaterialNeeded(1)" type="button" value="CALCULATE" />
								</td>
							</tr> <br />
	  			
							<tr style="margin-bottom: 5px;">
								<td align="right" style="padding-top: 15px;">
									<strong>Total cubic yards needed</strong>
								</td>
								<td align="center"><font size="25">
									<span id="Answer">0</span></font>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
                 </div>
        </div>
