/*
Theme:  FHB
Author: MVNP
*/

/* @group GLOBALS
===================================== */

html, body {
  margin: 0;
  padding: 0;  
  background-color: #f4f3dd;
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", Tahoma,  Arial, Verdana, sans-serif;
  letter-spacing: .02em;
   height: 50%  ;
  width: 50%;
  padding-bottom: -5px;
  color: #555;
  background-position: top center;
  background-attachment: fixed;  
}

body.home {
  background-size: 100%;  /* stretches background to browser */
}

body.category-overview {
  background: url("../../images/bg-category-overview.jpg") no-repeat;
  background-position: center 50px;
  background-size: 1600px 407px;  /* stretches width to browser but keeps height */
}

body.customer-service {
  background: url("../../images/bg-customer-service.jpg") no-repeat;  
  background-size: 1600px 238px;  /* stretches width to browser but keeps height */
  background-position: center 172px;
}

a {
  text-decoration: none;
  color: #2e7aa7;
  }

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

p.intro {
  color: #666;
  line-height: 1.4em;
  margin-bottom: 1.25em;
  }

img {
  border: 0;
  margin: 0;
  padding: 0;
}

.shadow {
  -moz-box-shadow: 0 0 5px #a8a8a8;
  -webkit-box-shadow: 0 0 5px #a8a8a8;
  box-shadow: 0 0 5px #a8a8a8;
}

.clear {
  width: 100%;
  height: 1px;
  clear: both;
}

/* @group LAYOUT
===================================== */
#container {
  width: 100%;
  min-height: 100%;
  
  height: auto !important;
  height: 100%;
  margin: 0;
  padding: 0;
  position:relative;
  }
  
/* @group Layout - HEADER
===================================== */
header {
  width: 100%;
  height: 50px;
  display: block;
  background: url(../../images/bg-header.gif) repeat-x;
  text-align: center;  
  margin: -21px 0 0 0 !important;
  padding: 0;
  position: relative;
  }

header content {
  width: 974px;
  height: 50px;
  display: block;
  margin: 0 auto;
  padding: 0;
}

header h1 a {
  display: block;
  width: 269px;
  height: 22px;
  text-indent: -9999px;
  background: url(../../images/logo.png) no-repeat;
  float: left;
  margin: 12px 12px 0px 16px;
  }

header .navUtility {
  font-size:85%;
  float: right;
  margin-top: 17px;
  text-align: right;
  
}


header .navUtility li.last a {
  background: url("../../images/cross.png") 0px 2px no-repeat;
  padding-left: 20px;
}

header .navUtility li a:hover {
   text-decoration: underline;
}

header .navUtility li #japanese {
  font-family: "Arial Unicode MS", Arial, sans-serif\0/;  /* IE8 Japanese Character Fix */
  color: #FFF\0/;
}

header form { float: right; }

header h2 {
  width: 36px;
  height: 29px;
  float: right;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  display: block;
}

header h2 a {
 display: block;
}

/* @end Layout - HEADER
-------------------------------- */

#inner-container {
  width: 974px;  
  padding: 0;
  margin: 0 auto;
  padding-bottom: 351px; /* height of footer + 25px */
}

 .product-overview #inner-container {
     padding-bottom: 341px;
 }

#main-nav {
  width: 974px;
  height: 74px;
  margin: 0 auto;
  background: #605e5d;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  font-weight: normal;
  margin-bottom: 25px;
}

  #main-nav nav {
    margin-left: 16px;
  }
/* @group Layout - SIDEBAR
===================================== */
sidebar {
  width: 304px;
  background: url(../../images/bg-sidebar.png) repeat;
  border: 1px solid #d4d196;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity:.5; */
  margin: 0;
  float: right;
  text-shadow: 1px 1px 2px #888;
  margin-right: 8px;
}

.home sidebar {
  float: left;
}

.customer-service sidebar {
  margin-top: 272px;
}


sidebar .tapa {
  background: url(../../images/bg-tapa.png) repeat-x;
  background-position: bottom left;
  width: 268px;
  padding: 15px 18px;
}

.home sidebar .tapa {
  height: 435px;
}

sidebar form {
  margin: 0 !important;
  padding: 0 !important;
}

sidebar .component {
  border-bottom: 1px solid #ddcd8b;
  width: 268px;
  padding-bottom: 6px;
  margin-bottom: 12px;
  color: #FFF;
  font-family: Helvetica, Arial, Verdana, Sans-serif;
  font-size: 16px;
}

sidebar .component .tiny {
 font-size: 13px;
}

sidebar .component a {
  color: #FFF;
  text-decoration: underline;
}

sidebar .component a:hover {
  text-decoration: none;  
  
}


sidebar form .input-box {
  width: 147px;
  height: 14px;
  border: 2px solid #eae3c8;
  margin-right: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 6px 8px;
  float: left;
}



sidebar .applyonlineform {
  width: 167px;
  float: left;
  overflow: hidden;
  margin-right: 6px;
}


sidebar form .dropdown {
  width: 167px;
  height: 28px;  
  border: 2px solid #eae3c8;
  margin-right: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: none;
  float: left;
  background: #FFF;
  padding: 4px;
  backgound:url('/en/assets/image/darr.png');
  background-position:120px;
  background-repeat:no-repeat;
}

sidebar form .submit-btn {
 position: relative;
 top: -4px;
}

sidebar form .submit-btn2 {
 position: relative;
 top: -2px;
}

sidebar h3 {
  font-family: Georgia, Times, "Times New Roman", Serif;
  font-size: 22px;
  color: #FFF;
  font-weight: normal;
  margin: 0 0 5px 0;
  padding 0;
}

sidebar .right {
  float: right;
}

sidebar .left {
  float: left;
}

sidebar current-rates {
  text-align: center;
  display: block;
  margin: 0;
  padding: 0;
  color: #FFF;
}

sidebar current-rates .rate-btn {
  height: 33px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 12px;
}

sidebar current-rates .rate-btn:hover, sidebar current-rates a.active {
  background-position: 0px -32px !important;
}

sidebar current-rates #btn-mortgages {
  background: url(../../images/btn-mortgages.png) top left no-repeat;
  width: 105px;
}

sidebar current-rates #btn-loans {
  background: url(../../images/btn-loans.png) top left no-repeat;
  width: 69px;
}

sidebar current-rates #btn-savings {
  background: url(../../images/btn-savings.png) top left no-repeat;
  width: 84px;
  margin-right: 0px;
}

sidebar current-rates #rate1 {
  width: 133px;
  border-right: 1px solid #dbcb89;
}

sidebar current-rates #rate2 {
  width: 134px;
}

sidebar current-rates .rates {
  float: left;
  height: 43px;
  /* line-height: 1.5em; */
  padding-top: 0;
}

sidebar current-rates .year {
  font-size: 15px;
  padding-right: 5px;
}

sidebar current-rates .rates .rate-num{
 /* font-family: Times, "Times New Roman", Georgia, Serif;*/
  float:left;
  text-align:left;background:none;padding-left:0px;
  background:none;
  color:#fff; font-weight:normal; font-size:16px;
}

.rate-num{
 /* font-family: Times, "Times New Roman", Georgia, Serif;*/
 
  text-align:left;background:none;padding-left:0px;
  background:none;
  color:#fff; font-weight:normal; font-size:16px;
}

sidebar current-rates p {
  margin: 0;
  padding: 0;
}

sidebar current-rates #btn-seeallrates {
  background: url(../../images/btn-seeallrates.png) top left no-repeat;
  width: 138px;
  height: 38px;
  margin: 0 auto;
  text-indent: -9999px;
  display: block;
}

sidebar ul {
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

sidebar ul li {
  margin: 0;
  padding-left: 13px;
  background: url("../../images/arrow-sidebar-ul.png") 0px 4px no-repeat;
  margin-bottom: 6px;
}

sidebar ol {
  font-size: 16px;
  padding-left: 30px;
  margin: 0;
}

sidebar ol li {
  margin: 0 0 6px 0;
  display: list-item;
}

sidebar dt.title a {
 color: #FFF;
 display: block;
 padding: 3px 0px 3px 13px;
 background: url("../../images/arrow-sidebar-ul.png") 0px 8px no-repeat;
  text-decoration: underline;
}

sidebar dt.title a:hover {
  text-decoration: none;
}

sidebar #sysTopFaqs {
  border-bottom: 1px solid #ddcd8b;
  padding-bottom: 22px;
  margin-bottom: 12px;
}

sidebar #sysTopFaqs dl.clearfix {
 border: none;
}

/* @end Layout - SIDEBAR
-------------------------------- */


/* @group Layout - CONTENT
===================================== */

#content {
  width: 634px;
  float: left;
  margin 0;
  padding: 0;
}

.home #content {
 float: right;
}

#content p, #content ul {
  line-height: 1.4em;
  font-size: 15px;
}

.home #content { margin: 0;}

#content .pageTitle {
  font-size: 28px;
  margin: 11px 0 6px 0 !important;
  padding: 0;
}

.customer-service #content .pageTitle {
  color: #FFF !important;
  margin-bottom: 225px !important;
}

#content .floating-btn {
  float: right;
  margin-left: 25px;
}

#content #floating-div {
  width: 196px;
  border: 1px solid #c4bca3;
  float: right;
  text-align: center;
  color: #848062;
  background: url("../../images/bg-floating-div.gif") top left repeat;  
  background-color: #e2e0bb;
  font-size: 16px;
  margin: 0px 0px 20px 20px;
}

#content #floating-div .tapa {
  background: url(../../images/bg-tapa-floating-div.png) repeat-x;
  background-position: bottom left;
  width: 180px;
  padding: 8px;
}

#content #floating-div h3 {
  font-weight: normal;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 20px;
}

#content #floating-div ul {
  list-style-type: none;
  margin: 0 0 0 -13px;
  padding: 0;
}

#content #floating-div ul li {
  text-align: center;
}

#content #floating-div a {
  color: #786e57;
  text-decoration: underline;
  padding-left: 13px;
  background: url("../../images/arrow-floating-div-ul.png") 0px 5px no-repeat;
}

#content #floating-div a:hover {
  text-decoration: none;
}

#content #rotating-banners {
  margin: 0 -24px 0 0 !important;
  padding: 0;
}

#content #rotating-banners p {
  float: left;
  width: 219px; /* width of banner + 24 margin */
  height: 107px;
  margin: 0;
  padding: 0;
  display: block;
}

#content #rotating-banners p.last {
  width: 195px !important; /*for IE */
}

.category-overview #main-content {  
  border-bottom: 1px solid #dcd8bc;
  /*padding: 0 0 32px 0;
  /*margin: 0px -24px 42px 0px; /* -24 to offset right margin of category lists */
  padding: 0 0 10px 0;
  margin: 0px -24px 10px 0px; /* -24 to offset right margin of category lists */
  
}

.customer-service #main-content {
  
}

  .customer-service #main-content h3 {
    color: #83b01f;
    font-size: 20px;
    font-weight normal;
  }

  .customer-service #below-content {
    border-top: 1px solid #dedcc4;
    padding-top: 30px;
    margin-top: 30px;
  }

#category-nav {
  font-size: 14px;
  list-style-type: none;
  margin: 0 0 34px 0;
  padding: 0 0 6px 0;
  height: 20px;
}

#category-nav h3 { display: none; }

#category-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  letter-spacing: -.01em;
}

#category-nav li {
  float: left;
  margin: 0 26px 0 0;
  padding: 0 0 0 13px;
  background: url("../../images/arrow-category-nav.png") 0px 5px no-repeat;
}

#category-nav li a {
  color: #8c8c8d;
}

#category-nav li.current, #category-nav li:hover {
 background: url("../../images/arrow-category-nav-current.png") 0px 5px no-repeat;
}

#category-nav li.current a, #category-nav li a:hover  {
  color: #FFF;  
}

.category-list {
  float: left;
  width: 219px;
  margin: 0;
  padding: 0;
  color: #555;
}

.category-list h2 {
  color: #83b01f;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
}

.category-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 195px;
  font-size: 15px;
  letter-spacing: -.01em;
}

.category-list ul li {
 margin:  0 0 11px 0;
 padding: 0 0 0 12px;
  background: url("../../images/arrow-category-list.png") 0px 4px no-repeat;  
}

.category-list ul li a {
  color: #5d5d5d;
}

.customer-service .col1, .customer-service .col2 {
  width: 191px !important;
  padding-right: 28px;
}

.customer-service .col3 {
  width: 191px !important;
}
  

/* @end Layout - CONTENT
-------------------------------- */


/* @group Layout - FOOTER
===================================== */

footer {
  width: 100%;
  height: 326px;
  clear: both;
  background: url(../../images/bg-header.gif) repeat-x;
  background-color: #595959;
  position: absolute;
  background-position: 0px 51px;
  bottom:0;  
  margin-top: -5px;
}

footer content {
  width: 974px;
  height: 45px;
  margin: 0 auto;
  display: block;
}

/*-- Start #footerline1 --*/
#footerline1 {
  height: 36px;
  padding-top: 15px;
}

#footerline1 ul {
  height: 18px;
  text-align: right;
  margin: 0;
  padding: 0;
  font-family: Georiga, Times, "Times New Roman", Serif !important;
  font-size: 18px !important;
}

#footerline1 ul li {
  display: inline;
  height: 18px;
  padding: 0px 15px;
  border-right: 1px solid #797979;
}

#footerline1 li.last {
  border: none;
  padding-right: 0px;
}

#footerline1 a {
  color: #FFFFFF;
}
/*-- End #footerline1 --*/

/*-- Start #footerline2 --*/
#footerline2 {
  height: 28px;
  padding-top: 17px;
}

#footerline2 .navUtility {
  float: left;  
  }

#footerline2 .navUtility li {
  padding: 0 5px;
  }

#footerline2 .navUtility li.first {
 padding-left: 0px;
}

#footerline2 .right {
  width: 434px;
  text-align: right;
  float: right;
  color: #f5f5f5;
  font-size: 14px;
}

#footerline2 .right #ehl {
  background: url(../../images/logo-ehl.gif) no-repeat;
  padding-left: 21px;
  margin: 0 22px 0 31px;
  background-position: 0 3px;
}

/*-- End #footerline2 --*/

/* @end Layout - FOOTER
-------------------------------- */

/* @end LAYOUT
-------------------------------- */



/* @group Globals - HTML 5 Elements
===================================== */

article, aside, canvas, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; margin: 0; padding: 0; }

/* @end Globals - HTML 5 Elements
-------------------------------- */


/* @group Globals - Forms - Search
===================================== */

#searchForm {
  width: 315px;
  margin-top: 22px;
  float: right;
  text-align: right;
  }

#searchForm fieldset {
  padding: 0;
  border: 0;
  }

#searchForm input.text {
  width: 171px;
  height: 12px;
  border: 2px solid #c9c8c7;
  margin-right: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  padding: 7px;
  float: left;
  }

#searchForm .submit {
  float: left;
  width: 102px;
  height: 37px;
  text-indent: -99999px;
  background: url(../../images/btn-search.png) no-repeat;
  border: 0;
  cursor: pointer;
  margin-top: -2px;
  text-indent: -9999px;
  color: transparent;
  }
/* @end Globals - Forms - Search
-------------------------------- */


/* @group Globals - Forms - Login
===================================== */

/* #login {
  padding-bottom: 1em !important;
  }

#login ol {
  padding-top: 0;
  }

#svLoginContainer input.text {
  width: 99%;
  }

#svLoginContainer p.required {
  float: none;
  clear: both;
  }

#sendLogin fieldset {
  margin-top: -.5em;
  padding-top: .25em;
  }
*/
/* @end Globals - Forms - Login
-------------------------------- */
/*
aside #login {
  padding: 0;
  }
*/
/* @end Globals - Forms - Login
-------------------------------- */


/* @group Globals - Forms - Comments
===================================== */
/*
#svComments {
  border-top: 2px solid #ccc;
  margin-top: 3em;
  padding-top: 2em;
  }

#svComments dl {
  border-bottom: 1px dotted #ccc;
  }

*/

/* @end Globals - Forms - Comments
-------------------------------- */

/* @end Globals - Forms
-------------------------------- */

/* @end GLOBALS
-------------------------------- */



/* @group NAVIGATION/UI
===================================== */

/* @group Nav - Breadcrumb
===================================== */

#crumbList {
  margin: 0;
  padding: 0;
  color: #848062;
  font-size: 12px;
}

#crumbList li {
  display: inline;  
}

#crumbList li a {
  background: url("../../images/crumb-arrow.gif") top right no-repeat;
  background-position: 100% 3px;
  color: #5d5d5d;
  padding-right: 21px;
}

#crumbList li a:hover, #crumbList li.last a {
  color: #848062;
}

#crumbList li.last a {
  background: none;  
}

/* @end Nav - Breadcrumb
-------------------------------- */

/* @group Nav - Utility
===================================== */

.navUtility {
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 14px;
  }

.navUtility li a {
  color: #b7b7b7;
}

.navUtility li {
  display: inline;
  margin: 0;
  padding: 0 16px 0 0;
  list-style: none;
  font-size: 1em !important;
  }


/* @end Nav - Utility
-------------------------------- */

/* @group Nav - Primary
===================================== */

#navPrimary {  
  /*overflow: hidden;  */
  padding: 0;
  list-style: none;
  font-weight: bold;
  color: #fff;  
  clear: both;
  float: left;
  display: inline;
  font-size: 14px;
  font-family: Georgia, Times, "Times New Roman", Serif;
  margin: 18px 0 0 0;
  }

#navPrimary li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right: 10px;
  }


#navPrimary li.last {
  margin: 0px;
}

#navPrimary li a.drop {
  display: block;
  padding: 4px 8px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-weight: normal;
  }

#navPrimary li a.drop:hover, #navPrimary li.current a.drop {
    -moz-border-radius: 4px;
    border-radius: 4px;
  color:#fff;  
  }



/* @group Nav - More Results
===================================== */

.moreResults {
  border-top: 2px solid #e6e6e6;
  padding-top: 1.5em;
}

/*.moreResults dt {
  float: left;
  margin-right: .5em;
  }*/

.moreResults ul {
  /*float: right;*/
  overflow: hidden;
  margin: 0;
  padding: 0;
  }

.moreResults li {
  display: inline;
  padding: 0 .25em;
  list-style: none;
  border-right: 1px solid #b6b6b6;
  }
  
.moreResults li.resultsFound {
  padding-right: .5em;
}
  
.moreResults li.navNext {
  border-right: 0;
  }
  
.moreResults li.navPrev {
  border-right: 0;
  }

.moreResults li a {
  padding: 0;
  }

/* @end Nav - More Results
-------------------------------- */

/* @end NAVIGATION/UI
-------------------------------- */



/* @group MODULES
===================================== */

a#svAsset {
  font-size: 1.4em;
}

/* @group Galleries
===================================== */

#svGallery {
  border-top: 2px solid #e6e6e6;
  padding-top: 1.8em;
}

#svGallery li a {
  border: 0px solid #ccc; /* Add the the total number of pixels added by borders and padding here to includes/display_objects/gallery/htmlhead/gallery.cfm */
  }


/* @end
-------------------------------- */

/* @group Calendar
===================================== */

.svCalendar table {
  margin-top: 0;
  }

.svCalendar th {
  background: #0c2846;
  vertical-align: middle;
  color: #fff;
  }

.svCalendar th a, .svCalendar th a:hover {
  background: #0c2846;
  color: #fff;
  }

.svCalendar th a:hover {
  color: #2e7aa7;
  }


.svCalendar tr.dayofweek td {
  background: #2e7aa7;
  color: #fff;
  font-weight: normal;
  }

.svCalendar th,
.svCalendar td {
  border: 1px solid #fff;
  }

.svCalendar td {
    background: #e9f3f7;
  }

#svCalendarNav td {
  vertical-align: middle;
}
  
#svCalendarNav td a {
  display: block;
  margin-bottom: 1px;
  padding: 3px 4px;
  background: #ff3405;
  color: #fff;
}

#svCalendarNav td a:hover {
  background: #0c2846;
  text-decoration: none;
}


/* @end Calendar
-------------------------------- */

/* @group Dragable Feeds */

#svRSSFeeds form {
  background: transparent;
  }

li.boxItemHeader { /* Link of items inside dragable boxes */
  color: #2e7aa7;
  padding-left: 10px;
  background: url(../../images/pointer_red_sm.gif) no-repeat left .25em;
  }

a.boxItemHeader { /* Link of items inside dragable boxes */
  color: #2e7aa7;
  }

#svAddNewFeed {
  padding: 0 !important;
  background: transparent !important;
  }

#svAddNewFeed button { /* !important used to override dragable_feeds.css */
  background: #2e7aa7 !important;
  font-size: 11px !important;
  }

/* @end */



/* @group Features
===================================== */

#features {
  overflow: hidden;
  }

#features dl {
  float: left;
  clear: none;
  width: 213px;
  margin: 0 16px 0 0;
  }

#features dt {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: -0.025em;
  }

#features dt a {
  color: #232323;
  }

#features dt a:hover {
  text-decoration: none;
  }

#features dd {
  font-size: 1.1em;
  }

#features dd p {
  margin: -3px 0 8px;
  line-height: 15px;
  }

#features dd a {
  font-weight: bold;
  }

#features dd.image {
  float: none;
  margin: 0 0 1.7em;
  position: relative;
  }

#features dd.image img {
  /* recommended size: */
  /*width: 213px;*/
  /*height: 120px;*/
  }


/* @end Features
-------------------------------- */


/* @group Home Feeds
===================================== */
.home aside .svIndex {
  margin: 0;
}

.home aside .svIndex li {
  padding: 0 1em;
}

.home aside .svIndex h3 {
  display: block;
  padding: 0 1em;
  margin-bottom: 1em;
  line-height: 40px;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  background: #ff3405;
  }
  
.home aside .svIndex li h3 {
  background: none;
  line-height: 1.1;
  padding: 0;
  margin-bottom: .75em;
}

.home aside .svIndex dl {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d6d6d6;
  }



.home aside .svIndex dl.last, .home aside .svIndex dl:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  }

.home aside .svIndex dt {
  margin: 0 0 .25em;
  padding: 0;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1;
  }

.home aside .svIndex .releaseDate {
  margin: 0 0 .5em;
  font-size: 1em;
  text-transform: uppercase;
  color: #979797;
  }

.home aside .svIndex dd, .home aside .svIndex p {
  margin: 0 1em .25em 0;
  padding: 0;
  font-size: 1.1em;
  color: #434343;
  }

.home aside .svIndex dd.summary {
  margin: 0 0 .5em;
  }

.home aside .credits,
.home aside .tags,
.home aside .ratings,
.home aside .credits {
  font-size: 10px;
  color: #999 !important;
  }

.home aside .svIndex dl.hasImage .image {
  margin: 0 .5em 0em 0;
  }

.home aside .svIndex dl.hasImage .image img {
  width: 50px;
  }

.home aside .svIndex dd p {
  margin: 0;
  padding: 0;
  line-height: inherit;
  }

.home aside .svIndex span.readMore a {
  display: none;
  }

/* @end Home Promo Feeds
-------------------------------- */

/* @Search Results
===================================== */
#svSearchResults ul {
  font-size: 13px;  
}

#svSearchResults a {  
  color: #555;
}

#svSearchResults dl {
  padding: 10px;
}

#svSearchResults dl:hover {
  background-color: #f6f5e4;
}

#svSearchResults dl.first {
  border-top: 1px dotted #ccc;
  margin-top: 20px;
}

#svSearchResults dt {
  margin: 0;
  padding: 0;
}

#svSearchResults dt a {
 font-weight: bold;
}

#svSearchResults dd {
  margin: 0 0 0 20px;
  padding: 10px 0 0 0;
}

#svSearchResults dd p {
 margin: 0;
 padding: 0;
}

#svSearchResults dd.readMore {
  text-align: right;
}

#svSearchResults dd.readMore a {
  background: url("../../images/arrow-floating-div-ul.png") 0px 4px no-repeat;
  padding-left: 12px;
  font-size: 14px;
}

/* @end Search Results
-------------------------------- */


/* @group Indexes
===================================== */

.svIndex dl, .svIndex>ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #ccc;
  }

#sysRelatedFaqs dl { 
  border: none;
} /* hides dotted line on related faqs */

#sysRelatedFaqs dl { 
   border: none;
} /* removed dotted unlderine from faqs */ 

aside .svIndex dl, .svIndex>ul li {
  margin: .5em 0;
  padding: .5em 0 .5em;
  }

.svIndex dl.hasImage .image, .svIndex>ul li.hasImage .image {
    float: none;
    }

.content .svIndex {
  margin-top: 2em;
  }

.content .svIndex dt, .content .svIndex>ul li h3 {
  font-size: 1.6em;
  margin-bottom: .5em;
  }

.svIndex .releaseDate {
  text-transform: uppercase;
  color: #777;
  font-size: 1em !important;
  margin-top: 12px;
  }

.svIndex dd, .svIndex .summary {
  line-height: 1.2;
  }

/* @group Ratings */

.content .svIndex .credits,
.content .svIndex .comments,
.content .svIndex .tags,
.content .svIndex .rating {
  line-height: 20px; /* acommodate height of stars */
  }

.stars a {
  width: 14px;
  height: 13px;
  background: transparent url(../../images/rater/stars.png) no-repeat;
}

.zero { background-image: url(../../images/rater/star_zero.png); }
.one { background-image: url(../../images/rater/star_one.png); }
.onehalf { background-image: url(../../images/rater/star_onehalf.png); }
.two { background-image: url(../../images/rater/star_two.png); }
.twohalf { background-image: url(../../images/rater/star_twohalf.png); }
.three { background-image: url(../../images/rater/star_three.png); }
.threehalf { background-image: url(../../images/rater/star_threehalf.png); }
.four { background-image: url(../../images/rater/star_four.png); }
.fourhalf { background-image: url(../../images/rater/star_fourhalf.png); }
.five { background-image: url(../../images/rater/star_five.png); }

/* @end */

/* @group Slideshow
===================================== */
.svSlideshow {
  /*
  width: 632px;
  height: 305px;
  overflow: hidden;
  */
}

.svSlides {
  overflow:hidden;
  width: 650px;
  height: 255px !important;
}

.svSlides h3 {
}

.svSlides dl, .svSlides ul>li {

}

.svSlides ul {

}
 
dl.clearfix {
 background: none !important;
}

.home .svSlideshow {
  position: relative;
  width: 627px;
  overflow: hidden;
  padding: 30px 30px 10px;
  margin: 0 0 2.2em;
  color: #b4dffa;
  background: #102e50 url(../../images/bg-hero.jpg) no-repeat !important;
  border: 0;
  }

.home .svSlides {
  position: relative;
  border: 0;
  z-index: 1;
  padding: 0;
  margin: 0 !important;
  }

.home .svSlides dl, .home .svSlides>ul li {
  width: auto !important;
  padding-bottom: 0;
  margin-right: 0;
  border: 0;
  font-size: 1em;
  background: transparent !important; /*for IE 6/7*/
  }

.home .svSlides dt, .home .svSlides>ul li h3 {
  margin-bottom: .35em !important;
  font-size: 2.6em !important;
  font-weight: bold;
  letter-spacing: -0.025em;
  line-height: 1;
  color: #fff;
  }

.home .svSlides .releaseDate {
  color: #abdffa;
  font-size: 11px !important;
  font-weight: normal;
  margin-bottom: .5em !important;
  }

.home .svSlides dt a, .home .svSlides>ul li h3 a {
  color: #fff;
  }

.home .svSlides dd, .home .svSlides>ul li  {
  margin-bottom: 1.1em;
  letter-spacing: -0.025em;
  font-size: 12px !important;
  line-height: 1.2em;
  padding: 0;
  }

.home .svSlides .image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  float: none;
  padding: 0;
  border: 3px solid #1c5981;
  }

.home .svSlides .image img {
  display: block;
  }
  
.home .svSlides dd.credits {
  font-size: 11px !important;
  color: #fff;
  }
  
.home .svSlides dd.tags {
  margin-left: 1em;
  font-size: 11px !important;
  }

.home .svSlides .readMore {
  /*position: absolute;
  bottom: 0px;*/
  }

.home .svSlides .readMore a {
  font-size: 11px !important;
  font-weight: bold;
  color: #fff;
  height: 2.1em;
  line-height: 2.1em;
  border: none;
  padding: 0 1em;
  display: block;
  width: 60px;
  text-align: left;
  padding-right: 22px;
  margin-top: .75em;
  background: #2e7aa7 url(../../images/arrows_white.gif) no-repeat 6.8em 50%;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  }

.home .svPager {
  text-align: center;
  line-height: 2;
  z-index: 200;
  }

.home ol.svPager { /* width set dynamically in /display_ojects/feedslideshow/htmlhead/slideshow.jquery.cfm */
  /* width: #pagerWidth#; */
  position: relative;
  text-align: center;
  margin: 10px 0;
  padding: 0;
  list-style: none;
  }

ol.svPager a {
  color: #fff;
  background: #0c243a;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }

ol.svPager li.activeLI a,
ol.svPager a:hover {
  background: #ff3405;
  text-decoration: none;
  }



/* @end Slideshow
-------------------------------- */

/* @end Indexes
-------------------------------- */


/* @group Session Tools
===================================== */

#svSessionTools p#welcome {
  font-weight: bold;
  color: #ff3405;
  }

/* @end Session Tools
-------------------------------- */


/* @group User Tools - Categories
===================================== */

#svCategories li {
  margin: 0;
  padding: 0;
  }

#svCategories li a {
  margin: 0;
  padding: 0;
  }

/* @end User Tools - Categories
-------------------------------- */


/* @group User Tools - Favorites
===================================== */

#favoriteList li {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  }

#favoriteList li a {
  margin: 0;
  padding: 0;
  }

/* @end User Tools - Favorites
-------------------------------- */

/* @end MODULES
-------------------------------- */

/* EOF */
/* @group Header Promo
===================================== */

#header-promo {
  display: block;
  margin: 0;
  padding: 0;
}

#header-promo p {
  margin: 0; padding 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 58px;
  line-height: 1.1em;
  letter-spacing: -.02em;
  color: #FFF;
}

#header-promo sup {
 font-size: 25px;
 position: relative;
 top: -10px;
}

.home #header-promo {
  /* height: 360px; */
  /* height: 310px; */
 height: 345px;  
}

.category-overview #header-promo {
  height: 255px;
}

/* @end Header Promo
-------------------------------- */

/* @group Products
===================================== */

.product {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cdcbb2;
  padding: 20px 11px 0px 11px;
}

/* alternating background colors */
.odd-product {
  background: #f6f5e4;
}

.last-product {
  border-bottom: 1px solid #cdcbb2;
}

.product h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #444;
  margin-bottom: 15px;
}

.product h3 sup {
  /* font-size: 8px; */
  font-size: .6em;
  * position: relative;
  * top: -.5em;
}

.product a {
 color: #83b01f;
 text-decoration: underline;
}

.product a:hover {
  text-decoration: none;
}

.product a.cta {
  background: url("../../images/arrow-green.gif") no-repeat;
  background-position: 100% 2px;
  padding-right: 12px;
  font-weight: bold;
  margin-right: 6px;
}

.product .thumb {
  float: left;
  width: 142px;
  margin-right: 12px;
  padding-top: 2px;
}

.product .product-desc {
  /* width: 458px; */
  display: block;
  float: left;
  font-size: 14px;
  line-height: 1.4em;
}

.product .product-desc {
   width: 100%
}

.product .thumb ~ .product-desc {
   width: 458px;
}

/* @end Product
-------------------------------- */

sidebar {
 margin: 0 !important;
 padding: 0 !important;
}


/* #inner-container {
  padding-bottom: 221px !important;
} */

/* @Rates Plugin & Disclaimers
===================================== */

.startover { background:url(/en/assets/Image/startover.png) no-repeat; width:105px; height:37px ;}
.hide{ visibility:hidden;}
.rates {
  font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", Tahoma,  Arial, Verdana, sans-serif;
  color: #555;
  overflow: hidden;
}
.rates h4{
  margin-bottom:0px;
    padding-bottom:0px;
  color:#a0bf3b;
}

.rates table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}
.rates table td, .rates table th {
  padding: 3px 6px 0 0;
}

.rates table thead th {
  font-size: 14px;
  font-weight: bold;
}

.rates table thead th:first-child {
  border:none;
}
.rates table tbody td {
  color: #555555;
  font-size: 12px;
  font-weight: normal;
  padding:7px 5px 7px 0;
/*  border-bottom: 0px solid #cccccc;*/
border: 0px ;
}

.rates table tbody td:first-child {
  border-bottom: 0px solid #cccccc;
}

.rates #last-updated{
  font-size: 12px;
  height:15px !important;
  font-style:italic;
  width:100% !important;
  margin:0 0 20px !important;
}

.rate-disclaimer {
  margin: 0; padding 0;
  line-height: 1.1em;
}

.rate-disclaimer p{
  font-size: 11px;
  padding: 0 0 10px !important;
  width: 100% !important;
  height: 100% !important;
}
}

/* @end Rates Plugin & Disclaimers
-------------------------------- */


/* @Promo Slideshow
===================================== */

.svSlides .summary {
 margin: 0;
 padding: 0;  
}

.svSlides .summary #header-promo {
 margin: 0 !important;
 padding: 0 !important;
  width: 632px !important;
  position: relative;
  top: -15px;
  left: -40px;
}

.svSlideshow {
 margin-bottom: 34px;
}

.svSlideshow .svSlides .title {
  display: none;
}

.svSlideshow .svPager {
  font-size: 12px;
  list-style-type: none;
  padding: 0px;
  margin: 30px 0;
  width:634px;
}

.svSlideshow .svPager li{
  display:inline;
  list-style:none;
  padding: 0 30px 0 0;
  color:#999;
  margin: 0;
}

.svSlideshow .svPager li a{
  color:#999;
  padding-left: 13px;
  background: url("../../images/arrow-category-nav.png") 0px 5px no-repeat;
}

.svSlideshow .svPager li a:hover{
  color:#FFF;
  text-decoration: none;
  background: url("../../images/arrow-category-nav-current.png") 0px 5px no-repeat;
}

.svSlideshow .svPager li.activeLI a{
  color:#FFF;
  background: url("../../images/arrow-category-nav-current.png") 0px 5px no-repeat;
}
/* @end Promo Slideshow
-------------------------------- */



/* @Section Colors
===================================== */
/* MAIN NAV HOVER */
#navPrimary li#navPersonal a.drop:hover
{
  background-color: #A0BF3B !important;
}

#navPrimary li#navBusiness a.drop:hover
{
    background-color: #DB9F12 !important;
}

#navPrimary li#navWealthManagement a.drop:hover{
    background-color: #71AE8C !important;
}

#navPrimary li#navOnlineServices a.drop:hover
{
    background-color: #E67239 !important;
}

/* all links no section */
a.cta {
  color: #A0BF3B;
  background: url("../../images/arrow-green.gif") no-repeat;
  background-position: 100% 2px;
  padding-right: 12px;
  font-weight: bold;
  margin-right: 6px;
}

/* PAGE TITLE & H2 & LINKS */
#content .pageTitle,
#personal #content .pageTitle,
.category-list h2,
#personal .category-list h2,
#personal .product a,
li#navPersonal .subheader a, #personal a.cta
{
  color: #A0BF3B !important;
}

#business #content .pageTitle,
#business .category-list h2,
#business .product a,
li#navBusiness .subheader a, #business a.cta
{
 color: #DB9F12 !important;
}

#wealthmanagement #content .pageTitle,
#wealthmanagement .category-list h2,
#wealthmanagement .product a,
li#navWealthManagement .subheader a, #wealthmanagement a.cta
{
  color: #71AE8C !important;
}

#onlineservices #content .pageTitle,
#onlineservices .category-list h2,
#onlineservices .product a,
li#navOnlineServices .subheader a, #onlineservices a.cta
{
  color: #E67239 !important;;
}

#navPrimary .subheader .submenu li a {
 color: #FFF !important;
}


/* CTA Links (Arrows) */
#personal a.cta {
  background: url("../../images/arrow-cta-personal.gif") no-repeat;
  background-position: 100% 2px;
}

#business a.cta {
  background: url("../../images/arrow-cta-business.gif") no-repeat;
  background-position: 100% 2px;
}

#wealthmanagement a.cta {
  background: url("../../images/arrow-cta-wealthmanagement.gif") no-repeat;
  background-position: 100% 2px;
}

#onlineservices a.cta {
  background: url("../../images/arrow-cta-onlineservices.gif") no-repeat;
  background-position: 100% 2px;
}

/* Section Background Images */
#personal {
  background: url("../../images/bg-personal.jpg") center 50px no-repeat;
}

#business {
  background: url("../../images/bg-business.jpg") center 50px no-repeat;
}

#wealthmanagement {
  background: url("../../images/bg-wealthmanagement.jpg") center 50px no-repeat;
}

#onlineservices {
  background: url("../../images/bg-onlineservices.jpg") center 50px no-repeat;
}

.product-overview {
  background: none !important;
 }

/* @end Section Colors
-------------------------------- */

/* Leaving Site Notification Panel */

.ui-dialog{
background-color:#fff;
padding:5px;
border-radius:6px;
box-shadow:0pt 0pt 5px #000;
  line-height: 1.4em;
  font-size: 12px;
}

.ui-icon.ui-icon-closethick{
color:#fff;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
  background:#605E5D;
  padding:5px;
  border-radius:6px;
}

.ui-dialog-content {
 padding: 8px; 
}

.ui-dialog-title{
color:#fff;
font-family: Georgia, Times, "Times New Roman", Serif;
text-shadow:1px 1px 2px #888888;
}


.ui-icon-closethick{
  color:#fff;
font-size:12px;
  float:right;
padding-top:2px;
}

/* @end Notification Panel
-------------------------------- */


/* FAQ */
dl.multiquestion dt { text-decoration: underline; }

dl.multiquestion dt:hover { text-decoration: none; }

dl.multiquestion .permalink { visibility: hidden; display: none; } /* hide link to FAQ */

dl.multiquestion dd { 
  margin: 0px 0px 20px 0px;
}

dl.multiquestion .AIcon { 
  float: left; display: none;
} /* hide A: */

dl.multiquestion .QIcon { font-weight: bold; }


/* @end FAQ
-------------------------------- */


/* @Footer Disclosures
===================================== */
#disclosures { 
  color: #FFF; 
  font-size: 10px;
  padding-top: 10px;
  font-family: Tahoma,  Arial, Verdana, sans-serif;
}

#disclosures a {
  color: #FFF;
  text-decoration: underline;
}
 
#disclosures a:hover {
  color: #FFF;
  text-decoration: none;
}

#disclosures .boxed { 
  padding: 10px 14px;
  border: 1px solid #FFF;
}

#disclosures .member-fdic p { 
  padding-bottom: 5px;
}

#disclosures .insurance-disclosure { 
 margin-bottom: 15px; 
}

.noFDIC #disclosures .member-fdic { 
  display: none;
}
/* @end Footer Disclosures
-------------------------------- */
/* Print Stylesheet */

body {
  page-break-after: avoid;   size:50%;
}

.shadow {
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

sidebar h3 { 
 background: none;
}

sidebar { 
  text-shadow: 0px 0px 0px;
}

.foobar-container {
  display: none !important;
  height: 1px !important;
}

sidebar a { 
 font-weight: normal; 
}

#inner-container { 
  padding-bottom: 25px !important; 
}

footer { 
  position: relative;
  color: #000 !important;
}

footer #disclosures .boxed { 
  border: 1px solid #000; 
}

#footerline1 {display:none;}
#footerline2 {display:none;}
#main-nav {display:none;}
.navUtility{display:none;}
h1.sysPriorityRewardsBusinessCreditCard {font-size:8px;}
#content p,#content ul {line-height:1em;font-size:10pt;}
/*
header nav, footer { display: none; }
.sysHome { border:thick; border-width:thick; border-color:#000;}

#inner-container { overflow:hidden;}
.tapa{width:15%; float:left;}
#content { width:85%; float:right}


#content{ overflow:hidden; border:thick; border-width:thick; border-color:#000;  }
#container{  page-break-after: avoid; height:auto;}
.rapper_menu menu_dark_theme {display:none}
.menu { display:none;}

*/