@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #ceeaf5;
	background-image: url(images/BGmain.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}
/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navbarbar {
	width:675px;
	list-style:none;
	height:48px;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul#navbarbar li {
	display:inline
}

ul#navbarbar li a {
	height:48px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navbarbar  li a span {
	float:left;
	display:block
}

ul#navbarbar li#home a {
	width:88px;
	background:url(images/navBar.jpg) no-repeat 0px 0
}

ul#navbarbar li#home a:active,
ul#navbarbar li#home a:hover {
	background-position:0px -48px
}

ul#navbarbar li#learnmore a {
	width:118px;
	background:url(images/navBar.jpg) no-repeat -88px 0
}

ul#navbarbar li#learnmore a:active,
ul#navbarbar li#learnmore a:hover {
	background-position:-88px -48px
}

ul#navbarbar li#textbanking a {
	width:169px;
	background:url(images/navBar.jpg) no-repeat -206px 0
}

ul#navbarbar li#textbanking a:active,
ul#navbarbar li#textbanking a:hover {
	background-position:-206px -48px
}

ul#navbarbar li#mobilebanking a {
	width:120px;
	background:url(images/navBar.jpg) no-repeat -375px 0
}

ul#navbarbar li#mobilebanking a:active,
ul#navbarbar li#mobilebanking a:hover {
	background-position:-375px -48px
}

ul#navbarbar li#mobileapps a {
	width:121px;
	background:url(images/navBar.jpg) no-repeat -495px 0
}

ul#navbarbar li#mobileapps a:active,
ul#navbarbar li#mobileapps a:hover {
	background-position:-495px -48px
}

ul#navbarbar li#faq a {
	width:59px;
	background:url(images/navBar.jpg) no-repeat -616px 0
}

ul#navbarbar li#faq a:active,
ul#navbarbar li#faq a:hover {
	background-position:-616px -48px
}

/* END HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

/* SOCIAL ICON BAR
/////////////////////////////////////*/

ul#socialicons {
	width:78px;
	list-style:none;
	height:48px;
	margin: 0px;
	padding: 0px;
}

ul#socialicons li {
	display:inline
}

ul#socialicons li a {
	height:48px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#socialicons  li a span {
	float:left;
	display:block
}

ul#socialicons li#facebook a {
	width:27px;
	background:url(images/socialIcons.jpg) no-repeat 0px 0
}

ul#socialicons li#facebook a:active,
ul#socialicons li#facebook a:hover {
	background-position:0px -48px
}

ul#socialicons li#twitter a {
	width:25px;
	background:url(images/socialIcons.jpg) no-repeat -27px 0
}

ul#socialicons li#twitter a:active,
ul#socialicons li#twitter a:hover {
	background-position:-27px -48px
}

ul#socialicons li#blog a {
	width:26px;
	background:url(images/socialIcons.jpg) no-repeat -52px 0
}

ul#socialicons li#blog a:active,
ul#socialicons li#blog a:hover {
	background-position:-52px -48px
}

/* END SOCIAL ICON BAR
/////////////////////////////////////*/


.outerContainer900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#logoTop {
	clear: both;
	height: 123px;
	width: 100%;
}
#nav {
	margin: 0px;
	padding: 0px;
	height: 48px;
	width: 900px;
	background-image: url(images/BGmain_nav.jpg);
	background-repeat: no-repeat;
	clear: both;
}
#socialIcons {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 48px;
	width: 110px;
}
#slider {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 300px;
	width: 100%;
}
#content900 {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
#leftCol {
	float: left;
	width: 200px;
	padding-right: 5px;
	padding-left: 5px;
}
#supportBox {
	background-color: #ececec;
	clear: both;
	width: 200px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#supportBox h1 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 0px;
}
#content640 {
	float: right;
	width: 650px;
	margin-right: 20px;
	margin-left: 20px;
}
#content640 h1 {
	font-size: 16px;
	margin-bottom: 2px;
	color: #333;
}
.boxes {
	width: 650px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
	/*
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	*/
	font-size: 11px;
	line-height: normal;
}
.boxes ul{
	overflow:hidden;
	padding-left:20px;
	margin-top:8px;
}

.box {
	background-color: #FFF;
	background-image: url(images/tripleBoxBG.jpg);
	background-repeat: repeat-y;
	width: 211px;
	float: left;
}
.boxMid {
	background-color: #FFF;
	background-image: url(images/tripleBoxBG.jpg);
	background-repeat: repeat-y;
	width: 211px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	overflow: hidden;
}
.boxContent {
	padding: 4px;
	overflow: hidden;
	height: 240px;
}
#footer {
	background-image: url(images/BGfooter.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 40px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	font-size: 11px;
}
#terms {
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	text-align: center;
	font-size: 10px;
	padding-top: 10px;
	line-height: 14px;
}
#supportBoxContent {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 10px;
}
.boxes a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #154F88;
	font-size: 12px;
	text-decoration: none;
}
#leftCol a {
	color: #154F88;
	font-weight:bold;
	text-decoration: none;
}
a.appstoreDL{
	width:150px;
	float:left;
	height:54px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(images/appstore.jpg) no-repeat 0px 0;
	display:block;
	padding-right:20px;
}
a.blackberryDL{
	width:150px;
	height:54px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	background:url(images/blackberryCS.jpg) no-repeat 0px 0;
	display:block;
}
a.marketplaceDL{
	width:150px;
	height:54px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	background:url(images/marketplaceCS.jpg) no-repeat 0px 0;
	display:block;
	padding-right:20px;
}
a.appstoreDL:active, a.appstoreDL:hover, a.marketplaceDL:active, a.marketplaceDL:hover, a.blackberryDL:active, a.blackberryDL:hover {
	background-position:0px -54px;
}
a.appstore{
	width:85px;
	height:33px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(images/bttnAppstore.jpg) no-repeat 0px 0;
	display:block;
}
a.appstore:active, a.appstore:hover {
	background-position:0px -33px;
}
a.demo{
	width:199px;
	height:192px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(images/demo.jpg) no-repeat 0px 0;
	display:block;
}
a.demo:active, a.demo:hover {
	background-position:0px -192px;
}
#content640 a {
	text-decoration: none;
	color: #00F;
}
/***********************************************************************************************************************
Accordian
************************************************************************************************************************/
#wrapper {
	/*
	float:right;
	border:#000 dashed 1px;
	*/
	width: 650px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 20px;
	}

.accordionButton {
	/*
	float: left;
	_float: none;
	width: 650px;
	background: #ececec;
	*/
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	font-size:14px;
	padding-top:8px;
	padding-bottom:8px;
	width:610px;
	padding-left:40px;
	background: #ececec url(images/arrowFaq.png) 21px 13px no-repeat;
	}

.accordionContent {
	/*
	float: left;
	_float: none;
	width: 640px;
	padding-left:10px;
	*/
	padding:8px 10px;
	}

.on, .over {
	background: #ccc url(images/arrowFaq.png) 21px 13px no-repeat;
	}
/*
.accordionButton ul  {
	list-style-image: url(images/arrowFaq.png);
	display: block;
	margin: 0px;
}
*/

/*
.accordionButton li {
	list-style-position:outside;
	border:#00F solid 1px;
}
*/

/***********************************************************************************************************************
 End Accordian
************************************************************************************************************************/

.comingsoon {
	position:relative;
	/*
	margin: 4px;
	width: 460px;
	text-align: right;
	*/
}