@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
	{
		display: block;
		float: left;
		height: 0;
		overflow: hidden;
		padding: 98px 0px 0 10px;
		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;
		}