<link rel="stylesheet" href="https://secure.elance.com/styles/elancecommon.css,eolblocks.css?ver=11.9.1.7-09-23-2011-14-59" type="text/css">
<link rel="stylesheet" href="https://secure.elance.com/styles/membership/membership.css,membership/membershipPlans.css?ver=11.9.1.7-09-23-2011-14-59" type="text/css">

<div style="width: 940px;" id="editMembershipSection" class="">
<h2 style="margin-top: 10px;" class="conf">Jewel Pro - Online Jewelry Store</h2>
<div style="margin: 15px 0px; width: 630px;"></div>



<div style="padding-bottom: 20px; width: 650px;" class="displayNone" id="editMembershipFormError">
<div class="formerrormsgsbin">
<div class="formerrormsgstitle">Please correct the following:
<div id="editMembershipFormErrorList" class="formerrormsgs">

</div>
</div>
</div>
</div>





<div style="margin-top: 20px;">

<div class="planTable editModeTable">
	<div class="left">
	<div class="featureLabels">
		<div class="featureTitle">Marketplace <span class="featureMark">»</span></div>
		<div class="cell featureCell featureCellTop">
			Products
		</div>
		<div class="cell featureCell">
			Support
		</div>
		<div class="cell featureCell">Admin Accounts</div>
		<div class="cell featureCell">Google Analytics</div>
		
		<div class="featureTitle">Hosting <span class="featureMark">»</span></div>
		<div class="cell featureCell featureCellTop">Email Accounts</div>
		<div class="cell featureCell">Storage</div>
		<div class="cell featureCell">Bandwidth</div>
		<div class="cell featureCell">Your Own Domain</div>
		
		<div class="featureTitle">Cost <span class="featureMark">»</span></div>
		<div class="cell featureCell featureCellTop">
			Monthly Membership
			<div class="bullet lastBullet">• Cancel at any time</div>
		</div>
		<div class="cell featureCell">
			Set Up Fee
		</div>
		<div class="cell featureCell">
			Transaction Fees
		</div>
	</div>
	
	<!-- <div class="cPlanContainer">
		<div class="earrow"></div>
	</div> -->
	
	</div>
	<div class="planCol proPlan ">
		<div class="cellTop">
			<div class="featTitle bold featTitleShort">Small Business</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge">50 skus</div>
		</div>
		<div class="cell planCell vcenter4">
			<div id="indivProKeywords" class="featLarge">10</div>
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter4">
			<div class="featLarge">1</div>
		</div>
		<div class="cell planCell vcenter3">
			<div class="featLarge">1 GB</div>
			Per Work Room
		</div>
		<div class="cell planCell vcenter5">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer2">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge bold">$10</div>
		</div>
		<div class="cell planCell vcenter3">&nbsp;</div>
		</div>
		<div class="cellBottomEdit">
			
			
			
<input type="radio" style="vertical-align: middle;" onclick="handleMembershipChange(); handlePriceChange();" catfee="5" fee="10" checked="" value="14602" id="indivPro" name="plan"> 
<label id="indivProDesc" for="indivPro">

<form id="product_1" name="product_1" method="post" action="http://www.biggstock.com/products-page/" enctype="multipart/form-data" class="product_form">
<input type="hidden" name="wpsc_ajax_action" value="add_to_cart">
<input type="hidden" name="product_id" value="1">
<div class="wpsc_buy_button_container">
<input type="submit" id="product_1_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">
<div class="wpsc_loading_animation">
<img class="loadingimage" src="http://www.biggstock.com/wp-content/plugins/wp-e-commerce/images/indicator.gif" alt="Loading" title="Loading">
Updating cart...</div>
</div>
</form>
																					
																					
</label>
<div style="display: none;" id="indivProConnectsNum">25</div>

			
		</div>
	</div>
	<div class="planCol smallBizPlan activePlan">
		<div class="cellTop">
			<div class="featTitle bold">Emerging Business</div>
			
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge">1,000 skus</div>
		</div>
		<div class="cell planCell vcenter4">
			<div id="bizSmallKeywords" class="featLarge">15</div>
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter4">
			<div class="featLarge">5</div>
		</div>
		<div class="cell planCell vcenter3">
			<div class="featLarge">1 GB</div>
			Per Work Room
		</div>
		<div class="cell planCell vcenter5">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer2">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge bold">$20</div>
		</div>
		<div class="cell planCell vcenter3">&nbsp;</div>
		</div>
		<div class="cellBottomEdit">
			
			
			
<input type="radio" style="vertical-align: middle;" onclick="handleMembershipChange(); handlePriceChange();" catfee="10" fee="20" value="14604" id="bizSmall" name="plan"> 
<label id="bizSmallDesc" for="bizSmall">

<form id="product_2" name="product_2" method="post" action="http://www.biggstock.com/products-page/" enctype="multipart/form-data" class="product_form">
<input type="hidden" name="wpsc_ajax_action" value="add_to_cart">
<input type="hidden" name="product_id" value="2">
<div class="wpsc_buy_button_container">
<input type="submit" id="product_2_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">
<div class="wpsc_loading_animation">
<img class="loadingimage" src="http://www.biggstock.com/wp-content/plugins/wp-e-commerce/images/indicator.gif" alt="Loading" title="Loading">
Updating cart...</div>
</div>
</form>

</label>
<div style="display: none;" id="bizSmallConnectsNum">40</div>

			
		</div>
	</div>
	<div class="planCol largeBizPlan">
		<div class="cellTop">
			<div class="featTitle bold">Enterprise Level</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge">10,000 skus</div>
		</div>
		<div class="cell planCell vcenter4">
			<div id="bizLargeKeywords" class="featLarge">20</div>
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter4">
			<div class="featLarge">unlimited</div>
		</div>
		<div class="cell planCell vcenter3">
			<div class="featLarge">2 GB</div>
			Per Work Room
		</div>
		<div class="cell planCell vcenter5">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell planCell vcenter1 noBorder">
			<img width="17" height="16" alt="" src="http://www.biggstock.com/wp-content/themes/iBlogPro3/images/green-tick-17x16.png">
		</div>
		<div class="cell cellSpacer2">&nbsp;</div>
		</div>
		<div class="cellGroup">
		<div class="cell planCell vcenter2">
			<div class="featLarge bold">$40</div>
		</div>
		<div class="cell planCell vcenter3">&nbsp;</div>
		</div>
		<div class="cellBottomEdit">
			
			
			
<input type="radio" style="vertical-align: middle;" onclick="handleMembershipChange(); handlePriceChange();" catfee="20" fee="40" value="14606" id="bizLarge" name="plan">
<label id="bizLargeDesc" for="bizLarge">

<form id="product_3" name="product_3" method="post" action="http://www.biggstock.com/products-page/" enctype="multipart/form-data" class="product_form">
<input type="hidden" name="wpsc_ajax_action" value="add_to_cart">
<input type="hidden" name="product_id" value="3">
<div class="wpsc_buy_button_container">
<input type="submit" id="product_3_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">
<div class="wpsc_loading_animation">
<img class="loadingimage" src="http://www.biggstock.com/wp-content/plugins/wp-e-commerce/images/indicator.gif" alt="Loading" title="Loading">
Updating cart...</div>
</div>
</form>

</label>
<div style="display: none;" id="bizLargeConnectsNum">60</div>

			
		</div>
	</div>
	<div class="clear"></div>
</div>


</div>


<div id="categorySection" style="width: 650px; float: left; margin: 15px 0pt;">
	<div type="error" id="categoryFieldErr" style="width: 430px; float: left; padding: 0pt 5px 5px;">


		<div class="subheader" style="border-top: 1px solid rgb(228, 228, 228); height: 25px; width: 430px; margin-top: 10px; padding-top: 10px;">
			<div class="left">
				Additional monthly charge
			</div>
			<div style="padding-right: 10px;" id="catTotal" class="right">$0.00</div>
		</div>
	</div>
	<div class="clear"></div>
</div>

<div class="clear"></div>

<div id="reviewSection" style="width: 900px; margin: 20px 0px;">
<h4 class="title h5nomargintop h5shortmarginbottom">Review</h4>
<table cellspacing="0" id="reviewTable" class="individualReviewTable">
<tbody><tr>
	<td style="width: 155px;">&nbsp;</td>
	<td style="width: 240px;" class="planHeading" colspan="2">Current Plan</td>
	<td style="width: 240px;" class="newPlanHeader planHeading" colspan="2">New Plan</td>
	<td rowspan="7" style="width: 200px;">&nbsp;</td>
</tr>
<tr>
	<td class="tableSeparatorBottom">&nbsp;</td>
	<td class="tableSeparatorBottom">&nbsp;</td>
	<td class="tableSeparatorBottom alignRight"><b>Price/Month</b></td>
	<td class="newPlanLeft">&nbsp;</td>
	<td class="newPlanRight alignRight"><b>Price/Month</b></td>
</tr>
<tr>
	<td class="bold alignRight">Membership Plan:</td>
	<td class="bold">Individual&nbsp;</td>
	<td class="alignRight bold">$10.00</td>
	<td id="reviewMembershipItem" class="newPlanLeft bold changedItem">Small Business</td>
	<td id="reviewMembershipPrice" class="newPlanRight bold changedItem">$20</td>
</tr>
<tr>
	<td class="bold alignRight">Connects:</td>
	<td>25 <img class="icon" src="/media/images/4.0/connect-icon.gif"> / month&nbsp;</td>
	<td class="alignRight">Included</td>
	<td id="includedConnectsItem" class="newPlanLeft changedItem"><span id="includedConnectsNum">40</span>  <img class="icon" src="/media/images/4.0/connect-icon.gif"> / month</td>
	<td id="includedConnectsPrice" class="newPlanRight changedItem">Included</td>
</tr>
<tr>
	<td class="bold alignRight">Add-On Connects:</td>
	<td>0 <img class="icon" src="/media/images/4.0/connect-icon.gif"> / month</td>
	<td class="alignRight">$0.00</td>
	<td id="reviewConnectsItem" class="newPlanLeft"><span id="reviewConnectsNum">0</span> <img class="icon" src="/media/images/4.0/connect-icon.gif"> / month</td>
	<td id="reviewConnectsPrice" class="newPlanRight">$0.00</td>
</tr>
<tr>
	<td class="bold alignRight">Additional People:</td>
	<td>0</td>
	<td class="alignRight">$0.00</td>
	<td id="reviewTeamItem" class="newPlanLeft changedItem">5</td>
	<td id="reviewTeamPrice" class="newPlanRight changedItem">$0.00</td>
</tr>
<tr>
	<td class="bold alignRight">Category:</td>
	<td style="padding: 0px;" colspan="2">
		<table cellspacing="0" cellpadding="0" class="categoryReviewTable">
		

<tbody><tr id="CurrentIncludedCat">
	<td id="CurrentIncludedCatItem" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Web &amp; Programming</td>
	<td id="CurrentIncludedCatPrice" style="padding: 2px 6px; margin: 0px;" class="alignRight">Included</td>
</tr>



		</tbody></table>
	</td>
	<td style="padding: 0px;" colspan="2" class="newPlanLeft newPlanRight">
		<table cellspacing="0" cellpadding="0" class="categoryReviewTable">
		

<tbody><tr id="reviewCategory">
	<td id="reviewCategoryItem" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Web &amp; Programming</td>
	<td id="reviewCategoryPrice" style="padding: 2px 6px; margin: 0px;" class="alignRight">Included</td>
</tr>


<tr style="display: none;" id="reviewCat0">
	<td id="reviewCatItemCat0" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Admin Support</td>
	<td id="reviewCatPriceCat0" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat1">
	<td id="reviewCatItemCat1" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Design &amp; Multimedia</td>
	<td id="reviewCatPriceCat1" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat2">
	<td id="reviewCatItemCat2" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Engineering &amp; Manufacturing</td>
	<td id="reviewCatPriceCat2" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat3">
	<td id="reviewCatItemCat3" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Finance &amp; Management</td>
	<td id="reviewCatPriceCat3" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat4">
	<td id="reviewCatItemCat4" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Legal</td>
	<td id="reviewCatPriceCat4" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat5">
	<td id="reviewCatItemCat5" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Sales &amp; Marketing</td>
	<td id="reviewCatPriceCat5" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat6">
	<td id="reviewCatItemCat6" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Web &amp; Programming</td>
	<td id="reviewCatPriceCat6" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>

<tr style="display: none;" id="reviewCat7">
	<td id="reviewCatItemCat7" style="padding: 2px 6px; margin: 0px;" class="alignLeft">Writing &amp; Translation</td>
	<td id="reviewCatPriceCat7" style="padding: 2px 6px; margin: 0px;" class="alignRight">$10.00</td>
</tr>


		</tbody></table>
	</td>
</tr>

<tr>
	<td class="bold alignRight tableSeparatorTop">TOTAL Monthly Charge:</td>
	<td class="alignRight currentTotal tableSeparatorTop bold" colspan="2">= $10.00</td>
	<td id="totalPrice" style="color: rgb(255, 255, 255);" class="newPlanFooter alignRight bold" colspan="2">= $20.00</td>
	<td>&nbsp;</td>
</tr>
</tbody></table>
</div>


<input type="hidden" value="" id="draftIdField" name="draftIdField">
<input type="hidden" value="" id="modeField" name="modeField">
<input type="hidden" value="" id="persisField" name="persisField">
<input type="hidden" value="2e2f0c467332bce04e5736cb7fc3406c" id="checksumField" name="checksumField">
<input type="hidden" value="10" id="cTotal">
<input type="hidden" value="Pro" id="cPlanCode">
<input type="hidden" value="14602" id="cTier">
<input type="hidden" value="10183" id="cCategory">
<input type="hidden" value="" id="appliedPromo">
<input type="hidden" value="" id="existingPromo">


<div style="float: left; margin-left: 163px; padding-left: 10px; padding-top: 10px;" id="editMembershipBtnEnabled">
	<a class="btn-large btn-large-normal" onclick="flowJs.submitEditMembership();"><span>Continue</span></a>
</div>
<div style="float: left; margin-left: 150px; padding-left: 10px; padding-top: 10px;" class="displayNone" id="editMembershipBtnDisabled">
	<a class="btn-large btn-large-disabled"><span>Continue</span></a>
</div>
<div style="margin-left: 250px; padding-left: 10px; padding-top: 10px;">
	<a class="btn-large btn-large-secondary" onclick="history.back();"><span>Cancel</span></a>
</div>

<br><br><br><br><br>


</div>