/* CSS Document */

/* vim: set tabstop=4 textwidth=120 foldmethod=marker: */


/* {{{ Elements */
* { margin: 0; padding: 0;  }

html {
 	height: 110%;
	margin-bottom: 1px;
	margin-left:		1px;

}

body {
	height:				94%;
	color:				#444;
	font-family:		Verdana,  Helvetica, sans-serif, Arial;
	font-size:			10pt;
	background:			#666 url('../images/background.jpg') top repeat-x;
	padding:			0px; 
	

	padding-bottom:		10px;
}

h1 {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		35px;
	color:			#FFF;
	line-height: 1.3em;
}

h2 {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		22px;
	color:			#FFF;
	margin-top:		5px;
	margin-bottom:	0.75em;
	margin-bottom:	0.25em;
	line-height: 1.3em;
	
}

h2.blog {
    color : #444444;
    font-size: 115%;
    font-family: Verdana;
}

h2.blog a {
    color: #444444;
}

h2.blog a:hover {
    color: #0066CC;
}

h2.first {
	margin-top:		0;
}

h3 {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		9pt;
	font-weight:	bold;
	color:			#333;
	margin-top:		20px;
	margin-bottom:	0;
}
h3 a {
	color:	#0066CC;
}

h3.first {
	margin-top: 	0;
}

p, ol, dl {
	margin-top:		0;
	margin-bottom:	1.0em;
}

a:hover
{
	text-decoration:	underline;
}

ul{
	list-style:		disc;
}

li {
	position: relative;
	margin-top:		10px;
	margin-bottom:	0.25em;
}

img {
	border:none;
}

table {
	border:			none;
	margin-top:		0.0em;
	margin-bottom:	1.0em;
}

a {
	color:				#0066CC;
	text-decoration:	none;
}

a.bullet
{
	background-image:		url('/images/sub-nav-bullet.gif');
	background-repeat:		no-repeat;
	background-position:	0px .4em;
	padding-left:			10px;
}

div.hr {
	clear:				both;
	height:				1px;
	margin:				0;
	padding:			0;
	margin-bottom:		1.0em;
	background-color:	#999;
}

div.hr hr {
	display:			none;
}
/* }}} Elements */
p.feature{
width:670px;
}
.relative { position: relative; }

.page {
	position: 			relative;
	float: 				left; 
	width:				750px;
	margin: 			auto;
	padding:			0px 0px 0px 0px;
	text-align:			left;
	background:			white url('/images/leftbar.gif') repeat-y 2px 0px;
	/*border-right:		solid 1px #CFCFCF;
	border-left:		solid 1px #CFCFCF;
	border-bottom:		solid 1px #CFCFCF;
	*/
	min-height:			100%;
	z-index: 			0; 
}

* html .page {
	height:				100%;
}

.page.nobg {
	background: white url('/images/content-bg.gif') repeat-x 0px 100px;
}

.page.homepage {
	min-height:			0;
	background:			white;
	color:				#303030;
}

#header {
	position:			relative;
	float:				left;
	border-left:		2px solid white;
	border-right:		2px solid white;
	height:				88px;
    width:              746px;
    background:         white url('/images/header-bg.gif') repeat-x 0px 0px;
	margin-top:			0px;
}

#body-left{
	position:			relative;
	clear:				left;
	float:				left;
	width:				195px;
	background:			transparent;
	margin:				0px 2px 0px 0px;
	padding-left:		2px;
	_margin-left:		1px;
	_padding-left:		0px;
	top:				30px;
	bottom:				0px;
	_height:			100%;
}

#body-left h3 {
	position:			relative;
}

#search-right {
	position:	relative;
	right: 	-3px;
	float:	right;
	width: 	200px;
}

#search-left {
	position:	relative;
	float:	left;
	left:	2px;
	width:	550px;
}

#body-right{
	position:			relative;
	float:				right;
	_clear:				both;
	width:				549px;
	background:			#fff;
	top:				0px;
	left:				-2px;
	bottom:				0px;
	margin:				30px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
}

#body-right-wide {
	width: 730px;
	margin:0px;
	padding:0px;
}

#footer {
	clear:				both;	
	background-color:	#FFFFFF;
	color:				#888;
	text-align:			center;
	font-size:			8pt;
	height:				42px;
	width: 750px;
	border-top:			1px solid #666666;
	padding:			10px 0 20px;
}
#footer-align {	
	margin:auto;
	
	width:800px;
	}
#footer_images {
	clear:				both;	
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#FFFFFF;
	color:				#888;
	text-align:			center;
	font-size:			8pt;
	margin-left:		0px;
}
#footer_images img {
	margin-right:		24px;
}

#footer a {
	color:				#888;
}
#footer a:hover {
	color:				#0066CC;
}
a#rack_logo {
	color:#B31E00;
}
a#rack_logo:hover {
	color:#B31E00;
}

#footer div {
	/*margin-right: 10px;*/
	text-align:center;
}
a.vt-ribbon {
	background:		url('/images/vt_ribbon_color_bw.png') 31px 0px;
	float:			left;
	display:		block;
	margin-left:	5px;
	height:			44px;
	width:			31px;
}
a.vt-ribbon:hover {
	background-position:	0px 0px;
}

#logo a {
	text-align:				center;
	font-size:				7pt;
	font-family: Arial;
	color:					#333;
	text-decoration:		none;
	width:					179px;
	height:					88px;
	display:				block;
	margin-right:			14px;
	padding-top:			0px;
	line-height: 1.4;
}

/* added h1 to entire logo, for SEO purposes */
#logo h1 {font-size:100%;padding:0;margin:0;font-weight:normal;color:#333}

/* Sub nav */
#top-links {
    position: absolute;
    top: 5px;
    left: 435px;
    font-family: verdana;
    font-size: 10px;
    width: 400px;
}

#top-links img
{
    margin-bottom: -5px;
}

#top-links a
{
    color: #3F4240;
}

#top-links a:hover
{
    color: #0066CC;
}

#top-nav {
	margin:				0;
	padding:			0;
	list-style:			none;
	position:			absolute;
	left: 409px;
	width: 400px;
	top:44px;
	height:56px;
}

#top-nav li {
	float:left;
	font-size: 11px;
	text-align: center;
	height:	56px;
	margin:0 12px 0 0;
}

#top-nav li a {
	color: #000;
}

#top-nav #live-chat
{
    background: white url('/images/icon-chat-small.gif') no-repeat 0px 1px;
    padding-left: 22px;
	padding-top:3px;
}

#top-nav #contact-us
{
    background: white url('/images/icon-call-small.gif') no-repeat 0px 1px;

	padding-top:3px;
	font-size:15px;
	font-weight:bold;
}
#contact-us li{
font-size:16px;
}
#top-nav li a:hover {
	color: #0066CC;
}


#top-nav h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			8pt;
	font-weight:		bold;
	text-decoration:	none;
	letter-spacing:		0px;
	color:				#666;
}

/* Main nav */
#main-nav {
	width:746px;
	height:28px;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:0;
	top:88px;
	background-image:url(images/main-nav-bg.gif);
	background-repeat:repeat-x;
}

#main-nav li {
	display:block;
	margin:0;
	padding:0;
	background:none;
	float:left;
	background-repeat:repeat-x;
	background-image:url(images/main-nav-divider.gif);
	background-position: 0 -1px;
}

#main-nav li.no-div
{
    background-image: none;
}

#helpMeChoose {
    position: absolute;
    top: 368px;
    left: 15px;
}

#helpMeChoose h2 {
	font-weight: normal;
    font-size: 12px;
    font-family: Verdana;
	margin: 0 0 2px 5px;
	line-height: 1em;
	color: #444;
}

#helpMeChoose a 
{
    font-size: 10px;
    font-family: Verdana;
}

#helpMeChoose img 
{
    margin-bottom: -4px;
}

#search-nav {
    height: 26px;
    margin: 0;
    padding: 0;
    left: 555px;
    width: 200px;
    position: absolute;
    top: 92px;
    !top: 92px;
}

#search-nav input
{
    font-size: 11px;
}

#main-nav li a {
	background-repeat:repeat-x;
	background-image:url(images/main-nav-item-bg.gif);
	display:block;
	color:#fff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	height:28px;
	margin:0;
	margin-right:1px;
	text-decoration:none;
	text-align:center;
	line-height:27px;
	overflow:hidden;
    padding-right: 2px;
}

#main-nav-email-services a { 	width:172px; }
#main-nav-email-marketing a { 	width:115px; }
#main-nav-promise a { 			width:125px; }
#main-nav-technology a { 		width:91px; }
#main-nav-customers a {			width:124px; }
#main-nav-blog a {				width:102px; }
#main-nav-about-us a { 			width:85px; }
#main-nav-resellers a { 		width:133px; }

#main-nav #main-nav-email-hosting { margin-left:1px; }

#main-nav li a:hover {
	background-image: url('images/main-nav-active-bg.gif');
}

#main-nav li a.active,
#main-nav li a.active:hover {
	background-image: url('images/main-nav-active-bg.gif');
}

#main-nav li a img.down-arrow {
	position: relative;
	top: -1px;
	left: 5px;
}


/* Sub nav */
div#sub-nav,
div#blogCategoryList {
	margin-bottom:7px;
	position:	relative;
	border-top: 1px solid #CECFCE; 
	border-bottom: 1px solid #CECFCE;
	padding-bottom:-1px;
}
.sub-menu {
	margin-top:	10px;
}
.left-button {margin:3px 0 7px}
#blogCategoryList h1,
#blogSubscribeWidget h3,
#blogArchiveList h3
{
	background-color:	#4C86CA !important;
	color:				#FFF;
	font-size:			11px;
	font-weight:		bold;
	margin:				0;
	padding:			3px 7px;
	letter-spacing:		0px;
}

#sub-nav-header
{
	color:				#666;
	font-size:			10px;
    font-family:        Verdana;
	font-weight:		bold;
    margin-top:         -8px;
    margin-bottom:      5px;
    margin-left:        0px;
	padding:			3px 0px 3px 9px;
	letter-spacing:		0px;
    background-color: transparent;
}

* html #sub-nav h1,
* html #blogCategoryList h1,
* html #blogSubscribeWidget h3,
* html #blogArchiveList h3
{
	padding-top: 3px;
}

#sub-nav ul, 
#blogCategoryList ul, 
#blogSubscribeWidget ul, 
#blogArchiveList ul,
#email_menu,
#why_menu,
#customers_menu
{
	list-style:none;
    margin: 0;
	padding:0;
}
#email_menu li,
#customers_menu li,
#why_menu li
{
	background-color: #fff;
    margin: 0;
	padding: 0 10px 0 0px;
}
#email_menu h3, #why_menu h3, #customers_menu h3 {padding:0;margin:0;color:#303030;font-size:100%;font-family:
    Verdana;}

#sub-nav li, #blogCategoryList li {
	background-color:#fff;
	border-bottom:1px solid #F2F2EB;
	margin:0px;
	padding:0px;
}

#sub-nav li.last, #blogCategoryList li.last {
    border-bottom-width: 0px;
}
#main-content {
width:690px;
margin-left: 20px;
line-height:20px;
}
#main-content-lp {
width:350px;
margin-left: 20px;
margin-right: 10px;
line-height:20px;
}

#main-content-test {
width:690px;
margin-left: 20px;
line-height:20px;
}

#main-content-test p{
background:url(images/quotes-2.jpg) no-repeat top left;
padding-left:35px;
font-style:italic;
}
#satisfaction{
position:absolute;
top:300px;
left: 50%;
margin-left:220px;
}
#phone{
position:absolute;
top:5px;
left: 50%;
margin-left:215px;
}
#main-content-biz {
width:550px;
margin-left: 20px;
line-height:20px;
}
#featureList{
clear:both;
width:750px;
}

#featureList h2, #filters h2{
font-size:18px;
color: #013d79;
}
#featureList .yes li {
background:transparent url(images/blue-check.jpg) no-repeat scroll left top;
padding:5px 0 10px 35px;
font-stretch:narrower;
font-size:16px;
color: #333;
font-weight:bold;
}

#filters li {
background:transparent url(images/filter.jpg) no-repeat scroll left top;
padding:2px 0 2px 25px;
font-size:14px;
color: #333;
font-weight:bold;
list-style:none;

}

#featureList .no li {
background:transparent url(images/icon_no.png) no-repeat scroll left top;
padding:0 0 0 20px;
}

#mail{ 
position:absolute;
top:235px;
left:50%;
margin-left:192px;
padding:0;
width:292px;
height:364px;
background:url(images/mail.jpg) no-repeat;
}
#mail-consumer{ 
position:absolute;
top:235px;
left:50%;
margin-left:192px;
padding:0;
width:292px;
height:364px;
background:url(images/mail-consumer.jpg) no-repeat;
}
#mail-2{ 
position:absolute;
top:235px;
left:50%;
margin-left:192px;
padding:0;
width:292px;
height:364px;
background:url(images/mail-2.jpg) no-repeat;
}
#email_menu li a,
#why_menu li a,
#customers_menu li a,
#sub-nav li a, #blogCategoryList li a {
	font-size:11px;
	text-decoration:none;
	line-height:12px;
	padding:4px 0;
	padding-left:23px;
	display:block;
	margin:0;
	background-repeat:no-repeat;
	background-image:url(images/sub-nav-bullet.gif);
	background-position:13px 50%;
}

#email_menu li a,
#why_menu li a,
#customers_menu li a
{
	width:120px;
}

#sub-nav li a:hover, #blogCategoryList li a:hover {
	color:#333;
	background-color:#FBFBF9;
}

#email_menu li a:hover,
#why_menu li a:hover,
#cusomters_menu li a:hover {
	color: #333;
}

#sub-nav li a.active,
#sub-nav li a.active:hover,
#blogCategoryList li a.active,
#blogCategoryList li a.active:hover
 {
	color:#333;
	padding-left: 23px;
	background-image:url(images/sub-nav-bullet-active.gif);
	font-weight:bold;
}

#sub-nav .signupStep{
font-size:11px;
color: #999999;
line-height:12px;
padding:4px 0;
padding-left: 25px;
background-image:url(images/sub-nav-bullet.gif);
background-repeat:no-repeat;
background-position:13px 50%;
}

#sub-nav li a.signupChecked,
#sub-nav li a.signupChecked:hover
{
padding-left: 25px;
background-image:url(images/check-mark.gif);
}


/* Content */
#body-left div.content {
	padding:8px;
	padding-top:10px;
}

#body-left div.content.homeleft {
	padding: 0;
}

#body-right div.content {
	margin:			0px;
	padding:		0px;
	min-height:		100%;
	/*background:		url('/images/content-bg.gif') repeat-x top left;*/
}

/* {{{ Never Fear Widget */

div#neverFear {
	margin-left:		0px;
	margin-top:			17px;
	margin-bottom:		0px;
	padding-left:		7px;
	padding-top:		7px;
	padding-bottom:		5px;
	background-color:	#fff;
	width:				172px;
	border-style:		none;
	border-top: 1px solid #CECFCE;
	border-bottom: 1px solid #CECFCE;
}

#neverFear div.head {
	font-weight: bold;
	padding: 0 0 0 3px;
}

#neverFear .neverFearHeading{
	font-size:		10pt;
	font-weight:	bolder;
	color:			#666;
}

#neverFear div.neverFearSingleElement{
	padding:	3px 0px 0px 0px;
	float:		none;
	clear:		both;
}
#neverFear div.neverFearNumber {
	padding-top:10px;
	font-size:12pt;
	font-weight:bold;
	color:	#87ba4a;
}
#neverFear ul.neverFearContactList{
	list-style-type:	none;
	margin-bottom:		6px;
}

#neverFear li{
	margin-top:			3px;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		33px;
}

#neverFear .neverFearPhone{
	font-size:		14pt;
	font-weight:	bolder;
	color:			#999999;
	margin-top:		3px;
}

#neverFear .international{
	font-size:		8pt;
}
#neverFear li.neverFearChat{
	background:	url('/images/chat-small-grey.png');
	background-repeat:		no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearEmail{
	background:	url('images/envelope-small-grey.gif');
	background-repeat:		no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearLiveChat{
	background:	url('images/conversation-bubble-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearCallback{
	background:	url('images/telephone-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
}
#neverFear li.neverFearForm{
	background:	#ffffcc url('images/form-small-grey.gif');
	background-repeat:	no-repeat;
	background-position:	13px .5em;
	width:100px;
}
/* }}} Never Fear Widget */

#newline-signature a {
	display:block;
	width:320px;
	margin:0 auto;
	background-repeat:no-repeat;
	display:block;
	padding-top:36px;
	height:0px !important; /* for most browsers */
    height /**/:36px; /* for IE5.5's bad box model */
	overflow:hidden;
}

/* Forms */

#form{
padding:40px 10px;
width: 350px;
float:right;
background:url(images/form-bk-2.jpg) no-repeat top;
}
#email{
padding:40px 10px;
width: 350px;
float:left;
margin-left:30px;
background:url(images/form-bk-email.jpg) no-repeat top;
}
input.btn { 
	  color:#FFF; 
	  font: bold 14px'trebuchet ms',helvetica,sans-serif; 
	  background-color: #FF0000;
	  padding:2px;
	  width:140px;
	} 
#email input.btn { 
	  color:#FFF; 
	  font: bold 14px'trebuchet ms',helvetica,sans-serif; 
	  background-color: #006699;
	  padding:2px;
	  width:140px;
	} 
.alert{
    color: #CC0000;
    font-weight: bold;
}