/*======================================================================*\
|| #################################################################### ||
|| # Youjoomla.com 
|| # ---------------------------------------------------------------- # ||
|| # Copyright ©2006-2009 Youjoomla.com. All Rights Reserved.           ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
div.yj_plans_holder,
div.yj_plans_holder_l{
	overflow:hidden;
	position:relative;
	height:365px;
	display:block;
	color:#e8490a;
	text-align:center;
}
div.yj_plans_holder_l{
	background:url(../images/yj_plans_holder_l.png) no-repeat left top;
	padding:0 0 0 20px;
	display:block;
	overflow:hidden;
}
div.yj_plans_holder_r{
	background:url(../images/yj_plans_holder_r.png) no-repeat right top;
	padding:0 20px 0 0;
	height:365px;
	display:block;
	overflow:hidden;
}
/* PLANS*/
div.yj_plans_holder div.yj_plan,
div.yj_plans_holder div.yj_plan_1,
div.yj_plans_holder div.yj_plan_2,
div.yj_plans_holder div.yj_plan_3,
div.yj_plans_holder div.yj_plan_4{
	height:365px;
	position:relative;
	float:left;
	clear:right;
	width:100%;
	margin:0;
	padding:0;
}
/*ACTIVE*/
.yj_planl{
	padding:0px 0 0 20px;
	height:365px;
	display:block;
}
div.yj_plans_holder div.yj_planr{
	padding:55px 20px 0 0px;
	height:365px;
	display:block;
}
div.yj_plans_holder div.hover_plan,
div.yj_plans_holder div.hover_plan_1,
div.yj_plans_holder div.hover_plan_2,
div.yj_plans_holder div.hover_plan_3,
div.yj_plans_holder div.hover_plan_4{
	background:url(../images/plans_active_l.png) no-repeat left top;
}
div.yj_plans_holder div.hover_plan div.yj_planr,
div.yj_plans_holder div.hover_plan_1 div.yj_planr,
div.yj_plans_holder div.hover_plan_2 div.yj_planr,
div.yj_plans_holder div.hover_plan_3 div.yj_planr,
div.yj_plans_holder div.hover_plan_4 div.yj_planr{
	background:url(../images/plans_active_r.png) no-repeat right top;
}
div.yj_plans_holder div.hover_plan div.yj_planr a.plan_button,
div.yj_plans_holder div.hover_plan_1 div.yj_planr a.plan_button,
div.yj_plans_holder div.hover_plan_2 div.yj_planr a.plan_button,
div.yj_plans_holder div.hover_plan_3 div.yj_planr a.plan_button,
div.yj_plans_holder div.hover_plan_4 div.yj_planr a.plan_button{
	display:block;
	height:43px;
	width:148px;
	background:url(../images/plan_buttons.png) no-repeat left bottom;
	text-indent:-9999px;
	overflow:hidden;
	clear:both;
	margin:35px auto 0 auto;
}
div.yj_plans_holder div.hover_plan div.title,
div.yj_plans_holder div.hover_plan_1 div.title,
div.yj_plans_holder div.hover_plan_2 div.title,
div.yj_plans_holder div.hover_plan_3 div.title,
div.yj_plans_holder div.hover_plan_4 div.title,
div.yj_plans_holder div.hover_plan div.price,
div.yj_plans_holder div.hover_plan_1 div.price,
div.yj_plans_holder div.hover_plan_2 div.price,
div.yj_plans_holder div.hover_plan_3 div.price,
div.yj_plans_holder div.hover_plan_4 div.price{
	color:#101010;
}
div.yj_plans_holder .yj_plan_in{
	padding:0 12px;
}
/* PLANS TITLE*/
div.yj_plans_holder div.title{
	height:52px;
	display:block;
	text-align:center;
	overflow:hidden;
	font-size:20px;
	background:url(../images/title_l.gif) no-repeat left top;
	margin:0 auto;
	clear:both;
}
div.yj_plans_holder div.title span{
	height:52px;
	display:block;
	line-height:52px;
	text-align:center;
	background:url(../images/title_r.gif) no-repeat right top;
}
/* PLANS PRICE*/
div.yj_plans_holder div.price{
	position:relative;
	display:block;
	height:75px;
	line-height:75px;
	text-align:center;
	margin:0 auto;
	clear:both;
}
div.yj_plans_holder div.currency{
	display:block;
	font-size:18px;
	position:absolute;
	top:0;
	left:-12px;
	right:auto;
	line-height:35px;
	
}
div.yj_plans_holder div.value{
	font-size:48px;
	display:inline;
	position:relative;
	overflow:hidden;
}
div.yj_plans_holder div.per{
	display:inline;
	font-size:18px;
	
}
div.yj_plans_holder ul.featurelist{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	width:100%;
}

div.yj_plans_holder ul.featurelist li{
	padding:0 15px;
	background:url(../images/dots.gif) repeat-x left bottom;
	margin:0;
	color:#8f8f8f;
	border:none;
	text-align:center;
	display:block;
	height:25px;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
}
div.yj_plans_holder a.plan_button{
	display:block;
	height:43px;
	width:148px;
	overflow:hidden;
	background:url(../images/plan_buttons.png) no-repeat left top;
	text-indent:-9999px;
	clear:both;
	margin:15px auto 0 auto;
}
.yjsquare_yjplans,.yjsquare_yjplans .yjsquare_in{
	padding:0;
	margin:0;
}