/* -------------------------------------------
Main style sheet for Message Hub website 

created: November 2006
author: Brett Chaney
website: http://www.thegoodwebcompany.com
------------------------------------------- */

/* basic elements */

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fafafa; 
	color: #3c3c3c;
	margin: 0px; 
	text-align: left;
}

form {
	margin: 0; 
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

.font11 {
	font-size: 11px;
}

.floatLeft {
	float: left;
}

.underline {
	text-decoration: underline;
}	

.greyLine {
	width: auto;
	border-top: 1px solid #eaeaea;
	padding-top: 12px;
}

/* layout divs */

#header {
	width: 955px;
	height: 116px;
	background: url(../images/header.gif);
}

#mainWrapper {
	float: left;
	width: 1700px;
}

#footer {
	width: 717px;
	text-align: center;
	padding-top: 10px;
	font-size: 11px;
	float: left;
}

#footer a {
	color: #3c3c3c;
	text-decoration: underline;
}

#footer .divider {
	font-size: 9px;
	margin: 0 6px;
}

/* header styles */

#navigation {
	padding-top: 72px;
	padding-right: 24px;
	color: #fff;
	text-align: right;
}

#navigation a {
	color: #fff;
}

#navigation a:hover{
	text-decoration: underline;
}

/* leftSide styles */

#leftSide {
	float: left;
	background: url(../images/bg_leftside.gif) top left no-repeat;
	width: 229px;
}

#partners {
	width: 176px;
	margin-left: 53px;
}

#partners h1 {
	font-weight: bold;
	color: #545454;
	font-size: 12px;
	margin: 22px 0 12px 10px;
	padding: 0;
}

/* banner styles */

#banner {
	float: left;
	width: 780px;
	margin-left: 7px;
	display: inline;
}

#banner a {
	text-decoration: underline;
}

#banner #bannerRight1 {
	float: left;
	width: 226px;
	height: 70px;
	margin-left: 1px;
	
}
/*background: url(../images/banner_whybg.jpg);*/

#banner p {
	width: 150px;
	margin: 0 0 0 64px;
	padding: 0;
	color: #fff;
	font-size: 11px;
}

#banner a {
	color: #fff;
	font-weight: bold;
}

#banner a:hover {
	text-decoration: underline;
}

#banner #bannerRight2 {
	float: left;
	width: 226px;
	height: 69px;
	margin-left: 1px;
	margin-top: 1px;
	
}
/*background: url(../images/banner_signupbg.jpg);*/

#banner #bannerRight3 {
	float: left;
	width: 226px;
	height: 69px;
	margin-left: 1px;
	margin-top: 1px;
	
}
/*background: url(../images/banner_requestbg.jpg);*/

/* content styles */

#contentWrapper {
	float: left;
	background: #fff;
	width: 1000px;
	margin-left: 7px;
	padding-bottom: 16px;
	display: inline;
}

#contentBorder {
	background: #fff;
	width: 717px;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	border-bottom: 1px solid #919191;
	padding-bottom: 28px;
	padding-top: 20px;

}

#contentMain {
	float: left;
	background: #fff;
	width: 445px;
	margin-left: 24px;
	display: inline;
}

#contentMainNews {
	float: left;
	background: #fff;
	width: 645px;
	margin-left: 24px;
	display: inline;
}

#contentMain a {
	color: #3560bf;
	text-decoration: underline;
}

#contentMain b {
	color: #8BAC54;
	text-decoration: none;
}

#contentMain p {
	margin-top: 6px;
	margin-bottom: 14px;
	text-align: justify;
}

#contentMain h1 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #3560bf;
}

#contentMain h1.darkText {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

#contentMain #mainQuote {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 6px;
	width: 420px;
	margin-left: 20px;
	margin-top: 20px;
}

#contentMain #mainQuote img#leftQuote {
	position: relative; 
	top: -4px;
	margin-right: 6px;
}

#contentMain #mainQuote img#rightQuote {
	position: relative; 
	top: -4px;
	margin-left: 6px;
}

#contentWrapper .wideImage {
	margin-left: 30px;
	margin-top: 10px;
}

#contentMain ul.normalList {
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	list-style-image: url(../images/box_arrow.gif);
}

#contentMain ul.normalList li.topPadding {
	margin-top: 8px;
}

#contentMain .servicesHeader {
	width: auto;
	height: 25px;
	margin-bottom: 10px;
}

#contentMain .servicesHeaderLeft {
	width: 30px;
	float: left;
	height: 25px;
	background: #12569f;
}

#contentMainNews .servicesHeaderLeft {
	width: 30px;
	float: left;
	height: 25px;
	background: #12569f;
}

#contentMain .servicesHeaderEmail {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #96bcf4;
	line-height: 25px;
	vertical-align: middle;
}

#contentMainNews .servicesHeaderEmail {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 9px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #96bcf4;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .newsandinfoHeader {
	width: 45;
	float: left;
	margin-left: 1px;
	padding-left: 45px;
	padding-right: 9px;
	height: 25px;
	font-size: 8px;
	color: #fff;
	background: #76bcf4;
	line-height: 15px;
	vertical-align: middle;
}

#contentMainNews .newsandinfoHeader {
	width: 220;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 100px;
	height: 15px;
	font-size: 8px;
	color: #fff;
	background: #44bcf4;
	line-height: 12px;
	vertical-align: middle;
}

#contentMain .servicesHeaderMobile {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #83da44;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .servicesHeaderLive {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #efd535;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .servicesHeaderShare {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #eaa23b;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .servicesHeaderSms {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #5be2d1;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .servicesHeaderFax {
	width: auto;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	padding-right: 36px;
	height: 25px;
	font-size: 18px;
	color: #fff;
	background: #bc98df;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Container {
	width: 444px;
}

#contentMain .servicesHeader2Container a {
	text-decoration: none;
	color: #fff;
}

#contentMain .servicesHeader2Container a:hover {
	text-decoration: underline;
}

#contentMain .servicesHeader2ContainerL {
	float: left;
	width: 224px;
}

#contentMain .servicesHeader2ContainerR {
	float: left;
	width: 220px;
}

#contentMain .servicesHeader2 {
	width: auto;
	height: 20px;
	margin-bottom: 10px;
}

#contentMain .servicesHeader2Left {
	width: 30px;
	float: left;
	height: 22px;
	background: #12569f;
}

#contentMain .servicesHeader2Email {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #96bcf4;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Mobile {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #83da44;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Live {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #efd535;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Share {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #eaa23b;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Sms {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #5be2d1;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Fax {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #bc98df;
	line-height: 22px;
	vertical-align: middle;
}

#contentMain .servicesHeader2Other {
	width: 170px;
	float: left;
	margin-left: 2px;
	padding-left: 9px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #383838;
	background: #e8e8e8;
	line-height: 25px;
	vertical-align: middle;
}

#contentMain .tableStyle1 {
	width: 440px;
}

#contentMain .tableStyle1 td.greyBg1 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#contentMain .tableStyle1 td.greyBg2 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
}

#contentMain .tableStyle1 td.whiteBg1 {
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#contentMain .tableStyle1 td.whiteBg2 {
	border-right: 1px solid #fff;
	padding: 10px;
}

#contentMain .tableStyle1 td.blackeBg1 {
	border-right: 1px solid #000;
	padding: 10px;
	text-align: center;
}

#contentMain .tableStyle1 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	list-style-image: url(../images/box_arrow.gif);
}

#contentMain .tableStyle1 li.topPadding {
	margin-top: 8px;
}

#contentMain .tableStyle2 {
	width: 440px;
}

#contentMain .tableStyle2 td.greyBg1 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: left;
}

#contentMain .tableStyle2 td.greyBg2 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
}

#contentMain .tableStyle2 td.whiteBg1 {
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: left;
}

#contentMain .tableStyle2 td.whiteBg2 {
	border-right: 1px solid #fff;
	padding: 10px;
}

#contentMain .tableStyle2 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	list-style-image: url(../images/box_arrow.gif);
}

#contentMain .tableStyle2 li.topPadding {
	margin-top: 8px;
}

#contentMain .tableStyle3 {
	width: 668px;
	text-align: center;
}

#contentMain .tableStyle3 td.greyBg1 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: left;
}

#contentMain .tableStyle3 td.greyBg2 {
	background: #efefef;
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#contentMain .tableStyle3 td.whiteBg1 {
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: left;
}

#contentMain .tableStyle3 td.whiteBg2 {
	border-right: 1px solid #fff;
	padding: 10px;
	text-align: center;
}

#contentMain .tableStyle3 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	list-style-image: url(../images/box_arrow.gif);
	text-align:left;
}

#contentMain .tableStyle3 li.topPadding {
	margin-top: 8px;
}

#contentMain h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	color: #4974d5;
}

#contentMain h3 {
	margin: 0;
	font-size: 14px;
}

#contentMain img.signUpimg {
	margin-top: 8px;
}

#contentMain img.signUp {
	vertical-align: middle;
	margin-right: 6px;
}

#contentMain a.signUpLink {
	font-weight: bold;
	color: #636262;
	font-size: 11px;
}

#contentMain #blackberryBox {
	width: 560px;
	margin-left: 66px;
}

#contentMain #blackberryBox #leftBox {
	width: 260px;
	text-align: center;
	float: left;
}

#contentMain #blackberryBox #rightBox {
	width: 260px;
	text-align: center;
	float: left;
}

#contentMain img.barracuda {
	position: absolute;
	margin-left: -19px;
}

/* content box styles */

#contentMain .contentBox {
	width: 445px;
	background: #f4f4f4;
	margin-top: 24px;
	padding-bottom: 8px;
}

#contentMain .contentBox h1 {
	background: url(../images/box_header.gif) no-repeat;
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	padding-left: 19px;
	line-height: 22px;
	border-bottom: 1px solid #fff;
}

#contentMain .contentBox #boxImage {
	float: left;
	width: 110px;
	text-align: center;
	padding-top: 26px;
}

#contentMain .contentBox p {
	float: left;
	width: 316px;
	color: #3f3f3f;
	margin-top: 10px;
	margin-bottom: 4px;
}

#contentMain .contentBox a {
	color: #3f3f3f;
}

#contentMain .contentBox ul {
	color: #3f3f3f;
	margin: 10px 30px 4px 14px;
	padding: 0 0 0 20px;
}

#contentMain .contentBox li {
	color: #3f3f3f;
	margin-bottom: 6px;
	text-align: justify;
	list-style: url(../images/box_arrow.gif);
}

#contentMain .partnersBox {
	width: 445px;
	padding-top: 10px;
}

#contentMain .partnersBox img {
	float: right;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-top: 4px;
}

#contentMain .partnersBox p {
	float: left;
	width: 305px;
}

#contentMain .partnersBox h2 {
	
}



/* customer login and testimonials styles */

.rightBox {
	float: left;
	width: 195px;
	margin-left: 37px;	
	margin-bottom: 14px;
}

.rightBox .rightBoxTop {
	background: url(../images/rightbox_top.gif) top no-repeat;
	height: 4px;
	width: 195px;
	font-size: 2px;
}

.rightBox .rightBoxBot {
	background: url(../images/rightbox_bottom.gif) bottom no-repeat;
	height: 6px;
	width: 195px;
	font-size: 4px;
}

.rightBox .rightBoxContent {
	background: url(../images/rightbox_bg.gif) repeat-y;
	width: 195px;
	padding-top: 10px;
	padding-bottom: 14px;
}

.rightBox .rightBoxContent img {
	margin-left: 48px;
}

.rightBox .rightBoxContent h1 {
	margin: 0;
	font-size: 16px;
	text-align: center;
}

.rightBox .rightBoxContent2 {
	width: 172px;
	text-align: left;
	margin-left: 16px;
	margin-top: 10px;
}

.rightBox .rightBoxContent2 h2 {
	font-size: 13px;
	margin: 0;
}

.rightBox .rightBoxContent2 ul {
	list-style: url(../images/rightbox_arrow.gif);
	margin-left: 20px;
	padding-left: 0;
	padding-top: 0;
	margin-top: 8px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.rightBox .rightBoxContent2 li {
	padding-bottom: 6px;
	font-size: 11px;
}

.rightBox .rightBoxContent2 li a {
	color: #3f3f3f;
	text-decoration: underline;
}

.rightBox .rightBoxContent2 li.last {
	padding-bottom: 0;
}

.rightBox .rightBoxContent2 li.last a {
	color: #3f3f3f;
	text-decoration: underline;
}

.rightBox .rightBoxContent3 {
	width: 174px;
	text-align: left;
	margin-left: 10px;
	margin-top: 12px;
	font-size: 11px;
}

.rightBox .rightBoxContent3 #quote {
	width: 174px;
	font-size: 11px;
	margin-bottom: 6px;
}

.rightBox .rightBoxContent3 img {
	margin-left: 0;
}

.rightBox .rightBoxContent3 #quote img#leftQuote {
	position: relative; 
	top: -4px;
	margin-right: 6px;
}

.rightBox .rightBoxContent3 #quote img#rightQuote {
	position: relative; 
	top: -4px;
	margin-left: 6px;
}

.rightBox .rightBoxContent3 #quote a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 11px;
}

.rightBox .rightBoxContent3 #quote a:hover {
	text-decoration: underline;
}

.rightBox .rightBoxContent3 img.pdf {
	margin-top: 16px;
	margin-right: 4px;
}

.rightBox .rightBoxContent3 a {
	color: #3f3f3f;
	text-decoration: underline;
	font-size: 11px;
}