html
{
  margin: 0px;
  padding: 0px;
}

body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
}

form 
{
  margin: 0px 0px 0px 0px; 
}

table
{
  border-style: none;
	border-color: inherit;
	border-width: 0px;
	border-collapse: collapse;
  	padding: 0px;
  	border-spacing: 0px; 
  	margin: 0px;
	width: 492px;
}

tr
{
  border-collapse: collapse;
  padding: 0px;
  border-spacing: 0px; 
  border: 0px;
  margin: 0px;
}

td
{
  border-collapse: collapse;
  padding: 0px;
  border-spacing: 0px; 
  border: 0px;
  margin: 0px;
}

img
{
  border: 0px;
}

img.normal
{
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

td img
{
  display: block;
	margin-left: 0px;
}

/* 
   Replace align="center" attribute on <table> element on home page
   with proper CSS declarations. This also works with Firefox; previously
   the centering only worked in Internet Explorer. 
   
   Andre Marion - December 23, 2008 
*/
#homePageBoxLayout 
{
	margin-left: auto; 
	margin-right: auto;	
}

/* styles for anchor links */
a:link {
	color: #000080;
}

a:visited {
	color: #000080;
}

a:active {
	color: #000080;
}

a:hover {
	color: #3333FF;
}

.cssbody{
    font-size: 11px;
    color: #000080;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*width: 760px;*/
}
.cssbodybold{
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbodylink{
    font-size: 11px;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbodylinkbold{
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbodylinkboldgry{
    font-weight: bold;
    font-size: 11px;
    color: #666666;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
}
.cssbodylinkboldnl{
    font-weight: bold;
    font-size: 11px;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
}
.cssbodylinksmall{
    font-size: 10px;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbodysmall{
    font-size: 10px;
    color: #666666;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbodywhite{
    font-size: 11px;
    color: #ffffff;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbookbody{
    font-size: 10px;
    color: #000000;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbookbodybold{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbookbodygreen{
    font-size: 11px;
    color: #669900;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbookbodygreen2{
    font-size: 10px;
    color: #336600;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssbookbodylink{
    font-size: 10px;
    color: #666699;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.csserrorred{
    font-weight: bold;
    font-size: 13px;
    color: #cc6600;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssfeaturebody{
    font-size: 10px;
    color: #333333;
    line-height: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssfeaturelink{
    font-weight: bold;
    font-size: 10px;
    color: #333333;
    line-height: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssfooter{
    font-size: 10px;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssformtext{
    font-size: 10px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssformtextbold{
    font-weight: bold;
    font-size: 10px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssheader{
    font-weight: bold;
    font-size: 13px;
    color: #666666;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssleft3rd{
    font-size: 10px;
    color: #666699;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.cssprevbodydark{
    font-size: 11px;
    color: #333333;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.header {
   background-color:#000080;
   color: #ffffff;
   font-size:9pt;
}

.info {
   background-color: #ffffff;
   color: #000080;
   font-size: 7pt;
   line-height: 1.2em;
}

.logos_and_text_table {
   padding-left: 12px;
   padding-right: 12px;
}

.title {
   font-size: 12pt;
   font-weight:bold;
}

.sub_title {
   font-size: 11pt;
   font-weight:bold;
   color:#666666;
}

.dots {
   background-image:url(../images/black_white.gif);
   background-repeat: repeat-y;
}

p.just  {
   text-align:justify;
}

table.formtext {
	font-size:8pt;
	color:#000080;
}

.product_flow_text {
	line-height: 100%;
	font-size: 11px;
}

.product_flow_link {
	line-height: 100%;
	color: #0000FF;
}

/*all paragraphs under cssbody are hanging indents*/
.cssbody p.hangingIndent{
	margin-left: 40px; 
	text-indent: -20px; 
	margin-right: 40px;
}

.cssbody p.normal
{
	padding: 0px;
	margin: 0px 20px 10px 40px;
}
.cssbody ul.normal
{
	margin: 0px 20px 0px 45px;
	padding: 0px 0px 0px 10px;
	font-size: 90%;
	line-height: 15px;
}

.cssbody ul.special
{
	padding: 0px;
	margin: 0px 20px 10px 60px;
	border-left: medium none;
	border-bottom: medium none;
	list-style-type: square;
}

.rightPanel{
	position: absolute; 
	top: 260px;
	left:450px;
	vertical-align:top;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	
}
/*mozilla fix*/
.mainPanel{
	border:#039 1px solid; /*server side panel border renders colour differently in mozilla*/
	position: absolute; 
	top:260px;
}

.careerPanel{
	border:#039 1px solid;	
}

.middleRow{
	padding-bottom:0px;
	margin-bottom:0px;
}

.phoneLabel{
	display:block;
	font-weight: bold; 
	vertical-align: middle; 
	width: 100%; 
	color: white; 
	padding-top: 10px; 
	height: 40px; 
	text-align: center;
	font-size:medium;
}

.homeNavBar{
	border-collapse:collapse;
	font-size: 11px;
	color:#2C327C;
}

.navBar{
	background-color:#2C327C;
	border-collapse:collapse;
	font-size: 10px;
}
.navBar a:link, .navBar a:visited{
	color:White;
	text-decoration:none;
}

.navBar a:hover{
	color:#039;
	background-color:white;
}

.navBar td a:link,.navBar td a:visited {
	display: block;
	width: 100%;
}
.navBar th a:link,.navBar th a:visited {
	display: block;
	width: 100%;
}

.urHere{
	color:#2C327C;
	background-color:white;
}

.urHere a:link {
	color: #2C327C;
}

.urHere a:visited {
	color: #2C327C;
}

.urHere a:active {
	color: #2C327C;
}

.urHere a:hover {
	color: #2C327C;
}

.cssTable{
    font-size: 11px;
    color: #000080;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 770px;
    border-collapse:separate;
    /*border-spacing:10px;*/

}
.cssTable td{ 
	/* _padding-bottom:5px;*/
}

/**Fix for request info page-applying style-to ext
In both IE and Firefox*/
.cssTable table{
	font-size: 11px;
    color: #000080;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cssPartners{
	/*border-top:1px #039 solid;
	border-left:1px #039 solid;
	border-right:1px #039 solid;
	border-bottom:1px #039 solid;*/
	font-size: 10px;
    color: #2C327C;
    line-height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Underline each row in partners table
/*.cssPartners td{	
	border-left:0px;
	border-right:0px;
	border-bottom:1px #039 solid;
}*/

.navbarTop
{
	z-index: 106;
	left: 11px;
	 /*_left:13px ;*/
	width: 766px;
	position: absolute; 
	top: 231px;
	  /*_top:200px;*/ 
	height: 30px;
}

/*Float pages act differently in IE*/
/*.pnlHeaderFloat /*only way to apply css hack for ie. If use inline, visual studio auto-'corrects'*/
/*{
	top: 62px; 
	_top:55px;
	_left:12px;
}*/
/*
.cssServices
{
	top:62px;
	_top:55px;
	left:3px;
	_left:8px;
}*/

.footerMessage {
	background-color: #2C327C;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	
.footerLink {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.footerCopyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
	
.footerPanel {
	padding-top: 2px;
	margin-top: 2px;
	}

/* header - begin */
.headerPageTitle {
	display:block; 
	font-weight:bold; 
	left:10px; 
	width:339px;  
	position:relative; 
	top:3px; 
	height:14px; 
	text-align:left;
	color:#FFFFFF;
	font-variant:small-caps;
	}

.headerPageText {
	display:block; 
	font-weight:bold; 
	width:417px; 
	left:5px;
	position:relative; 
	top:45px; 
	height:89px; 
	text-align:center;
	color:#ffcc99;
	font-size: 85%;
	font-style:italic;
	}
	
.headerTextCell {
	width: 427px;
	background-color: #006699;
	}
	
.headerImageCell {
	width: 352px;
	background-color: #006699;
	}
	
.headerPanel {
	text-align:center;
	}

.headerTable { 
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	}
/* header - end */

/* ContentPanel - begin */
.contentPanel {
	text-align:center;
	padding-top: 2px;
	margin-top: 2px;
	}
	
.contentTable {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	}
/* ContentPanel - end */

/* OrderForm - begin */
.orderFormPanel {
	position:relative;
	top:20px;
	}
	
.orderFormTable{
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 534px;
}
	
		
.orderFormTableLeftCell 
{
	font-size:small;
	text-align:right;
	font-weight:bold;
	vertical-align:top;
	color:#666666;
	padding-right: 15px;
	width: 150px;
	padding-bottom: 7px;
	}
	
.orderFormTableHeading {
	font-weight:bold;
	font-variant:small-caps;
	height:20px;
	vertical-align:top;
	}
	
.orderFormSingleCellRow{
	vertical-align:middle;
	text-align:center;
}

.orderFormTableRightCell
{
	font-size:small;
	text-align:left;
	vertical-align:top;
	padding-bottom: 7px;
}
	
/* OrderForm - end */

.homePageBox{
	width: 180px;
    font-size: 10px;
    color: #000080;
    line-height: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.validationError {
	font-weight:bold;
	font-size: 11px;
}
	
.successMessage {
	background-color:#FFFFAA;
	color: #333333;
	font-weight: bold;
	text-align:center;
	font-size: 85%;
}
	
.commonText {
	font-size: 10px;	
}
	
.errorText {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

/*Small Business Pages */
.SBSLogo
{
	padding-left:175px
}

/*
   Fix for Internet Explorer. The ReCaptcha control is injected into the page
   via a JavaScript call and includes its own CSS. This CSS sets up a class
   called 'recaptcha_input_area' with 'position: relative !important'. This
   element is inside the #textBorder <div> which has the property of
   'overflow: auto' set.
   When you scroll the #textBorder div, the recaptcha_input_area stays fixed
   on the page instead of scrolling with the container div like it does in
   Firefox. 
   The fix for this is to make the scrolling container div as postion: relative;
   See this link for additional details: http://www.webdeveloper.com/forum/showthread.php?t=114891 
   
   Andre Marion - January 22, 2009 
*/

#textBorder
{
	position: relative;
}

/* Align ReCaptcha widget with left edge of other input boxes above it */
#recaptcha_widget_div
{
	margin-left: -3px;
}