@charset "utf-8";
/* CSS Document */

#outerWrapper {
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/bg_02_2.jpg") repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1;
}

#outerWrapper p {
	margin: 0px;
	padding: 0px;
}

#outerWrapper a {
	text-decoration:none;
	color:#ed1c24;
	outline:none;
}

#outerWrapper a:hover {
	text-decoration:underline;
}

#outerWrapper ul {
	padding: 0px;
	margin: 0px;
}

#outerWrapper ol {
	padding: 0px;
	margin: 0px;
}

#outerWrapper li {
	padding: 0px;
	margin: 0px !important;
}

/* Header */

#outerWrapper #headerWrapper {
	width:100%;
	background: #000;
}

#outerWrapper #header {
	height:62px;
	min-width: 0px;
	width:960px;
	margin:0 auto;
}

#outerWrapper #header .logo {
	margin: 10px 0 0 10px;
	float:left;
}

#outerWrapper #header .topMenu {
	float:right;
	margin:20px 20px 0 0 ;
}

#outerWrapper #header .topMenu li {
	float: left;
	padding: 0;
	margin: 0;
        background: none;
}

#outerWrapper #header .topMenu li a{
	color:#FFF;
	font-weight:bold;
	background:none;
	margin:0 5px;
	padding: 0 0 0 10px;
	height:25px;
	float:left;
	width:auto;
	text-decoration:none;
}

#outerWrapper #header .topMenu li.selected a{
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/highlight.jpg") no-repeat;
}

#outerWrapper #header .topMenu li a div{
	background:none;
	color:#FFF;
	padding:7px 10px 6px 0;
}

#outerWrapper #header .topMenu li.selected a div{
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/highlight.jpg") right;
}


/* Footer */
#outerWrapper #outerwrapper {
	width:100%;
	background: #fff;
}

#outerWrapper #footer {
	font-size:10px;
	height:20px;
	width:920px;
	padding: 8px 20px 0;
	display:block;
	overflow:show;
	margin:0 auto;
	position:relative;
	border: none;
	color: #000000;
}

#outerWrapper #footer .links {
	color:#666;
	float:left;
}

#outerWrapper #footer .links a {
	color:#ed1c24;
}

#outerWrapper #footer .reg {
	color:#666666;
	float:right;
}

#outerWrapper #bankSecurely {
	font-size:11px;
	position:absolute;
	top:-85px;
	left:120px;
}

#outerWrapper .bankSecurelyTitle {
	font-size:14px;
	font-weight:bold;
	color:#ed1c24;
	text-align:left;
	line-height:18px;
}

#outerWrapper #bankSecurelyLogo {
	width:85px;
	height:91px;
	position:absolute;
	top:-99px;
	left:23px;
	cursor:pointer;
}

/* Content */
#outerWrapper #contentOuterWrapper {
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/bg_01a.jpg") center top no-repeat;
	height:675px;
	width:100%;
	margin:0 auto;
}

#outerWrapper #contentOuterWrapper.cleanBG {
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/bg_01b.jpg") center top no-repeat;
}

#outerWrapper #contentWrapper {
	height:508px;
	width:960px;
	margin:0 auto;
	position:relative;
}

#outerWrapper #content {
	padding-left:300px;
	width:642px;
	margin: 0px;
	height:600px;
	position:relative;
}
#outerWrapper .cleanBG  #content {
	width:960px;
	padding-left:0;
}


/* Get Started */

#outerWrapper #content .getStartedContent {
	width:307px;
	height:508px;
	float:left;
	padding-left:15px;
	
	
}

#outerWrapper #content .getStartedContent .goMobile {
	margin: 15px 0 20px -70px;
	overflow:visible;
	width:211px;
	height:128px;
	position:relative;
	float:left;
}

#outerWrapper #content .getStartedContent .topText {
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

#outerWrapper #content .getStartedContent ul {
	list-style:disc;
	list-style:outside;
}

#outerWrapper #content .getStartedContent ul li {
	padding-bottom:5px;
      background: none;
}

#outerWrapper #content .getStartedContent ul.topList {
	font-size:12px;
	color:#ed1c24;
	font-weight:bold;
	padding-bottom:20px;
}

#outerWrapper #content .getStartedContent ul.topList li {
	padding-bottom:10px;
}

#outerWrapper #content .getStartedContent ul.bottomList {
	font-size:13px;
	padding: 10px 0 5px 20px;
}

#outerWrapper #content .getStartedContent ul.bottomList li {
	padding-bottom:8px;
	font-size:12px;
}


#outerWrapper #content .getStartedPhoneTop{
	float:left;
	padding-left:15px;
	padding-top:20px;

}

#outerWrapper #content .getStartedPhoneWrapper{

	font-size:13px;
	font-weight:bold;
	line-height:18px;
	width:620px;
	float:left;
	position:relative;

}

#outerWrapper #content .getStartedPhoneLiner{
	float:left;
	padding-left:10px;
	padding-top:20px;
	line-height:18px;
	width:300px;
}

#outerWrapper #content .getStartedPhone {
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/bg_04.jpg");
	background-repeat:no-repeat;
	width:270px;
	height:370px;
	float:left;
	margin-left:30px;
	position:relative;

}

#outerWrapper #content .getStartedPhoneLiner2 {
	width:280px;
	height:380px;
	padding-top:20px;
	padding-left:20px;
	float:left;
	position:relative;
}


#outerWrapper #content a{
	text-decoration:none;
	color:#000000;
	font:size:10px;
}

#outerWrapper #content .subtitle{
	font-size:14px;
	color:#cc0000;
}


#outerWrapper #content .getStartedPhone #phoneContent {
	width:200px;
	height:330px;
	margin: 100px 0 0 23px;
	font-size:11px;
	line-height:12px;
}

#outerWrapper #content .getStartedPhone #phoneContent .intro {
	padding:10px;
	height:45px;
	line-height:14px;
}

#outerWrapper #content .getStartedPhone #phoneContent .list {

}


#outerWrapper .scrollable {
	position:relative; /* required settings */
	overflow:hidden; /* required settings */
	height: 200px;
	width: 200px;	
}

#outerWrapper .scrollable .items {
	position:absolute; /* required settings */
	height:20000em;
}

#outerWrapper .scrollable .items .item {
	padding-bottom: 1px;
	float:left;
	background-color:#ffffff;
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/roundbox.jpg") no-repeat;
	padding:5px;
	width:152px;
	margin-top:3px;
	font-weight:normal;
}
#outerWrapper .scrollable .items .item img {
	padding:0px 5px;
	float:right;
}

#outerWrapper .scrollable .items .item p {
	margin: 10px 10px 0 0;
	float:left;
	font-size:10px;
	width:110px;
	/*margin-top:-1px;*/
}

#outerWrapper .scrollable .items .item p a, .scrollable .items .item p a:link, .scrollable .items .item p a:active, .scrollable .items .item p a:hover {
	color:#000;
	text-decoration:none;
}

#outerWrapper .scrollable .items .item .more {
	color:#ed1c24;
	font-weight:bold;
}

#outerWrapper .scrollable .items .item a:hover .more {
	text-decoration:underline;
}

#outerWrapper .prev, .next {
	width:239px;
	height:10px;
	display:block;
	cursor:pointer;
}

#outerWrapper .prev {
	/*background:url("/Resources/personal/img/ibanking/mbanking/microsite/btn_up.gif") no-repeat 115px 3px;*/
}

#outerWrapper .next {
	/*background:url("/Resources/personal/img/ibanking/mbanking/microsite/btn_down.gif") no-repeat 115px 2px;*/
}

#outerWrapper .prev.disabled, .next.disabled  {
	cursor:default;
	background:none;
	display:none;
}




/* FAQ */
#outerWrapper #faqContent {
	padding: 30px;
}
#outerWrapper #faqContent h1 {
	margin-top:0;
	line-height: 24px;
}
#outerWrapper #faqContent hr {
	margin-bottom:10px;
	margin-top: 6px;
}
#outerWrapper #faqContent .item {
	padding: 0 0 10px 10px;
}
#outerWrapper #faqContent .item a {
	font-size:12px;
	font-weight:bold;
	color:#ed1c24;
	background:url("/Resources/personal/img/ibanking/mbanking/microsite/arrow.gif") no-repeat;
	padding: 0 0 0 13px;
	margin-left:0;
	cursor:pointer;
	text-decoration:none;
	position:relative;
}
#outerWrapper #faqContent .item a.selected {
	background-position: 0 -25px;
}
#outerWrapper #faqContent .item div.answer {
	padding: 5px 0 5px 13px;
	line-height:15px;
}

#outerWrapper #faqContent .item div.answer a{
	padding: 0;
	background:none;
	font-weight:normal;
}

#outerWrapper #faqContent .item div ol {
	list-style:decimal;
	margin-left:23px;
}
#outerWrapper #faqContent .item div ul {
	list-style:disc;
	padding-left:18px;
}
#outerWrapper #faqContent .item div ul li {
	padding-top:5px;      
      background: none;
}
#outerWrapper #faqContent .item div ol.bold li {
	padding-top:8px;
	/*margin-left:5px;*/
}
#outerWrapper .bold {
	font-weight:bold;
}
#outerWrapper #faqContent .item div ol.bold .normal{
	font-weight:normal;
}
#outerWrapper #faqContent .item div br{
	font-size:10px;
	line-height:10px;
}



/* GetStarted */
#outerWrapper #getStartedContent {
	width:642px;
	height:600px;
	color:#666;
	font-size:11px;
}
#outerWrapper #getStartedContent .getStartedLeft {
	width:382px;
	float:left;
	margin-right:20px;
}

#outerWrapper #getStartedContent .getStartedRight {
	width:200px;
	float:right;
	padding: 0 20px 20px;
	background:#CCC;
	height:250px;
}
#outerWrapper .selectWrapper {
	margin-bottom:10px;
	position:relative;
	height:26px;
}

#outerWrapper h1 {
	margin-top:40px;
	margin-bottom: 0px;
	font-size:24px;
	font-weight:bold;
	color:#ed1c24;
	line-height: 16px;
}
#outerWrapper h2 {
	margin-top:50px;
	margin-bottom: 0px;
	font-size:14px;
	font-weight:bold;
	color:#ed1c24;
}

#outerWrapper hr {
 color:#ed1c24;
 background-color:#ed1c24;
 height:3px;
 line-height:1;
 margin-bottom:20px;
 margin-top: 5px;
 border-style: inset;
 border-width: 1px;
}

#outerWrapper #phone_1, #phone_2, #phone_3 {
	font-size:13px;
	font-weight:bold;
	padding-top:20px;
}

#outerWrapper #getStartedContent .newListSelected {
		font-size:12px;
		/*margin-bottom:10px;*/
}

#outerWrapper #getStartedContent .getStartedLeft H1 {
	line-height:24px;
}

#outerWrapper #getStartedContent ol {
	list-style: decimal outside none;
  margin-left: 23px;
}

#outerWrapper #getStartedContent .getStartedLeft ol li {
    padding-bottom: 5px;
		line-height:14px;
}

#outerWrapper #getStartedContent p {
		line-height:14px;
}

/* Demo */
#outerWrapper #flash {
	padding:20px 0 0 93px;
}


/* Promotions */
#outerWrapper #promotionsContent {
	padding-top:50px;
	margin:0 40px;
}

#outerWrapper #promotionContentLeft {
	float:left;
}
#outerWrapper #promotionContentRight {
	float:right;
	width:500px;
}

/* iPad */

#outerWrapper #ipadContent {
	width: 960px;
	height: 600px;
}

#outerWrapper #ipadContent #ipadContentLeft {
	width:350px;
	float:left;
	padding-left:10px;
	color:#666;
	line-height:15px;
}

#outerWrapper #ipadContent #ipadContentRight {
	width:580px;
	float:right;
	text-align:center;
	padding: 40px 0 0 20px;
}

#outerWrapper #ipadContent h1 {
	margin:0;
	padding-top: 39px;
	line-height: 17px;
}

#outerWrapper #share {
	height:20px;
	position:absolute;
	top:0;
	left:15px;
}


#element1 {
	width:100% !important;
}

.iw_component {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
}