/* Addison Avenue Banking Recovery Center External Stylesheet Intervention */

/*CSS reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: none;}:focus { outline: 0; }

* {font-family: Arial, sans-serif; font-size: 1em;}
strong {font-weight: bold;}
em {font-style: oblique;}

body {/*background-color: #4c361e;*/ background-color: #000; color: #fff; /*border-bottom: 1px solid #876912;*/ margin: 0; padding: 0;}

#flourish1 {background-color: #4c361e; background-image: url(../images/bknd_upperflourish.png); background-repeat: no-repeat; background-position: top right; padding: 45px 0 0 0;}
#flourish2 {color: #fff; background-color: transparent; background-image: url(../images/bknd_lowerflourish.png); background-repeat: no-repeat; background-position: bottom left;}

#logo {width: 210px; height: 65px; margin: -30px auto 15px auto; z-index: 99;}

h1.tagline {clear: both; font-weight: bold; font-size: 3.5em; text-transform: uppercase; text-align: center; height: 45px; width: 810px; margin: 0 auto 30px auto; background-image: url(../images/header_kickyourbigbankhabit.gif); background-repeat: no-repeat; text-indent: -9999px;}

h1.switchline {clear: both; font-weight: bold; font-size: 3.5em; text-transform: uppercase; text-align: center; height: 45px; width: 810px; margin: 0 auto 10px auto; background-image: url(../images/header_wevegotthecure.gif); background-repeat: no-repeat; text-indent: -9999px;}

h1.congrats {clear: both; font-weight: bold; font-size: 3.5em; text-transform: uppercase; text-align: center; height: 60px; width: 810px; margin: 0 auto 30px auto; background-image: url(../images/header_congrats.gif); background-repeat: no-repeat; text-indent: -9999px;}

p {padding: 0 0 15px 0; font-size: 0.9em;}

a:link, a:visited {color: #4c361e; background-color: transparent; text-decoration: none;}
a:hover, a:active, a:focus {color: #840c2c; background-color: transparent; text-decoration: underline;}

#dotbox {
	width: 870px;
	margin: 0 auto 0 auto;
	height: 645px;
	color: #000;
	background-color: #8a8a17;
	background-repeat: repeat-x;
	border-top: 3px solid #f2db00;
	border-left: 3px solid #f2db00;
	border-right: 3px solid #f2db00;
	border-bottom: 3px solid #f2db00;
	/* the following not supported by IE */
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-box-shadow: 6px 6px 30px #000;
	-moz-box-shadow: 6px 6px 30px #000;
	}

#dotbox.bknd1 {background-image: url(../images/bknd_dots.png);}
#dotbox.bknd2 {background-image: url(../images/bknd_dotsalt.png);}

/* Call to action button bar */
#c2abox	{
	/*margin: 0 auto 0 auto;
	padding: 0;*/
	clear: both;
	margin-top: 3px; /* compensates for top border */
	height: 125px; width: 870px;
	/*background-color: #8a8a17;
	background-image: url(../images/bknd_c2a.png);
	background-repeat: repeat-x;*/
	}

#c2abox	ol	{clear: both;}
#c2abox ol li {list-style-type: none; height: 78px; width: 180px; color: #fff; background-color: #7399b1; float: left; margin: 24px 0 0 30px; text-align: center;}

/* TWO COLUMN LAYOUT - home page */
#twocol1 {margin: 0 0 0 30px; width: 555px; height: 380px; float: left;}
#twocol2 {margin: 0 30px 15px 0; width: 225px; height: 380px; float: right;}
#twocol2 p {text-align: center; font-weight: bold; font-size: 0.8em;}

/* Twitter contest page */
.twitter img {float: left; width:210px; height: 60px; margin: 0; padding: 0;}
div.twitterinfo {float: right; width: 345px; height: 60px; background-image: url(../images/bknd_twitterinfo.gif); background-repeat: no-repeat; margin-bottom: 15px;}
div.twitterinfo p {font-size: 0.9em; width: 275px; height: 60px; margin-left: 75px; margin-top: 15px;}
.twitter h3 {clear: both; font-size: 1.2em; font-weight: bold; margin-bottom: 15px; border-bottom: 2px solid #4c361e; color: #4c361e; background-color: transparent;}
img.twitterrules {width: 135px; height: 30px; margin: 0 0 0 45px;}
img.twitterfollow {width: 135px; height: 45px; margin: 15px 0 15px 45px;}
p.twittertag {text-align: right;}
.twittertag a:visited {color: #4c361e;}
.twittertag a:hover {text-decoration: underline;}

/* Video player */
#videonav {width: 75px; height: 380px; float: left;}
#videonav ol li	{margin: 0; padding: 0; list-style-type: none;}
#videonav li {height: 55px; width: 75px;}
#tv	{width: 450px; height: auto; float: right;}
.interventioncallout {margin-left: -30px;}

/* ONE COLUMN LAYOUT - 5 Reasons page, Make The Switch page */
#onecol1 {margin: 0 30px 0 30px; width: 810px; height: auto;}
#onecol1 .headline {float: left; width: 390px; height: 185px;} /* 3D image headline, top left */
#onecol1 .balloon {float: right; width: 420px; height: 200px;} /* person and quotation bubble image, top right */

/* 5 Reasons table */
#fivereasons {clear: both; background-image: url(../images/bknd_reasonstable.png); width: 810px; height: auto; margin-bottom: 11px;}
#fivereasons thead {display: none;}
#fivereasons tbody {text-align: center; color: #4c361e; background-color: transparent; border-top: 2px solid #8a8a17; border-bottom: 2px solid #8a8a17;}
#fivereasons tbody td {border-left: 2px solid #8a8a17; border-right: 2px solid #8a8a17; width: 162px;}
#fivereasons tbody h2 {font-weight: bold; font-size: 4em;}
#fivereasons tbody h3 {font-weight: bold; font-size: 1em; border-bottom: 2px solid #8a8a17; margin-bottom: 5px; padding-bottom: 5px;}
#fivereasons tbody p {margin: 5px 5px 0 5px; font-size: 0.84em; line-height: 1.5em;}

/* Make the Switch + Offers page */
h2.offerheader {background-image: url(../images/bknd_offerheader.gif); background-repeat: no-repeat; width: 810px; height: 90px;}
h2.offerheader span {display: none;}

/* offer banners */
#offers {background-image: url(../images/bknd_offerpanelsr2.png); background-repeat: no-repeat; width: 750px; height: 345px; margin: 0 auto 0 auto;}
.offerleft {float: left; width: 270px; height: 255px; margin: 15px 0 0 45px;}
.offerright {float: right; width: 270px; height: 330px; margin: 0 60px 0 0;} /* UNUSED, original two offer layout */
.minioffers {float: right; width: 360px; height: 285px;}
.row {margin-top: 25px;}
.offerlearnmore {margin-left: 75px;}
/* .minioffers img.button {margin: 0 0 0 173px;} */
img.switchinfo {margin-right: 5px; margin-top: 10px; height: 30px; width: 130px;}
img.sliderbutton {margin: 0 0 0 13px; padding: 0;}
img.minibutton {margin: 0 5px 0 173px; padding: 0;}

/* Quiz page */
#quizapp {float: left; height: 375px; width: 420px;}
.balloonperson {float: right; width: 390px; height: 395px; margin: 3px -30px 0 0;}

#switchbar {
	background-image: url(../images/bknd_c2a_switch.gif);
	background-repeat: repeat-x;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 135px; width: 870px;}

#switchbar img {width: 270px; height: 75px; margin: 45px 300px 0 300px;}

#switchbar2 {
	clear: both;
	background-image: url(../images/bknd_c2a_switch.gif);
	background-repeat: repeat-x;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 135px; width: 870px;
	}
	
#switchbar2 img {width: 270px; height: 75px; margin: 45px 300px 0 300px;}

/* THREE COLUMN LAYOUT - additional sign-up options page only */
#threecol1 {margin: 0 0 30px 30px; width: 250px; /*border-right: 2px solid #525e3c;*/}
#threecol2 {margin: 0 0 30px 30px; width: 250px;}
#threecol3 {margin: 0 0 30px 30px; width: 250px; /*border-left: 2px solid #525e3c;*/}
/* common attributes for all columns */
#threecol1, #threecol2, #threecol3 {float: left; padding: 0; text-align: center; height: 471px; background-image: url(../images/bknd_signupoptions.jpg);
/* the following not supported by IE */
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-box-shadow: 5px 5px 15px #333;
	-moz-box-shadow: 5px 5px 15px #333;
}
/* END THREE COLUMN CLASSES */

/* sign-up options */
#signups {width: 870px; height: auto; color: #4d361e; background-color: transparent;}
#signups h2 {font-size: 1.9em; font-weight: bold; margin: 0 0 15px 0; padding: 0; height: 70px; width: auto;}
#signups ul li {text-align: left; font-size: 0.8em; list-style-type: square; /*list-style-position:inside;*/ margin: 10px 15px 5px 40px;}
#signups ul {margin: 0 0 30px 0; padding: 0 0 20px 0; /*border-bottom: 1px solid #dce269;*/}
#signups p {margin: 0; padding: 0;}
#signups p.online {font-size: 1em; margin: 65px 15px 5px 15px; color: inherit; background-color: transparent;}
#signups ul.online li {list-style-type: none; font-weight: bold; text-align: center; margin: 0 0 5px 0;} /* online account types */
#signups p.phone {font-size: 1.8em; margin-top: 70px; color: inherit; background-color: transparent;}
#signups p.location {font-size: 1.4em; margin-top: 90px; margin-left: auto; margin-right: auto; width: 200px; height: auto; font-weight: bold; color: inherit; background-color: transparent;}
#signups a:visited {color: #4d361e; background-color: transparent;}
#signups a:visited:hover {color: #830b2c; background-color: transparent;}
/* end sign-up options */

#disclosure	{clear: both; width: 870px; height: 75px; margin: 0 auto 0 auto; font-size: 0.75em;}
#disclosure p {margin-top: 10px; color: #fff; text-align: right;}
#disclosure a:link, a:visited {color: #fff; background-color: transparent; text-decoration: none;}
#disclosure a:hover, a:active, a:focus {color: #f2db00; background-color: transparent; text-decoration: underline;}
#disclosure img.bug {float: right; margin: -18px 0 0 0; height: 25px; width: 60px;}
#disclosure p.ncua {text-align: right; display: block; margin: 0 65px 0 0; padding: 0;}

.clearfix {clear: both;}

/* S3 Slider, customized extensively */
#s3slider { 
	width: 225px; /* important to be same as image width */ 
	height: 265px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */}

#s3sliderContent {
	width: 225px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;}

.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
	padding: 0;
	margin: 0;}

/* captions are disabled by making them transparent for this site */
.s3sliderImage span {
	position: relative; /* important */ /* changed from default absolute to deal with alignment bug from custom use of slider */
	margin: 0; padding: 0;
	left: 0;
	bottom: 0;
	/*font: 10px/15px Arial, Helvetica, sans-serif;*/
	/* padding: 10px 13px; */
	width: 225px;
	height: auto;
	/* here you can set the opacity of box with text */
	filter: alpha(opacity=100);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	color: black;
	background-color: transparent;
	display: none; /* important */
	}
	
#slider img {border:none}

#sliderContent ul {list-style-type: none; margin: 0; padding: 0;}

.clear {clear: both;}
/* END S3 Slider */

/* DRC popup comparison table */
#comparison {width: 800px; height: auto; margin: 30px;}
#comparison caption {text-align: center; font-family: 'Arial Black'; font-size: 2em; color: #525e3c; background-color: transparent; text-transform: uppercase; line-height: 1em; margin: 0 30px 15px 30px;}
.comparecat {font-weight: bold; font-size: 1.4em; text-transform: uppercase; text-align: center; margin: 10px; color: #525e3c; background-color: transparent;}
.col1 {}
.col3 {}
#comparison tbody {text-align: center; color: #4c361e; background-color: #dce269; border-top: 3px solid #8a8a17; background-image: url(../images/bknd_dotsalt.png);}
#comparison tbody td {border: 3px solid #8a8a17; padding: 10px;}
#comparison tbody h2 {font-weight: bold; font-size: 1.3em; text-transform: uppercase;}
#comparison tbody h3 {font-weight: bold; font-size: 1em; margin-bottom: 5px; padding-bottom: 5px;}
#comparison tbody p {margin: 10px; font-size: 0.9em; line-height: 1.5em;}
#comparison tbody sup {font-size: 0.8em;}