body
{
	margin:0px;
	background:#fff;
	font-family: "Trebuchet MS", verdana;
	text-align:-moz-center;
	#text-align:center;
}

form
{
	margin:0px;
}

#header
{
	width:100%;	
	background: url('../images/nav-outer_bg.png') repeat-x;
	height:50px;
	margin-right:auto;
	margin-left:auto;	
	border-top: 1px solid #dadada;
}

#header .content
{
	float:right;
	text-align:right;
}

#preheader
{
	width:920px;
	background: #fff;
	height:75px;
	margin-right:auto;
	margin-left:auto;	
}

#preheader .logo
{
	float:left;
	padding-left:10px;
	padding-top:5px;
}

#preheader .logo img
{
	border:0px;
}

#preheader .logo h1 a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(web_logo_mailvivo.png) no-repeat scroll 0 0px;
	display:block;
	height:44px;
	text-decoration:none;
	text-indent:-9999px;
	width:236px;
	margin-top:-15px;
	margin-left:10px;
}

#preheader .content .call
{
	margin-top:13px;
	font-family:tahoma;
	font-size:12px;
	color:#939598;
	float:right;
	margin-right:25px;
}

#navigation
{
	width:920px;
	background: url('../images/nav-inner_bg.png') repeat-y left;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding:15px 15px 0px 25px;
	font-size:13px;	
	height: 35px;
}

#navigation a
{
	color:#666666;
	text-decoration:none;
	margin-left:15px;		
	padding:0px 5px;
}
#navigation a:hover
{
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#CCCCCC;
	color:#666666;
	padding:2px 5px;
}
#navigation a.selected {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#666666;
	color:#fff;
	padding:2px 5px;
	font-weight:bold;
}

#navigation a.selected:hover {
	border-bottom:0px;
}

#navigation .app_links {
	float:right;	
	margin-right:30px;
}

#navigation .app_links a:hover {
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	background-color:transparent;	
}

#navigation .free_account {
	color:#388ca2;
	text-shadow: 0px 2px 2px #e6eff8;
	font-weight:bold;
}

#navigation .feature:a {
	color:#388ca2;
	text-shadow: 0px 2px 2px #e6eff8;
	font-weight:bold;
}

#navigation .div
{
	display:inline;
	margin-left:30px;	
}

#banner {
	width:100%;
	margin-right:auto;
	margin-left:auto;	
	width:100%;
	height:165px;			
	background-image:url('../images/top-bar-bg.jpg');
	background-repeat:repeat-x;	
}

#banner div {	
	width:920px;	
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 0px 0px 0px;
}

#banner h2 {	
  text-shadow: 0px 2px 2px #ac6416;
	color: white;	
	font-size:54px;	
	font-weight:100;
	margin: 0;	
	padding: 0;
	padding-top:15px;
	border: 0;
	outline: 0;	
	background-color: transparent;
	letter-spacing: -1px;
}

#banner h4 {
	color: white;	
	font-size:18px;
	font-weight:100;	
	margin: 0;
	padding: 0;
	padding-top:5px;	
	border: 0;
	outline: 0;	
	background-color: transparent;	
}

#flashbanner {
	width:960px;
	margin-right:auto;
	margin-left:auto;		
	text-align:left;
	background: url('../images/bg_fire.jpg') no-repeat;
}

#flashbanner h1 {		
	text-shadow: 0px 2px 2px #ac6416;
	color: white;	
	font-size:34px;
	font-weight:150;
	margin: 0;	
	padding: 0;
	padding-top:45px;
	padding-bottom:15px;
	padding-left:12px;
	border: 0;
	outline: 0;	
	background-color: transparent;
	letter-spacing: -1px;		
}

#flashbanner h2 {
	text-shadow: 0px 2px 2px #fda342;	
	color: #ab3a03;	
	font-size:22px;
	font-weight:100;	
	margin: 0;
	padding: 0;
	padding-top:2px;	
	padding-left:12px;
	border: 0;
	outline: 0;	
	background-color: transparent;	
	//letter-spacing: -1px;
}

#flashbanner h1 strong
{
	font-weight: bold;
	background-color: #FFFF00;
	color: #666666;
	padding:5px;
}


.paper {
	background:url("../images/paper-wide.png") no-repeat scroll left bottom transparent;
	margin:0;
	padding:0 0 10px;
	position:relative;
}

.paper div
{	
	color:#6d6e71;
	font-size:13px;
	line-height:20px;
	font-weight:light;	
}

.paper p
{
	margin-left:20px;
}

.paper a
{
	color:#6d6e71;
	text-decoration:none;
	border-bottom:0px;
	border: 0;
	outline: 0;
}

.paper-top {
	margin-top: 20px;
}

.paper h4 {
	background:url("../images/paper-wide.png") no-repeat scroll left top #FFFFFF;
	padding:15px 80px 0 20px;
	text-shadow: 0px 1px 1px #ffffff;
	font-style:italic;
}

.paper p {
	font-style:italic;	
}

.paper img {
	background-color: #f7f8ef;
	border: 0;
}

.paper li {
	padding-bottom: 8px;
}

#the-form {
	background:url("../images/form-top.png") no-repeat scroll center top transparent;
	margin-top:5px;
	margin-left:5px;
	padding-top:15px;
	position:absolute;
	width:450px;	
	font-size:16px;
	color:#6d6e71;
}

#the-form .label { 
	margin-top:3px;	
	margin-bottom:3px;	
	text-shadow: 0px 1px 1px #B3E4EC;
	letter-spacing: -1px;
}

#the-form fieldset { 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-shadow: 0px 1px 1px #B3E4EC;
	border-width: 2px;
	margin-top: 20px;
	width:150px;
	float: left;
}

#the-form .label small { 
	font-size: 11px;
	padding-left:10px;	
}

#the-form ol,ul {
	list-style:none;	
}

#the-form li {
	padding:0px;	
	margin:0px;
}

#the-form li div {
	margin-top: 20px;
}

#the-form li a {
	text-decoration:none;
}

#the-form li a:hover {
	text-decoration:none;
}

#the-form input, select, textarea { 
	color: #666;
	font-size: 120%;	
	font-weight: bold;	
	border: solid 1px #9EB7D8;
	background: #fff url('../images/input.png') 0 -2px repeat-x;	
	padding: 2px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#the-form input:focus, select:focus, textarea:focus { 
	background-color: #ffc;
	background-image: none; 
	border: solid 1px #cc8;
}

input#submit {
	background: url('../images/submit_sprite.png') no-repeat scroll left top;
	display: block;
	height: 52px;
	width: 275px;
	border: none;
	color:#2C6C8F;
	font-size: 16px;
	font-weight: bold;
}
input#submit:hover {
	background-position: 0 -52px;
}
input#submit:active {
	background-position: 0 -104px;
}

#the-form label.error {
	color: #CC0000;
	background: #FFB9B9;
	font-weight: bold;	
	font-size: 12px;
	padding: 5px;
	padding-left:15px;
	background:url("../images/alert.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:20px;
}

#form-end {
	background:url("../images/form-bottom.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:13px;
	width:450px;
}

.form-main {
	background:url("../images/form-middle.png") repeat-y scroll 0 0 transparent;
	color:#484848;
	overflow:hidden;
	padding:0 30px 25px;
	width:450px;
}

#content .didyouknowmini {	
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	background-color:#F1EEE5;
	border:1px solid #D5D6D7;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	margin-top:25px;
}

#content .button:hover {
	background-color:#63cad9;	
}

#content .didyouknow {	
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-color:#F1EEE5;
	border:1px solid #D5D6D7;
	clear:both;
	margin:30px 0;
	overflow:hidden;
	padding:20px;
	text-align:left;
}

#content .didyouknow p {
	font-family:Georgia,Geneva,Times New Roman,sans-serif;
	color:#666666;
	font-size:22px;
	line-height: 30px;
	font-weight:500;
	letter-spacing:normal;
}

#content .didyouknow p a {
	color: #3366CC;
	border-bottom: 1px solid;
}

#content .didyouknow p a:hover {
	color: #003399;
}

#content .pricing  {
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 #FBF7ED;
	margin-bottom:15px;
	padding:15px;	
	border:1px solid #CCCCCC;
}

#content p {	
	font-size: 14px;
	color: #444444;
}

#content .leadText .small {	
	font-size: 12px;
	text-align: center;
}

#content .leadText .benefits {	
	font-size: 11px;
}

#content .leadText .benefits b {	
	font-size: 14px;
	font-weight: bold;
	display: block;
}

#content .leadText .cta {	
	float:right;
	margin:15px 20px 10px 10px;
}

#content .leadText .cta a {
	border-bottom:0px;
	text-decoration:none;
}

#content .leadText .cta img {
	border:0px;
}

#flashbanner img,
#flashbannerSmall img
{
	border:0px;
}

#content
{
	width:898px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#content p strong,
#content li strong
{
	font-weight: bold;
	background-color: #FFFACB;
}

#content .homepageColLeft
{
	width:305px;
	text-align:left;
	float:left;
}

#content .homepageColCenter
{
	width:305px;
	text-align:left;
	float:left;
}

#content .homepageColRight
{
	width:288px;
	text-align:left;
	float:left;
	padding-bottom:10px;
}

#content .contentColLeft
{
	width:500px;
	text-align:left;
	float:left;
	padding-bottom:10px;
	margin-right: 20px;	
}

#content .contentColRight
{
	width:378px;
	text-align:left;
	float:left;
	padding-bottom:10px;
}

#content h1
{
	font-size:28px;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
}

#content h2
{
	font-size:18px;
	margin:0px;	
}

#content h3
{
	font-size:18px;	
  font-style:italic;
}

#content .normalText
{
	padding-left:7px;
	color:#6d6e71;
	font-size:13px;
	line-height:20px;
	font-weight:light;
}

#content .leadText
{
	padding-left:10px;
	padding-right:10px;
	color:#444444;
	font-size:14px;
	line-height:25px;
	font-weight:light;
}

#content .leadText ul
{
	list-style-type:square;	
}

#content .leadText li
{
	line-height:30px;	
}

#content .leadText h2 span
{
	background:url("../images/red-underline.png") no-repeat scroll 0px 5px transparent;
	padding:5px 0 10px 0px;
}

#content .normalText a,
#content .leadText a,
#content .proceed a
{
	color:#3366cc;
	text-decoration:none;
	border-bottom:1px dotted;
}

#footer
{	
	width:100%;
	height:225px;
	background-image:url('../images/footer-slice.jpg');
}

#footer .middle
{
	width:885px;
	height:225px;
	background:url('../images/footer.png') no-repeat left;
	margin-right:auto;
	margin-left:auto;
	font-size:11px;
	line-height:16px;
	font-family:tahoma;
	margin-top:5px;
	margin-bottom:5px;
	color: #fff;
	text-align: left;
}

#footer .middle div
{
	float:left;
	width:190px;
	padding-left:15px;
	padding-right:15px;
}

#footer .middle a
{
	text-decoration: none;
	color: #fff;
}

#footer .middle a:hover
{
	text-decoration: underline;
}

#footer .middle .col_1 {
	width:350px;
	height: 220px;
	background:url('../images/divider.png') no-repeat right;
}

#footer .middle .col_2 {
	width:100px;	
	height: 220px;
	background:url('../images/divider.png') no-repeat right;
}

#footer .middle .col_3 {
	width:100px;
	height: 220px;
	background:url('../images/divider.png') no-repeat right;
}

#footer .middle .col_4 {
	width:210px;
	height: 220px;
	background:url('../images/divider.png') no-repeat right;
}

#footer .middle div ol,ul {
	list-style:none;	
}

#footer .middle div li {
	padding:0px;	
	margin:0 0px;
	line-height:25px;
}

#footer .middle div ul {
	padding:0px;
}

#footer .middle div h1 {
	font-size:11px;
	font-weight: normal;
	line-height:20px;
}

#footer .middle div h6 {
	font-size:12px;
	font-weight: bold;
	line-height:20px;
	padding 0 0 20px;
	text-transform: uppercase;
	margin-bottom: -5px;
	margin-top: 15px;
	text-shadow: 0px 1px 2px #974000;	
}

#footer .middle a.sign-up {
	background-image:url("../images/tryitnow_footer.png");
	clear:left;
	display:block;
	height:72px;
	margin:-3px 0 3px -4px;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	width:223px;
}

#footer .middle img {
	border: none;
}

#footer .middle img a:hover {
	text-decoration: none;
}

.br
{
	clear:both;
}

.tooltip
{
	display:none; 
	position:absolute; 
	border: solid 3px #333333;      
	background: url('../images/input_bg.jpg') repeat-x left top;
	padding: 10px;      
	font-family:tahoma;
	font-size:12px;
	text-align: left;
}

.row {
	border-bottom:1px solid #EAEAEA;
	display:block;
	margin-bottom:20px;
	overflow:hidden;
	padding-bottom:20px;
	width:100%;
}

.beta {
	color: #FFFFFF;
	background: #00CC00;
	font-weight: normal;
	line-height:10px;
	font-size: 9px;
	padding: 2px;	
	text-decoration: none;
}

.feature_outer
{	
	width:415px;		
	height:66px;
	margin-right:auto;
	margin-left:auto;	
	margin-left:150px;
	margin-top:20px;	
}

.feature_outer img
{	
	float:left;
	padding-right:8px;
	margin-left:-8px;
}

.feature_power
{
	background: url('../images/feature_power.png') no-repeat;
}

.feature_alert
{
	background: url('../images/feature_alert.png') no-repeat;
}

.feature_info
{
	background: url('../images/feature_info.png') no-repeat;
}

.feature
{	
	color: #333333;
	text-shadow: 0px 1px 1px #ffffff;
	font-size:11px;	
	padding-left:20px;
	padding-top:17px;
	padding-right:60px;
}

.feature strong
{
	color:#388ca2;
}

#content_alt {
	background:url("../images/gradient.png") no-repeat scroll 0 0 #FCFCFC;
	padding:10px 0px 10px;
	width:505px;
}

#content blockquote {
	background-image:url("../images/bg_quote.jpg");
	background-repeat:no-repeat;
	color:#666666;
	float:right;
	font-family:Verdana,sans-serif;
	font-size:11px;
	padding:15px;
	text-align:left;
	width:165px;
}

#content div.quote_bg {
	background:url("../images/quote_bg_sml.jpg") repeat-y scroll left top transparent;
	clear:both;
	display:block;
	height:100%;
}

#content div.quote_top {
	background:url("../images/quote_top_sml.jpg") no-repeat scroll left top transparent;
	clear:both;
	display:block;
	height:100%;
}

#content div.quote_bottom {
	background:url("../images/quote_bottom_sml.jpg") no-repeat scroll left bottom transparent;
	clear:both;
	display:block;
	height:100%;
	padding:5px 25px 25px;
}

#content div.quote_bottom p {
	font-size: 13px;
}
.pinfo
{
	width:100%;
}
.pinfo td
{
	text-align:center;
	height:30px;	
}
.pinfo th
{
	background:#e6e6e6;
	background-image:url("../images/table_header_bg.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:normal;
	border-bottom:1px solid #ccc;
	text-align:center;
	height:50px;	
}

.pinfo img {
	border: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.icon-left {
	float: left;
	margin: 15px 10px 0 0;
	border: 0;
}

#content .breadcrumb {
	color: #999999;
 	display: inline-block;
	height: 26px;
	line-height: 26px;
  padding-bottom: 10px;
  text-decoration: none;
  vertical-align:baseline;
  font-size: 11px;
}

#content .breadcrumb a {
	color: #999999;
  border-bottom:0px;
}

#content .breadcrumb b {
	color: #333333;
}