/* @override http://dev03.waterfieldtechnologies.com/aarpsavings/css/aarp.css */

/*  AARP Banking Master CSS  */

body {
  margin:0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #cc0000;
}
a:hover {
  color: #ff0000;
}
img {
  border: none;
	display: block;
}

p {
  margin: .5em 0;
}

p .error {
  color: #b90c0b;	
}

p .thanks {
	color: #3c740a;
	font-weight: bold;
}

.contact_error {
	color: #b90c0b;
}
		
.contact {
	color: #75dc13;
} 

ul {
  margin: 0;
}

li, ul li {
  	list-style-image: url(../sysimages/bullet.gif);
	color: #555;
	font-size: 1.3em;
}

.li2 {
	color: #fff;
}
li.no_bullet {
  list-style: none;
	list-style-image: none;
	list-style-position: inside;
	margin: 0 -20px;
}

ul li ul {
	padding: 0 0 0 15px;
}

h1 {
  color: #cc0000;
	font-size: 1.7em;
	text-transform: uppercase;
	padding: 3px 0;
	border-bottom: #d9d9d9 1px solid;
}

h3 {
  color: #aa9f79;
	font-size: 1.4em;
	margin: 1em 0 .2em 0;
}

form {
  margin: 0;
	padding: 0;
}

.force_break { clear:both; list-style:none; }
.break_left { clear: left; }
.right { float:right; }
.left { float: left; }

/* List box styles */
div.list {
  background-image: url(../sysimages/list_bg_top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	border-bottom: #fff 1px solid;
	clear: left;
}

	.list h3 {
		text-transform: uppercase;
		color: #777;
		margin: 0 15px;
		padding: 20px 0 5px;
		border-bottom: #d6d6d6 1px solid ;
	}
	.list ul.head { 
		padding: 5px 30px 20px;
		}
	.list ul {
		padding: 20px 30px;
		background-image: url(../sysimages/list_bg_bottom.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		line-height: 2em;
	}
	.list img {
		float: right;
		margin: 20px 10px 0 10px;
	}
	
	.list table {
		padding: 10px;
	}
	.list table td {
		padding-right: 20px;
	}
	.list table th {
		text-align: left;
	}

/* contact form styles */
form.contact {
	font-family: Arial, Helvetica, sans-serif;
	
}
form.contact input.text {
	 	width: 250px;
		height: 15px;
		padding: 4px;
		margin: 0 3px 6px;
		border: 1px solid #d6d6d6;
		font-size: 12px;
		color: #3f3f3f;
		font-family: Arial, Helvetica, sans-serif;
}
form.contact textarea {
	border: 1px solid #d6d6d6;
	width: 452px;
	height: 135px;
	padding: 4px;
	margin: 0 3px 6px;
	color: #3f3f3f;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
form.contact input.submit {
	
}
/* tab box styles */
/* tabs */
div#tabs { 
  	margin: 0 10px;
	background-position: left top;
	background-color: #ccc;
	font-size: .9em;
	text-align: center;
}
  #tabs ul {
	  margin: 0;
	  padding: 0;
	}
	#tabs ul li { 
		list-style: none; 
		list-style-image: none; 
		float: left;
		
	}
		
	#tabs ul li a {
	  display: block;
		float:left;
		padding: 7px 7px 3px;
		background-image: url(../sysimages/tabs_box/tab_def.jpg);
		background-position: top;
		background-repeat: repeat-x;
		border-right: #c0beaf 1px solid;
		border-left: #f9f9f9 1px solid;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		color: #555;
	}
	#tabs ul li.left_tab a {
	background-image: url(../sysimages/tabs_box/tab_def_left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 10px;
	}
	
	#tabs ul li.right_tab a {
	background-image: url(../sysimages/tabs_box/tab_def_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 10px;
	border-right: none;
	
	}
	
	#tabs ul li.active a {
	  background-image: url(../sysimages/tabs_box/tab_act.jpg);
	  color: #fff;
	}
  #tabs ul li.left_tab.active a {
	  background-image: url(../sysimages/tabs_box/tab_act_left.jpg);
	}
	#tabs ul li.right_tab.active a {
	  background-image: url(../sysimages/tabs_box/tab_act_right.jpg);
	}
/* tab box */
div#tab_box{
	background-repeat: no-repeat;
	background-position: top center;
	clear: left;
	color: #fff;
}

div#tab_box.active { 
	background-image: url(../sysimages/tabs_box/top_act.jpg); 
}

div#tab_box { 
	background-image: url(../sysimages/tabs_box/top_def.jpg); 
}

	
	#tab_box h3 {
		text-transform: uppercase;
		color: #fff;
		margin: 0 15px;
		padding: 20px 0 5px 0;
		border-bottom: #c6bfa6 1px solid ;
	}
	#tab_box h5 {
		color: #fff;
		font-size: 1.1em;
		margin: 0 5px;
		padding: 5px 0 0 0;
		border-bottom: #c6bfa6 1px solid ;
		}
	#tab_box.active h3 {
	  border-bottom: #427e97 1px solid;
	}
	#tab_box.active table {
	font-size: 12px;
	}
	#tab_box.active td {
	line-height: 25px;
}
	
	#tab_box div#switch_content {
	  margin: 5px 20px;
	}
	#tab_box div#switch_content a {
	font-size: 12px;
	color: #fff;
	}
	
	#tab_box div#switch_content a:hover {
	font-size: 12px;
	color: #c00;
	}		
	#tab_box div#switch_content p {
	  color: #fff;
		line-height: 1.5em;
	}

  #tab_box .bottom_cap {
	  display: block;
		background-position: top center;
	}
	#tab_box.def .bottom_cap { background-image: url(../sysimages/tabs_box/bottom_def.jpg); }
	#tab_box.active .bottom_cap { background-image: url(../sysimages/tabs_box/bottom_act.jpg); }


/* site structure and layout */
div#header_wrap {
  background-image: url(../sysimages/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ccc;
	height: 158px;
}

  div#tip_top_nav {
		width: 770px;
		margin: 0 auto;
		padding: 3px 0;
		color: #fff;
		font-size: 11px;
		height: 15px;
	}
	  #tip_top_nav a {
			color: #fff;
			font-size: 11px;
			margin: 0 7px;
		}
		#tip_top_nav p {
		  display: inline;
			margin: 0;
			padding: 0;
			float:right;
		}
		
	div#header{
		width: 770px;
		height: 105px;
		margin: 0 auto;
	
	}
	  #header img.logo {
		  margin: 20px 0 0 20px;
			float:left;
		}
			
		ul#font_size {
		  margin: 0;
		  margin-top: 60px;
			padding:0;
			float:right;
		}
		ul#font_size li {
			list-style: none;
			float:left;
		}
		ul#font_size img {
			border: none;
		}
		ul#font_size .text {
			margin-top: 17px;
			margin-right: 8px;
			color: #666;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
		}
		
	div#top_nav {
		width: 770px;
		height: 30px;
		margin: 0 auto;
		border-left: #7c0909 1px solid;
	}
	  #top_nav ul {
		  margin: 0;
			padding: 0;
		}
		#top_nav ul li {
			list-style: none;
			float: left;			
		}
		#top_nav ul li a {
			display: block;
			padding: 8px 22px;
			border-left: #ce2629 1px solid;
			border-right: #7c0909 1px solid;
			color: #d4d4d4;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
		}
		#top_nav ul li a:hover,
		#top_nav ul li a.current {
		  background-image: url(../sysimages/top_nav_hover_bg.jpg);
			color: #fff;
		}

div#mid_wrap {
  background-image: url(../sysimages/mid_wrap_bg.jpg);
	background-repeat: repeat-x;
}
  div#mid_outer {
		width: 770px;
		margin: 0 auto;
	}
		div#mid {
			background-image: url(../sysimages/mid_bg.jpg);
			width: 515px;
			height: 224px;
			float: left;
			border-left: #e4e4e4 1px solid;
			margin-bottom: 30px;
		}
	  div#callout {
		  float: right;
			width: 250px;
		  background-image: url(../sysimages/callout_bg.jpg);
			background-repeat: no-repeat;
			margin-top: 17px;
			padding-top: 7px;
		}
		  #callout div#login {
			  background-image: url(../sysimages/callouts/login_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 116px;
			}
			  #callout #login div.inner {
				  padding: 20px 10px 0 100px;
					margin: 0;
					float: right;
				}
			  #callout #login input.text {
				    width: 126px;
					height: 13px;
					padding: 4px;
					margin: 0 3px 6px ;
				    background-image: url(../sysimages/callouts/login_input_bg.jpg);
					background-repeat: no-repeat;
					background-position: bottom right;
					border: 0;
					font-size: 11px;
					color: #111;
				}
				#callout #login input.default {
				  color: #555;
				}
				#callout #login input.focus {
				  color: #111;
				}
				
			#callout div#logged_in {
			  background-image: url(../sysimages/callouts/logged_in_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
			}
			  #callout #logged_in div.inner {
				  padding: 0px 10px 0 100px;
					margin: 0;
				}
				#callout #logged_in h3, h4 {
				  margin: 0;
					padding: 0 0 0 5px;
					color: #fff;
				}
				#callout #logged_in h3 {
					font-size: 15px;
				}
				#callout #logged_in h4 {
				  padding-top: 10px;
					font-size: 12px;
				}
				#callout #logged_in .btn {
				  padding-bottom: 10px;
				}
				
				
			#callout div#demo {
			  background-image: url(../sysimages/callouts/demo_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 196px;
			}
				#callout #demo div.inner {
				  padding: 50px 0 0 10px;
					margin: 0;
					font-size: 0;
				}
				#callout #demo img {
				  margin-right: 10px;
					display: inline;
				}
				#callout #demo img.btn {
				  margin: 15px 50px;
				}
			
			#callout div#product {
				background-image: url(../sysimages/callouts/product_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 177px;
			}
			  #callout #product div.inner {
				  padding: 60px  0 0 15px;
				}
				#callout #product ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #product li {
				  background-image: url(../sysimages/callouts/product_bullet.jpg);
				  background-repeat: no-repeat;
				  list-style: none;
				  list-style-image: none;
				  color: #fff;
				  font-size: 13px;
				  font-weight: bold;
				}
				#callout #product ul a {
				  color: #fff;
				  padding-left: 30px;
				  line-height: 22px;
				}
				#callout #product img.btn {
				  margin-top: 10px;
				}
			
			#callout div.image {
			text-align: center;
			margin: 0 auto;
			font-size: 0;
			}
			#callout div.image img { display: inline; }
			
			#callout div#links {
			  background-image: url(../sysimages/callouts/related_links_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
			}
			  #callout #links div.inner {
				  padding: 60px  0 0 15px;
				}
				#callout #links ul {
					margin: 0;
					padding: 0 0 15px 0;
					list-style: none;
				}
				#callout #links li {
				  	background-image: url(../sysimages/callouts/related_links_bullet.jpg);
					background-repeat: no-repeat;
				  	list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
				}
				#callout #links ul a {
				  	color: #fff;
					padding-left: 30px;
					line-height: 22px;
				}
				
				#callout div#rates {
			      background-image: url(../sysimages/callouts/rates_bg.jpg);
				  background-position:center top;
				  background-repeat: no-repeat;
				  height: 204px;
				}
				#callout #rates div.inner {
					padding-top: 53px;

				}
				#callout #rates ul {
					margin: 0 0 0 3px;
					padding: 0;
					list-style: none;
				}
				#callout #rates li {
				  	list-style: none;
				  	list-style-image: none;
				  	color: #fff;
				  	padding-left: 15px;
				  	padding-top: 03px;
				  	font-size: 11px;
				}
				#callout #rates li.secondary {
				  	background-repeat: no-repeat;
				  	padding-left: 45px;
				  	font-weight: bold;
				  	font-size: 13px;
				  	padding-top: 08px;
				 }
				  				
				#callout #rates ul a {
				    color: #fff;
					padding-left: 30px;
					text-align: left;
					text-decoration: none;
					line-height: 20px;				
					}
					
				
				/* Adam Nemec - inserted the below code for temporary use. Delete before launch. */
				#callout div#tbd {
			    background-image: url(../sysimages/callouts/tbd.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 165px;
				}
				#callout #tbd div.inner {
				  padding: 60px  30px 0 10px;
				}
				#callout #tbd ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #tbd li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
				}
				#callout #tbd ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				#callout div#direct_deposit {
			    background-image: url(../sysimages/callouts/deposit_bg.gif);
				background-position:center top;
				background-repeat: no-repeat;
				height: 209px;
				color: #fff;
				font-size: 11px;
				}
				#callout #direct_deposit div.inner {
				  padding: 50px  25px 0 15px;
				}
				
				#callout #direct_deposit p {
					margin: 0;
					padding: 0px;
					padding: 0px 0px 0px 0px; 
					
				}
				
				#callout #direct_deposit table {
					margin: 0;
					padding: 0;
					padding: 0px 0px 0px 0px; 
					
				}
				#callout #direct_deposit table tr {
					margin: 0;
					padding: 0;
					padding: 0px 0px 0px 0px; 
				}
				#callout #direct_deposit table td {
					margin: 0;
					padding: 0;
					padding: 0px 0px 0px 0px; 
				}
		
				/* </inserted code to be deleted> */
				
				#callout div#dd {
			    background-image: url(../sysimages/callouts/directDeposit_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 165px;
				}
				#callout #dd div.inner {
				  padding: 60px  30px 0 10px;
				}
				#callout #dd ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #dd li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
				}
				#callout #dd ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				
				#callout div#tools {
			    background-image: url(../sysimages/callouts/tools.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 180px;
				}
				#callout #tools div.inner {
				  padding: 60px  30px 0 10px;
				}
				#callout #tools ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #tools li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
				}
				#callout #tools ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				
				#callout div#top_five {
			    background-image: url(../sysimages/callouts/top5_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 175px;
				}
				#callout #top_five div.inner {
				  padding: 50px  30px 0 10px;
				}
				#callout #top_five ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #top_five li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 11px;
					font-weight: bold;
				}
				#callout #top_five ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				
				#callout div#savings_features {
			    background-image: url(../sysimages/callouts/savingsFeatures_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 165px;
				}
				#callout #savings_features div.inner {
				  padding: 60px  30px 0 10px;
				}
				#callout #savings_features ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #savings_features li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
				}
				#callout #savings_features ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				
				#callout div#cd_features {
			    background-image: url(../sysimages/callouts/cdFeatures_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 165px;
				}
				#callout #cd_features div.inner {
				  padding: 60px  30px 0 10px;
				}
				#callout #cd_features ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#callout #cd_features li {
				    list-style: none;
					list-style-image: none;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
				}
				#callout #cd_features ul a {
				    color: #fff;
					padding-left: 15px;
					line-height: 22px;
					text-align: left;
				}
				
				#callout div#chat_now {
			 	background-image: url(../sysimages/callouts/chat_bg.jpg);
				background-position:center top;
				background-repeat: no-repeat;
				height: 133px;
				color: #333;
				font-size: 11px;
			
				}
			    #callout #chat_now div.inner {
				  padding: 0px 0px 0px 5px;
				}
				#callout #chat_now table {
				  padding: 3px 0px 0px 3px;
				  border-spacing: 0;
				  width:235px;
				}
				#callout #chat_now table td{
				/*
				  border-style:solid;
				  border-width:1px;*/
				  padding: 0px 0px 0px 0px;
				}
				#callout #chat_now p.white{
				  	color: #fff;
					font-size: 15px;
					font-weight: bold;
				}
				#callout #chat_now p{
					padding-left: 10px;
				}

				
	  div#inner_content {
		  padding: 10px;
			margin-right: 260px;
		}
		
		#inner_content p {
			color: #333;
			font-size: 1.2em;
		}
		
		#inner_content span.btn {
		float: left;
		background-image: url(../sysimages/buttons/gold_btn_left.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 11px 0 10px 5px;
		}
		
		#inner_content .vert span.btn {
			display: block;
			clear:left;
		}
		
		#inner_content .btn a {
		background-image: url(../sysimages/buttons/gold_btn_right.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		padding: 11px 40px 10px 3px;
		color: #555;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		}
		#inner_content .btn a:hover {
		background-image: url(../sysimages/buttons/gold_btn_right_hover.jpg);
		}
		#inner_content h2 {
		color: #aca994;
		}
		
		#inner_content h3 {
		  clear: left;
			padding-top: 10px;
		}
		
		div#footer {
		    padding: 20px 20px;
			text-align: center;
			clear: both;
			color: #616161;
			font-size: 1.1em;
			line-height: 2em;
		}
		#footer a {
			color: #616161;
			padding: 0 5px;
		}
		.disclosure {
			font-size: 1em;
			font-style: italic;
			width: 760px;
			margin: 0 auto;
			line-height: 1em;
		}
		
		/* POPUP -- need to clean up prior to launch */
		  div#inner_content_popup {
		  padding: 20px;
		  width: 680px;
		}
		.ratetableheads {  
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9pt; 
			color: #333; 
			background-color: #e6e6e6
		}		
		
		#inner_content_popup p {
			color: #333;
			font-size: 1.2em;
			padding-top: 10px;
		}
		
		#inner_content_popup span.btn {
		float: left;
		background-image: url(../sysimages/buttons/gold_btn_left.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 11px 0 10px 10px;
		}
		
		#inner_content_popup .vert span.btn {
			display: block;
			clear:left;
		}
		
		#inner_content_popup .btn a {
		background-image: url(../sysimages/buttons/gold_btn_right.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		padding: 11px 40px 10px 3px;
		color: #555;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		}
		#inner_content_popup .btn a:hover {
		background-image: url(../sysimages/buttons/gold_btn_right_hover.jpg);
		}
		#inner_content_popup h2 {
		  	clear: left;
			padding-top: 10px;
			font-size: 1.4em;
		}
		#inner_content_popup h3 {
		  clear: left;
			padding-top: 10px;
		}
		#inner_content_popup h8 {
			text-align: center;
			font-style: italic;
			color: #616161;
			font-size: 1.1em;
			line-height: 1.2em;
		}		
		#inner_content_popup li {
			list-style-image: none;
			color: #333;
			padding-top: 3px;
		}
		#inner_content_popup a {
			color: #cc0000;
		}
		#inner_content_popup a:hover {
			color: #333;
		}							

		/* </POPUP>
		
/* FAQ Page specifics */

.faq ul {
  margin-bottom: 10px;
}

.faq h5 {
  font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
}

/* SITEMAP specifics */

ul.sitemap {
  line-height: 2em;
	font-size: 1.3em;
}
ul.sitemap ul li {
  font-size: 1em;
}

/* Terms & Conditions */

#terms {
	width: 690px;
	margin: 10px;
}

#terms a {
	color: #ed2d22;
}

#terms a:hover {
	color: #898989;
}

#terms p {
	line-height: 16px;
	padding: 3px 0px;
	font-size: 12px;
}

#terms h1 {
	font-size: 16px;
}

#terms h2 {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#terms li {
	color: #000;
}

#terms ol.headings li {
	list-style: upper-roman;
	padding: 0px 0px 5px 0px;
}

#terms ol.numbers li {
	list-style: decimal;
}

#terms ol.loweralpha li {
	list-style: lower-alpha;
}

#terms table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#terms td {
	border: 1px solid #000;

}