/*  [Key]
	CTRL+F to search by section number:
	1.0 Base Element Styles					5.0 Interior Page Styles
	2.0 ezEdit ToolsFile Styles				6.0	LeftNav Item Styles
	3.0 Global/Header/Footer Styles			7.0	TopNav Styles
	4.0 Home Page Styles	
				[#.1 Font Styles | #.2 Layout Styles]

/*	1.0 Base Element Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*	1.1 [Fonts]  */

body {
	color:#333333;
	font:75% tahoma, helvetica, sans-serif;}

h1 {
	color:#005581;
	font-size:200%;
	font-weight:normal;
	line-height: 100%;}
	
h2	
	{
	color:#c4ac0c;
	font-size:140%;
	font-weight:normal;
	line-height: 100%;}

h3	
	{
	color:#005581;
	font-size:120%;
	font-weight:normal;
	line-height: 100%;}

h4 {
	color:#333333;
	font-size:100%;
	font-weight:bold;
	line-height: 100%;}

h5 {
	color:#666666;
	font-size:100%;
	font-weight:normal;}

h6 {
	color:#333333;
	font-size:100%;
	font-weight:bold;
	padding:6px 0px 4px 0px;
	padding-left:72px;}

p {
	line-height:170%;
	font-size:100%;}

a {
	color:#005581;
	text-decoration:underline;}

	a:hover {
		text-decoration:none;}

td {
	font-size:75%;}

	#container td {
		font-size:100%;} /* ezedit vs. front-end fix */
		
	

/*	1.2 [Layout]  */

body {
	height:98%;}
			
h1 	{padding:0px 0px 10px 0px;}	
h2 	{margin:0px 0px 5px 0px;}
h3 	{margin:0px 0px 5px 0px;}
h4 	{margin:0px;}
h5 	{margin:0px;}
h6 	{margin:0px;}
p 	{margin:0px 0px 15px 0px;}
	
img {border:0px;}
img td {border:0px;}

hr {border-top: 1px solid #CCCCCC; margin: 0px 0px 10px; padding: 0px; height: 1px;}

sub, sup {font-size: 70%; vertical-align: text-top;}

.clear {
	clear:both;
	height:1px;}
	
.imgBlock {display:block;}

#content ul.VAMValSummaryErrors li {
	background:none;}
	
.imgLeft {
	margin: 5px 20px 10px 0px;}
	
.imgLeft_border {
	border: 1px solid #68a8c9;
	margin: 5px 20px 10px 0px;}
	
.imgRight {
	margin: 5px 0px 10px 20px;}

.imgRight_border {
	border: 1px solid #68a8c9;
	margin: 5px 0px 10px 20px;}
/*	2.0 ezEdit ToolsFile Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*	2.1 [Home Page]  */

/*	2.2 [Interior Page]  */

.emagine-note {
	background:url(images/emagine-note.gif) 0 3px no-repeat;
	color: #FF0000;
	display:inline-block;
	font-size:110%;
	font-weight:bold;
	padding-left:20px;}
	
.footnote {
	font-size:90%;}
	
	#container td .footnote {
	font-size:85%;}
	
    

/*	2.3 [Interior Tables and Applications]  */

.table-header-app {
	background:#005581;
	color:#FFFFFF;
	font-size:120%;
	font-weight:normal;
	padding:10px;}
	
#container .table-header-app {font-size:120%;}



.table-subheader-app {
	background:#9ba4af;
	color:#FFFFFF;
	font-weight:normal;
	padding:10px;}

.table-row {
	border-bottom: 1px solid #DDDDDD;
	background:#FFFFFF;
	color:#333333;
	padding:10px;}

.table-altrow {
	border-bottom: 1px solid #DDDDDD;
	background:#edf3f6;
	color:#333333;
	padding:10px;}
		
.table-header th a {
	color:#FFFFFF;}
	
.table-row td, .table-altrow td {
	padding:10px; border-bottom: 1px solid #DDDDDD;}
	
.testimonials {
	border: 1px solid #DDDDDD;
	border-bottom: none;
	margin:0px 0px 15px 0px;}
	
.testimonials .imgLeft {
	margin: 0px 20px 0px 0px;
	border: 1px solid #68a8c9;}
	
.testimonials .imgRight {
	margin: 0px 0px 0px 20px;
	border: 1px solid #68a8c9;}
	
.quote {
	color: #dcb526;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
	line-height: 20%;
	margin: 0px;
	padding: 0px 5px;
	vertical-align: middle;}
	
.testimonials h3 {
	text-align: right;}
	
.testimonials .table-row {
	padding:20px;}

.testimonials .table-altrow {
	padding:20px;}

/*For Download's Delivery header*/
	
.table-header th {
	background-color:#9ba4af;
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;
	padding:5px;
	vertical-align:top;}
	
/*	2.4 [Library Items]  */

/*	3.0 Global/Header/Footer Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*	3.1 [Fonts]  */

#utilities {
	color:#6095B0;
	font-size:85%;
	letter-spacing: .05em;}

	#utilities a {
		color:#6095B0;
		text-decoration:none;}

		#utilities a:hover {
			color:#6095B0;
			text-decoration:underline;}
			
			
#search {
	font-size:90%;}

#footer {
	color:#666666;
	font-size:80%;}

	#footer a {
		color:#666666;
		text-decoration:none;}

		#footer a:hover {
			color:#666666;
			text-decoration:underline;}
			
		#footer ul li.dividerLines {
			color:#cccccc;}
			
#search {
	color:#6095B0;
	font-size:80%;
	font-weight:bold;}
			
/*	3.2 [Layout]  */

#container {
	margin:0px auto;
	width:941px;}


		
	#header {
		clear:both;
		height:98px;
		width:100%;}
		
		#logo {	
			float:left;
			display:inline-block;
			margin:14px 0px 11px 0px;}
			
		#utilities {
			float:right;
			display:inline; /*IE double margin fix*/
			margin:20px 0px 0px 0px;}
			
		#utilities a {
			padding-right: 3px;}
	
		#utilities li {
			background:url(images/util_link_bg.gif) right 4px no-repeat;
			padding:0px 5px 0px 17px;
			display:inline;}
			
			#login {
				background:none;
				float: right;
				padding: 5px 0px 0px 20px;}
				
				#login-middle {
					background:#f2f2f2 url(images/login-middle.gif) top left repeat-x;
					border-left: 1px solid #cccccc;
					border-right: 1px solid #cccccc;
					height: 32px;
					padding: 0px 13px 0px 0px;
					width: 206px;}
					
					#login #login-middle img {display:inline;
					vertical-align:middle;}
					
						
					#login #utilities {
						float:none;
						margin: 0px;}
						
						#login #utilities li {padding:0px 7px 0px 12px;}
						
						#login p {
							color: #666666;
							font-weight: bold;
							font-size: 85%;
							line-height: 100%;
							margin: 0px;
							padding: 4px 0px 0px 12px;}
				
				#login a {
					padding: 0px;}
			
				#login img {				
					display:block;}
			
		#search {
			float:right;
			display:inline;
			height:20px;
			margin:0px 0px 0px 0px;
			width:213px;}
				
			#search img {
				display:block;}
				
			#searchBox {
				background: url(images/util_search_bg.gif) 0px 0px repeat-x;
				border-left:1px solid #CCCCCC;
				border-right:0px;
				border-bottom:0px;
				border-top:0px;
				padding:3px 0px 0px 2px;
				height:17px;
				font-size:110%;
				width:138px;}

		#topNavContainer {
			clear:both;
			height:20px;
			width:100%;}
			
			#topNav {
				float:left;
				height:10px;
				padding:4px 0px 0px 0px;
				width:721px;}
	
			#topNav img {
				float:left;
				margin-right:0px;
				display:block;}
				
#footer {
	clear:both;
	margin:25px auto 10px auto;
	width:941px;
	padding-bottom:5px;
	}

	#footer ul {
		list-style:none;
		text-align:center;}

		#footer ul li {
			display:inline;
			padding:0px 8px 0px 0px;}
			
			
/*	4.0 Home Page Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*	4.1 [Fonts]  */

#homeBottomA p {
	font-size: 90%;
	margin: 0px 0px 5px 0px;}

#rewards {
	font-size:90%;}
	
	#rewards p {
		line-height:160%;
		padding:0px 0px 7px 0px;
		margin:0px;}
	
	#rewards a, #homeBottomB a {
		color:#EA7E25;
		font-weight:bold;
		text-decoration:none;}
		
	#rewards a:hover , #homeBottomB a:hover {
		color:#EA7E25;
		text-decoration:underline;}

/*	4.2 [Layout]  */

#homeMain {
	clear:both;
	min-height:500px;
	height:auto !important;
	height:500px;
	width:100%;}
	
	#homeTop {
		clear:both;
		width:100%;}

	#homeFlash {
		float:left;
		height:381px;
		width:700px;}
	
	#rewardsContainer {
		float:right;
		height:381px;
		width:221px;}
		
	#rewards {
		
		min-height:106px;
		height:auto !important;
		height:106px;}
		
		#homeBottom {
			clear:both;
			margin:0px auto;
			padding:10px 0px 0px 0px;
			width:941px;}
		
			#homeBottomA {
				float:left;
				margin:17px 0px 0px 0px;
				width:701px;}
				
			#homeBottomA table {
				height: 146px;
				vertical-align: middle;}
				
			.news {
				padding-left: 35px;
				width: 165px;}
				
			#homeBottomA .news p {
				margin: 0px 0px 0px 9px;}
				
			#homeBottomRight {
				float:right;
				width:221px;}
		
				#homeBottomB {
					margin:0px 0px 10px 0px;
					width:210px;}
					
					#homeBottomB .homeLeadgen img {
						display:block;}
					
					#homeBottomB .homeLeadgen td.midContent {
						background:#ffffff url(/Collateral/Images/English-US/homebottomb_bg.gif) 0px bottom repeat-x;
						border-right:1px solid #CCCCCC;
						padding:5px;}
						
					#homeBottomB .homeLeadgen td.midContentImg {
						border-left:1px solid #CCCCCC;
						background:#ffffff url(/Collateral/Images/English-US/homebottomb_bg.gif) 0px bottom repeat-x;}
					
				#homeBottomC {}

/*	4.3 [ezEdit ToolsFile]  */				
				 
/*	5.0 Interior Page Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*	5.1 [Fonts]  */
	
#content ul {
	line-height:150%;}
	
#content a {
	font-weight: bold;}


/*	5.2 [Layout]  */

#interiorMain {
	clear:both;
	width:100%;}

	#sectionalGraphic {
		height:120px;
		width:100%;}
		
	#interiorColumns {
		margin:23px auto 10px auto;
		width:100%;}
	
	#leftNav {
		float:left;
		display:inline; /*IE double margin fix*/
		font-size:100%;
		margin:0px 0px 0px 0px;
		width:164px;}
		
		#leftNav img {
			display:block;}
		
		#leftNav table {
			background:#FFFFFF url(images/leftnav_bg.gif) 0px bottom repeat-x;
			border-left:1px solid #D9D9D9;
			border-right:1px solid #D9D9D9;
			width:100%;}
		
	#main {
		float:right;
		border-bottom:0px;
		min-height:500px;
		height:auto !important;
		height:500px;
		width:776px;}
		
	
		
	
		#content {
			padding:18px 15px 5px 23px;
			width: 100%;}
		
			#content ul {
				margin:0px 0px 13px 20px;
				list-style:none;
				padding:0px;}
				
				#content ul li {
					background: url(images/int_list.gif) 5px 8px no-repeat;
					padding:0px 0px 7px 13px;}
				
				#content ul ul {
					margin:0px 0px 0px 25px;
					list-style:none;
					padding:0px;}
					
					#content ul ul li {
						background: url(images/int_list.gif) 0px 7px no-repeat;
						padding:0px 0px 7px 13px;
						margin-top:3px;}
				
			#content ol {
				margin:0px 0px 12px 25px;
				padding:0px;}
			
			#content #pressYear {
				margin-left:0px;
				list-style:none;}
				
				#content #pressYear li {
					background:none;
					padding:0px 5px 0px 0px;
					display:inline;}
					
					#content #pressYear li.current {
						color:#999999;}
						
			.whatDoYouSee {
				background:transparent url(images/whatDoYouSee_bottom.gif) 0px bottom no-repeat;
				width:100%;}
				
				.whatDoYouSee p, .whatDoYouSeeBig p, .whatDoYouSeeForm p {
				padding: 0px 19px 5px;}
				
				.whatDoYouSee h2, .whatDoYouSeeBig h2, .whatDoYouSeeForm h2 {
				padding: 10px 19px 0px;}
				
				.whatDoYouSee img, .whatDoYouSeeBig img, .whatDoYouSeeForm img {
				display: block;}
				
			.whatDoYouSeeBig {
				background:transparent url(images/whatDoYouSeeBig_bottom.gif) 0px bottom no-repeat;
				width:100%;}
				
			.whatDoYouSeeForm {
				background:transparent url(images/whatDoYouSeeForm_bottom.gif) 0px bottom no-repeat;
				width:540px;}
				
				
/* 5.3 =-=-=-=-=-=-=-=-=-=-=-=-Library Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/*	5.4 [Fonts]  */

td#library {font-size:105%; width: 175px;}
		
/*	5.5 [Layout]  */
	
	#library {
		padding:55px 0px 0px 25px;}	
		
	#library table#libraryItem {
		margin:0px 0px 14px 0px;}
		
	#library table img {
		display: block;}	
		
	#library table p {
		color: #666666;
		line-height: 115%;
		margin: 0px;
		padding: 7px 7px 0px;}
		
	#library table a {
		font-size: 90%;
		font-weight: bold;
		text-decoration: none;}	
		
	#library table a:hover {
		text-decoration: underline;}
		
	#library table#libraryItem td {
		background:transparent url(images/lib-bottom.gif) 0px bottom no-repeat;
		padding: 0px 0px 12px 0px;
		margin: 0px;}	
		
	#library table#libraryItem td table td {
		background:none;
		padding: 0px;
		margin: 0px;}	
		
	.editable {width: 100%;}
		
	.editableQuestionMark {width: 100%;}	
	#library table.editableQuestionMark a {color: #ab1f23;}	
	
	.editableNewsletter {width: 100%;}	
	#library table.editableNewsletter a {color: #dcb526;}	
	
	.editableMoney {width: 100%;}	
	#library table.editableMoney a {color: #ea7e25;}
	
	.editableComputer {width: 100%;}	
	#library table.editableComputer a {color: #AB4A9C;}	
	
	.editablePeople {width: 100%;}	
	#library table.editablePeople a {color: #ABBD26;}
	
	.editableCalendar {width: 100%;}	
	#library table.editableCalendar a {color: #666666;}	
	
	.editableHouse {width: 100%;}	
	#library table.editableHouse a {color: #c1b491;}		
	
	.switchKit {width: 100%;}
	#library table.switchKit {
		background:transparent url(images/lib-switchKit.jpg) 0px top no-repeat;
		height: 90px;
		margin: 0px;
		vertical-align: middle;}
		
	#library table.switchKit p {
		color: #FFFFFF;
		font-size: 105%;
		padding: 7px 10px 0px;}
		
	#library table.switchKit a {color: #FFFFFF;}
	
	.logo {}
	#libraryItem table td img.logo {margin: 7px 5px 0px 7px;}
	

/*	6.0 LeftNav Item Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#leftNav sup {vertical-align: text-top;}

#leftNav td.leftnav-lvl1-on {
	color:#005581;
	font-weight:bold;
	font-size:100%;
	padding:7px 10px 7px 12px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl1-off {
	color:#333333;
	font-size:100%;
	padding:7px 10px 7px 12px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl1-off a {color:#333333;text-decoration:none;}
#leftNav td.leftnav-lvl1-off a:hover {color:#333333;text-decoration:underline;}
	
#leftNav td.leftnav-lvl1-on a {color:#005581;text-decoration:none;}
#leftNav td.leftnav-lvl1-on a:hover {color:#005581;text-decoration:underline;}

#leftNav td.leftnav-lvl2-on {
	background:url(images/leftnav_lvl2_on.gif) 22px 8px no-repeat;
	color:#005581;
	font-size:90%;
	font-weight: bold;
	padding:4px 10px 4px 30px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl2-off {
	background:url(images/leftnav_lvl2_off.gif) 22px 8px no-repeat;
	color:#666666;
	font-size:90%;
	padding:4px 10px 4px 30px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl2-off a {color:#666666;text-decoration:none;}
#leftNav td.leftnav-lvl2-off a:hover {color:#666666;text-decoration:underline;}
	
#leftNav td.leftnav-lvl2-on a {color:#005581;text-decoration:none;}
#leftNav td.leftnav-lvl2-on a:hover {color:#005581;text-decoration:underline;}


#leftNav td.leftnav-lvl3-on {
	background:url(images/leftnav_lvl3.gif) 37px 11px no-repeat;
	color:#005581;
	font-size:90%;
	font-weight: bold;
	padding:4px 10px 4px 44px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl3-off {
	background:url(images/leftnav_lvl3.gif) 37px 11px no-repeat;
	color:#005581;
	font-size:90%;
	padding:4px 10px 4px 44px;
	vertical-align:top;}
	
#leftNav td.leftnav-lvl3-off a {color:#005581;text-decoration:none;}
#leftNav td.leftnav-lvl3-off a:hover {color:#005581;text-decoration:underline;}

#leftNav td.leftnav-lvl3-on a {color:#005581;text-decoration:none;}
#leftNav td.leftnav-lvl3-on a:hover {color:#005581;text-decoration:underline;}


/*	7.0 TopNav Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.RadMenu_Default .group .link  /* 1st level off cell */
{
	color: #005581;
	font-weight: bold;
	padding:8px 10px 8px 10px;
	text-align: left;
	white-space:normal;
	width:151px;
}

.RadMenu_Default .group .link .item last {
 	border:0px;}

.RadMenu_Default .group .group .link  /* 2nd level off cell */
{
	color: #005581;
	font-weight: bold;
	padding:8px 10px 8px 10px;
	text-align: left;
	white-space:normal;
	width:151px;
}

.RadMenu_Default .link,   /* off text */
.RadMenu_Default .link:visited
{
	cursor:pointer;
	text-decoration:none;
}

.RadMenu_Default .group .link:hover,   /* 1st level on cell*/
.RadMenu_Default .group .focused,
.RadMenu_Default .group .expanded
{
	background:#005581;
	color:#FFFFFF;
	font-weight: bold;
	padding:8px 10px 8px 10px;
	text-align:left;
	white-space:normal;
	width:151px;
}

.RadMenu_Default .group .group .link:hover,  /* 2nd level on cell*/
.RadMenu_Default .group .group .focused,
.RadMenu_Default .group .group .expanded
{
	background:#005581;
	color:#FFFFFF;
	font-weight: bold;
	padding:8px 10px 8px 10px;
	text-align:left;
	white-space:normal;
	width:151px;
}

.RadMenu_Default .link:hover,    /* on text */
.RadMenu_Default .link:visited:hover,
.RadMenu_Default .focused,
.RadMenu_Default .expanded
{
	cursor:pointer;
	text-decoration:none;
}

.RadMenu_Default .group   /* whole dropdown */
{
	background:#ffffff;
	font-size:90%;
	border:1px solid #CCCCCC;
}

.RadMenu_Default 
{
}

.RadMenu_Default_Context
{
	background: none;
}


.RadMenu_Default .text
{
	padding-left: 0px;	
	padding-right: 0px;
}

.RadMenu_Default .text:hover
{
	padding-left: 0px;	
	padding-right: 0px;
}

.slide /* use this style to add a top or bottom curve to a dropdown */
{
	background: url(images/topnav_dd_bg.gif) center bottom no-repeat;
	padding-bottom:5px;}

/* =-=-=-=-=-=-=-=-=-=-=-=-Form Styles-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

.form {font:1.09em arial, sans-serif;margin:3px;}
.form-label {font-weight:bold;}
.form-button {}
.form-textbox {font: 1.09em arial, tahoma, sans-serif; color:#000000;border:1px solid #B3A892;}
.red-star {font: bold 0.91em tahoma, sans-serif; color:#FF0000; }
.alert {font: bold 0.91em tahoma, sans-serif; color:#FF0000;}
/*site map*/

#sitemap td {
	padding:5px;}
	
/* Secure Form Styles */

#loanDetail {
	margin:0px auto;
	font-size:140%;
	width:941px;}

.secureForm td {
	padding:5px;}
	
	.label {
		font-weight:bold;}
		
		
/*---- Blank Landing Page template styles ----*/
#container_landing {
	width: 700px;
	margin: 0 auto;
	padding: 0 10px;
	border:solid 1px 000;
}

#container_landing td {
		font-size:100%;}
		
#container_landing td .footnote {
	    font-size:85%;}
	    
#container_landing .table-header-app {font-size:120%;}


#main_landing {
		
		border-bottom:0px;
		min-height:500px;
		height:auto !important;
		height:500px;
		width:700px;}
#header_landing
{
	clear: both;
	height: 80px;
	width: 100%;
}
#utilities_landing {
	color:#6095B0;
	font-size:85%;
	letter-spacing: .05em;}

	#utilities_landing a {
		color:#6095B0;
		text-decoration:none;}

		#utilities_landing a:hover {
			color:#6095B0;
			text-decoration:underline;}
			
#utilities_landing {
			float:right;
			display:inline; /*IE double margin fix*/
			margin:11px 0px 0px 0px;}
			
		#utilities_landing a {
			padding-right: 3px;}
	
		#content #utilities_landing li {
			background:url(images/util_link_bg.gif) right 4px no-repeat;
			padding:0px 5px 0px 17px;
			display:inline;}
			
#content #footer_landing {
	clear:both;
	margin:25px auto 10px auto;
	width:700px;
	padding-bottom:5px;
	color:#666666;
	font-size:85%;
	letter-spacing: .05em;}
	
	#content #footer_landing a {
		color:#666666;
		text-decoration:none;}

		#content #footer_landing a:hover {
			color:#666666;
			text-decoration:underline;}

	#content #footer_landing ul {
		list-style:none;
		text-align:center;}

		#content #footer_landing ul li {
			display:inline;
			padding:0px 12px 0px 0px;
			background:none;
			}