/*******************************
	Branding CSS Document
*******************************/

/* Set Body attributes - Background, Default Font Color, Default Font Family, Default Font Size */
body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* Set Container Attributes - Width, Background Color, Margins, Border Color and Size */
#container {
	/* NOTE: 
	Centered site -- margin: 0 auto; 
	Left justified site -- margin: 0;
	*/
	margin: 0 auto; 
	width: 785px;
	overflow: hidden;
	position: relative;
	background-color: #DDDDDD;
	/*border:solid 2px #002569;*/
}
/* Logo Branding - NOTE: If logo is image use this id tag - If Utilizing Text - set to display none.*/
#logo {
	width: 425px;
	height: 42px;
	background: transparent url(images/logo.gif) 0 0 no-repeat;
	margin: 0;
	float: left; /* Note: Comment to center logo */
}
/* Account Balance - NOTE: Show/Hide Account Balance on home page with display property */
#avlBal {
	/*display: none;*/
}
/* Customer Service - NOTE: Show/Hide Customer Service number in footer with display property */
#custServ {
	margin: 0 14px 14px 14px;
	width: 400px;
	text-align: left;
	/*display: none;*/
}
/* Sets Interior Shell Background Color, Width, Margins, Border and Text alignment */
#shell {
	width: 770px;
	margin: 0px auto 10px auto;
	background-color: #FFF;
	/*border:solid 1px #000;*/
	text-align: left;
}
/* NOTE: Sets Header Background and Font Colors, Size and margins */
#header {
	width: 785px;
	height: 80px; /* NOTE: if Using headerText div DO NOT SET HEIGHT*/;
	background-color: #FFFFFF;
	margin-bottom: 40px;
	text-align: center;
}
/* NOTE: Use this tag to set margin bottom on pages without navigation - REMEMBER TO CHANGE OUT OTHER HEADER INFORMATION AS WELL */
#header_nonav {
	width: 785px;
	height: 80px; /* NOTE: if Using headerText div DO NOT SET HEIGHT*/;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

/* Sets Header Navigation Color, Placement through margins, Font Weight */
#top_menu {
	color: #000;
	float: right;
	margin: 53px 14px 14px 14px;
	font-weight: bold;
}
/* Sets Header Navigation Link Color and Text Decoration */
#top_menu a {
	color: #000;
	text-decoration: underline;
}
/* Sets Header Navigation Link Hover Color and Text Decoration */
#top_menu a:hover {
	color: #000;
	text-decoration: underline;
}

/* MAIN NAVIGATION */

/* To Hide Visibility set display to none */
#paymentCenter {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#addBill {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#billHistory {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#manageBills {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#myAccounts {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#myProfile {
/*display:none;*/
}
/* REMEMBER - to set the correct dimentions for your absolute positioned navigation when changing LOGO or HEADERTEXT information*/
#main_nav {
	position: absolute;
	top: 90px;
	left: 263px;
	width: 520px;
}
/* NOTE - Sets Nav Button Size (with padding) Background Color, Font Color, Font Family, Font Size */
a.nav, a.nav:link, a.nav:visited {
	display: block;
	padding: 2px 7px;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #484848;
	overflow: hidden;
	float: left;
}
/* NOTE: Sets Nav Border Color EXCEPT extreme right button */
#nav_bdr_lft {
	border-top: solid 1px #002569;
	border-left: solid 1px #002569;
	border-bottom: solid 1px #002569;
}
/* NOTE: Sets extreme right button border color */
#nav_bdr_rt {
	border: solid 1px #002569;
}
/* NOTE: Sets ACTIVE PAGE Background, Border and Text Colors EXCEPT extreme right button */
#nav_bdr_lft_actv {
	border-top: solid 1px #002569;
	border-left: solid 1px #002569;
	border-bottom: solid 1px #002569;
	color: #fff;
	background: #90A0B7;
}
/* NOTE: Sets extreme right button ACTIVE PAGE Background, Border and Text Colors EXCEPT  */
#nav_bdr_rt_actv {
	border: solid 1px #002569;
	background: #90A0B7;
	color: #FFF;
}
/* NOTE: Sets Hover Background and Text Color */
a.nav:hover, a.nav:active {
	color: #fff;
	background: #90A0B7;
}

/* MY ACCOUNTS VARIABLE VISIBILITY */

/* To Hide Visibility set display to none */
#accountName {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#updateName {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#bankAccount {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#status {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#deleteAccount {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#addBankAccount {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#movePayments {
/*display:none;*/
}

/* MY PROFILE VARIABLE VISIBILITY */

/* To Hide Visibility set display to none */
#viewInfo {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#updateInfo {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#changeUser {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#addUser {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#updateServiceFee {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#viewPaymentPlan {
/*display:none;*/
}
/* To Hide Visibility set display to none */
#cancelService {
/*display:none;*/
}

/* NOTE: Sets Biller Logo - Height, Width, Image and Position. Remember to set absolute positioning */
#guarantee {
	margin-left: 14px;
	width: 166px;
	height: 38px;
	background: transparent url(images/guaranteed.gif) 0 0 no-repeat;
}
/* NOTE: Sets Biller Logo - Height, Width, Image and Position. Remember to set absolute positioning */
#verisign {
	margin-left: 14px;
	margin-top: 10px;
	width: 107px;
	height: 68px;
	background: transparent url(images/verisign.gif) 0 0 no-repeat;
}
/* NOTE sets Size and padding of Header Text Area - If Utilizing Logo image set to display none*/
#headerText {
	width: 400px;
	text-align: left;
	padding: 15px 20px;
	display: none; /* IF not utilizing header text remove or comment out display none*/
}
/* NOTE sets Font size, weight and color for Financial Institution Name - If using header text but not this id - set to display none */
#bankName {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	/*display:none;*/
}
/* NOTE sets Font size, weight and color for Product Name - If using header text but not this id - set to display none */
#product {
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	/*display:none;*/
}
/* NOTE sets Font size, weight and color for Product Name - If using header text but not this id - set to display none */
#contactInfo {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	/*display:none;*/
}
/* NOTE sets Font size, weight and color for Product Name - If using header text but not this id - set to display none */
#rtn {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	/*display:none;*/
}
/* NOTE sets cross sell ad 1 */
#crossSell1 {
	width: 240px;
	height: 60px;
	background: transparent url(images/btm_ad1.gif) 0 0 no-repeat;
}
/* NOTE sets cross sell ad 2 */
#crossSell2 {
	width: 240px;
	height: 60px;
	background: transparent url(images/btm_ad2.gif) 0 0 no-repeat;
}
/* Sets Link Color */
a {
	color: #0000CC;
	text-decoration: underline;
}
/* Sets Borders on Image Links */
a img {
	border: none;
}
/* Sets Link Hover Color */
a:hover {
	color: #000;
	text-decoration: underline;
}

/* FOOTER CONTROL */

/* NOTE: Sets Footer Width, Background Color, Height and Text Alignment - REMEMBER for FRAMED Demos Control Visibility by setting display to none. */
#footer {
	width: 785px;
	background-color: #FFFFFF;
	clear: both;
	text-align: center;
	overflow: hidden;
}
/* NOTE - Controls Customer Service Tag */
#footertag {
	font-size: 12px;
	text-align: center;
	width: 785px;
	color: #000;
	padding-top: 15px;
}
/* NOTE: Controls Terms and Conditions|Messages Menu - Font Color, Size, Margins, Width, Text Alignment*/
#ftr_menu {
	color: #000;
	margin: 0 14px 14px 14px;
	font-weight: bold;
	font-size: 12px;
	width: 300px;
	text-align: right;
}
/* NOTE: Controls Terms and Conditions|Messages Menu Links - Font Color, Text Decoration*/
#ftr_menu a {
	color: #000;
	text-decoration: underline;
}
/* NOTE: Controls Terms and Conditions|Messages Menu Links Hover - Font Color, Text Decoration*/
#ftr_menu a:hover {
	color: #000;
	text-decoration: underline;
}
/* NOTE: Controls Security & Privacy- Font Color, Size, Margins, Width, Text Alignment*/
#security {
	color: #000;
	margin: 0 14px 14px 14px;
	font-weight: bold;
	font-size: 12px;
	width: 400px;
}
/* NOTE: Controls Security & Privacy Links - Font Color & Text Decoration */
#security a {
	color: #000;
	text-decoration: underline;
}
/* NOTE: Controls Security & Privacy Links Hover - Font Color & Text Decoration */
#security a:hover {
	color: #000;
	text-decoration: underline;
}