@charset "utf-8";
/* Aurelian Trust Bank.com Screen Style Sheet - TYPOGRAPHY REFACTOR */


body {
    background: #FFF;
    padding:0;
    margin:0;
    text-align:center;
    overflow-y:scroll; /* added to always show vert scroll for FF */}

/* iframe content */
body.iframe-src {
	text-align:left;
	overflow-y:auto;
	position:relative;}

/* style missing flash content */

.dynamic .noflash .flash, .noflash .flash-regret {
	display: none;
}
.noflash .wrapper-2-way {
	float: left;
	margin-top: -15px;
	margin-bottom: -1em;
	margin-left: -13px;
    padding-top: 15px;
}
.noflash .wrapper-2-way h3 {
	margin-top: 10px;
	margin-bottom: 13px;
}

/* Don't allow Skype to mess with the page! */
#page span.skype_pnh_container, #pc span.skype_pnh_container { display: none !important; }
#page span.skype_pnh_print_container, #pc span.skype_pnh_print_container { display: inline !important; font-size: inherit !important; }


/* #content { overflow: hidden; } */
a.fp_video, object { outline: none; }

/* CSS RESETS */
div {
	display:block;
	margin:0;
	padding:0;
	border:0;}
img {
	border:0;}

/* NEW GRID */
.xx .cols .a,
.xx .cols .b {width:49.5%;}
.xxx .cols .a,
.xxx .cols .b,
.xxx .cols .c {width:33%;}

.ix #limit,
.x #limit,
.x #article,
.xx #limit,
.xx #article {width:100%;}
.ix #article {
	width:614px;
	float:right;}
.ixx #article {
    width:687px;
    float:right;}
.ix #aside {
	width:293px;
	float:left;}
.ixx #aside {
	width: 200px;
	float: left;}
.xi #aside {
	width:303px;}
.xxi #article {
	width:692px;}
.xxi #aside {
	width:220px;}
.xxx #article {
	width:100%;}
.xxx #article.cols .a {width:302px; left:0;}
.xxx #article.cols .b {width:303px; left:10px;}
.xxx #article.cols .c {width:303px; left:20px;}

/* old grid system, left in as a reference...
.x #aside,
.ix #aside { display:none; }
.x #header,
.xi #header,
.x #footer,
.xi #footer { margin-left:0; }
.ixi #article { width:537px; }
.ixi #aside { width:180px; }
.xi #article { width:725px; }
.xi #aside { width:180px; }
.ix #article {
	float:none;
	width:737px;}
.x #header,
.x #footer,
.x #content,
.x #limit,
.x #article { width:925px; }
*/

/* LAYOUT SPECIFICS */
#page
/*,
#pageOverlay*/ {
	min-width:968px;
	width:100%;
	margin:-24px auto 0 auto; /* AE-1256 Update the Push Console's style or background */
	text-align:left;}
#header {
	width:968px;}
#banner {
	width:615px;
	margin: 15px 0 12px 0;}
#article {
	float: left;
	width:737px;
	min-height:310px;}
#content,
#aside, #pc.tabs_vertical #pc_aside { float:right; width:180px; }
#pc.tabs_vertical #pc_aside { float: left; }
#content {
	margin-right:-2px;
	margin-top:23px;
	width:926px;
	padding:0 21px 30px 21px;}
#article, #pc.tabs_vertical #pc_article {
    width:615px;
    position: relative;}
#footer {
	width:968px;}

/* PAGE TYPE SPECIFICS */
#page.menu #article .cols p + h2,
#page.menu #article .cols p + ul + h2 {
	margin-top: 10px;}
#page.menu #article.cols ul,
#page.menu #article .cols ul {
	list-style-type: none;
	padding: 0 0 14px;
	margin: 0;}

/* TYPOGRAPHY */
body,input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	color:#505050;}
h1, h2, h3, h4, h5, h6, p, dl, dd, dt, form, img, blockquote, #nav ul, #nav ol, #nav li, #footer ul, #footer li, .nomarkers {
	margin:0;
	padding:0;
	border:none;
	list-style:none;}
#content #aside ul li, #pc #pc_aside ul li {
	margin:0 0 5px 0;
	padding:0;
	border:none;
	list-style:none;}
#content ul, #content ol,
#pc #pc_aside ul, #pc #pc_aside ol,
#pc .pc_content ul, #pc .pc_content ol {
	margin:0;
	padding:0;}

#content ul li {
	margin:0 0 0 25px;}
#content ol li {
	margin:0 0 0 30px;
	padding:0 0 0 5px;}
h1 {
	font-family:"Aurelian Trust Bank Benton Cond Bold", "Arial Narrow", Arial, Helvetica, sans-serif;
	line-height:110%;
	/*font:2em/110% "Aurelian Trust Bank Benton Cond Bold", "Arial Narrow", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
	/*font-weight:bold;*/
	color:#005487;
	margin:0;
	width:800px;
	font-weight:normal;}
	h1 span {display:none;}
h2 {
	font-family:"Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;
	line-height:110%;
	/*font:1.5em/110% "Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
	/*font-weight:bold;*/
	color: #005487;
	margin-bottom: 5px;
	font-weight:normal;}
	#aside h2, #pc_aside h2 {
		color:#2c1262;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:110%;}
h3, #page.search_results #aside h3, #page.security_page #aside .security-leftrail-tip h3  {
	color:#2c1262;}
	#aside h3 {
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:110%;}
h4 {
	font-weight:bold;}
h5,
h6 {
	font-weight:normal;}
h1 sup {
	font-size:11px;
	line-height:75%;}
p {
	line-height:150%;
	padding:0 0 13px 0;
	font-weight:normal;}
em {
	font-family:Georgia, "Times New Roman", Times, serif;}
a,
a:link,
a:hover,
a:active,
h2 a:visited {
	color:#006899;
	text-decoration: none;
	cursor: pointer;
	outline:none;}
a:hover {text-decoration:underline;}
a:visited {color:#5a327b; text-decoration: underline; }
h2 a:visited, h3 a:visited, #local a:visited {text-decoration: none;}
h2 a:hover, h3 a:hover, #local a:hover { text-decoration: underline; }
span.phone {white-space: nowrap;}


/* TYPOGRAPHY : FONT-SIZING */
body {font-size: 12px;}
h1, h1 a {font-size: 26px;}
h2, h2 a, #article .cols ul li h2 a {font-size:18px;}
	#aside h2, #pc_aside h2,
	#aside h2 a, #pc_aside h2 a {font-size:14px;}
h3, h3 a, #page.search_results #aside h3, #page.security_page #aside .security-leftrail-tip h3, #page.search_results #aside h3 a {font-size:14px;}
	#aside h3, #aside h3 a {font-size:13px;}
h4, h5, h6, p, a, td, th {font-size:12px;}

/* Font Sizer */
body.fontmedium, body.fontmedium input { font-size:15px; /*font-size:93%;*/ }
body.fontlarge, body.fontlarge input { font-size:17px; /*font-size:103%;*/ }

body.fontmedium h1,
body.fontmedium h1 a {font-size: 30px;}
body.fontlarge h1,
body.fontlarge h1 a {font-size: 34px;}
body.fontmedium h2,
body.fontmedium h2 a,
body.fontmedium #article .cols ul li h2 a {font-size:20px;}
	body.fontmedium #aside h2,
	body.fontmedium #pc_aside h2,
	body.fontmedium #aside h2 a,
	body.fontmedium #pc_aside h2 a {font-size:16px;}
body.fontlarge h2,
body.fontlarge h2 a,
body.fontlarge #article .cols ul li h2 a {font-size:22px;}
	body.fontlarge #aside h2,
	body.fontlarge #pc_aside h2,
	body.fontlarge #aside h2 a,
	body.fontlarge #pc_aside h2 a {font-size:18px;}
body.fontmedium h3, body.fontmedium #page.search_results #aside h3,
body.fontmedium h3 a, body.fontmedium #page.search_results #aside h3 a {font-size:16px;}
	body.fontmedium #aside h3, body.fontmedium #aside h3 a {font-size:15px;}
body.fontlarge h3, body.fontlarge #page.search_results #aside h3,
body.fontlarge h3 a, body.fontlarge #page.search_results #aside h3 a {font-size:16px;}
	body.fontlarge #aside h3 {font-size:17px;}

body.fontmedium h4, body.fontmedium h5, body.fontmedium h6, body.fontmedium p, body.fontmedium a, body.fontmedium td, body.fontmedium th {font-size:15px;}
body.fontlarge h4, body.fontlarge h5, body.fontlarge h6, body.fontlarge p, body.fontlarge a, body.fontlarge td, body.fontlarge th {font-size:17px;}


/* BACKGROUNDS */
body { background-color:#e8e8e8;}
body.iframe-src {background:transparent;}
#pc_wrap { background:#870081 url(images/pc-bkg.png) repeat-y center bottom; }
#page { background:#e8e8e8 url(images/bg-body.png) repeat-x left top;}
body.iframe-src #page {background-color:transparent; background-image:none;}
#header { background:#fff url(images/bg-header.png) no-repeat center bottom;}
#pusher { background:#fff url(images/bg-pusher.jpg) no-repeat center top;}
#content { background:url(images/bg-footer.jpg) no-repeat center bottom;}
.chat .default span {background:url(images/icons-tools.png) 1px -1200px no-repeat;}
	.fontlarge .chat .default span {background:url(images/icons-tools.png) 0 -1200px no-repeat;}
.chatlink span {background:url(images/icons-tools.png) 3px -1300px no-repeat;}
	.fontlarge .chatlink span {background:url(images/icons-tools.png) 0 -1300px no-repeat;}

	#widgets ul li { background:url(images/separator-vertical.png) no-repeat left center; }
	#widgets #securitybox a span {background:url(images/icons-tools.png) no-repeat right -399px;}

		#widgets #securitybox a.disabled span {background-position: right -599px;}
		#widgets #securitybox.current a span {background-position: right -599px;}
			.fontmedium #widgets #securitybox a span  {background-position: right -398px;}
				.fontmedium #widgets #securitybox a.disabled span  {background-position: right -598px;}
					.fontmedium #widgets #securitybox.current a span  {background-position: right -598px;}
			.fontlarge #widgets #securitybox a span  {background-position: right -397px;}
				.fontlarge #widgets #securitybox a.disabled span  {background-position: right -597px;}
					.fontlarge #widgets #securitybox.current a span  {background-position: right -597px;}

	#widgets .current a, #widgets .current .formbox { background:url(images/widget-current-highlight_centered.png) no-repeat center top; }

ul.demo-links li a {background:url(images/icons-tools.png) no-repeat left -998px;}

.nobkg, #widgets #searchbox, #widgets #searchbox1, #widgets #chatbox, #widgets #globalbox, #widgets #contactbox, #widgets #loginbox, #tools ul li #textsize-tools li
{ background:none; }
#tools ul li { background:url(images/separator-vertical-tools.png) no-repeat left top; }

#footer { background:url(images/separator-horizontal-footer.png) repeat-x left 50px;}
#footernav ul li { background:url(images/separator-vertical-footer.png) no-repeat right 2px; }
#footernav ul li.first { background:url(images/separator-vertical-footer.png) no-repeat right 2px !important;}

#affiliations #ehl { background:url(images/logo-ehl.png) no-repeat left top; }
#affiliations #fdic a { background:url(images/logo-fdic.png) no-repeat left top; }

/* HEADER */
#header {
	position:relative;
	height:152px;
	margin:0 auto !important;}
#logo {
	display:block;
	width:64px;
	height:37px;
	position:absolute;
	top:32px;
	left:22px;
	z-index:250;}
	#logo img {
		display:block;}
#universal {
	position:absolute;
	right:17px;
	top:115px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:980;}
	body.fontmedium #universal{ font-size:16px; top:104px;}
	body.fontlarge #universal{ font-size:18px; top:108px;}

	#universal li,
	#universal li a {
		font-size: 14px;
		display:block;
		text-decoration:none;
	}
	#universal li a,
	#universal li a:link,
	#universal li a:hover,
	#universal li a:visited,
	#universal li a:active {
		color:#63045e;
	}

	/* message badge */
	#content #universal li.quick_message a {
		margin-top:-5px;
		margin-right:4px;
		padding-left:12px;
		background:url(images/message-badge.png) no-repeat left top;}
		.fontmedium #content #universal li.quick_message a {
			background:url(images/message-badge.png) no-repeat left 2px;}
		.fontlarge #content #universal li.quick_message a {
			background:url(images/message-badge.png) no-repeat left -98px;}
		#universal li.quick_message a .inner {
			background:url(images/message-badge.png) no-repeat right top;}
			.fontmedium #universal li.quick_message a .inner {
				background:url(images/message-badge.png) no-repeat right 2px;}
			.fontlarge #universal li.quick_message a .inner {
				background:url(images/message-badge.png) no-repeat right -98px;}
			#universal li.quick_message a .inner {
				display:block;
				color:#006899;
				font-size:11px;
				padding:6px 0 9px 0;
				line-height:120%;
				min-height:24px;
				width:125px;}
				.fontmedium #universal li.quick_message a .inner {padding:5px 0 9px 0; width:141px; line-height:130%;}
				.fontlarge #universal li.quick_message a .inner {padding:6px 0 10px 0; width:151px; line-height:130%;}
				#universal li.quick_message a span.message {
					display:block;
					padding:6px 0 0 0;}
					.fontmedium #universal li.quick_message a span.message {padding:7px 0 0 0;}
					.fontlarge #universal li.quick_message a span.message {padding:10px 0 0 0;}
					#universal li.quick_message a span.message strong {
						display:block;
						font-size:14px;
						font-weight:normal;
						color:#63045E;}
						.fontmedium #universal li.quick_message a span.message strong {font-size:16px;}
						.fontlarge #universal li.quick_message a span.message strong {font-size:17px;}

/* button above #univeral */
#content #universal li.quick_link {
	position:absolute;
	top:-48px;
	right:3px;
	margin:0;}
	.fontmedium #content #universal li.quick_link {top:-48px;}
	.fontlarge #content #universal li.quick_link {top:-49px;}

	#content #universal li.quick_link a {
		padding-left:9px;
		background:url(images/buttons.png) no-repeat left -1100px;}
		#universal li.quick_link a .inner {
			background:url(images/buttons.png) no-repeat right -1100px;}
			#universal li.quick_link a .inner {
				display:block;
				padding:6px 0;
				width:126px;}
				.fontmedium #universal li.quick_link a .inner {width:142px; padding:5px 0;}
				.fontlarge #universal li.quick_link a .inner {width:152px; padding:4px 0;}

				#universal li.quick_link a strong {
					display:block;
					padding:0 0 0 4px;
					color:#fff;
					font-weight:normal;
					font-size:13px;
					font-family:"Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;
					/*font-family:"Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
					/*font-weight:bold;*/}
					.fontmedium #universal li.quick_link a strong {font-size:15px;}
					.fontlarge #universal li.quick_link a strong {font-size:16px;}



/* CONTENT */
#pusher:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
#pusher {
	height:1%;
	margin-top:30px;
	width:964px;
	margin:0 auto;
	position:relative;}

/* LIMIT */
#limit {
	margin-top:10px;
	padding-bottom:10px;}

/* ARTICLE */
#pc ul.questions li,
#article ol li,
#article ul li {
	margin: 0.33em 0 0.5em 25px;}
#content ul.nobullet li,
#content ol.nobullet li,
#article .no-bullet-list ul li,
#article.no-bullet-list ul li,
body.menu-nobullet #limit ul li,
#page.nobullet #limit ul li{
	list-style: none;
	margin: 0;
	padding: 2px 0; }
#content ul.smbullet {
	margin: 0 1em 1em 0; }
#content ul.smbullet li {
	list-style: none;
	background: url(images/bullets.png) no-repeat 0 4px !important;
	margin: 0 0 0.33em;
	padding-left: 10px; }
#content ul.smbulletp {
	margin-top: -13px;
	padding-top: 1em;}

#content ol.normal li,
#content ul.normal li { margin: 0.33em 0 0 2em; }
#content ol.normal li { list-style: decimal; }
#content ul.normal li { list-style: disc; }

#content ol.features,
#content ul.features { margin: 0.25em 1em 2em 0; }
#content ol.features li,
#content ul.features li { margin: 0.67em 0; }

/*
.blocker {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000; }*/

/* Help & FAQs */

#content .help_top { display: none; }
#help-videos { margin-top: 10px; }
#help-videos video { margin-bottom: 20px; }

#page.product_base.tabs_horizontal .tabs.offscreen,
#page.product_base.tabs_horizontal .tab-content.offscreen,
#page.product_base.tabs_horizontal #product-faqs.offscreen,
form.new_account_redirect.offscreen {
    position: absolute;
    left: -999em !important;
}
#page.product_base .tab-content ul.questions{
	float: left;
	width: 100%;
    margin: 0 0 13px 0;
}
ul.questions li {
	/*list-style:none outside none;*/
	margin-left: 0;
}
.dynamic ul.questions li.qa {
	float: left;
	clear: both;
	width: 100%;
    margin-left:0.25em;
	list-style:none;
    background: transparent url(images/bullets.png) 2px -98px no-repeat;
}
.dynamic #page.product_base #content ul.questions li {
	background-position: left -95px;
}
#page.product_base .tab-content ul.questions ul {
	font-size: 12px !important;
	margin: 0 0 10px !important;
}
/*
ul.questions li ul li {
	list-style:disc outside none !important;
	margin:0 0 0 25px !important;
	padding:0 0 0 10px !important;
}*/

/* - trying to unify the look of all UL LIs including FAQs - 10/18/2010 MB */
#content .tab-content ul {
    list-style: none outside url(images/list-bullet.jpg);
	margin: 0 0 1em 1.5em;
	padding:0;}
	#content ul.questions {
		margin: 0 0 1em 0;
		list-style:none;}

		#content .tab-content ul li {
			margin: 0 0 4px;
			padding: 0;}
			#content .tab-content ul ul,
			#content .tab-content ul ul ul {
				list-style: none url(images/list-bullet.jpg);
				margin: 4px 0 1.25em 1.5em;
				padding:0;}
				#content .tab-content ul.questions ul {
					margin: 0 0 1.25em 1.5em;}
					#content .tab-content ul.questions li.qa {
						margin: 0.33em 0 0.5em 0;}
					#content .tab-content ul.questions ul ul {
						margin: 4px 0 1.25em 1.5em;}

.dynamic ul.questions li ul li {
    background:none;
}
.dynamic ul.questions li.open {
    background-position:left -197px;
}
#page.product #content ul.questions li.open {
    background-position:left -195px;
}
ul.questions p {
	line-height: normal;
}
ul.questions p.question { font-weight: bold; text-decoration: underline; }
.dynamic ul.questions p.question {
	font-weight: bold;
	text-decoration: none;
	color:#006899;
	cursor:pointer;
	padding-left: 12px;
}
/*ul.questions .answer {
	padding: 0 0 0.67em 0;
}*/
.dynamic ul.questions .answer {
	left:-999em;
	position:absolute;
	padding-left: 12px;
}
ul.questions li.open .question {
    text-decoration:underline;
}
ul.questions li.open .answer {
	left:0;
	position:static;
	top:0;
	line-height:150%;
}
/* ul.questions p.question, */
ul.questions li .answer p,
.dynamic ul.questions li.open .answer p {
    padding-bottom:9px;
}
ul.questions p.question,
.dynamic ul.questions li.open .answer li p {
    padding-bottom:0.25em;
}



/* NAVIGATION */
#nav {
	position:absolute;
	left:0;
	top:-132px;
	width:968px;}
	.fontmedium #nav {top:-121px;}
	.fontlarge #nav {top:-125px;}

#nav a:link,
#nav a:hover,
#nav a:active,
#nav a:visited {
	color:#666666;
	text-decoration:none;}
#nav a:hover {
	color:#006899;
	text-decoration:underline;}

#nav h1,
#nav h2,
#nav h3,
#nav h4,
#nav h5,
#nav h6
/*#nav p*/ {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin:0;}
#nav h1,
#nav h2,
#nav h3 {
	position:absolute;
	left:-999em;}

/* BREADCRUMBS */
#breadcrumbs {
	position:absolute;
	top:114px;
	padding:0 20px;
	color:#666666;}
	.fontmedium #breadcrumbs {top:107px;}
		.fontmedium #breadcrumbs ul li,
		.fontmedium #breadcrumbs ul li a {font-size:13px;}
	.fontlarge #breadcrumbs {top:110px;}
		.fontlarge #breadcrumbs ul li,
		.fontlarge #breadcrumbs ul li a {font-size:14px;}
	#breadcrumbs ul {
		display:block;
		margin:0 0 0 -.25em;
		padding:0; }
		#breadcrumbs ul li {
			display:block;
			float:left;
			margin:0 0 0 .2em;
			padding:0;}
			#breadcrumbs ul li:after { content:" ›"; }
			#breadcrumbs ul li.last:after {content:"";}

#interest-checking-account #breadcrumbs .b1,
#savings-landing #breadcrumbs .b1,
#page.ira #breadcrumbs .b1,
#auto-home #breadcrumbs,
#about-ally #breadcrumbs,
#cf-index #breadcrumbs { display: none; }

/* WIDGETS */
#widgets {
	float:right;
	width:928px;
	margin-right:24px;
	/*border-top:1px solid #d5d5d5;*/}

	body.fontmedium #widgets { margin-top: -11px; }
	body.fontlarge #widgets { margin-top: -7px; }

	#widgets .inner {
		height: 54px;
		float: right;
	}

#widgets ul li {
	margin:0;
	padding:0;
	float:left;}
	#widgets ul li#loginbox {
		/*float:right;*/
		position:absolute;
		right:23px;}
#widgets a {
	display: block;
	outline: none;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	text-transform: lowercase; }

	.fontmedium #widgets a, .fontlarge #widgets a { font-weight:normal;}

#widgets #searchbox {
	float:left;
	width: 11.5em;
	margin-right: 18px; /* (Search button width (33px)) + (Position absolute right (-22px)) = 11px */ /* Add some more margin: +7px = 18px */
}

	/* #widgets .inner > ul li:last-child { padding-right: 0; } */ /* @TODO: ':last-child' is not supported in [lte IE8]; */
	#widgets #securitybox { padding-right: 0; } /* Using this instead of :last-child :( */

	#widgets #securitybox a span { padding-right: 14px; }

	.fontmedium #widgets #searchbox { margin-right: 2px; }
	.fontlarge #widgets #searchbox { margin-right: 22px; }



#widgets .inner > ul {
	float: right;
	text-align: center;
	/* line-height: 54px; */ /* (#widgets .inner { height; }) - (widget-current-highlight.png height) */
}

#widgets .inner > ul li {
	padding: 15px 0.85em 0;
	line-height: 39px; /* 54px - padding-top */
}

#widgets .inner > ul li a {
	position: relative;
	top: -15px;	/* -padding-top of parent element */
	padding-top: 15px; /* to stay consistent with the parent element */
}



#widgets #searchbox .formbox { padding-top: 0px; }
body.fontlarge #widgets #searchbox .formbox { padding-top: 15px; }

/* Some (arbitrary) fixed widths so the menu items don't expand when selected (font-weight: bold; is applied) */
#widgets #chatbox { width: auto; }
#widgets #globalbox { width: 2.8em; }
#widgets #contactbox { width: 4.8em; } /* Note: There is a "body.v2011-a.fontlarge #widgets #contactbox { width }" rule lower in the document */
#widgets #helpbox { width: 2em; }
#widgets #securitybox { width: 4.75em; }



#widgets .current {
	padding-top:0;
	position:relative;
	top:0;}

#widgets a:link,
#widgets a:hover,
#widgets a:active,
#widgets a:visited { color:#006899; text-decoration: none; }
	#widgets a.disabled {
		color:#505050;
		cursor:default;}

#widgets .current .formbox,
#widgets .current a {
	color:#666;
	font-weight:700;}

/* TOOLS */
#tools {display:none;}
.dynamic #tools {
	display:block;
	position:absolute;
	right:26px;
	top:168px;
	font-size:11px;
	color:#d8d8d8;
	text-align:right;}
	.dynamic .fontmedium #tools {top:157px;}
	.dynamic .fontlarge #tools {top:161px;}

#tools a:link,
#tools a:active,
#tools a:visited,
#tools #textsize {
	color:#777;
	outline:none;
	text-decoration: none; }

#tools a:hover { color:#006899; }
#tools ul li,
ul#textsize-tools li {
	display:block;
	list-style:none;
	float:left;
	width:5.6em;
	margin:0;}
	ul#textsize-tools li {width:9px;}

#tools a {
	padding:.1em .8em .5em .5em;
	display:block;}
body.fontmedium #tools a,
body.fontlarge #tools a {
	padding:0 .8em .5em 2.5em;}

#tools #print { width:5.15em; }
	#tools #print a { font-size:11px; background:url(images/icons-tools-extended.png) no-repeat 2px 0; }
	#tools #print a:hover { background-position:-98px 0; }
		body.fontmedium #tools #print a { background-position:6px 0; }
		body.fontmedium #tools #print a:hover { background-position:-94px 0; }
		body.fontlarge #tools #print a { background-position:5px 0; }
		body.fontlarge #tools #print a:hover { background-position:-95px 0; }
#tools #textsize {
	width:5.833em;
	padding:0 0 .2em .4em;}
	body.fontmedium #tools #textsize,
	body.fontlarge #tools #textsize {width:5.5em;}

#tools #textsize #textsize-tools,
#tools #textsize #textsize-label {
	float:right;
	clear:none;}
#tools #textsize ul li a {
	background:url(images/icon-text.png) no-repeat 0 0;
	padding:0;
	width:12px;
	height:14px;
	float:left;}
	#tools #textsize ul li a span {
		position:absolute;
		left:-999em;
		top:0;}
	#tools #textsize #textsize-small {
		background-position:0 -200px;
		width:9px;}
		body.fontmedium #tools #textsize #textsize-small,
		body.fontlarge #tools #textsize #textsize-small { background-position:0 0; }
	#tools #textsize #textsize-medium {
		background-position:-100px 0;
		width:11px;}
		body.fontmedium #tools #textsize #textsize-medium { background-position:-100px -200px; }
	#tools #textsize #textsize-large { background-position:-200px 0; }
		body.fontlarge #tools #textsize #textsize-large { background-position:-200px -200px; }
		body #tools #textsize #textsize-small:hover { background-position:0 -100px; }
		body #tools #textsize #textsize-medium:hover { background-position:-100px -100px; }
		body #tools #textsize #textsize-large:hover { background-position:-200px -100px; }
	#tools #textsize #textsize-label {
		width:1.75em;
		height:auto;
		text-indent:0;
		background:none;
		padding-top:0.125em;
		padding-left:.8em;
		cursor:default;}
		body.fontmedium #tools #textsize #textsize-label {padding-top:0.1em;}
		body.fontlarge #tools #textsize #textsize-label {padding-top:0;}

/* FOOTER */
#footer {
	position:relative;
	clear:both;
	height:90px;
	color:#666;
	background-color:#e8e8e8;
	margin:0 auto !important;}
	#footer:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;}
	#footer h2 {
		position:absolute;
		left:-999em;}
#footernav {
	width: 537px;
	padding: 60px 0 0 16.5em;}
#footer.bank #footernav { padding-left: 12.25em; }

#footernav a {
	display:block;
	text-transform:lowercase;
	text-decoration:none;
	white-space:nowrap;}
#footernav a:hover { text-decoration: underline; }

#footernav ul li {
	list-style:none;
	float:left;
	padding:0 15px;}
#footernav ul li.first {
	color:#666;
	padding-left:0;}
#footernav ul li.givefeedback {
	display:block;
	position:absolute;
	right:9px;
	top:6px;
	padding:0;
	text-transform:lowercase;
	background-image:none;}
#footernav ul li.givefeedback a {
	color:#4f4f4f;
	padding:1px 0 2px 27px;}

#affiliations {
	position:absolute;
	left: 0;
	top: 25px;
	width: 100%;}
	#affiliations #ehl {
		position:absolute;
		width:55px; /* background-image width */
		height:33px;
		left: 7px;
		top: -15px;
		text-indent:-999em;}
		#footer.bank #affiliations #ehl { left: 85px; }
	#affiliations #fdic {
		position: relative;
		width:51px; /* background-image width */
		left: 7px;
		top: -15px; }
	#affiliations #fdic a {
		display: block;
		height: 33px;
		text-indent:-999em; }
	#sociallinks {
		width:200px;
		position:absolute;
		right: 34px;
		top: 0;}

#copyright {
	position:absolute;
	left:7px;
	top:58px;}

#footnotes,
#disclaimers { width:537px; }


/* RSS Feeds */
#article .rss-feed ol li {
font-weight: bold;
margin: 0.5em 0; }

table.rss-list {
border: 1px solid #D2D2D2;
width: 100%;
margin: 1em 0 2em; }
table.rss-list tr th,
table.rss-list tr td {
padding: 3px 1.25em;
white-space: nowrap;
}
table.rss-list tr th {
background: #DEDEDE url(images/zebra-thead.png) repeat-x bottom left;
border: 1px solid #D2D2D2;
border-width: 0 0 1px 1px; }
table.rss-list { background: #DEDEDE; }
table.rss-list td { background: #FFF; }
table.rss-list th.first, table.rss-list td.first { border-left: 0; }
table.rss-list .last { width: 30%; }

table.rss-list td ul,
ul.social-list,
#content ul.social-list {
position: relative;
float: right;
height: 22px;
margin: 0; }
ul.social-list,
#content ul.social-list{
margin: 0 0 10px 0; }
table.rss-list td ul li,
table.rss-list td ul li a,
ul.social-list li,
ul.social-list li a {
background: transparent url(images/rss-social-icons.png) 0 0; }
table.rss-list td ul li,
ul.social-list li {
float: left;
list-style: none;
margin: 3px 0 0 !important;
padding: 0 3px 0 !important;
z-index: 1; }
table.rss-list td ul li a,
ul.social-list li a {
display: block;
width: 16px;
height: 16px;
background-position: -100px 0;
margin-left: -3px;
text-indent: -999em;
opacity: 0;
outline: none; }

table.rss-list tfoot td {
border-top:1px solid #D2D2D2;
background:#ebebeb;
font-size:11px;
padding:.5em; }
table.rss-list tfoot td p {
padding:0 8px;
}

table.rss-list td ul li.rss-bloglines,
ul.social-list li.rss-bloglines { background-position: 0 -100px; left: 20px; z-index: 5; }
table.rss-list td ul li.rss-bloglines a,
ul.social-list li.rss-bloglines a { background-position: -100px -100px; }
table.rss-list td ul li.rss-google,
ul.social-list li.rss-google { background-position: 0 -200px; left: 40px; z-index: 4; }
table.rss-list td ul li.rss-google a,
ul.social-list li.rss-google a { background-position: -100px -200px; }
table.rss-list td ul li.rss-netvibes,
ul.social-list li.rss-netvibes { background-position: 0 -300px; left: 60px; z-index: 3; }
table.rss-list td ul li.rss-netvibes a,
ul.social-list li.rss-netvibes a { background-position: -100px -300px; }
table.rss-list td ul li.rss-newsgator,
ul.social-list li.rss-newsgator { background-position: 0 -400px; left: 80px; z-index: 2; }
table.rss-list td ul li.rss-newsgator a,
ul.social-list li.rss-newsgator a { background-position: -100px -400px; }

ul.social-list li.social-community { background-position: 0 -500px; left: 20px; z-index: 2; }
ul.social-list li.social-community a { background-position: -100px -500px; }
ul.social-list li.social-twitter { background-position: 0 -600px; left: 40px; z-index: 2; }
ul.social-list li.social-twitter a { background-position: -100px -600px; }
ul.social-list li.social-facebook { background-position: 0 -700px; left: 60px; z-index: 2; }
ul.social-list li.social-facebook a { background-position: -100px -700px; }
ul.social-list li.social-youtube { background-position: 0 -800px; left: 80px; z-index: 2; }
ul.social-list li.social-youtube a { background-position: -100px -800px; }
ul.social-list li.social-flickr { background-position: 0 -900px; left: 100px; z-index: 2; }
ul.social-list li.social-flickr a { background-position: -100px -900px; }


/* Buttons OLD IMPLEMENTATION */
/*
.btn, .btn input, .btn a,
.btn_sm, .btn_sm input, .btn_sm a, .btn_wrap,
form.search .btn_wrap, form.search .btn {
	background: url(images/buttons.png) no-repeat 0 -200px;
	height: 23px;
	display: block;
	float: left;}
#loginbox .btn, #loginbox .btn input, #loginbox .btn a {
	height: 22px;}

.btn_sm { background-position: left -300px; }
.btn_sm input, .btn_sm a { background-position: right -300px !important; }

.btn { position: relative; }
.btn a, .btn input {
	background-position: 100% -200px;
	border: 0;
	color: #505050 !important;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 1.33em;
	padding: 0 1.33em 6px 0;
	text-align: center;
	text-indent: -0.2em;
	text-transform: lowercase;
	white-space: nowrap; }
.btn a {
	height: 23px;
	margin: 0 0 0 29px;
	outline: none;
	padding: 3px 1.2em 4px !important;
	text-indent: -28px;
	text-decoration:none;}
#loginbox .btn a {
	font-weight: normal;
	height: 18px;
	outline: none; }
	#nav #loginbox .btn a:hover {text-decoration:none;}
.btn input { padding: 2px 1em 3px 0; }
.btn_sm a, .btn_sm_purple a, .btn_sm_gray a {
	background-position: right -300px;
	padding-top: 2px !important;}

.btn_purple, .btn_purple a, .btn_purple input,
.btn_sm_gray, .btn_sm_gray a, .btn_sm_gray input {
	background-position: left 0;
	color: white !important; }
.btn_sm_purple a { color: white !important; }
.btn_sm_gray, .btn_sm_gray a, .btn_sm_gray input {
	color: #3a0038 !important;
	display:none;}

.btn_purple a, .btn_purple input { background-position: right 0; }
.btn_sm_purple, .btn_sm_gray { background-position: 0 -800px; }
#widgets .btn_sm_purple { background-position: 0 -100px; }

.btn_sm_purple a, .btn_sm_gray a,
.btn_sm_purple input, .btn_sm_gray input { background-position: right -100px; }

.btn_active { cursor: pointer; }
.btn_camel a, .btn_camel input { text-transform: none; }

#widgets .btn, #wmodal .btn {
	margin: 6px 0 0 0;}
#widgets .btn a,
#wmodal .btn a, #wmodal .btn input {
	padding: 2px 2em 5px !important; }

.fontmedium .btn a { padding-top: 2px !important; }
.fontmedium .btn_sm a, .fontmedium .btn_sm_purple a, .fontmedium .btn_sm_gray a { padding-top: 0 !important; }

.fontlarge .btn a { padding-top: 1px !important; }
.fontlarge .btn_sm a, .fontlarge .btn_sm_purple a, .fontlarge .btn_sm_gray a { padding-top: 0 !important; }

.fontlarge .btn_sm { background-position: 0 -200px; }
.fontlarge .btn_sm a, .fontlarge .btn_sm input { background-position: right -200px !important; }

.fontlarge .btn input { padding-top: 0; }

.fontmedium #wmodal.loginbox .btn,
.fontlarge #wmodal.loginbox .btn {
	background-position: left 0; }

.fontmedium #wmodal.loginbox .btn a, .fontmedium #wmodal.loginbox .btn input,
.fontlarge #wmodal.loginbox .btn a, .fontlarge #wmodal.loginbox .btn input {
	background-position: right 0; }

#widgets #loginbox.logout .btn {
	background-position: left -700px;
	margin: 4px 0.75em 0 !important; }
#widgets #loginbox.logout .btn a {
	background-position: right -700px;
	color: #505050 !important;
	padding: 2px 0.6em 5px 3.2em !important; }

.fontmedium .logout .btn,
.fontlarge .logout .btn {
	background-position: left -600px !important; }
.fontmedium .logout .btn a,
.fontlarge .logout .btn a {
	background-position: right -600px !important; }
.fontmedium #widgets #loginbox.logout .btn { margin-top: 5px !important; }
.fontmedium #widgets #loginbox.logout .btn a { padding: 3px 1.1em 5px 3em !important; }
.fontlarge #widgets #loginbox.logout .btn { }
.fontlarge #widgets #loginbox.logout .btn a { padding-left: 2.5em !important; }

#widgets #loginbox.loggingout .btn {
	background-image: none; }
#widgets #loginbox.loggingout .btn a {
	background-image: url(images/wait-small.gif);
	background-position: 0 0;
	color: #505050 !important;
	margin-top:-1px;
	padding:3px 2em 5px !important;
	text-indent:-45px;}
.fontmedium #widgets #loginbox.loggingout .btn a,
.fontlarge #widgets #loginbox.loggingout .btn a {
	text-indent:-57px;
}
*/

/* Buttons in a row */
.buttons .btn { margin: 0.5em 1em 0; }
.buttons .btn input {
	font-size: 12px;
	font-weight: bold; }

.section .btns {
	height:40px;
	margin-bottom:15px;
}

/* Buttons Updated : styles for anchor links w/ JS on */
.btn-hide {
	position: absolute !important;
	top: -999em !important;
	left: -999em !important; }

a.submit_purple,
a.btn-cta,
a.btn-alt,
a.btn-submit,
a.btn-reset,
a.btn-sm-purple,
#widgets a.btn-sm-purple {
	display:block;
	float:left;
	min-width:10px;
	position:relative;
	margin:10px 10px 0 0;
	padding:0 0 0 13px;
	border:0;
	height:23px;
	text-transform:lowercase;
	text-decoration:none;
	background: url(images/buttons.png) no-repeat left top;}
	a.btn-reset, a.btn-alt {background: url(images/buttons.png) no-repeat left -200px;}
	a.btn-sm-purple,
	#widgets a.btn-sm-purple {background: url(images/buttons.png) no-repeat left -100px;}
	.fontmedium #widgets a.btn-sm-purple,
	.fontlarge #widgets a.btn-sm-purple {background: url(images/buttons.png) no-repeat left top;}

	#pushpanel a.submit_purple, #pushpanel a.btn-cta {float:right;}
	a.submit_purple span,
	a.btn-cta span,
	a.btn-alt span,
	a.btn-submit span,
	a.btn-reset span,
	a.btn-sm-purple span {
		display:inline-block;
		width:auto;
		white-space:nowrap;
		color:#fff;
		position:relative;
		top:0;
		font-weight:bold;
		padding:0.3em 1.2em 0.45em 0;
		background: url(images/buttons.png) no-repeat right top;}

		.fontmedium a.submit_purple span,
		.fontmedium a.btn-cta span,
		.fontmedium a.btn-alt span,
		.fontmedium a.btn-submit span,
		.fontmedium a.btn-reset span,
		.fontmedium a.btn-sm-purple span {padding: 0.2em 1.2em 0.2em 0;}

		.fontlarge a.submit_purple span,
		.fontlarge a.btn-cta span,
		.fontlarge a.btn-alt span,
		.fontlarge a.btn-submit span,
		.fontlarge a.btn-reset span,
		.fontlarge a.btn-sm-purple span {padding: 0.1em 1.2em 0.2em 0;}

		a.btn-sm-purple span,
		#widgets a.btn-sm-purple span {background: url(images/buttons.png) no-repeat right -100px;}
			.fontmedium #widgets a.btn-sm-purple span,
			.fontlarge #widgets a.btn-sm-purple span {background: url(images/buttons.png) no-repeat right top;}
		a.btn-reset span, a.btn-alt span {
			color:#006899 !important;
			background: url(images/buttons.png) no-repeat right -200px;}

	/* login btn overrides */
	#loginbox a.btn-sm-purple {
		padding:0 0 0 25px;
		margin:6px 0 0 0;}
		.fontlarge #loginbox a.btn-sm-purple { margin:8px 0 0 0; padding:0 0 0 19px;}
		#loginbox a.btn-sm-purple span {
			font-weight:normal;
			padding: 2px 25px 6px 0;}
			.fontlarge #loginbox a.btn-sm-purple span { padding: 1px 18px 6px 0;}



/* Fancy Dropdown */
.fselect {
	float:left;
	padding:0 0 0 5px;
	background:url(images/input-left-mask.png) no-repeat left top;}
	.fselect h3 {
		color:#000 !important;
		font-size:12px !important;
		font-weight:normal !important;
		line-height:120% !important;}
		.fontmedium .fselect h3 { font-size:13px !important;}
		.fontlarge .fselect h3 { font-size:15px !important;}
		.fselect a {
			display: block;
			text-align: left;}
/* Search box */
form.search,
form.search .btn {
	position: relative;
	padding: 0;
	height: 20px; }
	.fontlarge form.search,
	.fontlarge form.search .btn,
	.fontlarge form.search .btn_wrap { height: 28px; }

form.search {
	background: url(images/bg-widgets-text-input-sprite.png) no-repeat left top;
	white-space: nowrap;
	margin: 3px 0 0;
	padding-right: 1em;
	height:29px;}

	.fontlarge form.search {background: url(images/textinput-searchwidget-large.png) no-repeat left top;}

		.pushpanel-content form.search { width:12em; margin:0 0 0 -2px;}
		.fontmedium form.search {
			margin: 4px 1em 0 0.7em;
			padding-top: 0; }
		.fontlarge form.search {
			height:37px;
			margin: 3px 0 0 1.5em;
			padding-top: 1px;
			background: url(images/bg-widgets-text-input-sprite.png) no-repeat left -200px;}
			.fontlarge #pc form.search {margin: 3px 0 0 0.5em;}

form.search label { position: absolute; left: -999em; }
form.search input.text {
	background: transparent;
	border: 0;
	height: 16px;
	margin-left: 3px;
	outline: none;
	font-size:11px;
	color:#999;
	padding: 3px 0 2px 0.2em; }
	.fontmedium form.search input.text {
		height: 17px;
		font-size:12px;
		padding-top: 2px; }
	.fontlarge form.search input.text {
		height: 22px;
		font-size:14px;
		padding-top: 5px; }
.searchfocus input {
                color:#000 !important;}
form.search .btn_wrap, form.search .btn {
	font-size:11px;
	background: url(images/buttons.png) no-repeat 0 -200px !important; }

form.search input.text {
	/*width: 11.5em;*/
	padding: 5px 0 2px 0.35em;}
	.pushpanel-content form.search input.text {width: 13em;}
	.fontmedium form.search input.text { /*width: 10.5em;*/ padding:5px 0 2px 0.35em;}
	.fontlarge form.search input.text { /*width: 11.5em;*/ padding:5px 0 2px 0.35em;}

.fontlarge .btn_wrap .btn {
	font-weight: normal;
	margin-top: 0 !important; }

form.search .btn
/*#pushpanel form.search .btn*/ {
	background-position: right -500px !important;
	border: 0;
	color: #505050 !important;
	/*font-weight: bold;*/
	margin: 0 !important;
	padding: 0 8px 3px !important;
	z-index: 2;
	overflow:hidden;
	width: 20px;}
	/*#pushpanel form.search .btn {
		width: auto;
		right:-3px;
		background-position: right -300px !important;
		padding: 0 8px 1px 3px !important;}*/
		.fontlarge #pushpanel form.search .btn {
			width: auto;
			right:-3px;
			background-position: right -400px !important;
			padding: 0 8px 4px 3px !important;}



form.search .btn_wrap {
	position: absolute;
	right: -22px;
	top: 0;
	background: url(images/bg-widgets-search-btn-sprite.png) no-repeat 0 0 !important;
	padding-left: 0;
	width: 33px;
	height: 29px;}
	#find_help form.search .btn_wrap {
		background: url(images/bg-widgets-search-btn-sprite.png) no-repeat 0 -200px !important;
		width: auto;
		right: -61px;
		padding-left:4px;}
		.fontmedium #find_help form.search .btn_wrap { right: -68px;}
		.fontlarge #find_help form.search .btn_wrap { right: -69px;}
	.fontlarge form.search .btn_wrap {
		right: -31px;
		background-position: 0 -100px !important;
		width: 42px;
		height: 37px;}
		.fontlarge #find_help form.search .btn_wrap { background: url(images/bg-widgets-search-btn-sprite.png) no-repeat 0 -300px !important;}

form.search input.btn {
	background-image: none !important;
	border: 0;
	color: transparent !important;
	cursor: pointer;
	margin: 0 !important;
	outline:none;
	padding: 0 !important;
	line-height: 1000px;
	overflow: hidden;
	width: 33px;
	height: 29px;
	z-index: 2; }

	#find_help form.search input.btn {
		color: #fff !important;
		text-indent:0;
		width: auto;
		overflow:auto;
		padding:0 8px 7px !important;
		background: url(images/bg-widgets-search-btn-sprite.png) no-repeat right -200px !important;}
		.fontlarge #find_help form.search input.btn {
			right:0;
			height:37px;
			padding:-1px 8px 0 3px !important;
			background: url(images/bg-widgets-search-btn-sprite.png) no-repeat right -300px !important;}

form.search input.btn:focus { outline:none;}
form.search input.btn::-moz-focus-inner { border: 0; }

/*.fontlarge form.search .btn_wrap { background-position: left -900px !important; }
.fontlarge form.search .btn { 	background-position: right -900px !important; }*/

/*.fontmedium form.search .btn,*/
/*.fontlarge form.search .btn { top: 0; left: 0; }*/

/*form.searchfocus { background-position: left -103px; }*/
form.searchfocus { background-position: left -100px; }
/*.fontlarge form.searchfocus { background-position: left -96px; }*/
.fontlarge form.searchfocus { background-position: left -300px; }

form.search_help {
	margin: 0 0 1.5em 0;
	width: 28em; }
form.search_help input.text {
	padding: 2px 0 3px 0.2em;
	width: 23em; }
.fontmedium form.search_help input.text { width: 25.2em; }
.fontlarge form.search_help input.text { width: 22.6em; }

/* Refine Search */
h2.refine, #refinesearchform { display: none; }
.dynamic h2.refine, .dynamic #refinesearchform { display: block; }

/* Dejargonator */
.dynamic a.dejargonator {
	border-bottom: 1px dotted #888;
	color: #505050;
	z-index: 0;
	cursor:help;
	}
.dynamic a.dejargonator:hover,
.dynamic a.dejargonator:active,
.dynamic a.dejargonator:visited {
	text-decoration: none;
	color:#505050;}
.dj-layer {
	position:absolute;
	display:none;
	left:0;
	top:0;
	width:316px;
	z-index:1000;
	text-align:left;
	cursor:help;}
.dj-inner {
	background:url(images/dejarg-bubble.png) no-repeat left 0;
	padding:0 20px;
	position:relative;}
.viewport-top .dj-inner { background-position:left bottom; }
.dj-inner div.term {
	position:relative;
	top:30px;}
	.dj-inner div.term ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.dj-inner div.term li {
		margin: 0;
		padding: 0;
	}
.viewport-top .dj-inner div.term { top:-20px; }
.dj-point {
	background:url(images/dejarg-tip-sprite.png) no-repeat left 0;
	height:80px;}
.viewport-right .dj-point { background-position:left -100px; }
.viewport-top .dj-point {
	background-position:left -200px;
	height:72px;}
.viewport-both .dj-point { background-position:left -300px; }

.dj-layer.small .dj-point{
	height: 64px;
	background:url(images/dejarg-tip-sprite-small.png) no-repeat left -200px;
}
.dj-layer.small .dj-inner{
	background:url(images/dejarg-bubble-small.png) no-repeat left bottom;
}

/* Added 2011-01-13 by PM because dejargonators were getting bold from form .item in RYR Calculator. */
.dynamic .item a.dejargonator { font-weight: normal; }
.dynamic .item label a.dejargonator { font-weight: bold; }

/* menuWidget modal overlay */
#menuWidgetOverlay {
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	opacity: 0.3;
	z-index: 1001;
	width: 100%;
	height: 100%;
	display: none;}
body.modal #menuWidgetOverlay { display: block; }
body.modal #nav a:link,
body.modal #nav a:hover,
body.modal #nav a:active,
body.modal #nav a:visited { color: #CCC; }

/*
#pageOverlay {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -478px;
	*height: 0;
	overflow:hidden;*
	z-index: 1003; }
*/

#wmodal {
	position: absolute;
	right: 8px;
	top: 0;}
#wmodal .toptab,
#wmodal .toptab .bmp {
	background: transparent url(images/modal-toptab.png) no-repeat top right;
	height: 45px;}
body.fontmedium #wmodal .toptab,
body.fontmedium #wmodal .toptab .bmp { height: 55px; }
body.fontlarge #wmodal .toptab,
body.fontlarge #wmodal .toptab .bmp { height: 58px; }
#wmodal .toptab {
	position: absolute;
	top: 0;
	z-index: 2;
	background: #F4F4F4;}
#wmodal .toptab a {
	padding: 6px 0.9em 14px 0.7em;
	white-space: nowrap;}
body.fontmedium #wmodal .toptab a {
	font-weight: normal;
	padding-top: 8px; }
body.fontlarge #wmodal .toptab a {
	font-weight: normal;
	padding-top: 10px; }
#wmodal .toptab .bmp {
	position: absolute;
	bottom: 10px;
	width: 21px;}
#wmodal .toptab .bmpl {
	left: -21px;
	background-position: bottom left;}
#wmodal .toptab .bmpr {
	right: -26px;
	background-position: -375px bottom;
	width: 26px;}
#wmodal .con,
#wmodal .con .bmp {
	position: absolute;
	background: url(images/modal-box-tall.png) no-repeat 0 -100px;
	width: 458px;}
#wmodal .con {
	top: 16px;
	right: -18px;
	z-index: 1;
	color: #424242;
	font-size: 12px;
	padding: 0;}
.fontmedium #wmodal .con { top: 26px; }
.fontlarge #wmodal .con { top: 29px; }
#wmodal .con .bmp {
	right: 0;
	bottom: -35px;
	height: 35px;
	background-position: 0 0;}
#wmodal .con h2 {
	color: #260052;
	font-size: 13px;
	margin: 0.5em 0;}
#wmodal .con-body { padding: 60px 53px 10px; }
#wmodal a.close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(images/modal-close.png) no-repeat top left;
	outline: none;
	text-indent: -999em;
	width: 21px;
	height: 21px;
	z-index: 3;}
body.fontlarge #wmodal a.close {
	background-position: left bottom;
	top: 24px;
	right: 23px;}
#wmodal.loginbox a.close {
	top: 36px;
	right: 36px;}
body.fontlarge #wmodal.loginbox a.close {
	top: 42px;
	right: 41px;}
#wmodal.contactusbox .toptab { right: 12.3em; width: 6.1em;}
body.fontmedium #wmodal.contactusbox .toptab { right:12.45em; }
body.fontlarge #wmodal.contactusbox .toptab { right:11.97em; }
#wmodal.contactusbox .toptab a { background: #F4F4F4; }
body.fontmedium #wmodal.contactusbox .toptab a,
body.fontlarge #wmodal.contactusbox .toptab a {
	font-weight: normal; }

body.fontlarge #wmodal.contactusbox .con,
body.fontlarge #wmodal.contactusbox .con .bmp,
body.fontmedium #wmodal.contactusbox .con,
body.fontmedium #wmodal.contactusbox .con .bmp {
	width: 608px;
	background-image: url(images/modal-box-wide.png);}
#wmodal.loginbox .toptab {
	right: 0;
	margin-right: 4px;
	height: 47px;
	padding-right: 0.9em;
	width: 7.45em; }
body.fontlarge #wmodal.loginbox .toptab { padding-right: 0.45em; }
#loginframe {
	width: 350px;
	display: block;/* fix firefox 3.5 bug when animating height blurs any child input */
	}
#wmodal.loginbox .toptab .bmpl { height: 37px; }
#wmodal.loginbox .toptab .bmpr {
	right: -29px;
	bottom: 0;
	background-position: right -88px;
	width: 29px;
	height: 47px;}
body.fontmedium #wmodal.loginbox .toptab .bmpr {
	height: 55px;
	background-position: right -78px;}
body.fontlarge #wmodal.loginbox .toptab .bmpr {
	height: 61px;
	background-position: right -68px;}




#wmodal.loggingout a.close { display: none;}
#wmodal.loggingout .toptab {
	background-image: none;
	background-color: transparent;
}
#wmodal.loggingout .toptab .bmp { background-image: none;}
#wmodal.loggingout .con { top: -120px; right: -26px;}
#wmodal.loggingout .con-body {
	padding: 43px 42px 12px;
}

.fontlarge #wmodal.loggingout .con-body,
.fontmedium #wmodal.loggingout .con-body {
	padding-right: 141px; /*125px*/
}
.fontlarge #widgets #loginbox .btn a,
.fontmedium #widgets #loginbox .btn a,
.fontlarge #wmodal.loginbox .btn a,
.fontmedium #wmodal.loginbox .btn a {
	padding-right: 1em !important;
}

.contactbyemail div.custombox-wrapper { position: absolute;}
.contactbyemail .item { text-align:left; width: 330px; }
.contactbyemail .item .control input { width: 330px; }
.contactbyemail .control { position:static; }
.contactbyemail-email { width: 97%; }
.contactbyemail .customselect { width: 346px; }
.contactbyemail .accessibleHide { width: 8px; top: 29px;}
.contactbyemail .textarea .control { margin-top: 0; left: 0; }
.contactbyemail textarea { width: 337px; height:8em; }

.contactbyemail .btns { position: relative; left: 210px; width: 14em; }
.fontlarge .contactbyemail .btns { left: 250px; }
.contactbyemail .btns .btn { margin: 0 1em; }
.contactbyemail .btns .btn input { margin: 0 0 0 1.8em; padding: 2px 1.8em 3px 4px !important; }

.contactusbyemail .error { position: relative; margin-bottom: 1em; }
#wmodal .contactusbyemail .error { left: 0; }

#wmodal .contactbyemail .item { left: 0; width: 90%; }
#wmodal .contactbyemail .item .control input { width: 95%; }
#wmodal .contactbyemail .customselect { width: 95%; }
#wmodal .contactbyemail .horizontal .item { float:left; width: 50%; }
#wmodal .contactbyemail .horizontal .item .control input { width: 95%; }
#wmodal .contactbyemail .textarea .control,
#wmodal .contactbyemail .textarea { width: 100%; }
#wmodal .contactbyemail textarea { width: 90%; }
#wmodal .contactbyemail .btns { position: static; left: 0; }
#wmodal .contactbyemail .btns .btn { margin: 0 0.75em !important; }
#wmodal .contactbyemail .btns .btn input { padding: 2px 1.5em 5px 0.17em !important; }

#wmodal .contactbyemail, #wmodal .contactbyemail .btns { width: 330px; }

.fontmedium #wmodal .contactbyemail, .fontlarge #wmodal .contactbyemail { width: 460px; }
.fontmedium #wmodal .contactbyemail .btns .btn, .fontlarge #wmodal .contactbyemail .btns .btn  { padding-left: 0; }
.fontmedium #wmodal .contactbyemail .btns .btn input, .fontlarge #wmodal .contactbyemail .btns .btn input { margin: 0 0 0 1.5em; padding: 1px 1.33em 5px 0.17em !important; }

/* Aurelian Trust Bank lightbox */
#ACBlightbox .con,
#ACBlightbox .bmp {
	background: url(images/modal-box-wide.png) no-repeat 0 -100px;
	width: 608px;
	height:500px;
}
#ACBlightbox {
	position: absolute;
	margin: 0;
	left: 202px;
	top: 120px;
	width: 608px;}

#ACBlightbox .bmp {
	position: absolute;
	bottom: -35px;
	left: 0;
	height: 35px;
	background-position: 0 0; }
#ACBlightbox .con-body {
	padding: 106px 244px; }

#ACBlightbox a.close {
	position: absolute;
	top: 40px;
	right: 50px;
	background: url(images/modal-close.png) no-repeat top left;
	outline: none;
	text-indent: -999em;
	width: 21px;
	height: 21px;
	z-index: 3; }

#ACBlightbox.small { /*margin-top: -45px;*/}
#ACBlightbox.small,
#ACBlightbox.small .con,
#ACBlightbox.small .bmp { width: 750px;}

#ACBlightbox.small .con,
#ACBlightbox.small .bmp { background-image: url(images/modal-box-wider.png); }
#ACBlightbox.small a.close { left: 704px;}

#ACBlightbox.small .btn_close { margin-left: 3em; margin-right: 3em;}
body.fontlarge #ACBlightbox.small .btn_close { margin-left: 1.1em;}

#ACBlightbox.small .btn_yes {
	float:left;
	margin: 0.5em 1em 0; }

#ACBlightbox.logoutpromt .btn_close {
	margin-left: 0;
}
/* defect #9662 - Overrides center alignments for the logout timeout modal */
#logoutstate,
#ACBlightbox #logoutstate{text-align:left !important;}

.leaving-ally-notice h3 { margin: 1em 0; }
.leaving-ally-notice h2 { border-bottom: 1px solid #C9F0F3; padding-bottom: 0.5em; }

/* email this page */
.emailthispage #generatingmsg {
	background: transparent url(images/wait-large.gif) no-repeat scroll center 0;
	margin-top: 87px;
	padding-top: 42px;
	text-align: center;
}
.emailthispage #previewwrap { margin-top: 87px;}
.emailthispage .btn { margin-top: 1em; }
.emailthispage .btn_close {	margin: 1em 0 0 212px; }


/* Disclaimer text */
.disclaimer { font-size: 11px; padding: 0.5em 0; }

/* STANDARD TABLES */
.stdtable {
	border:1px solid #ddd;
	border-bottom-width:0;
	margin:0 0 20px 0;}
.stdtable td,
.stdtable th { padding:3px 15px !important; }
.stdtable td { border-bottom:1px solid #ddd; }
.stdtable thead th {
	background:#fff url(images/zebra-thead.png) left bottom no-repeat;
	/*font:bold 1em Arial, Helvetica, sans-serif;*/
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	border-bottom:solid 1px #ddd;}
.stdtable tr.ally td {
	color: #2c1262;
	font-weight: bold; }
.stdtable tr td.accounttype {font-weight: bold;}

/* Zebra striping */
.dynamic .zebra { border-bottom-width:1px; }
.dynamic .zebra td { border-bottom:none !important; }
.dynamic .zebra tr.rowa, .zebra tbody tr.rowa td, .zebra tr { background:#fff; }
.dynamic .zebra tr.rowb, .zebra tbody tr.rowb td { background:#ddf1fc; }

/* Fees tables */
table.fees { width: 90%; }
table.fees td.fee {
	font-weight: bold;
	text-align: right;
	/*width: 165px;*/
	width: 32% }
table.fees td.fee .unit { float: left; }

/* Page messaging */
.pagemessage {
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	border-top:1px solid #b7b7b7;
	border-bottom:1px solid #b7b7b7;
	background:#f4eee5 url(images/banner-browser_support.html) repeat-x bottom left;
	z-index:989;}
.pagemessage p {
	color:#505050;
	padding:8px 15px 7px;
	margin:0 auto;
	width:925px;
	text-align:left;}
.pagemessage p strong { color:#2c1262; }
.pagemessage #closepagemessage {
	position:absolute;
	width:14px;
	height:30px;
	top:0;
	right:10px;}
.pagemessage #closepagemessage a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	overflow:hidden;
	outline:none;
	background:url(images/banner-browser_support_close.html) no-repeat 0 0;}
.pagemessage #closepagemessage a:hover { background-position: 0 -50px; }
.pagemessage #closepagemessage a:active { background-position: 0 -100px; }

/* Beige callout boxes */
.callout,
.callout .inner {
	position: relative;
	background: transparent url(images/box-beige-215.png) no-repeat left top; }
.callout {
	float: left;
	margin: 10px 0 18px 48px;
	padding-bottom: 8px; }
.dynamic .callout { margin-top: 0; }

.callout .inner {
	bottom: -15px;
	padding-bottom: 15px;
	background-position: left bottom; }
.callout h2,
.callout p,
.callout ul {
	margin: 5px 18px !important; }
.callout h2 {
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #999; }
.co215, .co215 .inner { width: 215px; }
.co255, .co255 .inner {
	background-image: url(images/box-beige-255.png);
	width: 255px; }
.co735, .co735 .inner {
	background-image: url(images/box-beige-735.png);
	width: 735px; }

#content .allydiff ul li {
	background: transparent !important;
	list-style: none !important;
	margin: 0.75em 0 !important;
	padding: 0 !important; }

/* Important Message Box */
.importantmessage {
	float: none !important;
	margin: 0 0 15px 0 !important;
	padding-bottom: 4px !important;
	background-position: left bottom !important; }
.importantmessage .inner {
	background-position: left top !important;
	padding:10px 10px 2px !important;
	bottom: 0 !important; }

.importantmessage h3 {
	background:url(images/toggle-chicklet.html) no-repeat left -2px;
	line-height: 1em; }
.importantmessage .open h3 { background-position: left -102px; }
.importantmessage h3 a {
	display:block;
	outline:none;
	padding:2px 0 8px 30px;}
.dynamic .importantmessage p {
	position:absolute;
	left:-999em;
	top:0;}
.importantmessage .open p {
	position:relative;
	left:0;
	top:0;}

/* UTILITY CLASSES */
.markers {
	margin:0 0 10px 0 !important;
	padding:0 !important;}
.markers li {
	margin:0 0 0 25px !important;
	padding:0 0 0 10px !important;
	list-style:disc !important;}
li.first,
li.last { background:none !important; }
a.last {border:0; background:none !important;}
.textonly { position: absolute; left: -999em; }
.dynamic .textonly {display: none; }
.nospace {
	margin:0 !important;
	padding:0 !important;}
.vspacetop { margin-top:20px !important; }
.vspacebottom { margin-bottom:20px !important; }
.hspaceright { margin-right:10px; }
.hspaceleft { margin-left:10px; }
.floatright { float:right; }
.floatleft { float:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.textleft { text-align:left; }
.displaynone,
.hide { display:none !important; }
.displayblock,
.show { display:block !important; }
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clear { height:1%; }
.clearfloat { clear: both; }
table.border-collapse { border-collapse: collapse;}

/* Messaging */
.msg, .msg h2 {
	position: relative;
	background: transparent url(images/box-beige-535.png) no-repeat bottom left;
	text-align: left;
	width: 535px; }
.msg {
	margin: 20px 4px 4px 20px;
	padding: 0 0 6px; }
.msg img.icon {
	 position: absolute;
	 top: -14px;
	 left: -16px;
	 height: 32px;
	 width: 32px;
	 z-index: 1; }

.msg h2, .msg p { margin: 0; font-size: 12px; }
.msg h2 {
	background-position: left top;
	padding: 6px 25px; }
.msg p { padding: 3px 25px; }

.msg_wide, .msg_wide h2,
.msg-wide, .msg-wide h2 {
	background-image: url(images/box-beige-735.png);
	width: 735px; }
.msg_wide, .msg-wide { margin-left: 3px; }

.msg_thin, .msg_thin h2,
.msg-thin, .msg-thin h2 {
	background-image: url(images/box-beige-438.png);
	width: 438px; }

.msg-xxi-aside, .msg-xxi-aside h2 {
	background-image: url(images/box-beige-210.png);
	width: 210px;
}


.msg-info h2 {
	font-size: 15px;
	padding: 9px 25px 1px;
}
.msg_error h2,
.msg-error h2 {
	color: #960000;
	font-weight: bold; }

/* Width variables */
.w025 {width:25px;} .w030 {width:30px;} .w040 {width:40px;} .w050 {width:50px;} .w060 {width:60px;} .w070 {width:70px;} .w075 {width:75px;} .w080 {width:80px;} .w090 {width:90px;} .w100 {width:100px;}
.w110 {width:110px;} .w120 {width:120px;} .w125 {width:125px;} .w130 {width:130px;} .w140 {width:140px;} .w150 {width:150px;} .w160 {width:160px;} .w170 {width:170px;} .w175 {width:175px;} .w180 {width:180px;} .w190 {width:190px;} .w200 {width:200px;}
.w210 {width:210px;} .w220 {width:220px;} .w225 {width:225px;} .w230 {width:230px;} .w240 {width:240px;} .w250 {width:250px;} .w260 {width:260px;} .w270 {width:270px;} .w275 {width:275px;} .w280 {width:280px;} .w290 {width:290px;} .w300 {width:300px;}
.w310 {width:310px;} .w320 {width:320px;} .w325 {width:325px;} .w330 {width:330px;} .w340 {width:340px;} .w350 {width:350px;} .w360 {width:360px;} .w370 {width:370px;} .w375 {width:375px;} .w380 {width:380px;} .w390 {width:390px;} .w400 {width:400px;}

/* NESTED COLUMNS */
.cols {
	height:1%;
	clear:both;}
.cols:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.a { clear:left; }
.a, .b, .c, .d {
	width:24.7%;
	float:left;
	position:relative;}
.cols .cols .a, .cols .cols .b, .cols .cols .c, .cols .cols .d { width:24.7%; }
body .xxx .a, body .xxx .b, body .xxx .c, body .ix .a, body .xi .b, .cols .xxx .a, .cols .xxx .b, .cols .xxx .c, .cols .ix .a, .cols .xi .b { width:33%; }
body .xx .a, body .xx .b, body .xii .a, body .ixi .b, body .iix .c, .cols .xx .a, .cols .xx .b, .cols .xii .a, .cols .ixi .b, .cols .iix .c { width:49.5%; }
body .ix .b, body .xi .a, .cols .ix .b, .cols .xi .a { width:66%; }
body .xxi .a, body .ixx .b, .cols .xxi .a, .cols .ixx .b { width:74.5%; }
.cols {
	margin-right:15px !important;
	width:auto;}
body .xxx, body .xii, body .xii, body .ixi, body .iix { margin-right:30px !important; }
body .xxxx { margin-right:45px !important; }
.b, .cols .cols .b { left:15px; }
.c, .cols .cols .c { left:30px; }
.d, .cols .cols .d { left:45px; }
ul.cols { margin-left:0 !important; }

/* MISC VARIANTS */
#home #content h1 {
	position:absolute;
	left:-999em;
	top:0;}

#home #tools { display:none; /*top:115px; right:36px;*/ }
#home #textsize { background: transparent; }
/*#tools #email { display: none; }*/

#article a.pdf {
		background:url(images/pdf-icon.png) no-repeat;
		padding:0 0 1px 23px;}

/* Terms and conditions */
#tab-terms-conditions h3,
#tab-terms-conditions h4 {
	font-weight: bold;
	margin-bottom: 0.6em; }

/* Doubleclick and Touch Clarity iframes should not be seen. */
#doubleclick, #tc_iframe { display: none; }

/* Temporarily removing email option */
/*#tools #email { display: none; }*/
#print { background: none !important; }

/* chat */
#content #universal ul li {
	display:block;
	float:left;
	margin:0 8px 0 0;
	position:relative;}
	#content #universal ul li.quick_message {margin:0 -2px 0 0;}
	#content #universal li.quick_chat {
		margin-top:3px;
		padding:0 6px 0 0;}

		#content #universal li.quick_chat span,
		#content #universal li.quick_hours span {
			display:block;
			width:4em;
			overflow:hidden;
			padding-right:10px;
			background:url(images/separator-vertical-universal.png) no-repeat right top;}
		#content #universal li.quick_hours span { width: 8.5em; }
		#content #universal li.quick_hours_auto span { width: 13.6em; }

/* Universal Nav */
	#universal li.quick_phone,
	#universal li.quick_hours {
		color:#505050;
		padding:4px 0 0 0;}
		#universal li.quick_phone strong {
			color:#63045E;
			font-weight:normal;}
		#universal li.quick_phone span {
			font-size:12px;}
		#universal li.quick_phone .number {
			text-align: right;
		}

	/* Auto : hours of operation */
	#universal li.quick_hours {
		padding-left:19px;
		background:url(images/icons-tools.png) 0 -696px no-repeat; }
		#universal .quick_hours a { color:#006899 !important; }

	/* Auto + Bank */
	#universal.bank-auto { margin-top: 4px; }
	#universal.bank-auto li,
	#universal.bank-auto a { font-size: 14px; }

	#universal.bank-auto li.quick_phone { padding-top: 0; }
	#universal.bank-auto li.quick_phone_auto {
		border-left: 1px solid #CCC;
		padding-left: 8px;
	}

	#universal .subline {
		text-align: right;
	}
		#universal .subline a, #universal .subline div {
			display: inline;
			font-size: 11px;
		}
			#universal .subline .cwt {
				border-right: 1px solid #CCC;
				padding-right: 2px;
			}
			#universal .subline .quick_hours {
				margin-left: 5px;
			}

	/* Old Call Wait Time - needed for ProdSupt until Auto launch */
	#cwt {
		font-size: 11px;
		text-align: right;
		text-transform: lowercase;
	}

	/* Call Wait Time */
	.cwt {
	 	zoom: 1;
	 	opacity: 0;
	  	filter: alpha(opacity=0);
		color: #505052;
		font-size: 11px;
		margin: -4px 0 0 0;
		/*margin-top: 2px;*/
		text-align: right;
		text-transform: lowercase;
	}

	.cwt-set {
	 	zoom: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#universal.bank-auto .cwt { text-transform: none; }
	#universal .cwt-aos {
		/*float:right;*/
		margin:0;}

#universal li.quick_security a {
	padding:2px 0 2px 16px;}
#universal .quick_chat a {
	height:20px;
	margin-bottom:5px;
	overflow:hidden;
	padding:1px 2px 2px 25px;
	line-height:160%;
	text-transform:capitalize;}
	.fontlarge #universal .quick_chat a { padding:4px 0 1px 26px;}

/* NEW:start ---- Updated Structure for Bank & Auto #'s side-by-side - MBrowning 11/04/2010 */
/* /// temp. display:none for development /// */
#universal li.u_badge {display:none !important;}

	#universal li.u_contact {
		color:#636363;
		min-width:220px;
		padding:4px 0 0 0;
		text-align:right;
	}
		#universal li.u_contact strong {
			color:#63045E;
			font-weight:normal;}
		#universal li.u_contact h4 {
			color:#636363;
			display:inline;
            font-size:14px;
            font-weight:bold;
            margin-right: 4px; }

            #universal li.u_contact.bank h4 {
                position:relative;
                top:-5px;}
		#universal li.u_contact a.dejargonator {
			display: inline-block;
		}
		#universal li.u_contact .phone {
			display:block;
            float:right;
            /*display:inline;*/
			text-align: right;}

            #universal li.u_contact .phone a {
                display:inline;
                text-align: left;
                text-decoration:none;
                cursor:default;}
            #universal li.u_contact .phone span {font-size:12px;}

        #universal li.u_contact .cwt-bank {
            font-size:11px;
            color:#636363;
            text-transform:lowercase;}
        #universal li.u_contact .chat {
            display:inline-block;
            margin-left: -4px;
            margin-right: 4px;
            position:relative;}

        #universal li.u_contact .cwt-bank span {
            border-left: 1px solid #636363;
            padding-left: 5px;
            margin-left: 3px;
        }
        #universal li.u_contact .hours {
            display: block;
            float: right;
            clear: right;
            /*display:inline-block;*/
            font-size: 11px;
            color: #007bab;
            padding-left: 16px;
            margin-top: 1px;
			margin-right: 0;
            background:url(images/icons-tools.png) 0 -1098px no-repeat;
            height: 1.25em; }
            #universal li.u_contact .hours a {
                display: inline-block;
                font-size: 11px;
                color: #006899; }

            #universal li.u_contact .cwt-auto span,
 			#universal li.u_contact .cwt-aos span {
                display:inline-block;
				padding-left:6px;
				border-left:1px solid #636363;}
			#universal .cwt-auto .hours,
			#universal .cwt-aos .hours {
				text-transform: none; }

				#universal li.u_contact .cwt-time .hours {
					float: left;
				 	margin-right: 6px;
				}

	/* Auto + Bank */
    #content #universal.multi li.u_contact.bank { margin-right: 0; }
	#universal.multi li.u_contact.auto { padding-left: 8px; }

.chat {
	width: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}
.chat-ready {
	width: 54px;
	margin-left: -4px;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* When chat is active, modify the look-feel a bit. */
.chat-active .default { visibility: hidden; }
.chat-active .chatlink { text-transform: capitalize; }
#chat-mutate-holder { position: absolute; left: -999em; }

/* button above #univeral */
#content #universal li.u_link {
	position:absolute;
	top:-48px;
	right:3px;
	margin:0;}
	.fontmedium #content #universal li.u_link {top:-48px;}
	.fontlarge #content #universal li.u_link {top:-49px;}

	#content #universal li.u_link a {
		padding-left:9px;
		background:url(images/buttons.png) no-repeat left -1100px;}
		#universal li.u_link a .inner {
			background:url(images/buttons.png) no-repeat right -1100px;}
			#universal li.u_link a .inner {
				display:block;
				padding:6px 0;
				width:126px;}
				.fontmedium #universal li.u_link a .inner {width:142px; padding:5px 0;}
				.fontlarge #universal li.u_link a .inner {width:152px; padding:4px 0;}

				#universal li.u_link a strong {
					display:block;
					padding:0 0 0 4px;
					color:#fff;
					font-weight:normal;
					font-size:13px;
					font-family:"Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;
					/*font-family:"Aurelian Trust Bank Benton Bold", Arial, Helvetica, sans-serif;	- references font-family in fonts-new.css */
					/*font-weight:bold;*/}
					.fontmedium #universal li.u_link a strong {font-size:15px;}
					.fontlarge #universal li.u_link a strong {font-size:16px;}

/* start: dual login buttons enhancement - 12/1/2010 MBrowning */
#content #universal ul li.u_login {
	position: absolute;
	top:-47px;
	right:3px;}
	.fontmedium #content #universal #loginbox.active_bank,
	.fontmedium #content #universal #loginbox.active_auto,
	.fontlarge #content #universal #loginbox.active_bank,
	.fontlarge #content #universal #loginbox.active_auto {
		right: -7px; }

.u_login {
	width:189px;
	height:33px;
	background:url(images/login-button-sprite.png) no-repeat 71px -300px;}
	.u_login h4 {
		float: left;
		height:20px;
		padding:9px 0 0 13px;
		font-size:13px !important;
		opacity: 0.9; }
		.fontlarge .u_login h4 {
			padding:9px 0 0 10px;}

	.u_login ul {
		display:block;
		float:right;
		height:33px;
		padding-right:4px !important;
		margin-right:-4px !important;
		background:url(images/login-button-sprite.png) no-repeat right -300px;}
		.u_login ul li {margin:4px 0 0 0 !important;}

.u_login .btn a {
	font-size:13px !important;
	font-weight:bold;
	text-decoration:none !important;
	color:#006899 !important;}

.u_login .btn.first a span {
	display:block;
	padding:5px 10px 5px 15px;
	background:url(images/login-button-sprite.png) no-repeat left -400px; }

.u_login .btn.last a span {
	display:block;
	padding:5px 15px 5px 15px;
	background:url(images/login-button-sprite.png) no-repeat left -200px;
	 }
	.u_login .btn .login span {
		text-shadow: 0 1px 0 #D5CEC4;
	}
	.u_login .btn.last a {
		background:url(images/login-button-sprite.png) no-repeat right top;}

	.active_bank { background-position: 0 -300px; }
	.active_auto { background-position: 5px -300px; }


/* text resize adjustments */
.fontmedium .u_login h4 {padding-left:10px;}
.fontmedium .u_login {width:195px;}
.fontlarge .u_login {width:196px;}

.fontmedium .u_login h4,
.fontmedium .u_login .btn a {font-size:14px !important;}
.fontlarge .u_login h4,
.fontlarge .u_login .btn a {font-size:15px !important;}

/* logout specifics */
.dynamic #loginbox { visibility: hidden; }
.dynamic #loginbox.init { visibility: visible; }

.loggedin {width:206px;}
.loggedin h4 {
	height:0;
	padding:0;
	text-indent:-999em;
	visibility:hidden;}
.loggedin .btn.last a {
	padding:0 18px 0 0;
	background:url(images/login-button-sprite.png) no-repeat right top;}
	.loggedin .btn.last a span {
		padding:5px 0 5px 17px;
		background:url(images/login-button-sprite.png) no-repeat left top;}

/* Seems to be a jQuery issue with adding similar classes, e.g. active & active_bank,
	so we're really including more classes here than necessary. */
#loginbox .loggedin,
#loginbox.active_auto .loggedout,
#loginbox.active_bank .loggedout,
#loginbox.active .loggedout { display: none; }
#loginbox.active_auto .loggedin,
#loginbox.active_bank .loggedin,
#loginbox.active .loggedin { display: block; }
/*
--commenting out for default padding with new login widget - vk
#loginbox.active_auto,
#loginbox.active_bank,
#loginbox.active { right: 28px !important; }
*/

/* Temporary production override until AOS goes live - NRF, 12/28/2010 */
/* BP - Commented out: It was overriding the CSS above and preventing
   the loggedin div from displaying on /auto/ if the user was logged in
   via banking. */
/*.auto #loginbox .loggedout { display: block; }*/
/*.auto #loginbox.active_bank { right: 3px !important; }*/
/*.auto #loginbox.active_bank .loggedin { display: none; }*/

#loginbox .loggedin .first {margin:7px 2px 0 0 !important;}
#loginbox .loggedin .first a {
	padding:3px;
	font-size:13px;
	color:#d9c89f;
	text-transform:lowercase;}

/* Differentiate auto vs bank login states */
#loginbox .loggedin a { display: none; }
#loginbox.active_bank .loggedin a.u_bank,
#loginbox.active_auto .loggedin a.u_auto { display: block; }

/* login button hovers */
.u_login .btn.first a:hover span {
	background:url(images/login-button-sprite.png) no-repeat left -500px;}
.u_login .btn.last a:hover {
	background:url(images/login-button-sprite.png) no-repeat right -100px;}
.loggedin .btn.last a:hover {
	background:url(images/login-button-sprite.png) no-repeat right -100px;}
	.loggedin .btn.last a:hover span {
		background:url(images/login-button-sprite.png) no-repeat left -100px;}

/* end: dual login buttons enhancement - 12/1/2010 MBrowning */


/* Overlay-related CSS (Top Up) */
a.overlay-link {
    margin: 0 0 0 20px;
    padding-left:17px;
    background: url(images/icons.17x15.png) no-repeat 0 -100px;
    height:15px;
}
a.overlay-link,
a.overlay-link:visited {
    color:#006899;
    text-decoration:none;
}

/*A few overrides for TopUp*/
.te_shaded{
    opacity:.3 !important;
}
.te_content{
    /*padding:30px !important;*/
}

.te_content img{
    /*padding:30px !important;*/
}


/* Chat icons */
.chat .default{
	height:18px;
    width:54px;
	overflow:hidden;
	display:block;
	float:left;}
.chat .chatlink {
	height:18px;
    width:54px;
	overflow:hidden;
	display:block;
	/*float:left;*/
    position:absolute;
    left: 0;
    top: 0;
    z-index:2;
}

#chatlinktop, #chatclone {margin:0;padding:0;}
.chatlink {z-index:2;}
#chatclone {
	background-image:none;
	position:absolute;
	right:0;
	top:1px;}
.chatlink a {
	/*padding-right:22px;*/
    color:#006899 !important;
	text-decoration:none;}
.chatlink a:hover{text-decoration:underline;}

/*<div id="chatlinkdefault" class="default"><span class="off">Chat Online</span></div>*/
.chatlink span {display:block;}
.chat .default span.off,
.chat .default span.off a {color:#a9a9a9 !important; padding-left:22px;}

.invite-close {
	height:16px;
	width:16px;
	position:absolute;
	top:36px;
	right:31px;
	cursor:pointer;
	display:block;
	text-decoration: none !important; }
.invite-nothanks {
	position:absolute;
	top:175px;
	left:53px;}
.invite-chat {
	position:absolute;
	top:175px;
	left:133px;}
.ui-effects-transfer { border: 1px solid #68beef;}
#chatinvite {
	/*position:absolute;
	top:98px;
	left:-170px;
	text-align:left;*/
}
#chatinvite img {border:none;}
#chatinvite-content {
	position:absolute;
	top:86px;
	left:55px;
	width:323px;}
	/* in order to fix content going behind buttons for medium and large fonts */
	.fontmedium #chatinvite-content h2 {font-size:18px;}
	.fontmedium #chatinvite-content p {font-size:13px; line-height:130%;}
	.fontlarge #chatinvite-content h2 {font-size:19px;}
	.fontlarge #chatinvite-content p {font-size:14px; line-height:130%;}
#contactButtonDiv {display: inline;}


/* PAGE SPECIFICS */
/* Homepage */
	body#home #banner, body#home #banner #flash-hero {
		width:614px;
		height: 251px;}
	body#home #content { margin-top:19px;}

	body#home #article {
		width:926px;
		top:13px;
		min-height:0;}
	body#home .home-rates-tiles {
		height:153px;
		margin-bottom:24px;
		margin-right:0 !important;}
	body#home .home-rates-tiles .a,
	body#home .home-rates-tiles .b,
	body#home .home-rates-tiles .c {
		background: none;
		width: 298px;
		height: 143px;
		position:relative;
		left:-10px;
		margin-right:12px;
		float:left;}
		body#home .home-rates-tiles .c { margin-right:0;}
    body#home .home-rates-tiles h2.product_title {
        font-family: "Aurelian Trust Bank Benton Cond", "Arial Narrow", Arial, Helvetica, sans-serif;
        font-size: 24px;
		font-weight:normal;
		line-height: 24px;
		text-align: right;
		color: #086e9e;
		position: absolute;
		left: 0;
		top: 12px;}
	.home-rates-tiles h2.product_title span { display: block; }

    body#home .home-rates-tiles p.product_tagline {
	    position: relative;
	    top: 5px;
		z-index: 1;
    	clear: both;
    	float: left;
    	font-size: 13px;
		line-height: normal;
		white-space: normal;
		width: 272px; }
	body#home .home-rates-tiles a.product_tile_link {
		position: absolute;
		top: -10px;
		left: -10px;
		display:block;
		width:302px;
		height:143px;
		z-index: 2;}
	body#home .home-rates-tiles a.product_text_link {
	    position: relative;
	    top: 5px;
		clear: both;
		float: left;
		white-space: nowrap;
		width:292px; }
	body#home .home-rates-tiles a.product_text_link:after {
		content:" ›";
		line-height: 1em;
		vertical-align: top;}
    body#home .home-rates-tiles #product_tile_mmda h2.product_title,
    body#home .home-rates-tiles #product_tile_osav h2.product_title {
    	left: -7px;}
    body#home .home-rates-tiles #product_tile_ncd h2.product_title {
    	left: -4px;
    }
    body#home .home-rates-tiles #product_tile_mmda .rate,
    body#home .home-rates-tiles #product_tile_osav .rate {
        right: 20px;}
    body#home .home-rates-tiles #product_tile_mmda .rate.generatedrate,
    body#home .home-rates-tiles #product_tile_osav .rate.generatedrate {
        right: 10px;}
	body#home .home-rates-tiles .box-c-r{
		padding-right:0; }

	body#home #aside {
		position: absolute;
		top: 34px;
		right: 26px; /* old right:19px; */
		width: 292px;}

/* new Homepage Auto Tile - MB 1/31/2011...*/
#aside .slide-vert {
	position:relative;
	margin-bottom: 12px;
	padding-top: 6px;
	width:292px;}
	.slide-vert.auto-login-menu {background: url(images/box-sd-vert-auto.292.png) 0 0 no-repeat;}
	#aside .slide-vert .inner {
		height: 161px;
		padding: 6px 10px 5px 10px;}
		.slide-vert.auto-login-menu .inner {background: url(images/box-sd-vert-auto.292.png) -292px bottom no-repeat;}
		#aside .slide-vert.auto-login-menu h2 {
			font-family:"Aurelian Trust Bank Benton Bold","Arial Narrow",Arial,Helvetica,sans-serif;
			font-size:20px;
			font-weight:normal;
			line-height:100%;
			color:#005487;
			margin:0 0 10px 0;}
			#aside .slide-vert.auto-login-menu h2 span {
				display:block;
				font-family:"Aurelian Trust Bank Benton Cond","Arial Narrow",Arial,Helvetica,sans-serif;
				font-size:21px;
				line-height:110%;
				margin:0;}
				#aside .slide-vert.auto-login-menu p.first {
					font-family:"Aurelian Trust Bank Benton Cond","Arial Narrow",Arial,Helvetica,sans-serif;
					font-size:14px;
					font-weight:normal;
					line-height:110%;
					color:#505050;
					padding:0; }
					#aside .auto-login-menu p.first .icon {
						position: relative;
						top: -5px;
						background: url(images/home/aside.button-auto.png) no-repeat;
						display: inline-block;
						text-indent: -999em;
						width: 49px;
						height: 24px;
					}
					#aside .slide-vert ul {
					    list-style: none outside url(images/list-bullet.jpg);
						margin: 0 0 1em 1.5em;
						padding:0; }
						#content #aside .slide-vert ul li {
							list-style: none outside url(images/list-bullet.jpg);
							margin: 0 0 1px;
							padding: 0;}
							#content .auto-login-menu a {
								color:#006899;
								text-decoration:none;}
								#content .auto-login-menu a:hover {text-decoration:underline;}
				#aside .slide-vert.auto-login-menu p.last {
					position:absolute;
					bottom:10px;
					padding:0;}

	/* the homepage purple feature box in aside */
	body#home #aside .feature {
		width:302px;
		margin-bottom:6px;
		padding-top:7px;}
		body#home #aside .feature.plum {
			background: url(images/bg-plum-box-outline-w302.png) no-repeat left top;}
	body#home #aside .feature .inner {
		min-height:72px;
		padding:4px 10px 0 14px;}
		body#home #aside .feature.plum .inner {
			color:#fff;
			background: url(images/bg-plum-box-outline-w302.png) no-repeat -302px bottom;}
		body#home #aside .feature .second-bkg {
			min-height:70px;
			background: url(images/bg-plum-box-icons-sprite.png) no-repeat right -130px;}

	body#home #aside .feature h3 {color:#fff;}
	body#home #aside .feature p {font-size:11px; padding:6px 0;}
	body#home #aside .feature a {color:#fff; text-decoration:none;}


    /* Add bottom padding to lists for certain page classes */
    #page.article_bullet_list #article .section ul, #page.aside_links_list #aside ul,
    #page.article_bullet_list #article .section ol, #page.aside_links_list #aside ol,
    #page.article_datatable #article .section table {
    	margin-bottom: 1em;}
    #page.article_datatable #article .section table th,
    #page.article_datatable #article .section table td {
        padding-right: 1em;}
	#page.article_bullet_list #article .section ul li, #page.article_bullet_list #article .section ol li,
	#pc.article_bullet_list #pc_article .section ul li, #pc.article_bullet_list #pc_article .section ol li {
        margin-left: 1.2em;
        line-height: 1.4;}
    #page.article_bullet_list #article .section ul.nobullet li {
        margin-left: 0;}



    /* Common FAQs formatting
     * (overrides some bullet list page styles above) */
	#content ul.faq_section {
        padding: 15px 0 0 0;}
    #content ul.faq_section ul, #content ul.faq_section ol {
        margin-top: 10px;}
    #content ul.nobullet li.faq_section_body {
        padding: 0 0 20px 0;}
    #content ul.nobullet li.faq_section_body li {
        list-style: disc;
        list-style-position: inside;
        padding: 0 0 0 15px;}
    div#article ul.nobullet li.faq_section_body p + ul,
    div#article ul.nobullet li.faq_section_body p + ol {
        margin-top: -10px;}
    #content ul.nobullet li.faq_section_body ol li {
        list-style: inherit;
        list-style-position: inside;}
    #content ul.nobullet li.faq_section_body h3 {
        text-transform: uppercase;}
    #content ul.nobullet li.faq_section_body dl {
        padding: 5px 0 0 0;}
    #content ul.nobullet li.faq_section_body dt {
        font-weight: bold;}
    #content ul.nobullet li.faq_section_body dd p,
    #content ul.nobullet li.faq_section_body dd li,
	#page.article_bullet_list #article ul.nobullet li.faq_section_body dd ul li,
    #page.article_bullet_list #article ul.nobullet li.faq_section_body dd ol li,
    #content ul.nobullet li.faq_section_body dd blockquote {
        line-height: 1.875em;}
    #content ul.nobullet li.faq_section_body dd blockquote {
        margin: -10px 0 13px 28px;}
    #page.article_bullet_list #article ul.faq_section {
    	margin-bottom: 0;}


    /* Aside form wrap page class */
	#page.aside_form .aside_form_wrp {
		border-bottom:1px solid #999;
		margin:0 0 10px;
		padding:0 0 13px;}
    #page.aside_form .aside_form_wrp.last {
    	border-bottom: 0;}
	#page.aside_form #aside .section {margin:15px 0 20px 0;}
	#page.aside_form #aside .aside_form_wrp .section {margin:15px 0 10px 0;}
	.xxi #aside .aside_form_wrp form .item {
		width: 220px;}
	#page.aside_form .aside_form_wrp form .select label {
		padding-right: 0;}


	/*forms overrides*/
	.item .hasfocus { background-position:-50px 0; } /* specifically for 'fancy select' */
	#page.aside_form #aside form .item {font-weight:normal;}
	#page.aside_form #aside .text {margin:10px 0 0; padding:0;}
	#page.aside_form #aside form .check {margin:0;}
	#page.aside_form #aside form .check .controls {
		margin:0;
		width:220px;}
	#page.aside_form #aside form .control {left:0;}

	/*forms overrides - investor relations contact us page*/
	#contact_us form.investorcontact h3 {margin-bottom:0;}
	form.investorcontact .item {
		min-height:0;
		position:static;}
	form.investorcontact .item,
	form.investorcontact .item label { text-align:left;}
	form.investorcontact .control {
		position:static;}
	form.investorcontact .horizontal .item {
		float:left;
		width:50%;}
	form.investorcontact .fselect {
		/*margin:10px 0;*/
		margin:21px 0 10px 0;}
	form.investorcontact #commentbox {
		width:587px;
		height:100px;}

    /* investor events webcast */

    #investor_events_webcast h3{
        color:#2c1262;
        font-size:14px;
        font-weight:bold;
        margin-bottom:1em;
    }
    #investor_events_webcast .a{
        width:40%;
    }
    #investor_events_webcast .b{
        width:60%;
    }
	#flash-placeholder:focus{
		outline:none;
	}

	/* policies and charters */
	body#policies_charters #article ul {margin-bottom:1em;}

	/*new format for purple buttons*/
	button.submit_purple {
		position:relative;
		margin:0 6px 0 0;/*AE-164 adjustment*/
		padding:0 0 1px 13px;/*AE-164 adjustment*/
		border:none;
		cursor:pointer;
		height:23px;
		font-size:11px;
		display:inline;/*AE-164 added*/
		background: url(images/buttons.png) no-repeat 0 0;}
		#pushpanel button.submit_purple {float:right;}
		button.submit_purple span {
			display:block;
			color:#fff;
			position:relative;
			font-weight:bold;
			padding: 4px 14px 6px 0;/*AE-164 adjustment*/
			margin:-1px 0 2px;/*AE-164 adjustment*/
			top:0;/*AE-164 adjustment*/
			background: url(images/buttons.png) no-repeat right top;}

/* from auto securitization */
#auto-secure-roadblock button {
    float:left;
	margin-right:10px;}

    button.submit_grey {
       	position:relative;
		margin:0;
		padding:0 0 1px 13px;/*AE-164 adjustment*/
		border:none;/*AE-164 added*/
		cursor:pointer;
		height:23px;
		font-size:11px;
		display:inline;/*AE-164 added*/
        background: url(images/buttons.png) no-repeat left -200px;}
        button.submit_grey span {
            display:block;
            color: #999;
            position:relative;
            top:0;
            font-weight:bold;
            padding: 4px 15px 6px 0;/*AE-164 adjustment*/
            top:0;
            margin:-1px 0 0;/*AE-164 added*/
            background: url(images/buttons.png) no-repeat right -200px;}

	#right-border-wrapper div {
		background: transparent url(images/border-white-grey-shadow-w257.png) top left no-repeat;
		padding:25px;
		padding-bottom:1px;
		margin:0;}
		div#right-border-bottom {
			background: transparent url(images/border-white-grey-shadow-w257.png) bottom left no-repeat;
			height:15px;}

/* About Aurelian Trust Bank */
	#about-ally #limit {margin-top:-205px;}
	#about-ally #article {
		margin-top:205px;
		min-height:0;}
	#about-ally #article ul + h3 {
			margin-top:1.5em;}
	#about-ally #banner { height: 190px; }
	#about-ally .cols.xxx .a, #about-ally .cols.xxx .b, #about-ally .cols.xxx .c {
		width: 30%;}
	#about-ally .cols.xxx .b, #about-ally .cols.xxx .c {
		border-left: 1px solid #ddd;
		padding-left: 10px;}

	#article.cols ul li,
	#article .cols ul li,
    #pc_article.cols ul li,
    #pc_article .cols ul li {
		margin: 0 0 4px;
		padding: 0;}
		body#the-ally-story #article .cols ul li {margin: 0 0 4px 14px;}

	#aside .aside-banner { margin: 4px 0 6px; }

	#allyStory {
		background: url(images/bg-aside-purple-box.png) 0 0 no-repeat;
		margin-bottom: 12px;
		padding-top: 6px;}
		#allyStory div {
			background: url(images/bg-aside-purple-box.png) -303px bottom no-repeat;
			color: #fff;
			height: 166px;
			overflow: hidden;
			padding: 8px 10px 10px 15px;}

			#allyStory div h3,
			.fontmedium #allyStory div h3,
			.fontlarge #allyStory div h3 {
				color: #fff;
				font-size: 32px; /* use px so that it doesn't scale */
				font-weight: normal;}
			#allyStory div p,
            #content #aside #allyStory div p a,
            #content #aside #allyStory div p a:visited,
            #content #aside #allyStory div p a:active {
				color:#cbc9c9;
				font-size: 14px; /* use px so that it doesn't scale */
				line-height:145%;}

			#content #aside #allyStory div ul {
				list-style-type: none;
				margin: 0;}
				#content #aside #allyStory div ul li {
					float: left;
					margin-right: 10px;
					border-right: 1px solid #ddd6bc;
					text-align: right;
					width: 44%; }
					#content #aside #allyStory div ul li a {
						color: #ddd6bc;
						/*border-right: 1px solid #ddd6bc;*/
						display: block;
						font-size: 12px; /* use px so that it doesn't scale */
						font-weight: bold;
						/*margin-right: 10px;*/
						padding-right: 10px; }
						#content #aside #allyStory div ul li.last {
							border: 0;
							margin: 0;
							padding: 0;
							text-align: left;}
						#content #aside #allyStory div ul li.last a {
							padding-right: 0;}
                        #content #aside #allyStory div p a,
                        #content #aside #allyStory div p a:visited,
                        #content #aside #allyStory div p a:active {
                            text-decoration: none;}
                        #content #aside #allyStory div p a:hover {
                        	text-decoration: underline;}

/* Aurelian Trust Bank Story */
body#the-ally-story #aside {
	position:absolute;
	top:66px;
	/*right:140px; - repo only*/
	right:18px;}
	body#the-ally-story.fontmedium #aside {top:72px;}
	body#the-ally-story.fontlarge #aside {top:76px;}


/* Site map */
body#sitemap ul.sitemap,
body#sitemap ul.sitemap ul{list-style:none;}
body#sitemap ul.sitemap li {
	margin:0.33em 0 0.33em 20px;}
body#sitemap ul.sitemap li.last {
	padding-bottom:0.5em;}
body#sitemap ul.sitemap li a {
	padding:0.3em 0.3em 0.3em 0.8em;
	background:url(images/bullets.png) left -93px no-repeat;}
body#sitemap ul.sitemap li.singleton {
	margin:0.33em 0 0.33em 0.8em;}
body#sitemap ul.sitemap li.singleton a {
	padding:0.3em 0.3em 0.3em 0;
	background-image:none !important;}
body#sitemap ul.sitemap li h2 a {
		padding:.3em .3em .3em 0;
		background-image:none !important;}
/* showing the open icon */
/*body#sitemap ul.sitemap li h4 a,*/
body#sitemap ul.sitemap li.open h4 a,
body#sitemap ul.sitemap li.open h5 a {
	background:url(images/bullets.png) left -194px no-repeat;}
body#sitemap ul.sitemap li.l0 {
	margin:0.33em 0;}
body#sitemap ul.sitemap li.l0 + p {
	padding:.3em .3em .3em 0;}
body#sitemap ul.sitemap ul.l1 li p {
	padding:0 0.3em 0 0.8em;}
body#sitemap ul.sitemap ul li.l2 {
	padding:0 0 0 0.45em;}
body#sitemap ul.sitemap ul li.l3 {
	padding:0 0 0 0.9em;}
body#sitemap ul.sitemap ul li.l4 {
	padding:0 0 0 1.25em;}
body#sitemap ul.sitemap .open {
	margin:0;}

/* History */
body#history #article ul li {
		padding-bottom:5px;}

/* Pillow treatment from Aurelian Trust Bank story */
.tab-content .tab_content_pillow_wrp {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    width: 301px;
}

.tab-content .tab_content_pillow_inner {
    background: transparent url(images/border-white-grey-shadow.png) top left no-repeat;
    padding:25px !important;
    padding-bottom:10px !important;
    margin:0;
}

.tab-content .tab_content_pillow_wrp ul li {
    list-style: none url(images/bg-checkbox.gif);
    margin: 0 0 1em 1.5em !important;
    padding:0 !important;
}

#page.tabs_horizontal .tab-content .tab_content_pillow_wrp h3 {
    color: #005487;
    margin-bottom:1.5em;
	margin-left:19px;
}
.tab-content .tab_content_pillow_btm {
    background: transparent url(images/border-white-grey-shadow.png) bottom left no-repeat;
    height:15px;
}

/*Buttons (fontsmall)*/
/*White button - 'Alt Call To Action'*/
a.white-button,
a.btn-alt {
	background: url(images/buttons.png) no-repeat left -200px;}
	.fontlarge a.white-button,
	.fontlarge a.btn-alt {
		background: url(images/buttons.png) no-repeat left -400px;
		height: 1.7em; }
	a.white-button span,
	a.btn-alt span {
		background: url(images/buttons.png) no-repeat right -200px;}
		.fontlarge a.white-button span,
		.fontlarge a.btn-alt span {
			background: url(images/buttons.png) no-repeat right -400px;
			height: 1.6em; }

a.white-on-purple { background-position: left -800px; height: 24px; }
a.white-on-purple span { background-position: right -800px; }


/*Purple button - 'Call To Action'*/
a.purple-button,
a.btn-cta {
	background: url(images/buttons.png) no-repeat left 0;
	/*padding: .25em 0 0.5em 1em;*/
	margin-right:15px;
	color: #fff;}
	a.purple-button span,
	a.btn-cta span {
		background: url(images/buttons.png) no-repeat right 0;
		/*padding: .25em 1em 0.5em 0;*/}


/*RATES*/

ul#rate_feautures{
	list-style:none;
	position:absolute;
	left:275px;
	top:50px;
	margin-left:0;
	text-align:left;
	width: 200px;
}
ul#rate_feautures li{
	margin-bottom:.5em;
	font-size:15px;
	font-family: "Aurelian Trust Bank Benton", Arial, Sans-Serif;
	font-weight:normal;
}

ul#rate_feautures li a{
	font-size:11px;
	margin-left:-5px;
}

/* Aurelian Trust Bank Difference box styles */
#page.product .tab-content .b .wrapper-2-way h3,
.ally-difference h3,
body.fontmedium .ally-difference h3,
body.fontlarge .ally-difference h3 {
    font-family: "Aurelian Trust Bank Benton Cond", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 1em;
	margin-bottom: 13px;
}
#page.product .tab-content .b .wrapper-2-way p,
.ally-difference p {
    font-size: 1em;
}

/* ROTATING CONTENT WELLS */

.dynamic .rotator { display: none; }
.dynamic .rotator-set { display: block; }

/* TABS */

	@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
/*	    .ui-tabs-hide {
	        display: none;
	    }*/
	}

    .tabs .ui-tabs-loading em {
    	font-family: Arial, Helvetica, sans-serif;
        background: none;
        padding: 0;}

    .tabset-header { padding-top: 20px;}
    .tabs ul li a { white-space: nowrap;}
    .tabs ul li a span { line-height: normal;}

    /* horizontal (default) tabs */

    #pc .tabs_horizontal .tab-content,
	#page.tabs_horizontal .tab-content {
	    padding:4.8em 0 0 0;
	    float: left;
	    width: 100%;
	}
    #pc .tabs_horizontal .tab-content {
    	padding-top: 1em;
    }

	#page.tabs_horizontal .tab-content h3 {
	    margin-bottom: 5px;
	}
    #content .tabs.ui-tabs-horizontal ul, #pc .tabs.ui-tabs-horizontal ul {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 6px 0 0;
        position: relative;
        height: 3em;
		border-bottom:1px solid #d5d5d5;}

        .tabs ul li a:focus, div.media-tab a:focus {
            outline:0;
        }

        #article .tabs ul li, #pc .tabs ul li {
            margin: 0;
            padding: 0;
            float: left;
            width: auto;
            height: 3em;
            /*border-bottom:1px solid #d5d5d5;*/
        }

        /* jQuery override */
        .tabs ul li a, .ui-tabs-horizontal ul li a,
        .tabs a {
            height: 1.75em;
            padding: 1.25em 0 0 0;
			background-repeat: no-repeat;
			background-image: none;
        }
		#article .tabs.ui-tabs-horizontal ul li a, #pc .tabs.ui-tabs-horizontal ul li a,
		#page.tabs_horizontal .ui-tabs .ui-tabs-nav li a {
            background-position: -10px -160px;
            background-image: url(images/ally-tabs.png);
        }

        .tabs.ui-tabs-horizontal ul li a span, #article .tabs.ui-tabs-horizontal ul li a span,
		#pc .tabs.ui-tabs-horizontal ul li a span {
			display: block;
			padding: 0 0.8em;
			text-align: center;
			background: transparent url(images/separator-vertical-tabs.png) repeat-y right center;
			overflow: hidden;
			line-height: 1.5em; }

		.tabs.ui-tabs-horizontal ul li em,
        .tabs.ui-tabs-horizontal ul li a,
        #article .tabs.ui-tabs-horizontal ul li a, #pc .tabs.ui-tabs-horizontal ul li a {
            display: block;
            text-decoration:none;
            color: #505050;
        }

        #article .tabs ul li a:hover, #pc .tabs ul li a:hover {
            color: #280f63;
        }

            #article .tabs ul li.first-tab a, #pc .tabs ul li.first-tab a,
			#page.tabs_horizontal .ui-tabs .ui-tabs-nav li.first-tab a { background-position: 0 -160px; }
            #article .tabs ul li.last-tab a, #pc .tabs ul li.last-tab a,
			#page.tabs_horizontal .ui-tabs .ui-tabs-nav li.last-tab a {
			    background-position: right -160px;
			    padding-right: 0.5em; }

           #article .ui-tabs-horizontal ul li.ui-tabs-selected, #pc .tabs.ui-tabs-horizontal ul li.ui-tabs-selected {
                background:transparent url(images/ally-tabs.png) no-repeat right -85px !important;
                margin-left: -2px !important;
                padding: 0 10px 0 2px;
				overflow: hidden;
                position: relative;
                z-index: 200;
                top: 1px;
                border-bottom:1px solid #ffffff;
            }
            #article .tabs ul li.ui-tabs-selected.first-tab, #pc .tabs ul li.ui-tabs-selected.first-tab { margin-left:0 !important;}
            #article .tabs ul li.ui-tabs-selected.last-tab,
            #pc .tabs ul li.ui-tabs-selected.last-tab { background-position: right -10px !important; padding-right:3px;}
            .tabs ul li.ui-tabs-selected em,
            .tabs ul li.ui-tabs-selected a {
            	height: 1.938em;
            	font-family: Arial, Helvetica, sans-serif;}
            .tabs ul li.ui-tabs-selected em,
            .tabs ul li.ui-tabs-selected a,
            .tabs ul li.ui-tabs-selected a:hover,
            .tabs ul li.ui-tabs-selected a span {
                font-weight: bold;
                color: #280f63;}
            .tabs ul li.ui-tabs-selected a:hover {
                text-decoration: none;
                cursor: default;}
            .tabs.ui-tabs-horizontal ul li.ui-tabs-selected a {
                margin-left:-2px;
                margin-right:2px;
                padding: 1.1em 0 0 4px;
                font-size:12px;
                background-position: 0 -85px !important;

				/* Reset 1px height offset for IE6
				 * Setting this in quirks6.css causes bg flicker
				 */
                _background-position: 0 -86px !important;}
				body.fontmedium .tabs.ui-tabs-horizontal ul li.ui-tabs-selected a {font-size:16px; padding:1em 0 0 4px;}
				body.fontlarge .tabs.ui-tabs-horizontal ul li.ui-tabs-selected a {font-size:18px; padding:1em 0 0 4px;}

		    /* Height overrides for font resize   */
            body.fontlarge #article .tabs ul li, body.fontlarge #pc .tabs ul li { height: 3.188em; }
            body.fontmedium #content .tabs.ui-tabs-horizontal ul, body.fontmedium #pc .tabs ul { height: 3.063em; }
            body.fontmedium #article .tabs ul li, body.fontmedium #pc .tabs ul li { height: 3.063em; }
            body.fontmedium .tabs ul li a { height: 1.813em;}
            body.fontlarge .tabs ul li a { height: 1.938em;}
            body.fontlarge #content .tabs.ui-tabs-horizontal ul, body.fontlarge #pc .tabs ul { height: 3.188em; }

            /* Override jQuery UI */
            .tabs li a {
                font-weight: normal;
                margin: 0;}
            .tabs a span {
                min-width: 25px;}
             #article .tabs li, #pc .tabs li {
                min-width: 50px;}
            .tabs, .tab-content .ui-tabs-panel {
            	float: left;
				width: 100%;
                line-height: inherit;
                padding: 0;
                border: none;}
	            #page.tabs_horizontal .tabs {
	            	position: absolute;
					top: 0;
					left: 0;
	            }
				.tab-content .ui-tabs-panel { padding-left: 15px; width:98%; }
                #page.tabs_vertical .tab-content .ui-tabs-panel,
				#pc .security_content .tab-content .ui-tabs-panel,
				#pc .help_content .tab-content .ui-tabs-panel { padding-left: 0; width: 100%; }
            .tabs .ui-tabs-selected a {
                top: 0;}

    .tabs ul li.ui-tabs-selected a span, .tabs ul li.last-tab a span { background-image:none !important; }

    /* For setting minimum height on tab content panel while switching tabs */
	#page.tabs_horizontal #content .ui-tabs-minheight { min-height: 200px !important; }
    #page.tabs_vertical #content .ui-tabs-minheight { min-height: 600px !important; }

    /* Tab loader animation */
	.ui-tabs .tabs-loader {
		position: relative;
		top: 5px;
		margin: 0 auto;
		height: 12px;
		width: 80px;
	    background-image: url(images/wait-horizontal.gif);
	}
    .ui-tabs-vertical .tabs-loader {
    	position: absolute;
    	top: -1px;
        right: 16px;
		height: 16px;
		width: 16px;
		background-image: url(images/wait-small.gif);
		margin: 0;
	}

    .tabs.ui-tabs-vertical, #pc.tabs_vertical #pc_article .tabs.ui-tabs-vertical ul {
    	margin: 0;
		padding: 0;
		width: 100%;}
	#page.article_bullet_list #article .tabs.ui-tabs-vertical ul {
		margin: 0;}
        .tabs.ui-tabs-vertical ul li,
        #content #aside .tabs.ui-tabs-vertical ul li,
        #page.tabs_vertical #article .tabs.ui-tabs-vertical ul li,
		#pc.tabs_vertical #pc_aside .tabs.ui-tabs-vertical ul li {
        	list-style: none;
            padding: 0.75em 0;
            border-bottom:1px solid #999;
            margin: 0 0 5px 0;
        	clear: both;
        	float: left;
            position: relative;
			width: 100%;
			height: 1.5em;}
				.tabs ul li em { padding: 0; }
                .tabs.ui-tabs-vertical ul li a, .tabs.ui-tabs-vertical, .tabs.ui-tabs-vertical a {
					color: #006899;
					background: none;
                    outline:none;
                    font-weight:normal;
                    text-align: left;
                    display: inline;
                    margin: 0;
                    padding: 0;}
                .tabs.ui-tabs-vertical ul li.ui-tabs-selected a,
				.tabs.ui-tabs-vertical ul li em {
                	padding-bottom: 0;
                    font-weight:bold;}
                .tabs.ui-tabs-vertical ul li a span { padding: 0; }
                .tabs.ui-tabs-vertical ul li.ui-tabs-selected a,
                .tabs.ui-tabs-vertical ul li.ui-tabs-selected a:hover {
                    color:#005487;
				    text-decoration: none; }

				#article .tabs.ui-tabs-vertical ul li.ui-tabs-selected,
                .tabs.ui-tabs-vertical  a, .tabs.ui-tabs-vertical a span {
                    background: none;}
                #content #aside .tabs.ui-tabs-vertical ul li.last-tab, #pc.tabs_vertical #pc_aside .tabs.ui-tabs-vertical ul li.last-tab,
				#page.article_bullet_list #article .tabs.ui-tabs-vertical ul li.last-tab, .tabs.ui-tabs-vertical ul li.last-tab {
				    border-bottom-width:0; }

    #page.tabs_vertical div.tab-content div.ui-tabs-panel { border: none; padding: 0; }

    /* Vertical Tabs overrides */

    #page.tabs_vertical #article #local {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;}
    #page.tabs_vertical #article .tab-content, #pc.tabs_vertical .tab-content {
        float: left;
        z-index: 1;}
	#page.search_results.tabs_vertical #article #local { top: 5px; }
	#page.tabs_vertical .tab-content { margin: 1em 10px 0 0; }

	#page.help_center #aside,
    #page.press_releases #aside, #page.contact_ally #aside,
	.ix #page.security_page.tabs_vertical #aside,
	#pc.tabs_vertical #pc_aside {
		margin-top: 20px;
		width: 270px;}
	.ix #page.security_page.tabs_vertical #aside, #pc.tabs_vertical #pc_aside { margin-top: 0; }

	#page.security_page .tab-content ul {
		list-style: none outside url(images/list-bullet.jpg);
	}

	/* adjust the grid based on larger font-sizes for vert tabs */
	.ix.fontmedium #page.tabs_vertical #aside { width:305px; }
	.ix.fontmedium #page.tabs_vertical #article { width:580px; }
	.ix.fontlarge #page.tabs_vertical #aside { width:345px; }
	.ix.fontlarge #page.tabs_vertical #article { width:540px; }

    /* Search page overrides */

	#page.search_results #aside { width: 156px; }
    #page.search_results #article { margin-right: 130px; }
    .fontmedium #page.search_results.tabs_vertical #article { margin-right: 90px; }
    .fontlarge #page.search_results.tabs_vertical #article { margin-right: 70px; }

/* Security Center */
#page.security_page .heading-spacer {
	padding: 0 0 15px 0;
}

#page.security_page #banner .msg {
	left: 10px;
	margin-bottom: 20px;
}

#page.security_page #aside .security-leftrail-tip {
	clear: both;
    position: relative;
    width: 270px;
}
#page.security_page #aside .cta-box {
	background: url(images/cta-sand-box-270.png) -270px bottom no-repeat;
}
	#page.security_page #aside .cta-box .inner {
		background: url(images/cta-sand-box-270.png) 0 0 no-repeat;
	}



/* PC - Security Welcome box */
.cta-box {
	width:301px;
	background: url(images/cta-sand-box-301.png) -301px bottom no-repeat;
	margin-bottom: 12px;
	/*padding-top: 6px;*/}
	.cta-box .inner {
		background: url(images/cta-sand-box-301.png) 0 0 no-repeat;
		overflow: hidden;
		padding: 10px 10px 7px 15px;}
		.cta-box .inner p {
			padding: 6px 0 5px 0;}

/* highlighted links for Auto demos - both in push console and on faqs full page */
#content .demos h2 {margin-bottom:0.875em;}
ul.demo-links {
	margin:0;
	padding:0;
	list-style-image:none !important;}
	#content ul.demo-links {
		margin:0 0 2em 0;}

ul.demo-links li,
#article ul.demo-links li {
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 11px 0;}
	ul.demo-links li a {
		font-weight:bold;
		padding:0 0 0 21px;}


/* From product base... these styles appear to no longer be needed
body#high-yield-cd div#local { position: relative; }
	div#local div.cols div.a { width: 429px; padding: 0 10px;}
	div#local div.cols div.b { width: 258px; }
	div#local div.cols div.a h3 { padding-bottom: 1em; }
*/


/*form element overrides*/
body#press-index #article form label,
body#press-global-automotive-finance #article form label,
body#press-mortgage-operations #article form label,
body#press-commerical-finance #article form label,
body#press-insurance #article form label,
body#press-community-relations #article form label,
body#press-corporate #article form label { top:0; left:0;}

body#press-index #article form .control,
body#press-global-automotive-finance #article form .control,
body#press-mortgage-operations #article form .control,
body#press-commerical-finance #article form .control,
body#press-insurance #article form .control,
body#press-community-relations #article form .control,
body#press-corporate #article form .control { top:-2px; left:0;}
	body#press-index.fontmedium #article form .control,
        body#press-global-automotive-finance.fontmedium #article form .control,
        body#press-mortgage-operations.fontmedium #article form .control,
        body#press-commerical-finance.fontmedium #article form .control,
        body#press-insurance.fontmedium #article form .control,
        body#press-community-relations.fontmedium #article form .control,
        body#press-corporate.fontmedium #article form .control,
        body#press-index.fontlarge #article form .control,
        body#press-global-automotive-finance.fontlarge #article form .control,
        body#press-mortgage-operations.fontlarge #article form .control,
        body#press-commerical-finance.fontlarge #article form .control,
        body#press-insurance.fontlarge #article form .control,
        body#press-community-relations.fontlarge #article form .control,
	body#press-corporate.fontlarge #article form .control { top:0; left:0;}

body#press-index #article form .item,
body#press-global-automotive-finance #article form .item,
body#press-mortgage-operations #article form .item,
body#press-commerical-finance #article form .item,
body#press-insurance #article form .item,
body#press-community-relations #article form .item,
body#press-corporate #article form .item {
	text-align:left;
	float:left;
	margin-left:50px;
	padding:0;}

body#press-index #press-releases.offscreen,
#jshistory-frame {
    position: absolute;
    left: -999em;
}

/* Careers page iFrame */
iframe.jobs { width: 925px; height: 1400px; }

/* from Products & Services */
#article .cols.xxx ul li {
	margin: 5px 0;}

#article .cols.xxx .b .section {
	margin-bottom: 20px;}

/************ Contact us page ***************/
form#sendemail span.btn { margin-right: .5em; }


/* Search highlight */
span.search-highlight{
	background-color:#FFFFCC;
	padding:0 2px;
}

a.phone {white-space:nowrap; color:inherit;}

/* Displaying mailing addresses */
address, pre.address {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}


/* Basic formatting for hours of operations tables. This is used
   in the push console "Contact us" -> "Call us" section on both
   bank and auto, in the glossary, and on the auto logon page. */
table.hours {
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    line-height: 1.5; }
    table.hours td, table.hours th {
        padding: 0;
        font-weight: normal;
        text-align: left; }
    table.hours th {
        font-weight: bold;
        padding-right: 1em; }

/* for Auto : dejargonator bubble formatting for hours of operation */
#term-hours-of-operation table.hours th {text-align:left !important;}

/* Safari/webkit adjustments - moved to quirks-webkit.css */

/******* Override for IRA-Basics pages ************/
#ira-basics #banner {
	width: 926px;
	height: 196px;
}
#ira-basics #banner .main-banner {
	width: 615px;
	float: left;
	clear: left;
}

#ira-basics #banner .side-banner {
	width: 303px;
	float: right;
	clear: right;
}

/* defect #9514 - "Open an Account" links should only appear on Home & Bank pages */
.nav-account{display:none;}
#home .nav-account,
#page.bank .nav-account,
#page.auto .nav-account,
#error .nav-account {display:block;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*  v2011-a
    This work is to update the navigation and footer. The navigation is now a two
    layer nav. Options are in the white and purple areas. THis work is scoped to
    the v2011-a class on the body.
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Start: Dave Conlin */
/* Comment out 310 - 312 */

.v2011-a #header {
       width:986px;
       background: url(images/v2011-a-bg-header.png) no-repeat scroll center bottom #fff !important;}

.v2011-a #pusher,
.v2011-a #footer {
	width:960px;
}

.v2011-a #content {
   margin-right:-4px;
    width:926px;
    padding:0 21px 90px 21px;}

/*
body.v2011-a.fontlarge #widgets #searchbox { width: 9.5em; }
body.v2011-a.fontlarge #widgets .inner > ul li { padding: 15px 0.75em 0; }
*/
body.v2011-a.fontlarge #widgets { font-size: 15px; } /* font-size: 103%; */
body.v2011-a.fontlarge #widgets #contactbox { width: 5.3em; }

body.v2011-a.fontmedium #sub-globalnav-more-sites p,
body.v2011-a.fontlarge #sub-globalnav-more-sites p {line-height:120%;}

body.v2011-a.fontmedium #sub-globalnav-more-sites h4,
body.v2011-a.fontlarge #sub-globalnav-more-sites h4 {margin-left:0 !important;}


.v2011-a #pc_wrap { background:#880d82 url(images/v2011-a-pc-bkg.png) repeat-y center bottom; }

.v2011-a #content { background:url(images/v2011-a-bg-footer-no-nav.png) no-repeat center bottom;}

.v2011-a .site-nav-footer #content { background:url(images/v2011-a-bg-footer.png) no-repeat center bottom;}

.v2011-a ul.demo-links li a {background:url(images/icons-tools.png) no-repeat left -998px;
       left:32px;}

.v2011-a .nav-dealer-services ul.questions p.question { margin-right: 21px; }



.v2011-a .nav-dealer-services ul.questions p.question{
       padding:28px 0 10px 10px;}

.v2011-a #footer {
	top:-52px;
	background-color:transparent;
	padding: 0 15px;
	width: 930px; /* 930px = 960px - 2*(15px padding) */
}

.v2011-a #copyright {
	left: 15px; /* Same as .v2011-a #footer padding */
}

.v2011-a #sociallinks {
	right: 15px; /* Same as .v2011-a #footer padding */
}

.v2011-a #footernav {
	position: relative;
	width: auto;
}

.v2011-a #footernav ul.site-nav-footer {
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	left:0;
	position:absolute;
	top:23px;
}

.v2011-a #footernav ul.site-nav-footer a {
    text-transform:none;
    color: #006899;}

.v2011-a #footernav ul.site-nav-footer li.current a {
    text-transform:none;
    color: #505050;
	cursor: default; }
.v2011-a #footernav ul.site-nav-footer li.current a:hover {
	text-decoration: none;
}

.v2011-a #footernav ul.site-nav-footer li a img{
    margin-top:-7px;}

.v2011-a #footernav ul.site-nav-footer li{
    background:none !important;
    padding: 0 15px 0 0 !important;}

#footernav .site-nav-footer{ display:none; }

.v2011-a #page{
	background-image: url(images/v2011-a-bg-body.png);
	min-width:986px;
}

.v2011-a .site-nav-footer #footernav .site-nav-footer{
    display:block;}

.v2011-a #affiliations {
    left:auto;
       right: 0;
       top: 19px;
       width: 300px;}
       .v2011-a #affiliations #ehl {
               top: 42px;}
              .v2011-a #footer.bank #affiliations #ehl { left: auto; right: 15px; }
        .v2011-a #affiliations #fdic {
			position: absolute;
			left: auto;
			right: 90px;
			top: 43px; }
.v2011-a .verifymyaccount #sociallinks {
               display:none;}

.v2011-a form.search {
	background: url(images/v2011-a-bg-widgets-text-input-sprite.png) no-repeat scroll left 0 transparent; /* @TODO: Why not use the background-image declaration if that's the only that changes? Is there another stylesheet that modifies the position or other background properties somewhere else? */
}

.v2011-a form.search .btn_wrap {
	background: url(images/v2011-a-bg-widgets-search-btn-sprite.png) no-repeat scroll 0 0 transparent !important;
}

.v2011-a #footer { background:none;}


/* Stop: Dave Conlin */

/* Start: Login Modal Dropdown - 3/8/11 - vkesner */
.v2011-a #universal ul li.u_login {
	background: url(images/login-button-sprite.png) no-repeat scroll 40px -300px transparent;
}
/*.v2011-a #universal ul li.u_login.options,*/
.v2011-a #universal ul li.u_login.no_options {
    position: absolute !important;
	background-position: 37px -300px !important;
    right:3px;}
.v2011-a .u_login {
	width:109px;
	height:33px;
}
.dynamic .v2011-a .u_login {
    width:189px;
    height:33px;}
.v2011-a .u_login.no_options {
	width:109px;
}

.v2011-a .u_login ul.options {
	width:150px;}
    .v2011-a .u_login h4 {
        float: left;
        height: 20px;
        padding: 0;
        font-size: 13px !important;
        opacity: 0.9;}
        .v2011-a .fontlarge .u_login h4 {
            padding: 0;}
	.v2011-a .u_login ul {
		display: block;
		float:right;
		height:33px;
		/*changed had 0 on both vk */
		padding-right: 4px !important;
		margin-right: -2px !important;
		background:url(images/login-button-sprite.png) no-repeat right -300px;}
		.u_login ul li {margin: 4px 0 0 0 !important;}

.v2011-a #content #universal .loggedout ul li {float:right;}
.v2011-a #content #universal .loggedout ul li.first {
	display:none;
}
.v2011-a #content #universal .loggedout ul.options li.first {
	display:block;
}

/* login button */
.v2011-a .loggedout .btn.last {padding-left: 15px !important;}
.v2011-a .u_login .btn.last a.login {
	margin-right:1px;
	background:url(images/login_button_styles.png) no-repeat right top;
	font-size:13px !important;
	font-weight:bold;
	text-decoration:none !important;
	color:#006899 !important;
}
	.v2011-a .u_login ul.options .btn.last a.login {
		margin-right:0;
	}
.v2011-a .u_login .btn.last a.login span {
	display:block;
	padding:5px 15px;
	margin-left:-15px;
	background:url(images/login_button_styles.png) no-repeat left top;
}
.v2011-a .u_login .btn.last a.active {
	position:relative;
	background-position:right -200px;
	color:#777 !important;
	cursor:default;
}
.v2011-a .u_login .btn.last a.active span {
	background-position:left -200px;
}

/* options link */
.v2011-a .loggedout a.login_options {
	display:block;
	padding:5px 25px 5px 10px;
	background: url(images/login_cog_sprite.png) no-repeat scroll right 4px transparent;
	text-decoration:none;
	font-size:0.9em !important;
	color: #fff !important;
}
.v2011-a ul.options a.login_options.active {
	position:relative;
	background-position:right -46px;
	color:#005487 !important;
}

/* z-index settings */
.v2011-a .u_login .btn.loginmodal {z-index:10000;}
.v2011-a .u_login .btn.last a.active { z-index:10003;}
.v2011-a ul.options a.login_options.active { z-index:10003;}

.v2011-a .loggedout { z-index: 10003;}
.v2011-a .loggedout ul { z-index: 10003;}
.v2011-a .loggedout ul li.first {z-index:10003;}
.v2011-a .loggedout #login_area { z-index:10002;}

/* login area */
.v2011-a .u_login #login_area {
	display:none;
	position:absolute;
	left:-364px;
	top:-30px;
	width:490px;
	height:61px;
	background: url(images/login_modal_sprite.png) no-repeat -3px top;
}
.v2011-a .u_login #login_area.options {
	left:-292px;
	background-position: -986px top;
}
	.v2011-a .u_login #login_area .inner {
		position:absolute;
		top:60px;
		padding: 0 25px 0 20px;
		width:420px;
		background: url(images/login_modal_sprite.png) no-repeat -495px bottom;
	}

		.v2011-a #login_area .cols {
			text-align:center;
			margin-right: 0 !important;
		}
			.v2011-a #login_area .cols .a, .v2011-a #login_area .cols .b {
				width:207px;
				padding:10px 0;
			}

			.v2011-a #login_area .cols .a {width:213px;}
			.v2011-a #login_area .cols .b {width:207px;}

			.v2011-a #login_area .cols .b {
				left:0;
				background: url(images/separator-vertical-universal.png) repeat-y left top;
			}

			.v2011-a #login_area .cols h2 {
				position:static;
				visibility:visible !important;
				left:0;
				color: #005487;
				font-family: "Aurelian Trust Bank Benton Cond Bold",Arial,Helvetica,sans-serif;
				font-size:18px !important;
			}

				/* default checkbox */
				.v2011-a #login_area .default_checkbox {
					font-size:12px;
				}
				.v2011-a #login_area .default_checkbox input {
					margin-left:30px;
				}
				.v2011-a #login_area .default_checkbox label {
					float:right;
					top:0;
					width:135px;
					padding:3px 15px 0 0;
					text-align:left;
				}

				/* Login Panel Buttons */
				.v2011-a #login_area .a a.btn, .v2011-a #login_area .b a.btn {
					background:url(images/login_button_styles.png) no-repeat right 1px;
					width:130px;
					margin: auto;
					/*padding-left:10px;*/
					padding-left:9px;
					font-weight:normal;
					text-decoration:none;
				}
				.v2011-a #login_area .a a.btn span, .v2011-a #login_area .b a.btn span {
					display:block;
					padding:4px 15px;
					margin-left: -10px;
					font-family: "Aurelian Trust Bank Benton Cond Bold",Arial,Helvetica,sans-serif;
					font-size: 14px;
					color:#006899;
					background:url(images/login_button_styles.png) no-repeat left 1px;
				}

	/* Login Panel Hover States */
	.v2011-a #login_area .a.hover_main a.btn, .v2011-a #login_area .b.hover_main a.btn {
		background-position: right -97px;
	}
	.v2011-a #login_area .a.hover_main a.btn span, .v2011-a #login_area .b.hover_main a.btn span {
		background-position: left -97px;
		color: #FFF;
	}

	.v2011-a #login_area .col_mask,
	.v2011-a #login_area .icon { text-indent: -9999em; }

	.v2011-a #login_area .a .col_mask, .v2011-a #login_area .b .col_mask {
		display:block;
		opacity:0;
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		background:url(images/login_modal_disable_mask.png) repeat-x left top;
		z-index:10003;
	}
	/* .b mask 1 px to left so separator image still shows */
	.v2011-a #login_area .b .col_mask { left:1px;}

	.v2011-a #login_area .a span.icon {
		background: url(images/login_pig_sprite.png) no-repeat 50% -131px;
		display:block;
		height:50px;
		overflow:hidden;
		margin: 10px 0;
	}
	.v2011-a #login_area .a.hover_main span.icon {
		background-position: 50% top;
	}
	.v2011-a #login_area .b span.icon {
		background: url(images/login_car_sprite.png) no-repeat 50% -124px;
		display:block;
		height:40px;
		overflow:hidden;
		margin: 20px 0 10px;
	}
	.v2011-a #login_area .b.hover_main span.icon {
		background-position: 50% -3px;
	}

	/* Bottom dealer content */
	.v2011-a #login_area .dealer_login {
		/*position: absolute;
		bottom: 0;*/
		display:block;
		width:420px;
		height:30px;
		padding-top:10px;
		text-align:center;
	}
	.v2011-a #login_area .dealer_login p {
		line-height:normal;
		padding: 0 10px 13px;
		font-weight:bold;
	}
	.v2011-a #login_area .dealer_login a {
		display: inline-block;
		background: none;
		font-size: 12px;
		font-weight:normal;
		color: #006899 !important;
	}

/*text resize adjustments*/
.v2011-a.fontmedium .u_login.no_options {width:114px;}
.v2011-a.fontmedium .u_login.no_options {width:118px;}
.v2011-a.fontlarge .u_login ul.options {width:154px;}
.v2011-a.fontmedium #login_area .default_checkbox {font-size:13px !important;}
.v2011-a.fontlarge #login_area .default_checkbox {font-size:14px !important;}
.v2011-a.fontmedium #login_area .cols h2 {font-size:20px !important;}
.v2011-a.fontlarge #login_area .cols h2 {font-size:22px !important;}
.v2011-a.fontmedium #login_area .cols a.btn span {font-size:15px !important;}
.v2011-a.fontlarge #login_area .cols a.btn span {font-size:16px !important;}
.v2011-a.fontmedium .u_login .btn.last a.login {font-size:14px !important;}
.v2011-a.fontlarge .u_login .btn.last a.login {font-size:15px !important;}

/* Full page login display */
#login-dual-splitter #login_area .cols .a, #login-dual-splitter #login_area .cols .b {
	width:49.5%;
	padding:10px 0;
	margin-top:10px;
}
#login-dual-splitter #login_area .a a.btn, .v2011-a #login_area .b a.btn {
	display:inline-block;
}
.dynamic #login_area .default_checkbox {display:block;}
#login-dual-splitter #login_area .default_checkbox {display:none;}
#login-dual-splitter #login_area .dealer_login {
	padding-top:15px;
	text-align:left;
}


/* End: Login Modal Dropdown - 3/8/11 - vkesner */

/* Modifications for logged in */
/*
.v2011-a #universal ul li.u_login.active_auto,
.v2011-a #universal ul li.u_login.active_bank {
	background: url(images/login-button-sprite.png) no-repeat scroll 10px -300px transparent;
	top:-47px;
	right:-10px;
}

.v2011-a.fontmedium #page.auto #universal #loginbox.active_bank,
.v2011-a.fontmedium #page.auto #universal #loginbox.active_auto {
	right:-60px;
    top:-50px;
}
.v2011-a.fontlarge #page.auto #universal #loginbox.active_bank,
.v2011-a.fontlarge #page.auto #universal #loginbox.active_auto {
	right:-100px;
    top:-44px !important;
}
*/

/*Added this to position the login button when it has options*/
.v2011-a.fontmedium #page.auto #universal #loginbox.options{
    top:-45px !important;
}
.v2011-a.fontlarge #page.auto #universal #loginbox.options{
    right:-40px;
    top:-44px !important;
}



/* AE-1252 Changes for the Go to my account/vehicules links */
/* Scoped to .v2011np2 (np2: navigation phase 2)*/
/* VSimard 20110704 */
#universal.v2011np2 .u_login.active_auto,
#universal.v2011np2 .u_login.active_bank {
	width: auto;
}
#universal.v2011np2 .u_login.active_auto .loggedin,
#universal.v2011np2 .u_login.active_bank .loggedin {
	width: 300px;
}

#content #universal.v2011np2 ul li.u_login {
	top: -45px;
}

#content #universal.v2011np2 #loginbox.active_bank,
#content #universal.v2011np2 #loginbox.active_auto,
.fontmedium #content #universal.v2011np2 #loginbox.active_bank,
.fontmedium #content #universal.v2011np2 #loginbox.active_auto,
.fontlarge #content #universal.v2011np2 #loginbox.active_bank,
.fontlarge #content #universal.v2011np2 #loginbox.active_auto {
	right: 0;
}

#universal.v2011np2 #loginbox.active_bank,
#universal.v2011np2 #loginbox.active_auto { background: none; }
#universal.v2011np2 #loginbox.active_bank .loggedin > ul,
#universal.v2011np2 #loginbox.active_auto .loggedin > ul { background: none; }

#universal.v2011np2 .u_login .btn.first a span {
	padding: 5px 10px 5px 15px;
	margin-left: -10px;
}

#universal.v2011np2 .active_auto .btn.first a span,
#universal.v2011np2 .active_bank .btn.first a span {
	padding: 5px 0 5px 15px;
}

#universal.v2011np2 .u_login .btn.last a span {
	padding: 5px 15px;
}

#universal.v2011np2 #loginbox .loggedin li a {
	font-family: "Aurelian Trust Bank Benton Cond Bold", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#universal.v2011np2 #loginbox .loggedin li.btn a {
	font-family: "Aurelian Trust Bank Benton Bold", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 14px !important; /* Need to use !important because of ".u_login .btn a" */
}

#universal.v2011np2 #loginbox .loggedin li { margin: 4px 0 0 !important; }
#universal.v2011np2 #loginbox .loggedin li a { margin: 0 6px !important; }

#universal.v2011np2 #loginbox .loggedin a {
	text-transform: none;
}

#universal.v2011np2 #loginbox .loggedin .last a {
	padding: 3px 5px 5px;
	color: #d9c89f;
	margin: 0 6px;
	height: 17px;
	text-transform: none;
	float: left;
}

.fontmedium #universal.v2011np2 #loginbox .loggedin .last a {
    font-size: 16px;
    margin-top: -2px;
}

.fontlarge #universal.v2011np2 #loginbox .loggedin .last a {
    font-size: 17px;
    margin-top: -2px;
}

#universal.v2011np2 #loginbox .loggedin .last a:hover {
	color: white;
	text-decoration: none;
	background: url(images/nav-02-ndd-hover-sprite.png) no-repeat scroll left top transparent;
	outline: medium none;
	white-space: nowrap;
}

#universal.v2011np2 #loginbox .loggedin .last a + span {
	display: block;
	float: left;
	height: 25px;
	margin-left: -8px;
	width: 3px;
}

#universal.v2011np2 #loginbox .loggedin .last a:hover + span {
    background: url(images/nav-02-ndd-hover-sprite.png) no-repeat scroll right top transparent;
}

#universal.v2011np2 .u_login .btn.first a:hover span {
	text-decoration: none;
}

#universal.v2011np2 #loginbox .loggedin .btn a {
	padding:0 15px 0 0;
	background:url(images/login-button-sprite.png) no-repeat right -400px;}
	#universal.v2011np2 #loginbox .loggedin .btn a span {
		padding:5px 0 5px 17px;
		background:url(images/login-button-sprite.png) no-repeat left -400px;}

#universal.v2011np2 #loginbox .loggedin .btn.first a:hover {
	background:url(images/login-button-sprite.png) no-repeat right -500px;}
	#universal.v2011np2 #loginbox .loggedin .btn.first a:hover span {
		background:url(images/login-button-sprite.png) no-repeat left -500px;}
		
#universal.v2011np2 #loginbox .btn a:hover {
	text-decoration: none;
}

#universal.v2011np2 .loggedin > ul > li {
	white-space: nowrap;
}
/* End AE-1252 */
/* Auto Click-to-Chat */
.tab-content .chat-auto, .chat-auto-secure-only, #AAOSContactUsButton {	display: none;}
.tab-content .chat-auto.show, .chat-auto-secure-only.show, #AAOSContactUsButton.show {	display: block;}
/*Auto Login page change*/
span.enroll {font-size:14px; color:#505050; font-weight:bold;}
.bankCustomer {
    background: url(images/bank-customer.png) no-repeat scroll 0 center;
    padding: 0 0 20px 70px;
}
.bankLogin {
font-size: 12px;
color: #505050;
font-family: Arial,Helvetica,sans-serif;
text-align: left;
margin-left: 70px;
}