.plans
{
	overflow 			: hidden;
	padding 			: 10px 0 10px 20px;
	margin-bottom 		: 15px;
}

.plans a
{
	color 				: inherit;
	text-decoration 	: none;
}

.plan
{
	position 			: relative;
	float 				: left;
	margin-right 		: 20px;
	width 				: 200px;
	min-height 			: 200px;
	padding 			: 10px 10px 50px;
	border 				: 1px solid #aaaaaa;
	border-radius		: 5px;
	background 			: #f6f6f6;
	box-shadow 			: 0px 0px 8px rgba(0,0,0,0.3);
	cursor 				: pointer;
	margin-top 			: 15px;
}

.plan:hover,
.plan:focus,
.plan:active,
.plan.active
{
	background 			: #e1eef4;
	border 				: 1px solid #7bacc3;
}

.plan.accent
{
	zoom 				: 1.1;
	margin-top 			: 0px;
}

.plan h3
{
	margin-top 			: 0;
	font-size 			: 20px;
}

.plan .price
{
	overflow 			: hidden;
	padding 			: 0 25px 10px;
	border-bottom 		: 1px solid #dddddd;
}

.plan:hover .price,
.plan:focus .price,
.plan:active .price,
.plan.active .price
{
	border-bottom 		: 1px solid #b8d7e5;
}

.plan .price .currency_sign,
.plan .price .amount,
.plan .price .description
{
	float 				: left;
}

.plan .price .currency_sign
{
	padding-right 		: 3px;
	font-size 			: 30px;
	line-height 		: 30px;
	color 				: #666666;
}

.plan .price .amount
{
	font-size 			: 48px;
	line-height 		: 38px;
}

.plan.custom .price .amount
{
	font-size 			: 44px;
}

.plan .price .description
{
	padding-top 		: 25px;
}

.plan ul
{
	list-style 			: disc;
	margin-left 		: 20px;
}

.plan .bottom
{
	position 			: absolute;
	bottom 				: 5px;
	padding-top 		: 5px;
	border-top 			: 1px solid #dddddd;
}

.plan:hover .bottom,
.plan:focus .bottom,
.plan:active .bottom,
.plan.active .bottom
{
	border-top 			: 1px solid #b8d7e5;
}