@import url("../cart.css");

@charset "utf-8";
/* CSS Document */

div#plans
{
	float: left;
	padding: 20px 0 40px 0;
}

div#plans div.plan
{
	border-top: 1px solid #ddd;
	float: left;
	padding: 15px 0;
	width: 100%;
}

	div#plans div.plan p.plan_price
	{
		font: normal 22px/24px tahoma, arial, sans-serif;
		clear: right;
		color: #68177f;
		float: right;
		overflow: hidden;
		padding: 0px 0 0 0;
		text-align: left;
		width: 130px;
	}
		
		div#plans div.plan p.plan_price small
		{
			font: normal 11px/16px tahoma, arial, sans-serif;
		}

	div#plans div.plan h2
	{
		font: normal 24px/26px "SohoStdBold", tahoma, arial;
		display: block;
		float: left;
		height: 0;
		overflow: hidden;
		padding: 98px 0px 0 10px;
		width: 165px;
	}

	div#plans div.plan h2.text_price
	{
		display: inline;
		float: left;
		height: auto;
		overflow: hidden;
		padding: 0;
		text-align: center;
		width: 165px;
	}

		div#plans div.plan h2.plan_title_uislands
		{
			background: url(../../images/service/plans/uislands.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_utalk
		{
			background: url(../../images/service/plans/utalk.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_unationwide
		{
			background: url(../../images/service/plans/unationwide.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_ufamily
		{
			background: url(../../images/service/plans/ufamily.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_upda
		{
			background: url(../../images/service/plans/u60.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_ufamily_promo
		{
			background: url(../../images/service/plans/ufamily_promo.gif) no-repeat 0 0;
		}

		div#plans div.plan h2.plan_title_uandroid
		{
			background: url(../../images/service/plans/uandroid.gif) no-repeat 0 0;
		}
	
	div#plans div.plan ul.plan_features
	{
		list-style: none;
		margin: 15px 0 15px 0;
		*margin: 0 0 15px 185px;
		padding: 0 0 0 175px;
		*padding: 0 0 0 0;
		width: 390px;
		*width: 250px;
	}
	
		div#plans div.plan ul.plan_features li
		{
			background: none;
			list-style: none;
			margin: 0;
			padding: 2px 0;
		}
	
	div#plans div.plan p.plan_disclaimer
	{
		color: #888;
		clear: left;
		float: left;
		font: normal 10px/12px Tahoma, Arial, sans-serif;
		padding: 10px 0 0 175px;
		text-align: left;
		width: 255px;
	}
	
	div#plans div.plan div.plan_right
	{
		float: right;
		padding: 0 0 20px 0;
		width: 120px;
	}
		
	div#plans div.plan a.addons
	{
		display: block;
		float: right;
		padding: 7px 0 10px 0;
		text-align: center;
		width: 117px;
	}
	
	div#plans div.plan a:link.button_purple, div#plans div.plan a:visited.button_purple
	{
		background: #68177f;
		clear: right;
		color: #fff;
		display: block;
		float: right;
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 8px 0 9px 0;
		*padding: 7px 0 10px 0;
		text-align: center;
		text-decoration: none;
		width: 120px;
	}
	
		div#plans div.plan a:hover.button_purple, div#plans div.plan a:active.button_purple
		{
			background: #a2ad00;
			text-decoration: underline;
		}

		
	div#plans div.plan a:link.button_grey, div#plans div.plan a:visited.button_grey
	{
		background: #8996a0;
		clear: right;
		color: #fff;
		display: block;
		float: right;
		font-weight: bold;
		margin: 8px 0 0 0;
		padding: 8px 0 9px 0;
		*padding: 7px 0 10px 0;
		text-align: center;
		text-decoration: none;
		width: 120px;
	}
	
		div#plans div.plan a:hover.button_grey, div#plans div.plan a:active.button_grey
		{
			background: #a2ad00;
			text-decoration: underline;
		}
	
	div#plans div.plan p.button_dummy
	{
		background: #a2ad00;
		clear: right;
		color: #fff;
		display: block;
		float: right;
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 8px 0 9px 0;
		*padding: 7px 0 10px 0;
		text-align: center;
		text-decoration: none;
		width: 120px;
	}

/*

HELE Plans

*/
.hele-content div#plans div.plan div.plan_right
{
	float: right;
	padding: 0 0 20px 0;
	margin-left: 10px;
	width: 135px;
}
	.hele-content div#plans div.plan div.plan_prices
	{
		display: block;
		width: 100%;
		font: normal 12px/16px "SohoStdMedium", tahoma, arial, sans-serif;
		color: #68177f;
		text-transform: uppercase;
		vertical-align: top;
	}
		.hele-content div#plans div.plan div.plan_prices p
		{
			font: normal 11px/16px "SohoStdMedium", tahoma, arial, sans-serif;
			color: #68177f;
			text-transform: uppercase;
			padding: 0;
			margin: 0 0 8px 0;
		}
		
		.hele-content div#plans div.plan div.plan_prices span.price
		{
			font-size: 22px;
			line-height: 22px;
			vertical-align: top;
		}
			.hele-content div#plans div.plan div.plan_prices span.monthly
			{
				position: relative;
				top: -2px;
			}
		
			.hele-content div#plans div.plan div.plan_prices span.price span
			{
				font-size: 14px;
				line-height: 16px;
				vertical-align: top;
			}
			.hele-content div#plans div.plan div.plan_prices span.price span.decimal
			{
				font-size: 11px;
				line-height: 12px;
				vertical-align: top;
			}
			.hele-content div#plans div.plan div.plan_prices p sup
			{
				color: #888;
				font-size: 9px;
				margin-left: 3px;
			}
		.hele-content div#plans div.plan div.plan_prices p.first-month-free
		{
			font-size: 12px;
		}
			.hele-content div#plans div.plan div.plan_prices p.first-month-free .big
			{
				font-size: 33px;
				line-height: 24px;
			}
		.hele-content div#plans div.plan div.plan_prices p.regular,
		.hele-content div#plans div.plan div.plan_prices p.save
		{
			font-size: 11px;
			line-height: 12px;
			vertical-align: top;
			padding: 0;
			margin: 2px 0;
		}
			.hele-content div#plans div.plan div.plan_prices p.save .monthly-thereafter
			{
				float: right;
				line-height: 10px;
				margin-top: -2px;
			}
		.hele-content div#plans div.plan div.plan_prices p.regular { color: #bcbcbc; } 
		.hele-content div#plans div.plan div.plan_prices p.save { color: #828e0e; } 
		
	.hele-content div#plans div.plan div.plan-prices-monthtomonth
	{
		border-top: 3px solid #dbdbdb;
		padding-top: 10px;
		margin-top: 10px;
	}
		.hele-content div#plans div.plan div.plan-prices-monthtomonth h3,
		.hele-content div#plans div.plan div.plan-prices-withterm h3
		{
			display: block;
			height: 0;
			overflow: hidden;
			padding: 15px 0 0 0;
			background: transparent url(../../images/hele-plan-title-monthtomonth.jpg) no-repeat left top;
			margin-bottom: 3px;
		}
		.hele-content div#plans div.plan div.plan-prices-withterm h3
		{
			background-image: url(../../images/hele-plan-title-withterm.jpg);
		}