﻿body {
	margin: 10px auto;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	background: #E7E7E7;
	cursor: default;}

a {
	text-decoration: none;
	color: #B60400;}

a:hover {
	color: #808080;}

a img {
	border: 0;}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 10px 0 5px 0;
	color: #B60400;}

	
h1 sup {
	font-size: 10pt;}
	
h2 {
	font-size: 1.3em;
	margin: 25px 0 0 0;
	color: #5D5D5D;}

.blue {
	color: #286ea0;}

#bg { 
	width: 760px;
	margin: 0 auto;
	height: 100%;
	padding: 6px 0px 0px 7px;
	background: transparent url(../images/bg.png) no-repeat;}

#bg-extension {
	width: 760px;
	margin: 0 auto;
	min-height: 100%;
	padding: 0px 10px 0px 0px;
	background: transparent url(../images/bg-extension.png) repeat-y;}

#main {
	padding: 9px 4px 0 2px;
	color: #303030;
	width: 742px;}

#bottom-fade table {
    text-align:center;
    width:650px;
    margin-left: auto;
    margin-right: auto;}

#bottom-fade {
    text-align:center;
    height:35px;
    margin-right: 11px;
    -moz-margin-start: 2px; /*firefox fix*/
	background: transparent url(../images/bg-bottom-fade.png) no-repeat bottom;}

#wrapper-title {
	clear: both;
	padding: 22px 10px 0 0;
	margin: 0px 0 3px 0;
	height: 50px;
	color: #808080;}

#signin {
    float: right;
    margin-top: 10px;}

#pagetitle {
    float:left;
    padding-left:80px;
    margin-top: -15px;
    cursor: pointer;}

#pagetitle h1 {
    margin:0px; /* fixes space issue in firefox */}

#wrapper-title form, input {
	font-size: 0.95em;}


#titleimage {
	background: transparent url(../images/logo.gif) left no-repeat;}


#title {
	float: left;
	font-size: 14pt;
	font-weight: bold;
	padding: 0;
	background: transparent url(../images/logo.gif) left; }

#wrapper-nav {
	clear: left;
	float: left;
	width: 200px;
	margin: 0 0 15px 0;
	padding: 0;}

#wrapper-nav-index {
	clear: left;
	float: left;
	width: 200px;
	margin: 10px 0 15px 0;
	padding: 0;
	background-color:#fff;}

#main-nav {
	list-style: none;
	margin: 0;
	padding-top: 5px;
	font-size: 12pt;
	font-family: "Trebuchet MS";
	height: 520px;
	background-color: #fff;}

.inner-nav {
	list-style: none;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	padding-top:0;
	font-size: 12pt;
	color:#000;}
	
.inner-nav-index {
	list-style: none;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	padding-top:0;
	font-size: 12pt;
	color:#000;}

.inner-nav-index li {
	-moz-margin-start:-40px;} /*firefox fix*/

.inner-nav li {
	-moz-margin-start:-40px;} /*firefox fix*/

body:last-child:not(:root:root) .inner-nav-link {margin-left: -40px;}  /* safari fix */

.inner-nav-link {
	text-decoration: none;
	font-size: 10pt;
	margin: 0;
	color: #000;}

body:last-child:not(:root:root) .main-nav-link {margin-left: -40px;}  /* safari fix */

.main-nav-link {
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #D1372F;
	width: 188px;
	padding: 0px 10px 0px 10px;
	-moz-margin-start:-40px; /*firefox fix*/
	width: 188px;
	background: url(../images/main_nav_gradient.jpg) repeat-y;}
	
.module-sideinfo a:hover {
	color: #761F1B;}

.module-sideinfo {
	margin: 0px 0 20px 0;
	padding: 3px 10px 5px 10px;
	width: 180px;
	color: #fff;
	background: top #A6A6A6 url(../images/bgTopSideInfo.jpg) repeat-x;}

.module-sideinfo p {
	margin: 0;
	padding-bottom: 5px;}

.module-sideinfo h1 {
    padding-top: 0px;
    margin-top: 7px;
    padding-bottom:5px;
	font-size: 12px;
	color: #333;}

.module-sideblob {
	margin: 0px 0 20px 0;
	padding: 10px 10px 5px 10px;
	width: 180px;
	color: #5D5D5D;
	background: #fff;}

.module-sideblob h3 {
    font-size: 12px;
	color: #333;}

.module-sideblob ul {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;}

.module-sideblob li {
    margin-top: 10px;
    margin-bottom: 10px;
    -moz-margin-start: -40px;} /*firefox fix*/

.module-sideblob img, .module-sideinfo img {
    padding-bottom: 5px;}

.module-sideblob .feedback-source {
    padding-top: 5px;
	font-size: 12px;
	color: #666;
	font-style:italic;
	text-align: right;
	padding-bottom: 40px;}

.infobox {
	border: 1px solid #ccc;
	background: #f4f4f4;
	padding: 1px;
	margin-top: 5px;}

.infobox p {
	padding: 3px;
	margin: 0;}

.content-rightbox {
	float: right;
	width: 273px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-left: 1px solid #DDD;
	color: #5D5D5D;
	line-height: 1.5em;}

.content-jumpbox {
	float: right;
	width: 240px;
	margin: 15px 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	color: #5D5D5D;
	background-color: #F7F7F7;
	line-height: 1.5em;}

.content-rightbox p, .content-jumpbox p {
	margin: 0px;
	font-size: 90%;}

.content-rightbox a, .content-jumpbox a {
	display: block;	
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;}

.content-jumpbox ul {
    margin-top: 0px;
    list-style-type:none;}

#picFeatures {
	border-top: 5px solid #fff;

	margin:  0 0 5px 155px;
	padding: 30px 10px 5px 320px;
	-moz-margin-start:200px; /*firefox fix*/
	background: left top  url(../images/picFeaturesSplash.jpg) no-repeat;
	height: 122px;}

#picFeatures h2 {
	margin: 0px;
	padding: 0px 0 4px 0px;
	font-size: 18pt;
	font-family: "Trebuchet MS";
	font-weight: normal;
	color: #666666;}

#picFeatures p.title1 {
	font-size: 10pt;
	margin-bottom: 5px;
	font-weight: normal;
	color: #666666;}

#picContact {
	border-top: 5px solid #fff;

	margin:  0 0 5px 155px;
	padding: 30px 10px 5px 30px;
	-moz-margin-start:200px;
	background: right top  url(../images/picContactSplash.jpg) no-repeat;
	height: 122px;}

#picContact h1 {
	margin: 0px;
	padding: 0px 0 4px 0px;
	font-size: 18pt;
	font-family: "Trebuchet MS";
	font-weight: normal;
	color: #666;}

#picMyCompany {
	border-top: 5px solid #fff;
	margin:  0 0 5px 0;
	padding: 60px 10px 5px 13px;
	-moz-margin-start:200px;
	background: right top  url(../images/picMyCompany.jpg) no-repeat;
	height: 93px;}

#picMyCompany h2 {
	margin: 0px;
	padding: 0px 0 4px 0px;
	font-size: 18pt;
	font-family: "Trebuchet MS";
	font-weight: normal;
	color: #5D5D5D;}

#pic {
	margin:  0 0 5px 0px;
	background: #fff right bottom  url(../images/pic.jpg) no-repeat;
	height: 303px; }/*154px;*/

#pic h1 {
	margin-top: 5px;
	padding: 0px 0 2px 0px;
	font-size: 20pt;
	font-family: "Trebuchet MS";
	font-weight:normal;
	color: #666666;}
	
#pic h1#title5 {
	font-size: 14pt;
	-moz-margin-start: 40px; /*firefox fix*/
	font-weight: normal;
	color: #666666;}

#pic h1#title2 {
	font-size: 10pt;
	-moz-margin-start: 40px;
	font-weight: normal;
	color: #666666;}

.title3 {
    font-family: "Trebuchet MS";
    font-size: 27px;
    color:white;
    font-weight: bold;}

.title4 {
    color:white;
    font-size: 22px;}

#docPic {
	border-top: 5px solid #fff;

	margin:  0 0 5px 155px;
	padding: 0px 10px 5px 6px;
	background: url(../images/docPic.jpg) no-repeat;
	height: 152px;}

#docPic h2 {
	margin: 0px;
	padding: 15px 0 2px 5px;
	font-size: 14pt;
	color: #666666;}
.content-leftbox {
	margin: 0 300px 0px 200px;
	padding: 5px 10px 5px 10px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;}

.content-centerbox {
	margin: 0 0px 20px 200px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #5D5D5D;
	clear:right;}

.content-centerbox ul, .content-leftbox ul {
    margin-left:15px;}

.content-leftbox a, #content-leftbox a:visited {
	text-decoration: underline;	}

.content-leftbox p {
	padding: 0;
	margin: 0;}

.image-with-caption {
    font-style: italic;}

#downbox {
	margin: 0px 10px 15px 10px;
	border: 1px solid #819CD7;
	background: #CDE1F9;}

#downbox p {
	padding: 6px;
	margin: 0;}

#footer {
	clear: both;
	color: #808080;
	font-size: 0.8em;
	padding: 10px 10px 10px 5px;
	margin: 10px 5px 0px 200px;}

#footer a {
	text-decoration: underline;
	color: #3A6794;}

#footer a:hover {
	color: #000;}

#footerNav 
{
    text-align:center;
    width: 635px;
    padding-top: 40px;}

#footerNav li {
    display:inline;
    font-size: 11px;}

#footerNav li a {
    padding:0 5px 0 5px;
    border-right:1px solid #194979;}

table#comparisons {
  font-size:8pt;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin-top: 8px;
  width:100%;}

#comparisons td, #comparisons th {
  border: 1px solid #ddd;
  text-align: center;
  padding:0px;}

#comparisons .costs td {
  font-weight:bold;
  text-align:center;}

#comparisons td.nm {
  
  text-align:left;
  font-weight: normal;}

#comparisons th {
  color: #545454;}

#comparisons tbody th {
  background-color: #e9e9e9;
  text-align: left;
  font-weight: bold;}

#comparisons tbody th, #comparisons tbody td {
  padding-left: 5px;}

#comparisons tfoot p {
  margin:2px;
  text-align:left;}

div#divSingleProduct {
    float: left;
    background: #fff url(../images/picBusinessPlan.jpg) top left;
    width: 254px;
    height: 163px;
    margin-bottom: 15px;}

div#divMultipleProduct {
    float: right;
    background: #fff url(../images/picEnterprisePlan.jpg) top right;
    width: 254px;
    height: 163px;
    margin-bottom: 15px;}

div#divSingleProduct h2, div#divMultipleProduct h2 {
    font: 18px "Trebuchet MS";
    color: White;
    padding-left: 14px;
    margin-bottom: -7px;
    margin-top: 7px;}

div#divSingleProduct p, div#divMultipleProduct p {
    font: 14px "Trebuchet MS";
    color: black;
    padding-left: 14px;
    padding-top: 0px;
    margin-bottom: 0px;}

span.productPrice {
    font-weight:normal;
    font-size:9pt;
    margin:0;
    padding-left:14px;}

table#registrationForm td {
    color: #666666;
    font-size: 12px;}

table.inputForm td {
    color: #666666;
    font-size: 12px;}

h1.heading {
    color: #D1372F;
    font: 14pt "Trebuchet MS";
    margin-bottom: 10px;}
    
span.field-info {
    font: 10px "Trebuchet MS";
    color: #888;}

.infoBox {
    clear:right;}

.infoBox p {
    padding:4px;}

.infoBox h2 {
    padding:0 4px 0 4px;}

.infoBoxTitle {
    background-color: #FFF;
    height: 35px;
    clear:right;
    padding: 5px;}
    
.price-box {
    float:right;
    padding-left: 8px;
    padding-right: 35px;
    padding-top: 25px;
}

.pie-chart-box {
    float:right;
    padding-left: 8px;
    padding-top: 115px;
}

.price-table
{
    border-collapse:collapse;
    width: 520px;
    margin-top: 30px;
    color: #666;
}

table.price-table td h3 {
    font: normal 16pt "Trebuchet MS";
    margin: 0;
}

table.price-table td h2 {
    font: normal 20pt "Trebuchet MS";
    margin: 0;
}