/* reset.css */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;}
table {border-spacing:0;}
a img {border:none;}*/

body {
    background-color:#787A85; 
	margin-top:0; margin-left:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	line-height: 140%;
}

.homeTextGreyBold {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;

}

a:link {
	text-decoration: none;
	font-weight: normal;


}
a:hover {
	color: #82859F;
	text-decoration: underline;
}
a:visited {
	color: #9B5E00;
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; line-height: 18px;}
h1 { font-size:17px; color:#4C3C6B; font-weight: bold; margin: 0 0 2em 0; }   /*  #415578  */
h2 { font-size:15px; color:#6B697E; font-weight: bold; margin: 1.3em 0; }
h3 { font-size:13px; color:#878A9C; font-weight: bold; margin: 1.3em 0; }
h4 { font-size:13px;}
h5 { font-size:12px; color:#555555;}
h6 { font-size:11px; color:#4E6076;}
p { margin: 1.8em 0; } 

td { font-size: 11px;}

.inside-grey-bg { background: #9FA0A8; }
td#main-content > p { line-height: 16px; }
.packages td {font-size: 10px; }

.packages li { margin-left: -25px; }
.packages img {padding-top:10px;}
.gold {
	color: #C67700;
	font-size: 11px;

}
.goldHeadings {
 	color: #B9791A;
	font-weight: bold;
	text-decoration: none;

}

.graydHeadings {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.linkUnderlined {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.small {
	font-size: 9px;
	/*font-weight: bold;*/
}

.trigger { cursor: pointer; }
#tooltip {
	width: 550px;
	background: #5E6068;
	color: #FFFFFF;
	border: 1px solid #888;
	padding: 0 8px 5px 8px;
	cursor: pointer;
}

#personalBankAccount {
	width: 650px;
}
.trigPersonalBankAccount { cursor: pointer; }

#companyBankAccount  {
	width: 650px;
}
.trigCompanyBankAccount { cursor: pointer; }

#compareProducts, #compareProducts td { border: 1px solid #D1D2DC; }
#cardLoading, #cardLoading td { border: 1px solid #D8D1E4;}
#feeScheduleTable, #feeScheduleTable td { border: 1px solid #D8D1E4;}

.debitCardFAQ {
font-weight: bold;
color: #666666;
display: block;
padding-top: 4px;
}

.bold {
font-weight:bold;
}

.introducing {
	color: #b35900;
	font-style: italic;
	font-weight: bold;
}

.cardImages { width: 40px; float:right; padding: 6px 4px 3px 0px; }
.personalAcctCheckBox {  margin-right: 10px;  display:block;  float:left; }
.anonAcctCheckBox { margin-right: 10px;  display:block;  float:left; }

.product { padding-left: 4px !important; line-height:20px; font-weight:bold; color:#555555; float:left; }
.productDetails { padding-left: 8px;}
.price {
	display: block;
	float: right;
	padding: 6px 12px 0px 15px; 
	color: #3C434A;
}
.priceSingle {
	clear:both;
	padding: 0px 12px 10px 24px; 
	/*color: #003333;*/
}
.cssform h3 {color: #4C3C6B;  margin: 2em 0 1.6em 0;  }
.cssform p{

margin: 0;
padding: 5px 0 8px 0;
padding-left: 55px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
/*height: 1%;*/
}
.cssform {
 font-family:Arial, Helvetica, sans-serif;}

.cssform label{
/*font-weight: bold;*/
/*float: left;*/
display:block;
padding-bottom: 2px !important;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}
.cssform select {
color: #333333;
font:Arial, Helvetica, sans-serif;
font-size: 11px;}

.cssform textarea{
width: 200px;
height: 75px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.ltPurpleHeadline {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
/*	color: #52567A;*/
  /*  color:#3A3E56;*/
    color: #4A506F;
	font-size: 18px;
	padding: 0 7px;
	margin: -2px 0 10px 0;
	line-height: 100%;
/*	text-transform:uppercase;*/
	}
	
.italic {font-style:italic;}
.darkPurple { color:#3A3E56;}
	
.clear {font-size: 1px; height: 1px;} 

.bl2 {background: url(../images/corners/bl.gif) 0 100% no-repeat #E5E5E7; line-height: 120% !important;}
.br2 {background: url(../images/corners/br.gif) 100% 100% no-repeat #E5E5E7; line-height: 120% !important;}
.tl2 {background: url(../images/corners/tl.gif) 0 0 no-repeat #E5E5E7; line-height: 120% !important;}
.tr2 {background: url(../images/corners/tr.gif) 100% 0 no-repeat #E5E5E7; line-height: 120% !important;}