/***********************************
RESETS
***********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}
img{vertical-align:middle}
/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need ‘cellspacing=”0”’ in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
/***********************************
MAIN LAYOUT
***********************************/
html{
	background: #ccdde6 url(/images/BGHTML.png) bottom left repeat-x;
}
body{
	background:#fafafa url(/images/BG.png) repeat-x;
	padding-top:6px;
	font:12px "Univers", Helvetica, arial, sans-serif;
	color:#222;
	-webkit-text-stroke:1px transparent;
}
#container{
	margin:0 auto;
	width:999px;
	position:relative;
}
#header{
	height:56px;
	background:url(/images/BGHeader.png);
	padding:15px 20px 0 20px;
}
h1{float:left;}
h1 a{
	display:inline-block;
	width:221px;
	height:42px;
	background:url(/images/logo.png);
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
}
#topFade{
	position:absolute;
	height:159px;
	width:100%;
	background:url(/images/top.png);
	z-index:1;
}
#bottomFade{
	position:absolute;
	width:100%;
	height:159px;
	z-index:1;
	bottom:0;
	background:url(/images/bottom.png);}
#content{
	background:#fff;
	width:991px;
	margin:0 auto;
	z-index:2;
	position:relative;
	padding:20px 0;
}
#footer{background:url(/images/BGHTML.png);
	height:147px;
	width:100%;
	clear:both;
}
#footerContent{
	width:999px;
	height:71px;
	background:url(/images/BGFooter.png);
	margin:0 auto;
	color:#727272;
	font:11px/71px "Univers", helvetica,arial,sans-serif;
	text-indent:20px;
}
#disclaimers a {color:#727272;}
#disclaimers{
	width:970px;
	padding: 20px 10px 20px 20px;
	overflow: auto;
	margin:0 auto;
	color:#727272;
	font:11px/14px "Univers", helvetica,arial,sans-serif;
}
sup {
    font-size: x-small;
	vertical-align: super;
}
/**************************
HEADER
**************************/
#header #utilityNav{
	float:right;
	margin-top:12px;
}
/**************************
UTILITY NAV
**************************/
#utilityNav{
	height:23px;
	line-height:23px;
	background:url(/images/BGUtilityNav.png) 100% 100% no-repeat;
	display:inline-block;
	padding:0 10px 0 0;
	margin:0 0 0 10px;
	list-style:none;
}
#utilityNav li{
	float:left;
	background:url(/images/BGUtilityNav.png) 50% 0 no-repeat;
}
#utilityNav li:first-child{
	background-position:0 0;
	margin-left:-10px;
}
#utilityNav a{
	font:normal 12px/22px "Univers", Helvetica, arial, sans-serif;
	color:#4f4f4f;
	text-shadow:1px 1px 0 rgba(255,255,255,.35);
	text-decoration:none;
	border-left:1px solid #9f9f9f;
	padding:0 10px;
	-webkit-transition:color .5s linear;
	-moz-transition:color .5s linear;
}
#utilityNav a:hover{color:#000;}
#utilityNav li:first-child a{border:none;}
#utilityNav img{margin-top:-1px;}
/**************************
HOME
**************************/
#homeSlogan{
	float:left;
	margin:20px;
}
#homePromo{
	position:absolute;
	right:-12px;
	z-index:5;
}
#homePromoBar{
	display:block;
	position:relative;
	z-index:5;
	background:url(/images/promo.png);
	width:337px;
	height:56px;
	padding:8px 0 0 50px;
	text-decoration:none;
	font-size:12px;
	color:#535353;
}
#homePromoBar.active{
	background-position:0 -64px;
}
#homePromoLayer{
	position:absolute;
	z-index:4;
	right:12px;
	top:52px;
	display:none;
	width:340px;
	line-height:140%;
	overflow:hidden;
	background:#c0c0c0 url(/images/BGPromoLayer.png) repeat-x;
	padding:15px;
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.4);
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomLeft:5px;
	-moz-border-radius-bottomLeft:5px;
}
#homeWindows{
	width:962px;
	margin:80px auto 10px auto;
	position:relative;
	overflow:auto;
}
#homeWindows h4{
	font:bold 26px "Sabon", "Times New Roman", Times, serif;
	line-height:36px;
	color:#fff;
}
#homeWindows ul{
	margin:30px 0 0 0;
	font:bold 17px/180% "Sabon", "Times New Roman", Times, serif;
	list-style:none;
	color:#444;
}
#benefitsWindow{
	float:left;
	background:url(/images/homeMain.jpg);
	width:461px;
	height:299px;
	padding: 27px 0px 0px 20px;
	display: block;
	color: #000;
	text-decoration: none;
}
#benefitsWindow span{
	color:#017e0d;
	text-indent:20px;
	display:block;
	line-height:200%;
	text-decoration: underline;
}
#benefitsWindow h4{
	margin:0 0 0 9px;
}
#anytimeWindow h4{
	text-align:right;
	margin:0 33px 0 0;
}
#anytimeWindow span{
	color:#004763;
	text-indent:220px;
	display:block;
	line-height:200%;
	text-decoration: underline;
}
#anytimeWindow{
	float:right;
	background:url(/images/homeMain.jpg) -481px 0;
	width:461px;
	height:299px;
	padding: 27px 0px 0px 20px;	
	display: block;
	text-decoration: none;
	color: #000;
}
#anytimeWindow ul{
	margin:30px 25px 0 0;
	text-align:right;
}
#funnelNav{background:url(/images/funnelNav.png);
	width:381px;
	height:105px;
	z-index:2;
	position:absolute;
	left:50%;
	top:110px;
	margin-left:-190px;
	display: none;
}
#funnelNav a{
	display: none;
}
#funnelNav h3{
	color:#333;
	text-shadow:1px 1px 0 rgba(255,255,255,.31);
	text-align:center;
	height:45px;
	line-height:38px;
}
#btnBigBenefits{
	display:-moz-inline-box;
	display:inline-block;
	width:184px;
	height:51px;
	background:url(/images/homeButtons.png);
	overflow:hidden;
	margin:0 0 0 5px;
}
#btnBigBenefits span{background:url(/images/homeButtons.png) 0 -51px;
	width:184px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#btnBigBenefits:active span{
	background-position:0 100%;
}
#btnAnytime{
	display:-moz-inline-box;
	display:inline-block;
	width:183px;
	height:51px;
	background:url(/images/homeButtons.png) 100% 0;
	overflow:hidden;

}
#btnAnytime span{background:url(/images/homeButtons.png) 100% -51px;
	width:183px;
	height:51px;
	text-indent:-9999px;
	overflow:hidden;
	display:-moz-inline-box;
	display:inline-block;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#btnAnytime:active span{
	background-position:100% 100%;
}
.homeContentBlock{
	float:left;
	width:236px;
	padding:0 43px 20px 43px;
	border-left:1px solid #d4d4d4;
	text-decoration:none;
	color:#333;
	position:relative;
}
.homeContentBlock span{
	text-decoration:underline;
	color:#08b;
	font:normal 14px "Sabon", "Times New Roman", Times, serif;
	background:url(/images/doubleArrow.gif) right center no-repeat;
	padding:0 15px 0 0;
	position:absolute;
	bottom:0;
	-webkit-transition:color .3s linear;
	-moz-transition:color .3s linear;
}
.homeContentBlock:hover span{color:#058;}
/**************************
SLIDE PAGES
**************************/
.tabbedContent{
	width:961px;
	margin:40px auto;
}
.tabbedContentHeader{
	height:45px;
	position:relative;
}
#bigBenefits .tabbedContentHeader{background:url(/images/benefitsTabHeader.png);}
#anytimeAnywhere .tabbedContentHeader{background:url(/images/anytimeTabHeader.png);}
#toolsGames .tabbedContentHeader{background:url(/images/toolsTabHeader.png);}
.tabbedContentHeader #utilityNav{margin:8px;}
.tabbedContentBody{
	-moz-border-radius-bottomLeft:8px;
	-moz-border-radius-bottomRight:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	padding-bottom:3px;
}
#bigBenefits .tabbedContentBody{
	background: #aedf1d url(/images/BGBenefitsTabContent.png) repeat-x;
}
#anytimeAnywhere .tabbedContentBody{
	background: #25a2e1 url(/images/BGAnytimeTabContent.png) repeat-x;
}
#toolsGames .tabbedContentBody{
	background: #686868 url(/images/BGToolsTabContent.png) repeat-x;
}
#benefitsTab{
	display:block;
	background:url(/images/tabs.png);
	width:200px;
	height:38px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#benefitsTab span{
	text-indent:-9999px;
	display:block;
	height:38px;
	width:200px;
	background:url(/images/tabs.png) -200px 0;
}
#anytimeTab{
	display:block;
	background:url(/images/tabs.png) 0 -38px;
	width:234px;
	height:38px;
	position:absolute;
	top:0;
	left:180px;	
	z-index:4;
}
#anytimeTab span{
	text-indent:-9999px;
	display:block;
	height:38px;
	width:234px;
	background:url(/images/tabs.png) -235px -38px;
}
#anytimeTab.active{z-index:6;}
.tabbedContentBodyInner{
	background:#fff url(/images/BGTabbedContentInner.png) repeat-x;
	margin:0 8px 8px 8px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.4);
	border-top:1px solid #f6f6f6;
	position:relative;
	z-index:1;
}
.track{
	height:17px;
	margin:0 auto 20px auto;
}
#bigBenefits .track{background:url(/images/benefitsSlider.png);
	width:660px;
}
#anytimeAnywhere .track{background:url(/images/anytimeSlider.png);
	width:895px;
}
.handle{
	width:47px;
	height:22px;
	z-index:5;
	top:0 !important;
}
#bigBenefits .handle{background:url(/images/benefitsSlider.png) 0 -17px;
	left:53px;
}
#anytimeAnywhere .handle{background:url(/images/anytimeSlider.png) 0 -17px;
}
.ui-draggable{cursor:url(/images/openhand_8_8.cur), -moz-grab;
}
.ui-draggable-dragging{cursor:url(/images/closedhand_8_8.cur), -moz-grabbing;
}
.snap{
	width:45px;
	height:22px;
	position:absolute;
	top:0;
}
#slidesContainer{
	background:#fff;
	padding:20px;
	border-top:1px solid #e4e4e4;
	overflow:hidden;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomRight:8px;
	-moz-border-radius-bottomLeft:8px;
	position:relative;
	z-index:3;
}
#slidesMask{
	width:907px;
	margin:0 auto;
	overflow:hidden;
}
.slides{
	width:10000px;
	list-style:none;
	position:relative;
}
.slide{
	background:#e0e0e0 url(/images/BGSlide.png) repeat-x;
	border:1px solid #dfdfdf;
	width:865px;
	padding:20px 20px 0 20px;
	float:left;
	position: relative;
}
.slideGraphic{
	float:left;
	font-size:20px;
	padding-bottom:30px;
	font-weight:bold;
}
.slideGraphic dl{margin-top:90px;}
.slideGraphic dt{
	float:left;
	width:90px;
}
.slideContent{
	float:right;
	width:450px;
	font-size: 12px;
	line-height: 14px;
}
.btnNext,.btnPrev{
	display:block;
	width:31px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(/images/btnPrevNext.png);
	position:absolute;
	top:50%;
}
.btnPrev{left:5px;}
.btnPrev:hover{background-position:0 -36px;}
.btnPrev:active{background-position:0 -72px;}
.btnNext{background-position:-31px 0; right:5px;}
.btnNext:hover{background-position:-31px -36px;}
.btnNext:active{background-position:-31px -72px;}
.icons{margin-top:20px;}
.icons h4{display:none;}
.icons li{
	float:left;
	display:inline-block;
	text-align:center;
	padding:0 20px;
	list-style:none;
}
.icons a{
	text-decoration:none;
	color:#000;
	font:bold 12px "Univers", Helvetica, Arial, sans-serif;
	text-align:center;
	background: #e8e8e8;
}
.icons img{
	margin:0 auto;
}
.icons dl{display:none;}
.graphNotes{
	position: absolute;
	top: 306px;
	left: 110px;
	color: #666;
}
/**************************
SLIDE HEADERS
**************************/
.slideHeaders{
	text-align:center;
	margin:35px 0 0 0;
	height:110px;
	position:relative;
	z-index:4;
}
.slideHeaders a{
	display:inline-block;
	height:110px;
	width:125px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.slideHeaders span{
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:110px;
	width:125px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	border:1px solid #e4e4e4;
	border-bottom:none;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topRight:8px;
	-moz-border-radius-topLeft:8px;
	background-color:#fff;
}
.slideHeaders li{display:inline;}
/**************************
BENEFITS SLIDES
**************************/
#bigBenefits .slideHeaders a{background-image:url(/images/benefitsSlideIcons.png);}
#bigBenefits .slideHeaders span{background-image:url(/images/benefitsSlideIcons.png);}
#saveMore{background-position: -5px -109px;}
#saveMore span{background-position: -6px -1px;}

#earnMore{background-position:-137px -110px;}
#earnMore span{background-position: -138px -2px;}

#getMore{background-position: -269px -109px;}
#getMore span{background-position: -270px -1px;}

#giveMore{background-position: -397px -109px;}
#giveMore span{background-position: -398px -1px;}

#takeCharge{background-position: -525px -110px;}
#takeCharge span{background-position: -526px -2px;}

#bigBenefits .slideContent h3{color:#85b000;}
.iconLegend{
	clear:left;
	padding:20px 0 0 0;
}
/**************************
ANYTIME SLIDES
**************************/
#anytimeAnywhere .slideHeaders a{background-image:url(/images/anytimeSlideIcons.png);
	width:177px;
}
#anytimeAnywhere .slideHeaders span{background-image:url(/images/anytimeSlideIcons.png);
	width:177px;
}
#personalService{background-position: -2px -125px;}
#personalService span{background-position: -3px -1px;}

#freeOnlineBanking{background-position:-200px -125px;}
#freeOnlineBanking span{background-position: -201px -1px;}

#atms{background-position: -398px -125px;}
#atms span{background-position: -399px -1px;}

#freeCreditScore{background-position: -578px -125px;}
#freeCreditScore span{background-position: -579px -1px;}

#anytimeAnywhere #takeCharge{background-position: -720px -125px;}
#anytimeAnywhere #takeCharge span{background-position: -721px -1px;}

#btnFindATM{
	background: url(/images/btnFindATM.png);
	width: 123px;
	height: 31px;
	border: none;
	font-size: 0px;
	color: #385763;
	padding: 0 0 0 0;
	overflow: hidden;
	cursor: pointer;
}
#btnFindATM:hover{
	background-position: 0 -31px;
}
#btnFindATM:active{
	background-position: 0 100%;
}

/**************************
TOOLTIPS
**************************/
.qtip-content{
	color: #000; 
	text-align: center; 
	text-indent:40px;
	line-height:38px;
}
.qtip-contentWrapper{
	border: none !important;
}
/**************************
TOOLS AND GAMES
**************************/
.toolBox{
	display:-moz-inline-box;
	display:inline-block;
	width: 250px;
	height: 223px;
	padding:12px 10px 0 10px;
	background:url(/images/toolBox.png);
	text-decoration:none;
	color:#787878;
	text-shadow:0 1px 0 rgba(255,255,255, 1);
	font-size:18px;
	margin:0 20px 20px 0;
}
.toolBox img{
	display:block;
	margin:30px auto;
	width:150px;
}
.zoomPanel{
	position:absolute;
	z-index:50;
	background:#e0e0e0 url(/images/BGZoomPanel.png) repeat-x;
	width:913px;
	height:540px;
	top:15px;
	left:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	display:none;
}
.zoomPanel h3{
	top: 8px;
	left: 8px;
	position: absolute;
}
.close{
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	padding-right:40px;
	height:26px;
	color:#003223;
	text-decoration:none;
	line-height:26px;
	background:url(/images/btnClose.png) top right no-repeat;
}
.close:active{
	background-position:100% 100%;
}
#calculators{
	background:#fff;
	border:1px solid #dedede;
	padding:20px;
	margin:50px 20px;
}
#calculators li{
	margin:15px 0;
	list-style:none;
}
#calculators a{
	color:#000;
	text-decoration:none;
}
#calculators a:hover{color:#444;}
#calculators img{vertical-align:middle;}
#sb-content{
	display: block;
}
/**************************
CONTACT PAGE
**************************/
.form{
	list-style: none;
}
.form li{
	margin: 15px 0;
}
label{
	display: block;
	font: bold 13px "Univers", Helvetica, Arial, sans-serif;
	padding: 0 0 5px 0;
}
input[type=text],
textarea{
	width: 100%;
	padding: 4px;
	font-size: 13px;
}
textarea{
	height: 100px;
	font-family: arial, sans-serif;
}
#btnSendEmail{
	background: url(/images/btnSendEmail.png);
	width: 83px;
	height: 31px;
	border: none;
	font-size: 0px;
	color: #385763;
	padding: 31px 0 0 0;
	overflow: hidden;
	cursor: pointer;
}
#btnSendEmail:hover{
	background-position: 0 -31px;
}
#btnSendEmail:active{
	background-position: 0 100%;
}
/*iframe{
	display: none;
}*/
/**************************
MISCELLANEOUS
**************************/
h2{
	font:bold italic 14px "Univers", Helvetica, Arial, sans-serif;
	color:#6d6d6d;
}
h3{
	font:bold 19px/130% "Univers", Helvetica, Arial, sans-serif;
	color:#242424;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
}
h4{
	font:normal 20px "Sabon", "Times New Roman", Times, serif;
	color:#0088be;
}
.btn{
	display:-moz-inline-box;
	display:inline-block;
	background:url(/images/btn.png) 100% -31px;
	height:31px;
	padding-right:28px;
	text-decoration: none;
}
.btn span{background:url(/images/btn.png);
	display:-moz-inline-box;
	display:inline-block;
	height:31px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font:normal 11px/34px "Univers", helvetica, arial, sans-serif;
	padding:0 8px;
	text-shadow:-1px -1px 0 rgba(28,119,103,.38);
}
.btn:hover{
	background-position:100% -93px;
}
.btn:hover span{
	background-position:0 -62px;
}
.btn:active{
	background-position:100% -155px;
}
.btn:active span{
	background-position:0 -124px;
}
.btnHome{
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	width:34px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/btnHome.png) no-repeat;
}
.btnHome:active{
	background-position:100% 100%;
}
p{
	padding:5px 0;
}
a{color:#006f9c;}
.btnFade span{
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

#btnJoinOnline{
	background: url(/images/btnJoinOnline.png);
	width: 123px;
	height: 31px;
	border: none;
	font-size: 0px;
	color: #385763;
	padding: 0 0 0 0;
	overflow: hidden;
	cursor: pointer;
	float:left;
}
#btnJoinOnline:hover{
	background-position: 0 -31px;
}
#btnJoinOnline:active{
	background-position: 0 100%;
}

#join{
    margin:20px 0 10px 0;
    clear:both;
}
#social_icons {
    float:right; 
    margin:0; 
    padding:10px 15px 0 0; 
    line-height: 20px; 
    text-align:right;
}
#like, #tweet {
    margin: 0;
    padding:0 0 5px 6px;
    display:inline-block;
    height:25px;
    width:80px;
}
#linkedin {
    margin: 0;
    padding:3px 0 5px 0;
    display:inline-block;
    height:32px;
    width:150px;

}

/**************************
FONT FACE
**************************/
@font-face {
	font-family: 'Univers';
	src: url('/fonts/UNIVERSB.eot');
	src: local('Univers Bold'), local('Univers-Bold'), url('/fonts/UNIVERSB.woff') format('woff'), url('/fonts/UNIVERSB.ttf') format('truetype'), url('/fonts/UNIVERSB.svg#Univers-Bold') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'Univers';
	src: url('/fonts/UNIVERS_.eot');
	src: local('Univers Roman'), local('Univers'), url('/fonts/UNIVERS_.woff') format('woff'), url('/fonts/UNIVERS_.ttf') format('truetype'), url('/fonts/UNIVERS_.svg#Univers') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'Sabon';
	src: url('/fonts/SABON-RO.eot');
	src: local('Sabon Roman'), local('Sabon-Roman'), url('/fonts/SABON-RO.woff') format('woff'), url('/fonts/SABON-RO.ttf') format('truetype'), url('/fonts/SABON-RO.svg#Sabon-Roman') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'Sabon';
	src: url('/fonts/SABON-IT.eot');
	src: local('Sabon Italic'), local('Sabon-Italic'), url('/fonts/SABON-IT.woff') format('woff'), url('/fonts/SABON-IT.ttf') format('truetype'), url('/fonts/SABON-IT.svg#Sabon-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Sabon';
	src: url('/fonts/SABON-BO.eot');
	src: local('Sabon Bold'), local('Sabon-Bold'), url('/fonts/SABON-BO.woff') format('woff'), url('/fonts/SABON-BO.ttf') format('truetype'), url('/fonts/SABON-BO.svg#Sabon-Bold') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'Sabon';
	src: url('/fonts/SABON-BI.eot');
	src: local('Sabon Bold Italic'), local('/fonts/Sabon-BoldItalic'), url('/fonts/SABON-BI.woff') format('woff'), url('/fonts/SABON-BI.ttf') format('truetype'), url('/fonts/SABON-BI.svg#Sabon-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}
#freeform .error {color:red;font-weight:normal;}