Pricing Tables

 <div id="jf_pricing_table" class="blue"> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col jf_recommended"> 		<h3>Advanced<span class="jf_bestvalue_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="blue"> 	<div class="jf_pricing_column jf_pricing_4_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col jf_recommended"> 		<h3>Advanced<span class="jf_recommended_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Custom</h3> 		<div class="jf_cost"> 			<p> 				&gt; $80<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="red"> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col jf_recommended"> 		<h3>Advanced<span class="jf_bestvalue_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="red"> 	<div class="jf_pricing_column jf_pricing_4_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col jf_recommended"> 		<h3>Advanced<span class="jf_recommended_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Custom</h3> 		<div class="jf_cost"> 			<p> 				&gt; $80<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="green"> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col jf_recommended"> 		<h3>Advanced<span class="jf_bestvalue_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="green"> 	<div class="jf_pricing_column jf_pricing_4_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col jf_recommended"> 		<h3>Advanced<span class="jf_recommended_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Custom</h3> 		<div class="jf_cost"> 			<p> 				&gt; $80<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="black"> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col jf_recommended"> 		<h3>Advanced<span class="jf_bestvalue_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_3_col"> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div> 

 <div id="jf_pricing_table" class="black"> 	<div class="jf_pricing_column jf_pricing_4_col"> 		<h3>Basic</h3> 		<div class="jf_cost"> 			<p> 				$20<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="no">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col jf_recommended"> 		<h3>Advanced<span class="jf_recommended_button"></span></h3> 		<div class="jf_cost"> 			<p> 				$40<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="no">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Expert</h3> 		<div class="jf_cost"> 			<p> 				$60<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="no">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="jf_pricing_column jf_pricing_4_col "> 		<h3>Custom</h3> 		<div class="jf_cost"> 			<p> 				&gt; $80<span>/month</span> 			</p> 		</div> 		<div class="jf_features"> 			<ul> 				<li class="yes">Item One Description</li> 				<li class="yes">Item Two Description</li> 				<li class="yes">Item Three Description</li> 				<li class="yes">Item Four Description</li> 				<li class="yes">Item Five Description</li> 			</ul> 		</div> 		<div class="jf_buynow"> 			<a href="#" class="button large">Purchase</a> 		</div> 	</div> 	<div class="clear"></div> </div>