﻿.features {background-color:#f7f7f7;}
.features .list {float: left;width:250px;}
.features .list ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f7f7f7;
}
.features .list ul li 
{
	text-align: right;
	font-size: 9pt;
	margin: 0 0 0 10px;
	border-left: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	border-bottom: solid 1px #f7f7f7;
	padding: 3px 40px 3px 5px;
	color: #555555;
	font-weight: bold;
}
.features .list .on 
{
	background: white url('images/content/virtual-feature-arrow.gif') no-repeat 215px center;
	cursor: hand;
	border-top-color: #d6d2d0;
	border-bottom-color: #d6d2d0;
	border-left-color: #d6d2d0;
	color: #211C19;
}
.features .listdesc 
{
	padding: 0 0 0 20px;
	
	height: 400px;
	background-color: White;
	overflow: auto;
	
}
.features .listdesc h3 {color: #211C19;font-size: 14pt;font-family: Cambria, Georgia, serif;}
.features .listdesc h4 {color: #544740;font-size: 12pt;font-family: Cambria, Georgia, serif;}
.features .listdesc p, .features .listdesc ul li
{
	font-size: 10pt;
	color: #333333;
	line-height: 1.25em;
}
.features .priceline 
{
	clear: left;
	padding: 5px 10px;
	background-color: #0C0B07;
}

.features .priceline ul 
{
	float: right;
	list-style-type: none;
}
.features .priceline ul li 
{
	color: #f0f0f0;
	text-align: right;
	font-size: 10pt;
	font-weight: bold;
}
.features .priceline h4 
{
	color: #f0f0f0;
	font-style: italic;
	font-weight: bold;
	font-size: 12pt;
	padding: 0;
	margin: 10px;
}

.features .priceline a { text-decoration: none; color: #d0d0d0; }
.features .priceline a:hover { text-decoration: underline; color: white; }


.featureHeader {height:76px; background: white none repeate-x center center;}
.featureHeader h2 {margin:0;padding:0;color:white;font-size:13pt;height:53px;padding:23px 0 0 25px;}

.sharedHeader {background-image: url('images/content/shared-feature-bg.gif');}
.sharedHeader h2 {background: url('images/content/shared-plans.jpg') no-repeat left center;color:white; padding-left:150px;}

.virtualHeader {background-image: url('images/content/virtual-feature-bg.jpg');}
.virtualHeader h2 {background: url('images/content/virtual-server-plans.jpg') no-repeat left center;color:#f0f0f0; padding-left:90px;}

.personalHeader {background-image: url('images/content/personal-feature-bg.gif');}
.personalHeader h2 {background: url('images/content/personal-plans.jpg') no-repeat left center;color:white;}

.hostedEmailHeader {background-image: url('images/content/hosted-email-features-bg.gif');}
.hostedEmailHeader h2 {background: url('images/content/hosted-email-plans.jpg') no-repeat left center;color:black; padding-left: 100px;}



.optionsTable 
{
	border: solid 1px gray;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.optionsTable thead tr { font-size: 9pt; font-weight: bold; background-color: #c0c0c0; }
.optionsTable thead td, .optionsTable thead th
{
	font-family: font-family: Cambria, Georgia, serif;
	margin: 0;
	padding: 5px;
	text-align: left;
	border-bottom: solid 1px gray;
}
.optionsTable thead th { width: 120px; }
.optionsTable tbody td 
{
	margin: 0;
	padding: 5px;
	font-size: 9pt;
}
.optionsTable tbody .alt 
{
	background-color: #f0f0f0;
}

.blue { border-color: #38485C; }
.blue thead tr { background-color: #4D627D; }
.blue thead td, .blue thead th { color: white; border-bottom-color: #38485C }

.brown { border-color: #030303; }
.brown thead tr { background-color: #473A34; }
.brown thead td, .brown thead th { color: white; border-bottom-color: #030303; }

.red { border-color: black; }
.red thead tr { background-color: #2f0507; }
.red thead td, .red thead th { color: white; border-bottom-color: black; }
