/*--------------------------------------------------------
Basic Style Sheet (for version 4 browsers)

version: 1.1
author:  Jett Liu
---------------------------------------------------------*/
body, p, h1, h2, ul ,dl,dt,dd{
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
}
ul, li {
	list-style:none;
}
img {
	border:0;
}
.planWrapper {
	margin:25px;
	width:625px;
	background:url(/ehealthinsurance/images_new/updatedPlanUnit/planbg1.gif) repeat-y;
}
.planWrapper .bg1 {
	width: 100%;
	background:url(/ehealthinsurance/images_new/updatedPlanUnit/planbg3.gif) left bottom repeat-x;
}
.planWrapper .bg2 {
	width: 100%;
	overflow: hidden;
	position: relative;
	background:url(/ehealthinsurance/images_new/updatedPlanUnit/planbg2.gif) no-repeat;
}
.planWrapper .main {
	float:left;
	width:514px;
	padding-bottom:5px;
	border-left:1px solid #c3cad3;
	border-top:1px solid #c3cad3;
}

.planWrapper .main ul.infoList {
	margin:7px 0 23px 0px;
	overflow:hidden;
}
.planWrapper .main ul.infoList li {
	float:left;
	border-right:1px solid #c3cad3;
	text-align:center;
	padding:0 12px;
	font:11px Arial, Helvetica, sans-serif;
}
.planWrapper .main ul.infoList li.last {
	border-right:0;
	width:95px;
}
.planWrapper .main ul.infoList li label {
	display:block;
	padding:2px 0 9px 0;
}
.planWrapper .main ul.infoList li.first {
	color:#015999;
}
.planWrapper .main ul.infoList li.first label {
	display:block;
	padding-bottom:2px;
}
.planWrapper .main ul.infoList li.first a:link,  .planWrapper .main ul.infoList li.first a:visited {
	color:#015999;
	text-decoration:underline;
}
.planWrapper .main ul.infoList li.first a:hover,  .planWrapper .main ul.infoList li.first a:active {
	color:#f60;
	text-decoration:underline;
}
.planDetail {
	clear:both;
	font:11px Arial, Helvetica, sans-serif;
	background:#edeef1 url(/ehealthinsurance/images_new/updatedPlanUnit/planDetailBg.png) left top no-repeat;
}
.planDetail span {
	float:right;
	padding:4px 8px 0 0;
}
.planDetail span a {
	margin:0 8px;
}
.planDetail .planIconList {
	margin:0 0 0 9px;
}
.planDetail img {
	margin:2px;
}
.planCompare {
	margin:3px 0 3px 9px;
	font:11px Arial, Helvetica, sans-serif;
}
.planUBS {
	font:11px Arial, Helvetica, sans-serif;
	margin:0 0 0 12px;
}
a.planLink:link, a.planLink:visited {
	color:#333;
	text-decoration:underline;
}
a.planLink:hover, a.planLink:active {
	color:#f60;
	text-decoration:underline;
}
.planWrapper .sidebar {
	float:left;
	width:110px;
}
.planWrapper h2 {
	margin:0 0 0 1px;
	padding:5px;
	background-color:#eee;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.planWrapper h2 sup {
	position:relative;
	bottom:0.33em;
	font-size:smaller;
	vertical-align:baseline;
}
.planWrapper h2 a:link, .planWrapper h2 a:visited {
	color:#015999;
	text-decoration:underline;
}
.planWrapper h2 a:hover, .planWrapper h2 a:active {
	color:#f60;
	text-decoration:underline;
}
.sidebar .inmain {
	text-align:center;
	border-left:1px solid #c3cad3;
	border-right:1px solid #c3cad3;
}
.pricered {
	padding:10px 0 25px 0;
	color:#c92027;
	font:bold 18px Arial, Helvetica, verdana, sans-serif;
}
.pricered label {
	color:#999;
	font:15px Arial, Helvetica, sans-serif, verdana;
}
.pricered span {
	color:#999;
	font:bold 18px Arial, Helvetica, sans-serif, verdana;
}
.pricered a {
	font:11px Arial, Helvetica, sans-serif;
}
a.monthly-rate:link, a.monthly-rate:visited, .year-rate{
	color:#666666;
	font:12px Arial, Helvetica, sans-serif;	
}
a.monthly-rate:hover{
	color:#FF6600;
}
.year-rate{
	font-size:11px;	
}
.annual-commit,.annual-commit2{
	color:#444;
	font:bold 11px 	Arial, Helvetica, sans-serif;
	clear:both;
}
.annual-commit{
	padding:8px 0 0 10px;	
}
.annual-commit2{
	padding:8px 10px 0 0;	
}
.planWrapper .main ul.visionInfo li.payment-available{
	background:url("/ehealthinsurance/images_new/updatedPlanUnit/payment.gif") no-repeat 0 center;
    margin:5px 0 0 150px;
    padding:5px 0 5px 22px;
    color:#666666;
}
.payment-available{
	background:url("/ehealthinsurance/images_new/updatedPlanUnit/payment.gif") no-repeat 0 center;
    margin:5px 0 0 10px;
    padding:5px 0 5px 22px;
    color:#0067ab;
}
.payment-available2 {
    background: url("/ehealthinsurance/images_new/updatedPlanUnit/payment.gif") no-repeat scroll 0 6px transparent;
    color: #0067AB;
    display: block;
    font-size: 11px;
    padding: 3px 0 5px 22px;
}
.apply {
	padding:0 0 11px 0;
}
.bestseller {
	padding:0 3px 5px 0;
	text-align:right;
}
/*.clear {
	height:0;
	line-height:0;
	clear:both;
}
.clear:after {
	height:0;
	content:" ";
	visibility:hidden;
	display:block;
}*/

/*--------------------------------------------------------------------
	Vision insurance plan style
--------------------------------------------------------------------*/
.vspPlanWrapper {
	margin:25px;
	width:560px;
	background:url(/ehealthinsurance/images_new/updatedPlanUnit/planbg1.gif) repeat-y;
}
.vspPlanWrapper .main {
	float:left;
	width:449px;
	padding-bottom:5px;
	border-left:none;
	border-top:1px solid #c3cad3;
}
.planWrapper .main ul.visionInfo {
	margin:7px 0 12px 0px;
	overflow:hidden;
}
.planWrapper .main ul.visionInfo li {
	float:left;
	border-right:0;
	text-align:left;
	padding:0 12px;
}
.planWrapper .main ul.visionInfo li dt {
	font:bold 11px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.planWrapper .main ul.visionInfo li dd {
	font:11px Arial, Helvetica, sans-serif;
}
.visionDetail {
	width:448px;
	margin-left:1px;
	padding:3px 0;
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;
	background:#edeef1 url(/ehealthinsurance/images_new/updatedPlanUnit/planDetailBg.png) left top no-repeat;
}
.visionDetail span{
	text-align:right;
	padding:4px 8px 0 0;
}
.visionDetail span a {
	margin:0 8px;
}
.visionInfo-left {
	width:115px;
}
.visionInfo-right {
	width:280px;
}
/* :KLUDGE: It's no pretty . I managed to fix this problem. */
.visionInmain {
	padding-bottom:10px;
}