/* CSS Document */
body{
	text-align: center;
	margin:0;
	padding: 0;
	background-color: #e6e6e6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4b4b4b;
	background-image: url(../images/bg01.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
h3, h4, h5, h6 {	padding: 0; margin: 0; }
h2 { font-size: 14pt; color: #ed1b24; font-weight: normal; }
h3 { font-size: 11pt; color: #000000; font-weight: normal;  padding-bottom:8pt;}
h4 { font-size: 11pt; color: #ff9933; font-weight: normal; }
h5 { font-size: 10pt; padding-top:1pt;}
h6 { font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #8c8b8b; }

a {
	color: #365ebf;
	text-decoration: none;
}
a:hover {
	color: #b74304;
}
.nav03-c a {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
.nav03-c a:hover {
	color: #FFFFFF;
}
.footer a, .nav01 a {
	font-size: 8pt;
	color: #b74304;
	text-decoration: none;
	text-transform: none;
}
.footer a:hover, .nav01 a:hover {
	font-size: 8pt;
	color: #000000;
}
.leftnav a {
	text-transform: none;
}
.leftnav a:hover {
	color: #b74304;
}
.bullet-tick ul, .bullet-link {
	margin: 0px !important;
	padding: 0px  !important;
}

.bullet-tick li, .bullet-link li {
	margin: 0px  !important;
	padding: 0px  !important;
	list-style:none;
	background-repeat: no-repeat;
}
.bullet-tick li {
	background-image: url(../images/icon-tick.gif);
	padding-left: 30px !important;
	background-position: 5px 8px;
}
.bullet-link li {
	background-image: url(../images/bullet-links.gif);
	padding-left: 20px  !important;
	background-position: 5px 5px;
}
.ticktable td{
	background-image: url(../images/icon-tick.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 40px !important;
}
div#wrap {
	margin:0 auto; /* auto puts the wrap div in the center of the page*/
	width:790px;
	padding:0;
	position:relative; /* this is the key. the div must be relatively positioned*/
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}
.common {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	border: 1px solid red;
}
#pageheader {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: right;

	background-repeat: no-repeat;
	background-position: 20px bottom;

}

#logoHeader 
{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
	float:left;
	display:inline;
}

#logoImage 
{
	margin:5px 0px 0px 20px;
	
}

#pageheader {
	text-align: -moz-right;
}
.nav01 {
	text-align: right;
	margin: 0;
	font-size: 8pt;
	padding: 0px 10px 0px 0px;
	text-transform: uppercase;
}
.nav02 
{
	
	text-align: right;
	text-align: -moz-right;
	margin-left:455px;
	padding: 20px 10px 0px 0px;
	text-transform: uppercase;
}
.nav03-l{
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: auto;
	background-image: url(../images/topnav-l.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.nav03-c{
	margin: 0px 7px 0px 7px;
	padding: 0px 20px 0px 450px;
	background-color: #FFFFFF;
	font-size: 9pt;
	text-transform: uppercase;
	background-image: url(../images/topnav-c.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: right;
}
.nav03-c{
	text-align: -moz-right;
}
.nav03-r{
	margin: 0px;
	padding: 0;
	background-image: url(../images/topnav-r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container-top{
	margin: 0;
	padding: 0;
	background-image: url(../images/curve-top02.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 8px;
	width: auto;
}
.container{
	margin: 0;
	padding: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/bg02.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
}
.container-botm{
	margin: 0;
	padding: 0;
	background-image: url(../images/curve-botm.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 6px;
	width: auto;
}
.hm-ac-box {
	height: 263px;
	width: 365px;
	padding: 0;
	margin: 0;
	background-image: url(../images/img-hmaccountant.jpg);
	background-repeat: no-repeat;
}
.hm-bs-box {
	height: 263px;
	width: 380px;
	padding: 0;
	margin: 0;
	background-image: url(../images/img-hmbusiness.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.hm-ac-box div, .hm-bs-box div {
	float: right;
	margin: 85px 20px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	color: #FFFFFF;
}
.bg-hdr-red {
	background-image: url(../images/bg-hdr-red.gif);
	padding: 9px 0px 9px 10px;
		
}
.hdr-red {
	width: 140px;
	font-size: 13pt;
	margin: 10px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	background-color: red;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e6e6e6;
}
.arrows {
	background-image: url(../images/bg-arrows.gif);
	background-repeat: no-repeat;
	height: 110px;
	font-size: 8pt;
	color: #FFFFFF;
}
.arrows .numbers {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #b4b4b4;
}
.arrows .call {
	color: #000000;
	font-size: 8pt;
}
.dashed {
	margin: 4px 0px 4px 0px;
	padding: 0;
	border-top: 1px dashed #FFFFFF;
	height: 1px;
	width: auto;
}
.leftnav {
	border-right: 2px solid #ed1b24;
}
.leftnav table tr td {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #FFFFFF;
}
.content {
	margin: 20px 40px 0px 40px;
}
.subnav {
	background-image: url(../images/px-grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 20px;
}
.subnav div.link{
	float:left;
	margin: 4px 0px 0px 3px;
	padding: 5px 8px 5px 5px;
	background-color: #e6e6e6;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.subnav div.active {
	float:left;
	margin: 1px 0px 0px 3px;
	padding: 5px 15px 5px 15px;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.box {
	width: 130px;
	border: 1px solid #DDDDDD;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 60px;
}
.time {
	background: url(../images/icon-time.gif) no-repeat 5px 15px;
}
.secure {
	background: url(../images/icon-security.gif) no-repeat 5px 15px;
}
.benefits {
	background: url(../images/icon-benefits.gif) no-repeat 5px 15px;
}
.features {
	margin: 20px 30px 10px 10px;
	padding: 0px 0px 0px 60px;
}
.connected {
	background: url(../images/icon-benefits.gif) no-repeat 5px 10px;
}
.joinpartner { 
	background: url(../images/bg-gradient02.gif) repeat-x #f0fafe;
	padding: 10px 10px 10px 10px;	
}
.boxcontact { 
	padding: 10px 10px 10px 10px;
	text-align:center;
	width: 60%;	
}
.check { background: url(../images/icon-check.gif) no-repeat center;}
.gradient01 { background: url(../images/bg-gradient01.gif) repeat-x #f0ece8;}
.gradient01 tr td { border:2px solid #FFFFFF;}
.footer-curve {
	margin: 0;
	padding: 0;
	background-image: url(../images/curve-footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 6px;
	width: auto;
}
.footer {
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-y;
	padding: 5px 15px 15px 15px;
	font-size: 7pt;
}
.footer div {
	font-size: 6.35pt;
	padding: 2px 2px 2px 0px;
}

.footer div div#powered-by 
{
	font-size:8pt;

}
.footer div span#copy-right 
{    font-size:7pt;
	 text-align:right;
	 padding-left:145px;

}	

input,textarea,select,button{font-family:calibri, tahoma; font-size:10pt;margin:2px}

legend{color:#1D7D96;font-size:1.2em;font-weight:normal}

.wf_submitbutton, .wf_resetbutton, .wf_taskbutton{border:1px solid #A5ACB2;background:#F8F9F9}


.formerrors{background-color:#F2DCDB;border:1px solid #D99694;padding:5px 5px 5px 20px;}


/*each line of input has its own div container*/
.wf_inputContainer{margin:5px;}

/*class that defined the styling of every form label*/
.wf_inputlabel{width:25%;display:inline-block;line-height:22px;}
.wf_labelrequired{color:red;}


/*input styling*/
.wf_input{vertical-align:top;width:69%;}
fieldset{margin:5px;}

SELECT.wf_input{width:70%;margin-left:0px;}
.wf_selectContainer, .wf_dateContainer{display:inline}
.wf_readonly_true{background-color:#F8F9F9;border:1px solid #A5ACB2}
.wf_invalidinput, .wf_invalidinput select{background-color:infobackground;border:1px solid #A5ACB2}
textarea.wf_input{height:100px;display:block;width:95% !important}            
.wf_label{background-color:infobackground;padding:5px;border:1px solid #89C4E3;}



/*task styling*/
.wf_submitbutton{}
.wf_resetbutton{}
.wf_cancelbutton{display:none}

/* a div that is positioned around the file upload widget*/
.wf_attachmentcontainer{padding:10px;border:1px solid rust;display:inline-block;width:450px;background-color:infobackground;text-align:right}