* {padding:0; margin:0;} 

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, nav, menu, article{
  margin: 0;
  padding: 0;
  border: 0;
}
body { 
    background: #ffffff url('/images/blue_gradient.jpg') repeat-x left top; 
}


body,p{
  font: 12px Helvetica,verdana,arial;
  color: #394669;
}
body{background-color: #ffffff;}

p, dl, h3,h4{margin: 8px;}




fieldset{ 
  border:0;
  margin: 10px;
}

#interiorContent ul, #interiorContent ol{
   margin:20px;
   padding:5px;
 }
 
#interiorContent ul.media{
   margin:0px;
   padding:5px;
 }

p.small_type{
  margin: 30px 0 0 0;
  font-size: 10px;
}

p.rate_range{
  font: italic bold 11px verdana;
  text-align:center;
  margin-top: 20px;
}

h3{
  font: bold 20px verdana;
  background:#ffffff url('/images/header_bg.png') no-repeat 0px 25px; 
  height: 30px;
}

h4{
  font: bold 13px verdana;
  color: #de6728;
  text-transform: uppercase;
}

ol li{
  margin-bottom: 5px;
}

dl.standard_dl dt{
  text-decoration: underline;
  font-weight: bold;
  margin-bottom: 10px;
}
dl.standard_dl dd{
  text-indent: 10px;
  margin-bottom: 3px;
}
 
div#tab1 input[type="button"], div#tab1 input[type="submit"], div#tab1 input[type="reset"],button,
div#interiorContent input[type="button"], div#siteLogin input[type="submit"], div#interiorContent input[type="submit"],div#interiorContent input[type="reset"]{
  color: #ffffff;
  background-color: #de6728;
  font: bold 11px arial;
  border: 1px solid #de6728;
  padding: 3px;
  cursor: pointer;
  
  border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  
  box-shadow: 0 0 2px #c1590c;
}

div#tab1 input[type="button"]:hover, div#tab1 input[type="submit"]:hover, div#tab1 input[type="reset"]:hover, button:hover,
div#interiorContent input[type="button"]:hover, div#siteLogin input[type="submit"]:hover, div#interiorContent input[type="submit"]:hover, div#interiorContent input[type="reset"]:hover{
  color: #de6728;
  background-color: #ffffff;
  border: 1px solid  #de6728;
}

div#interiorContent h4{
    margin-top: 30px;
}


a:link, a:visited{
  color: #394669; /*#a6a6a6;*/
  text-decoration: none;
}

a:hover, a:active{color: #de6728;}

div#interiorContent a:link, div#interiorContent a:visited{
  color: #de6728;
  text-decoration: none;
}

div#interiorContent a:hover, div#interiorContent a:active{color: #394669;}

div#intRight a:link, div#intRight a:visited{
  color: #394669;
  text-decoration: none;
}

div#intRight a:hover, div#intRight a:active{color: #de6728;}


.clearAll{clear: both;}

/*cycler*/
 
div.slideshow img {
  padding: 0; 
  border: 0;
  width: 694px;
  height: 250px;
}
   

#nav33{
   z-index:900;
   position: absolute;
   top:360px;
   left: 580px;
   /*
   top: 230px;
   left: 315px; 
   */
}
#nav33 a{ 
  background:url('/bundles/visionsbase/images/pager_off2.png');
  background-repeat:no-repeat;
  width: 10px;
  height: 10px;
  margin: 0; 
  padding: 0 5px; 
}
#nav33 a.activeSlide { 
 background:url('/bundles/visionsbase/images/pager_on1.png');
 background-repeat:no-repeat;
}

/*end of cycler*/


/*box shadows for home page div.searchFormWrapper, */
div#siteAdSpace,div.eventBlock,div.loginFormWrapper,div#loginHeader,#newsImage,div.siteSubNav, .menuIMG, div#interiorContent img.imgHeader, #map_canvas, #fbImage, .drop_shadow{
   box-shadow: #888888 4px 4px 4px;
  -webkit-box-shadow: #888888 4px 4px 4px;
  -moz-box-shadow: #888888 4px 4px 4px;
}
/*end box shadows for home page */


div#siteContainer{
  width: 100%;
  height: 100%;
}

div#siteContent{
  position: relative;
  width: 954px;
  background: #ffffff;
  border: 8px solid #f2f2f4; /*#394669; */ 
  padding: 10px;
  margin: 40px auto;
}

div#siteHeader{
  height: 85px;
  width: 100%;
  background: #ffffff;
  margin: 0 0 10px 0;
}

div#siteLogo{
  float: left;
  height: 100%;
  width: 200px;
  background: #ffffff;
  
}

#imageLogo{margin: 10px 0px 0px 0px;}


/*top navigation bar*/
div#siteTopNav{
  float: left;
  height: 100%;
  width: 554px;
  background: #ffffff;
}

div.topNav{
  position: relative;
  float:left;
  width:105px;
  height:100%;
  text-align: center;
  background: #ffffff;
  margin-right: 5px;
  /*z-index: 900; */
}

div.topNav img{
/*
  opacity: .6;
  filter:Alpha(opacity=60);
 */
}

div.topNav a:link, div.topNav a:visited{
  font: bold 11px helvetica;
  color: #394669;
}

div.topNav a:active, div.topNav a:hover{color: #de6728;}

div#topNavLink4 a{font-size: 10px;}

img#topNavBlank1, img#topNavBlank2, img#topNavBlank3, img#topNavBlank4, img#topNavBlank5{
  width:60px;
  height:50px;
  margin-top: 5px;
}

img#topNavBlank1{background:url('/bundles/visionsbase/images/iconSheet2.jpg') -2px -313px;}
img#topNavBlank2{background:url('/bundles/visionsbase/images/iconSheet2.jpg') -433px -129px;}
img#topNavBlank3{background:url('/bundles/visionsbase/images/iconSheet2.jpg') -187px -190px;}
img#topNavBlank4{background:url('/bundles/visionsbase/images/iconSheet2.jpg') -251px -129px;}
img#topNavBlank5{background:url('/bundles/visionsbase/images/iconSheet2.jpg') -2px -250px;}
 

div.siteSubNav{
  display: none;
  width: 974px;
  height: 250px;
  background: #ffffff;
  border: 1px solid #394669;

} 


div.siteSubNavTop{
   width: 974px;
   height: 240px;
}

img.menuIMG{
  float:right;
}

div.navColumn{
  float: left;
  width: 175px;
  height: 250px;
}

div.navColumn p{
 margin: 5px 0 5px 5px;
 font: bold 11px verdana;
 color: #de6728;
}

div.navColumn ul{
  list-style-type: none;
  /*text-indent: 10px;*/
  padding: 0;
  margin: 0 0 0 10px;
  /*height: 180px;
  border-right: solid 1px #de6728;*/
}

div.siteSubNavTop img{
 float: left; 
 margin: 10px 0 0 25px;
 /*width: 570px;*/
 /*height: 210px;*/
 border: 0;
}

div.navColumn ul a:link, div.navColumn ul a:visited{font-size: 11px; color:#394669; line-height: 150%;}
div.navColumn ul a:active, div.navColumn ul a:hover{color:#de6728;}

div#siteSubNav1, div#siteSubNav2, div#siteSubNav3, div#siteSubNav4, div#siteSubNav5{
  position: absolute;
  z-index: 1000;
  top: 105px;
}

div#siteSubNav1{left:0px;}  /*{left: 240px;}*/
div#siteSubNav2{left:0px;} /*{left: 340px;}*/
div#siteSubNav3{left:0px;} /*{left: 440px;}*/
div#siteSubNav4{left:0px;} /*{left: 540px;}*/
div#siteSubNav5{left:0px;} /*{left: 670px;}*/


span.arrowDown {
 
 position: relative; 
 top: 10px; 
 left: 2px;
 width: 0; 
 height: 0; 
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid #de6728;
}


/*end top nav*/


div#siteSearch{
  float: left;
  height: 100%;
  width: 200px;
  background: #ffffff;
}

div.siteHR{
  height: 2px;
  width: 100%;
  background: #f2f2f4;
  margin: 10px 0;
}

div#siteSplash{
  height: 250px;
  width: 100%;
  background: #ffffff;
  margin-bottom:20px;
}

div#siteAdSpace{
  float:left;
  height: 250px;
  width: 694px;
  margin-left: 10px;
  background: #f2f2f4;
  position: relative;
  overflow:hidden;
}


/* news ticker */
div#siteNews{
  height: 46px;
  width: 100%;
  margin: 10px 0;
  background: #f2f2f4;
  box-shadow: 2px 2px 2px #888888;
  overflow: hidden;
}

div#siteNewsInnerLeft{
  float:left;
  height:34px;
  width:185px;
  font: bold 15px verdana;
  color: #ffffff;
  padding: 12px 0 0 15px;
  background: #de6728 url('/bundles/visionsbase/images/tickerMask.png') no-repeat top right;
}

div#siteNewsInnerRight{
  float:left;
  width: 744px;
  height: 34px;
  font: bold 11px helvetica;
  padding: 12px 0 0 5px;
}

div.horizontal_scroller, div.vertical_scroller{
  position: relative;
  height:25px; 
  width:100%;
  display:block;
  overflow:hidden;
  border: 0px;
}

div.scrollingtext{
  position:absolute;
  white-space:nowrap;
  font-family:Helvetica,Arial;
  font:bold 14px helvetica,verdana;
}

/* end news ticker */



div#siteThreeBlock{
  /* height: 330px;*/
  width: 100%;
  background: #ffffff;
  margin: 30px 0 10px 0;
}

div.frontPageBlock{
  float: left;
  /*height:300px; */
  width:311px;
  background:#ffffff;
}

div#blockOne, div#blockTwo{margin-right:10px;position: relative;}

div.eventBlock{
 background-color: #f2f2f4;
 width:290px;
 height:40px;
 margin:0 0 3px 0;
 padding: 10px 5px 5px 5px;
}

div.eventDetails{
 display: none;
 width: 288px;
 margin: 12px 0;
 font-size: 11px;
}
div.eventDetails div{margin-bottom: 5px;}

dl.events{
  margin-bottom: 20px;
  font-size: 11px
}

dl.list dd{margin-bottom: 5px;}


#newsImage{
height: 270px;
width: 309px;
border: 1px solid #394669;
margin-bottom: 5px;
}

div#newsImageBlockCap, div.interiorImageBlockCap{
  position:absolute;
  display:none;
  height:50px;
  overflow: hidden;
  font-size: 11px;
  background-color: #000000;
  color: #ffffff;
  padding:5px;
  opacity: .8;
  filter:Alpha(opacity=80);
}

div#newsImageBlockCap{ 
   top: 245px;
   width:301px;
}

div.interiorImageBlockCap{
  top:214px;
  left: 170px;
  width:603px;
  text-align: left;
}


#fbImage{
height: 272px;
width: 273px;
border: 0;
margin: 0 0 0 15px;
}


/* site footer v2 */

div#siteFooter_v2{
  width: 100%;
  background: #ffffff;
  color: #394669;
}

div#siteFooter_v2 a{font-weight: bold;}

div#siteFooter_v2  img{
 margin: 0 3px;
 border:0;
}

div#siteFooter_v2 div{
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

img#footerFBimg_v2, img#footerTwitterimg_v2{
  width: 50px;
  height: 50px;
}

img#footerYouTubeimg{
 width:24px;
 height: 24px;
}

img#logoNCUA_v2{
 width:107px;
 height: 50px;
}

img#logoEHL{
 width:41px;
 height: 50px;
}

img#logoCUS{
 width:178px;
 height: 50px;
}

img#logoACU{
 width:68px;
 height: 50px;
}

img#footerFBimg_v2{background:url('/bundles/visionsbase/images/fb_twitter_50.jpg') 0 0;}
img#footerTwitterimg_v2{background:url('/bundles/visionsbase/images/fb_twitter_50.jpg') -50px 0;}
/* end site footer v2 */


/*site footer*/
div#siteFooter{
  height: 115px;
  width: 100%;
  background: #ffffff;
  color: #394669;
}

ul.footerUL{
  margin: 0; 
  padding:0;
  list-style-type: none;
}
ul.footerUL li{margin-bottom: 4px;}

div#siteFooter img{
  /*opacity: .7;
  filter:Alpha(opacity=70);*/
  vertical-align:middle;
}

div#footerLeft{
  float: left;
  width: 66%;
  height: 100%;
  font-size: 12px;
  margin-top: 10px;
}
div#footerLeftOne, div#footerLeftTwo, div#footerLeftThree{
  float: left;
  width: 33%;
  /*height: 100%;*/
}

div#footerCopy{margin-top: 10px;}

div#footerLeftThree div{
 margin-bottom: 5px; 
}

img#footerFBimg, img#footerTwitterimg{
  width: 24px;
  height: 24px;
}
img#footerFBimg{background:url('/bundles/visionsbase/images/twitterFBsm.jpg') 0 0;}
img#footerTwitterimg{background:url('/bundles/visionsbase/images/twitterFBsm.jpg') -24px 0;}

div#footerRight{
  float: left;
  width: 34%;
  height: 100%;
  font-size: 11px;
}

div#footerRightNCUA,div#footerRightEHL,div#footerRightCU{
margin: 8px 0 0 15px;
}

img#logoNCUA,img#logoEHL, img#logoCU{border: 0;}

img#logoNCUA{
 width:50px;
 height: 24px;
}

/*end site footer*/


/*Rounded Corners  for Form Fields div.searchFormWrapper, */
div.loginFormWrapper, div.content_promo_shef{
  border: 1px solid #de6728; 
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
/*End Rounded Corners for Form Fields*/


/* Site Search Field */


div.searchFormWrapper{
  width: 175px;
  height: 36px;
  background: #ffffff url('/bundles/visionsbase/images/input1.png') 0px 0px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  position: relative;
  left: 0px;
  top: 20px;
  text-align: center;
}

form#searchForm input[type="text"]{
  background-color: #ffffff;
  color: #989898;
  border: 0;
  outline: none;
  margin: 11px 0 0 10px;
}

form#searchForm input[type="text"]:focus{
  background-color: #ffffff;
  color: #000000;
  border: 0;
  outline: none;
}
/* End Site Search Field */


/* Main Site Login Form */

div#siteLogin{
  position: relative;
  float: left;
  height: 250px;
  width: 250px;
  background: #ffffff;
}

div#siteLogin form#loginForm{
position: relative;
top: -20px;
}

div.loginFormWrapper, div.loginFormButtonWrapper{
  position: relative;
  left: 30px;
  text-align: center;
  margin: 6px 4px;
}

div.registerButtonWrapper{
  float:left;
  position: relative;
  left: 40px;
  top: 2px;
}


a.enrollMePlz:link, a.enrollMePlz:visited{
  font: bold 11px helvetica;
  color:  #de6728;
}

a.enrollMePlz:active, a.enrollMePlz:hover{color:  #a6a6a6;}

div.loginFormWrapper{
  width: 170px;
  height: 22px;
  background-color: #ffffff;
}

div#siteLogin form#loginForm input[type="text"], div#siteLogin form#loginForm input[type="password"]{
  background-color: #ffffff;
  /*color: #989898;*/
  border: 0;
  outline: none;
  margin: 2px 0 0 6px;
}

div#siteLogin form#loginForm input[type="text"]:focus, div#siteLogin form#loginForm input[type="password"]:focus{
  background-color: #ffffff;
  color: #000000;
  border: 0;
  outline: none;
}

div.loginFormButtonWrapper{
  width: 60px;
  height: 20px;
  background-color: #ffffff;
  float:left;
  left: 70px;
}

/*
div#siteLogin form#loginForm input[type="submit"]{
  font: bold 11px arial;
  background-color: #de6728;
  color: #ffffff;
  border: 0;
  cursor:pointer;
  margin-top: 2px;
}
*/

div#loginList{
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

div#aba{
  position: absolute;
  top: 5px;
  width: 200px;
  height: 15px;
  font: bold 11px arial;
  text-align: center;
}


div#loginRibbonJoin, div#loginRibbonLocation{
  position: absolute;
  width: 250px;
  height: 20px;
  background: #ffffff; 
}

div#loginRibbonJoin{top: 191px;}
		
div#loginRibbonLocation{top: 224px;}

div#loginRibbonLocation a:link, div#loginRibbonLocation a:visited, div#loginRibbonJoin a:link, div#loginRibbonJoin a:visited{
  color: #394669;
  font: bold 11px verdana;
}

div#loginRibbonLocation a:active, div#loginRibbonLocation a:hover, div#loginRibbonJoin a:active, div#loginRibbonJoin a:hover{
  color: #de6728;
}

div#loginRibbon1, div#loginRibbon2{
    position: absolute;
	left: -40px;
	width: 214px;
    height: 24px;
    background-image: url('/bundles/visionsbase/images/loginRibbon.png');
	padding-top: 30px;
    padding-left: 80px;
}

div#loginRibbon1{top: 145px;}

div#loginRibbon2{top: 195px; text-indent:20px;}

div#loginRibbon1 a:link, div#loginRibbon2 a:link, div#loginRibbon1 a:visited, div#loginRibbon2 a:visited{
  color: #394669;
  font: bold 11px verdana, helvetica;
}

div#loginRibbon1 a:hover, div#loginRibbon2 a:hover, div#loginRibbon1 a:active, div#loginRibbon2 a:active{
  color: #de6728;
}


div#topRibbon{
   position: relative;
   left: -41px;
   width: 214px;
   height: 55px;
   padding-top: 18px;
   padding-left: 80px;
   background-image: url('/bundles/visionsbase/images/topRibbon.png');
   color: #ffffff;
   font: bold 16px verdana, helvetica;
}



/*end login form */


span.eventTitle{
 font-size: 11px;
}

span.eventDate{
 font: 800 12px verdana;
 color: #a6a6a6;
}

span.eventLink, span.eventLinkLast{font-size: 11px;}

span.facebookFeed{
 font-size: 11px;
}

div.scrollingtext, div.scrollingtext a:link, div.scrollingtext a:visited{color: #394669;}
div.scrollingtext a:active, div.scrollingtext a:hover{color: #de6728;}
/*rate ribbon */

div#rateRibbon{
  height: 73px;
  width: 960px;
  margin: 0 auto;
}

div.rateBlock{
  float: left;
  width: 158px;
  height:73px;
  text-align: center;
  color: #ffffff;
  background: #394669; 
}

div.rateBlock a{color: #ffffff;}

div.rateBlockType, div#dealOfTheDay{ 
  font: bold 15px verdana;
}

div.rateBlockMid{
  font: bold 10px verdana;
  margin: 8px 0;
}

div.rateBlockRate{
  font: bold 17px verdana;
}

div#rateBlockDeal{background-color: #de6728;}


div#rateBlockDeal:hover{background-color: #ffc000;}


div#dealOfTheDay{
  padding:24px 0 0 0;
  text-align: center;
}

span.aprTip, span.apyTip{
 font: normal 14px verdana;
 cursor: pointer;
}

div.notLast{
  border-right: 1px solid #ffffff;
}

/*end rate ribbon */


/*interior pages content area */
div#interiorContent{
  position: relative;
  width: 954px;
  height: 100%;
}

div#intLeft{
 float: left;
 width: 629px;
 padding-right: 10px;
}

div#intRight{
  float:left;
  width: 303px;
  padding-left: 10px;
  border-left: 1px dotted #de6728;
}

div.int_content_right_img img{
  width: 300px;
  height: 470px;
  border: 0;
  margin-bottom: 25px;
}

div#interiorContent div.img_container, div#interiorContent div.mov_container{ 
  width: 630px;
  text-align: center;
  margin: 0 auto;
}

div#interiorContent div.mov_container{margin-bottom: 20px;} 
 

div#interiorContent img.imgHeader{
  border: 1px solid black;
  margin-bottom:25px;
}

div.shef_container {
  width: 267px;
  margin-left: 30px;
}

div.content_promo_shef {
  width: 85%;
  background-color: #ffffff;
  border: 1px solid  #de6728;
  text-align: center;
  margin-bottom: 15px;
  padding: 2px;
}

div.content_promo_shef a:link,div.content_promo_shef a:visited {
  text-decoration: none;
  font: bold 14px verdana;
  color: #394669;
  opacity: 0.85;
  padding: 4px;
}

div.content_promo_shef a:hover,div.content_promo_shef a:hover {
  color: #a6a6a6;
}
/*end of interrior pages content */



/* rate tables */

table.rateTables, table#holidays{
  margin: 30px 0 20px 0;
  background-color: #f2f2f4;
  margin-left: auto;
  margin-right: auto;
}

table.rateTables, table.rateTables tr, table.rateTables td, table#holidays, table#holidays tr, table#holidays td{
  border: 2px solid #ffffff;
  border-collapse: collapse;
}

table.rateTables td{
 height: 13px;
 text-align: center;
 padding: 3px;
 min-width: 35px;
}

tr.rateType td, td.rateTableHeader{font-weight: bold;}

td.rateTableHeader{
  font-size: 18px;
  color: #de6728;
}

table.disclosure_detail{
 margin:0 auto 20px; 
 border:0; 
 width: 420px;
}

tr.shaded{background-color: #f2f2f4;}

div.rel_col_container{ 
  width: 90%;
  margin: 0 auto;
}

div.rel_col_container p{
  font-weight:bold;
  text-decoration: underline;
  margin-left: 30px;
}

div.col_a, div.col_b{
  float: left;
  width: 45%;
  margin-bottom: 10px;  
}

/* end rate tables */

/* careers */
div.careers{
  float: left;
  width: 430px;
  padding: 15px;
  background-color:#ffffff;
  border:1px solid #000000;
  margin:5px;
}

div.careers dt{font: bold 13px verdana;}

div.careers dd{margin-bottom: 10px;}

p.career_region{
  font: bold 15px verdana;
  color: #ff0000;
}
/* end careers */

/*table on discount brokerage page - imported from legacy site */
table.data { 
	margin: 10px auto 20px;
	background: #FFFFFF;
	border: 1px solid #39466A ; }
	table.data td { 
		padding-top: 10px;
		text-align: center; }
	table.data td.first { 
		width: 120px;
		text-align: left; }
	table.data tr.gray_alt_color { background: #CCCCCC; }
	table.data tr.first td { border-top: 10px solid #FFFFFF; }
/* end db table */

/* financial planning and investments imported css */
ul#fpi_disclaimer, ul#fpi_disclaimer li { list-style-type: none; }
	ul#fpi_disclaimer { 
		border: 1px solid #000000;
		border-right: none;
		margin-left: 0;
		padding: 0;
		float: left; }
	ul#fpi_disclaimer li { 
		float: left;
		padding: 2px 10px;
		border-right: 1px solid #000000;
		font-size: 10px;
		font-weight: bold }

div.vis_hr {
  width: 500px; 
  border-top: 1px dashed #c1590c; 
  margin: 20px auto 0 auto;
}
div.person_container img { 
  margin: 0 8px 8px 8px;
  border:1px solid #394669;
  width: 140px;
  height: 196px;
}	
div.person_container img.left{float: left;}
div.person_container img.right{float: right;}

#movie_container { 
	width: 300px;
	float: right;
	padding: 0 0 20px 20px;
	text-align: center; 
}

#flash_feature{margin-bottom: 50px;}
/*end fpi import */

/*import mobile banking app buttons */
 ul.app_buttons,  ul.app_buttons li { 
	list-style-type: none;
	list-style: none;
}

ul.app_buttons img{
  border: 0;
}
	 ul.app_buttons { 
		float: left;
		clear: both;
		width: 458px;
		background: #FFFFFF;
		padding: 20px;
		margin: 0 0 10px 49px;
}
	 ul.app_buttons li { 
		float: left;
		width: 219px;
		padding-left: 20px;}
		 ul.app_buttons li:first-child {
			padding-top: 5px;
			padding-left: 0; }
/*end mobile banking import */

.jsform { 
  width: 50%;
  margin: 20px auto 0;
  padding: 0 0 10px;
 }
 
 #containerLeftRight {
  padding: 0px;
  width: 900px;   
}

#containerLeftRight div{
  padding: 10px;
  margin: 0px;
  text-align:left;
  width: 430px;	 
  float: left;
}

table#credit_cards { margin: 0 0 15px; }
	#credit_cards th, #credit_cards td {
		border: none;
		text-align: left;
		padding-right: 8px; 
}

/* media section */

ul.media{
  list-style-type:none;
  margin:0 auto;
  padding:0;
  text-align: center;
   font:bold 14px verdana;
}

ul.media li{
 float: left;
 padding:7px;
 width: 220px;
 text-align: center;
}

ul.media img{
  border: 1px solid black;
  opacity: .8;
  filter:Alpha(opacity=80);
}

ul.media img:hover{
  opacity: 1.0;
  filter:Alpha(opacity=100);
}

/*end media section */


/*search box v2.0*/

#search_locator{
  position: relative;
  top: 10px;
  left: 8px;
}

/* tab pane styling */
.panes div {
  padding:8px 5px 5px 13px;
  background:#ffffff;
  width: 173px;
  height: 27px;
  border: 2px solid #c1590c;
  border-bottom:0; /*new*/
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -moz-border-top-left-radius: 8px;
  
}

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0;
    padding:0;
    height:30px;
}

/* single tab */
ul.tabs li {
  list-style:none;
  display:inline;
  text-align: center;	
}

ul.tabs a {
  width:93px; /*was 94*/
  padding:5px 0px;
  /*display:inline-block;*/ float:left;
  background:#c1590c;
  color:#fff;
  text-decoration:none;	
  border: 2px solid #c1590c;   /*new*/
}


/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a:link, ul.tabs a:visited{
  font:11px helvetica;
  color:#ffffff;
}

ul.tabs a.current, ul.tabs a.current:hover{
  color: #c1590c;
  background-color:#ffffff;
  /*border: 2px solid #c1590c;*/
  border-top: 0;
  position: relative;
  top: 0px;           /*was -2*/
  padding: 6px 0 6px;  /*new*/
  width:94px; /*new*/
}

li#site_search_tab a{
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
}

li#find_branch_tab a{
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
}

#tab2 a{
  font: bold 13px helvetica;
}

/*end search box v2.0/






/* google maps page */
#side_bar{
  width: 270px;
  margin: 20px 0 20px 0;
}

#map_canvas {
  height: 800px;
  width: 600px;
  margin:25px 0 0 0;
  border: 1px solid #394669;
}

div.map_nav_container{
  width: 260px;
  height: 200px;
  overflow:auto;
}

div.map_nav_container_int{
  border-bottom: 1px solid #cccccc;
  height: 63px;
  margin-top: 3px;
  color:#394669;
}

div.map_nav_container_int:hover{
  background-color: #f2f2f4;
  cursor: pointer;
 }

span.map_name_nav{
  font: bold 13px verdana;
  color: #394669;
}

#map_tip #hours, #map_tip #address{
  float:left;
  margin: 20px 0 0 0;
  font-size:12px;
  font-family:  verdana;
}

#map_tip #hours{width: 200px;}

#map_tip #address{
  width: 200px;
  margin-right: 10px;
}

div#hours{margin-bottom: 10px;}
div#hours dd{margin:0 0 5px 5px;}
div#hours dt{font-weight: bold;}

h4.branch_loc_header{margin:0 0 5px 0;}

/* end google maps page*/

/* Holiday Closings Page */
table#holidays{width: 80%}

table#holidays td{
 height: 13px;
 padding: 3px;
 min-width: 100px;
}

table#holidays tr.row_header td{
  font-weight: bold;
  color: #de6728;
  text-align:center;
}

td.rateTableHeader{
  font-size: 18px;
  color: #de6728;
}

/* end Holiday Closings Page */

/*site map*/

div.site_map_section{
  border-top: 1px solid #f2f2f4;
}

div.site_map_section.last_section{
 
}

div.site_map_column{
  float:left;
  width: 300px;
}

div.site_map_column ul{
  list-style-type: none;
  position: relative;
  top: -15px;
}

div.site_map_column p{
  font: bold 12px verdana;
}
/*end site map*/

/*imported for the express deposit page*/
.express_spotlight { 
	width: 100%;
	border: 1px solid #121A2E;
	padding: 0;
	margin: 20px 0 0;
	background: #FFFFFF; }
	.express_spotlight .highlight { 
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		padding: 10px;
		font-size: 16px;	
		background: #121A2E; }
	.express_spotlight h3 { 
		text-align: center;
		font-size: 14px;
		padding: 10px 0 0;		}
	.express_spotlight td.col { 
		width: 190px;
		padding: 5px 10px; }
		.express_spotlight td.col.brd_left { border-left: 1px solid #121A2E; }
	.express_spotlight ol.numbers { 
		margin-top: 0;}
		.express_spotlight ol.numbers li { padding-top: 10px; }
			.express_spotlight ol.numbers li:first-child { padding-top: 5px; }
	.express_spotlight p { padding: 5px 0 0; }
		.express_spotlight p:first-child { padding-top: 0; }
	.express_spotlight a, .express_spotlight a:visited { color: #de6728; }
/*end of express deposit import*/

/*business loan app*/

div.section_div, div.button_row{
/*width: 800px;*/
margin: 20px auto;
padding: 4px;
border: 1px solid #394669;
}

div.section_div div{margin:4px;}

.center{text-align:center;}

div.new_row div{
 width: 450px;
 float: left;
}

div.new_row_3 div{
 width: 300px;
 float: left;
}

div.new_row_5 div{
 width: 175px;
 float: left;
 text-align: center;
}

.field_title{
  font-weight: bold;
}
/*end business loan app*/

p.movie_dis{
  font: bold 13px verdana;
  color: #ff0000;
  margin: 25px 150px;
}

/*FPI contact form*/

fieldset.form_input_container{
 margin: 15px 0 0 20px;
}

fieldset.form_input_container div{
  float: left;
  width: 250px;
  font-weight: bold;
}

fieldset.form_input_container div input[type='checkbox'], fieldset.form_input_container div input[type='radio']{
 margin:0 1px 0 6px;
}
.req_message{
  display: none;
  color: #ff0000;
}

/*end FPI contact form*/

/*canned interior page product animations*/
div.teaser_container{
  width: 891px;
  height: 200px;
  margin: 20px auto 0 auto;
}

div.shaded_content{
  width: 891px;
  margin: 0px auto 0 auto;
  background-color:#f2f2f4;
  padding: 2px 0 5px 0;
  border: 1px solid #de6728;
}

div#insurance_mid{
  border: 1px solid #394669; 
  width: 891px; 
  height: 250px; 
  margin: 20px auto; 
  background:#f2f2f4 url('/images/headers/insurance_mid2.jpg') no-repeat left top;
}

div#insurance_mid span{
display:block;
position: relative;
top: 100px;
left: 500px;
font: bold 15px helvetica;
}

div#insurance_mid img{
  position: relative;
  border:0;
  top:120px;
  left:620px;
  
}


div.teaser_container img{border:0;}

span.product_teaser_category, span.product_teaser_intro, span.product_teaser_learn{display: block;}

span.product_teaser_category{
  margin: 0 0 15px 0;
  font: bold 15px verdana;
  text-align:center;
  color: #de6728;
}

span.product_teaser_intro{font: bold 12px helvetica;}

span.product_teaser_learn{
  position:absolute;
  top: 152px;
  font: bold 14px verdana;
  color: #de6728;
}

div.product_teaser.insurance, div.product_content.insurance{
  width: 134px;
  padding:5px;
}

div.product_teaser.credit_cards, div.product_content.credit_cards{
  width: 200px;
  padding:5px;
}

div.product_teaser{
  position: relative;
  height: 180px;
  float: left;
  margin: 0 1px;
  cursor: pointer;
}


div.product_teaser.insurance{
  background-color: #f2f2f4;
  color: #394669;
  border:1px solid #f2f2f4; 
}


div.product_teaser.credit_cards{
  background-color: #ffffff;
  color: #394669;
  border:1px solid #ffffff; 
}

div.product_teaser.insurance:hover{
  background-color: #de6728;
  color: #ffffff; 
  border:1px solid #de6728;
}

div.product_content{
  display: none;
  background-color: #f2f2f4;
  color: #394669;
  position: absolute;
  left: -1px;
  top: 0px;
  opacity: 1.0;
  filter:Alpha(opacity=100);
  padding-bottom: 25px;
  border:1px solid #de6728;
  z-index: 10;
}

div.product_content>p{
  margin:11px 0 6px 0;
  padding:0 2px; 
  background-color: #f2f2f4;
}

div.product_content div{
  width: 100%;
  text-align:center;
}

.credit_cards li{
  margin-bottom: 3px;
  list-style-image:url('/images/li_arrow.png');
}

/*end interior content product animations*/

/*credit card page containers*/


div.small_container{
  border: 1px solid #cccccc;
}

div.interior_header{
  text-align: center; 
  color: #ffffff; 
  font-weight: bold;
  padding-top: 7px; 
  height:25px; 
  width: 100%;
  background:transparent url('/images/mini_grad.png') repeat top left;
}

p.product_intro{
  font: bold 18px helvetica;
}

div.cc_payment_box_small{
  float:left; 
  width:295px;
  height: 150px;
  margin-bottom: 15px;
}

/*end credit card page containers*/



/* magic login box */
div#magic_login{
 position:fixed;
 left: 40%;
 top: 40%;
 display: none;
 width: 300px;
 height: 100px;
 padding: 40px 0px 50px 80px;
 background:#ffffff url('/images/logo_small.png') no-repeat 5px 5px;
 /*background-color: #ffffff;*/
 border: 5px solid #de6728;
 border-radius: 8px;
 z-index:101; 
}


div#magic_login input[type="text"], div#magic_login input[type="password"]{
  background-color: #f2f2f4;
  border: 1px solid #de6728;
  outline: none;
  margin: 5px 0 0 40px;
  padding: 2px;
}

div#magic_login input[type="submit"]{
  margin: 5px 0 0 135px;
}

div.overylayMask{
   display:none;
   background:transparent url('/images/overlay.png') repeat top left;
   position:fixed;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
   z-index:100;           
}

span.closeBox{
  position: absolute;
  top:5px;
  left: 335px;
  display:block;
}
/*end magic login box*/

/* jqPrint */
div#printClicker{
  float:left;
  cursor: pointer;
  width:30px;
  height:30px;
  background:transparent url('https://www.visionsfcu.org/images/print1.png') no-repeat top left;
}

div#printClicker img{
  border:0;
  width:30px;
  height:28px;
}
/*end jqPrint*/

div.scholly_recip{
  margin: 40px 0 20px 25px;
  width: 450px;
  float:left;
}
 
div.scholly_img{
   float: left;
   width: 200px;
   border: 0;
 }
 
div.scholly_img img{
   width: 180px;
   height: 240px;
 }
 
 div.scholly_notes{float: left;}

 
 /*movie player*/
 
 div.flowplayer_wrapper{
   margin: 0 auto 20px; 
   border: 0; 
 }
 
 div.flowplayer_wrapper a#player{
   display:block;
 }
 
  div.flowplayer_wrapper a#player>img{
    border:0;
  }
 /*end movie player*/

 
 /* template for printing */
div.print_template  td{font: 14px helvetica;}
div.print_template p.rate_range{font: bold 14px helvetica;}
div.print_template  tr.rateType td{font-weight: bold;}
div.print_template ul, div.print_template ol, div.print_template p{font: 10px helvetica;}
div.print_template h3{font: bold 15px helvetica; background: none;text-align: center;}
div#ncua_printable{float:right;}
.share_info_include{font-size: 11px;}
 /* end template for printing */

 
 



