/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:.9375em; background:#191a1e ;}
html, input, textarea	{	font-family:Arial; 
		color:#4b4b4b;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.dInlini{ display:inline}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

strong{color:#3b3b3b;}

a{color:#06abeb; text-decoration:underline} 
a:hover{text-decoration:none}
.link1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 6px; margin:0; padding-left:10px; }
#content ul li span{color:#06abeb; text-transform:uppercase} 
#content ul li a{color:#303c55; font-weight:bold; font-size:.916em; text-decoration:none; line-height:1.63em} 
#content ul li a:hover { text-decoration:underline; }

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:none; padding:0; }
#content .ul li div{ float:right; color:#3b3b3b; } 
#content .ul li span { margin-right:62px; display:inline; color:#3b3b3b;} 
#content .ul li a{color:#3b3b3b; font-weight:bold; font-size:1em; text-decoration:none; line-height:1.6363em} 
#content .ul li a:hover { text-decoration:underline; }

.link { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link a { text-decoration:none; }
.link a:hover { text-decoration:underline; }


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:0px 0 85px 40px }
#header .banner{ margin:0 0 0 55px }
#header .banner1{ margin:0 0 0 640px }
#header .sub-menu{ margin:48px 0 0 665px; position:absolute }
#header .block{ margin:181px 0 0 55px; position:absolute; color:#bfc0c1 }
#header .block_width{ width:520px; height:59px; background:url(images/bg_block.gif)}
#header .indent-block{ padding:9px 0 0 17px} 
#header .menu{ margin:120px 0 0 55px; position:absolute }
#header .link-sub1{color:#ffcc2f; background:url(images/marker1.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px; line-height:25px } 
#header .link-sub2{color:#ffcc2f; background:url(images/marker2.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px } 
#header .link-sub3{color:#ffcc2f; background:url(images/marker3.gif) top left no-repeat; margin:0; padding:5px 0 5px 27px; font-size:.916em; margin-right:25px } 

.list { position:absolute; margin:114px 0 0 53px}

#header ul{margin:0; padding:0; list-style:none}
#header ul li{ display:inline; padding:5px 17px 9px 17px;  background:url(images/list.gif) top right no-repeat; margin:0; }
#header ul li a{color:#ffffff; text-decoration:none;} 
#header ul li a:hover { text-decoration:none; color:#ffcc2f; }


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 55px 0 55px}
#content .title{  margin-bottom:16px}
#content .row{ background:url(images/line.gif) repeat-x top; padding-top:11px;  margin-top:20px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0 0 13px 0}
#content .p2{ margin:0 0 7px 0}
#content .p1{ margin:0 0 37px 0}
#content .txt{ text-transform:uppercase; color:#4b4b4b}
#content .txt1{ font-size:.9em}
#content .txt1 a { color:#262626; text-decoration:none}
#content .txt1 a:hover { color:#262626; text-decoration: underline }
#content h3{color: #232427; font-size:1.08em; border-left: 5px solid #99CEEB; padding-left: 5px; padding-bottom: 0px; margin-bottom: 2px; margin-top: 30px;}


#page4 .indent{padding:0 0 14px 0}

/*block*/
.box{ background:#fff; width:100%; font-size:1em; }
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top; width:100%; }
.box .corner-top-left1 {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right1 {background:url(images/corner_top_right.gif) no-repeat right top; width:100%; }
.box .indent-box{ padding:24px 32px 4px 29px; }


/*footer*/
#footer { color:#d3d3d3; font-size:0.75em; background:url(images/bot1.gif) no-repeat top left }
#footer span { color:#585858 }
#footer .indent-footer{ padding:30px 59px 0 59px;}
#footer a {color:#ffc513; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.jamp1{ width:72px; margin:0 9px 0 0}
select{ font-size:1em; color:#666666; margin-left:5px; vertical-align:middle; height:22px;}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:1px solid #a8a8a8; 
	background:#FFFFFF;
	width:122px; height:20px;
	margin:0 5px 0 5px;
	vertical-align:middle;
	font-size:1em;
	padding-left:5px;
}input{
   	border-top:1px solid #414141; 
   	border-left:1px solid #414141; 
   	border-bottom:1px solid #ccd0d1; 
   	border-right:1px solid #ccd0d1; 
	background:#FFFFFF;
	width:221px; height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border-top:1px solid #414141; 
   	border-left:1px solid #414141; 
   	border-bottom:1px solid #ccd0d1; 
   	border-right:1px solid #ccd0d1; 
	background:#FFFFFF;
	width:221px; height:57px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
textarea1{
   	border-top:1px solid #414141; 
   	border-left:1px solid #414141; 
   	border-bottom:1px solid #ccd0d1; 
   	border-right:1px solid #ccd0d1; 
	background:#FFFFFF;
	width:442px; height:57px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	div.wrapper { margin: 0 auto; width: 962px;padding:0;}
	td.leftcol { width:0px;padding:0;}
	td.rightcol { width:280px;padding:0;};
	
	/* @group Horizontal Menu */

#horiz-menu {
	height: 0px;
	margin-top: 10px;
	position: absolute;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 11px;
	line-height: 9px;
	padding: 0 16px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
}

#horiz-menu a {
	background-position: 0 -8px;
	background-repeat: no-repeat;
}

#horiz-menu li {
	background-position: 100% -8px;
	background-repeat: no-repeat;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
	background-position: 0 -6px;

}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
	background-position: 100% -6px;
}

#horiz-menu li.parent:hover a,
#horiz-menu li.parent.sfHover a,
#horiz-menu li.parent-sfHover a {
	background-position: 0 -4px;
}

#horiz-menu li.parent:hover,
#horiz-menu li.parent.sfHover,
#horiz-menu li.parent-sfHover {
	background-position: 100% -4px;
}

#horiz-menu li.active a {
	background-position: 0 0;
}

#horiz-menu li.active {
	background-position: 100% 0;
}

/* splitmenu specific overrides */

#horiz-menu.splitmenu li.parent:hover a,
#horiz-menu.splitmenu li.parent-sfHover a {
	background-position: 0 -6px;
}

#horiz-menu.splitmenu li.parent:hover,
#horiz-menu.splitmenu li.parent-sfHover {
	background-position: 100% -6px;
}

#horiz-menu.splitmenu li.active:hover a,
#horiz-menu.splitmenu li.active-sfHover a {
	background-position: 0 0;
}

#horiz-menu.splitmenu li.active:hover,
#horiz-menu.splitmenu li.active-sfHover {
	background-position: 100% 0;
}

#horiz-menu a:hover {
	text-decoration: none;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

/* @end */

/* @group Sub Menu */

ul.menu {
	margin: 0 0 0 0;
	padding: 0;
}

ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu span {
	display: block;
	height: 17px;
}

ul.menu a {
	display: block;
	line-height: 10px;
	text-indent: 5px;
	height: 27px;
}

ul.menu ul {
	margin: 4px 0;
}

ul.menu ul li a {
	text-indent: 10px;
}

ul.menu ul a {
	background: none;
	text-indent: 0;
}

ul.menu ul {
	margin-left: 5px;
	padding: 0;
}

ul.menu ul ul {
	padding: 0;
	margin-left: 5px;
}

ul.menu li li {
	padding: 0;
	margin: 0;
}

ul.menu ul a {
	text-indent: 0;
}

ul.menu li a {
	padding-left: 5px;
}

ul.menu li.active a,
ul.menu li a:hover,
ul.menu li.active a:hover {
	text-decoration: none;
}

ul.menu li.active li a,
ul.menu li.active li a:hover {
	background: none;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 10px;
	height: 27px;
	font-size: 100%;
	padding-left: 5px;
	text-decoration: none;
}

a#active_menu.sublevel {
	color: #fff;
	background: none;
}

a.sublevel {
	text-decoration: none;
	line-height: 25px;
	padding-left: 0px;
}

a.mainlevel:hover,
a.sublevel:hover {
	text-decoration: none;
}

/* @end */


/* @group Content Styles */

/* @group Readon */

a.readon {
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	width: 114px;
	height: 24px;
	line-height: 24px;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 20px;
	line-height: 22px;
	float: left;
	overflow: hidden;
}

span.pathway img {
	float: none;
	vertical-align: top;
	width: 5px;
	height: 20px;
	padding-right: 15px;
}

span.pathway a {
	float: none;
	padding: 0 10px 0 0;
}

/* @end */#page3 .tail-top .tail-bottom .main #content .indent-main .box .border-top .border-right .border-left .corner-top-right .corner-top-left .indent-box .bg .bg1 .container .col-2 #plantable .plantableheader .center {
	color: #000;
}
#page3 .tail-top .tail-bottom .main #content .indent-main .box .border-top .border-right .border-left .corner-top-right .corner-top-left .indent-box .bg .bg1 .container .col-2 #plantable .plantableheader .center font {
	font-size: 16px;
}
#page3 .tail-top .tail-bottom .main #content .indent-main .box .border-top .border-right .border-left .corner-top-right .corner-top-left .indent-box .bg .bg1 .container .col-2 #plantable {
	text-align: center;
}

.unmeteredbold {
	font-weight: bold;
	color: #699ad6;
}

.grey-container
{
	position:relative;
	background:#f5f5f5 url('images/rounded-box/grey-bg.png');
	border:1px solid #d9d9d9;
	padding:10px 14px;
}

.grey-content
{
	background:#f5f5f5 url('images/rounded-box/grey-bg.png');
	border:1px solid #d9d9d9;
}

.grey-tr,.grey-tl,.grey-bl,.grey-br
{
	position:absolute;
	height:12px;
	width:14px;
}

.grey-tr,
.grey-tl
{
	top:-1px;
}

.grey-bl,.grey-br
{
	bottom:-1px;
}

.grey-tr
{
	background:#ebebeb url('images/rounded-box/grey-tr.png') no-repeat top right;
	right:-1px;
}

.grey-br
{
	background:#ebebeb url('images/rounded-box/grey-br.png') no-repeat bottom right;
	right:-1px;
}

.grey-bl
{
	background:#ebebeb url('images/rounded-box/grey-bl.png') no-repeat bottom left;
	left:-1px;
}

.grey-tl
{
	background:#ebebeb url('images/rounded-box/grey-tl.png') no-repeat top left;
	left:-1px;
}

.push
{
	margin-top:5px;
}

#feature-panel div
{
	float:left;
}
#included-panel div
{
	float:left;
}

.lowerpanel_text
{
	font-size: 11px;
	width: 150px;
	text-align: center;
	color: #666666;
}

.med-spacer
{
	background: url('images/tall-spacer.png') no-repeat top left;
	height:40px;
	width:2px;
	margin:5px 2px;
	margin-top:6px;
}

.tall-spacer
{
	background:url('images/tall-spacer.png') no-repeat top left;
	height:55px;
	width:2px;
	margin:5px 2px;
	margin-top:10px;
}

.pngfix{}

a:link,
a:visited
{
	text-decoration:none;
	color:#03F;
}

/* COMPARE PLANS
===========================================================================================================*/
#plantable td {
	border-bottom: 1px solid #ced8df;
	border-right: 1px solid #ced8df;
	padding: 0px 0px 0px 0px;
	height: 33px;
}
.plantableheadergreen td {
	background-color: #BAEA7B; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}

.plantableheaderorange td {
	background-color: #FFCB68; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}

.plantableheaderblack td {
	background-color: #b7b7b7; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}

.plantableheaderred td {
	background-color: #FF8E8E; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}

.plantableheaderresell td {
	background-color: #d8ebff; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 30px solid #FFFFFF; 
}
.planspecs td {
	font-size: 12px;
}
.planspecsH td {
	font-size: 12px;
	background: #ebf4ff;
}
.planspecsH2 td {
	font-size: 12px;
	background: #fff6ac;
}
.planCell1 {
	border-top: 1px solid #D5DADF;
	border-bottom: 1px solid #D5DADF;
	background: #f7f7f7;
	padding: 8px;
	font-size: 11px;
}
.planCell2 {
	padding: 8px;
	font-size: 11px;
}

.listCell1 {
	border-top: 1px solid #D5DADF;
	border-bottom: 1px solid #D5DADF;
	padding: 3px;
	font-size: 11px;
}
.listCell2 {
	padding: 3px;
	font-size: 11px;
}

.planbullet {
	font-size: 11px;
	padding-left: 19px;
	padding-bottom: 15px;
}
.planbullet ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../images/small-tick.png);
	line-height: 1em;
}
.planbullet li {
	margin: 0 0 5px 0;
}

a.moreinfo, a.moreinfo:active, a.moreinfo:visited {
	color: #fff; text-decoration: none;
}
a.moreinfo:hover {
	color: #fff; text-decoration: none; cursor: HELP;
}

.center td {
text-align: center;
}
#page2 .w .site_center .site_center1 .bg #content .indent_main .col2 #block .tr .tl .bl .br .width .indent_block.txt #plantable {
	text-align: left;
	color: #333;
}
.blackheader {
	color: #000;
} .plantableheaderpurple td {
	background-color: #EE82EE; // hex code for purple color here 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}