@charset "UTF-8";
/* ---------------- 
STYLES DIRECTORY:
    01. RESET
    02. GLOBAL
    03. HEADER
        3A. LOGO
        3B. TOP NAVIGATION
        3C. HEADER RIGHT
        3D. MAIN NAVIGATION
        3E. MAIN NAVIGATION DROPDOWNS
    04. HERO
    05. ONLINE BANKING
        05A. WELCOME
    06. COLUMN WRAPPER
    07. LEFT COLUMN     
    08. SPLASH FEATURES
    09. RIGHT COLUMN
        09A. BREADCRUMB
    10. CONTENT
    11. FOOTER
          11A. FOOTER NAVIGATION LINKS
        11B. FOOTER LOGOS
        11C. COPYRIGHT & NOTICE
 ---------------- */
 
/* ---------- 01. RESET ---------- */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset {
    margin: 0;
    padding: 0;
}
img {
    border-style: none;
}
.floatRight {
    float:right;
    clear:right;
    padding:0 0 10px 10px;
}
/* ---------- 02. GLOBAL ---------- */
html {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color: #333;
    overflow-y: scroll;
}
input, select, textarea {
    font: Arial, Helvetica, sans-serif;
    line-height: normal;
    color: #333;
}
body {
    background:#CECBBA url(design/bg_site.jpg) repeat-x center top;
}
#wrapper {
    width:1063px;
    margin:10px auto;
    padding:18px 0;
}
/* ---------- 03. HEADER ---------- */
#header-top {
    width:970px;
    margin:0 auto;
    height:27px;
    overflow:hidden;
    padding-top: 5px;
}
#header {
    width:970px;
    background:url(design/bg_header.png) no-repeat; 
    padding:0 10px;
    margin:0 auto;
    height:146px;
}
#investments #header, #insurance #header {
    height:193px
}
/* ---------- 03A. TOP NAVIGATION ---------- */
#top-nav {
    font-size: 13px;
    color:#666;
    padding:0px 0px 0 0;
    font-family:Tahoma, Geneva, sans-serif;
    float:left;
    width:400px;
}
#top-nav ul {
    list-style: none;
}
#top-nav li {
    display:inline;
    padding-left:10px;
}
#top-nav a {
    text-decoration: none;
    color: #221F1F;
}
#top-nav a:hover {
    text-decoration:underline;
}
/* ---------- 03B. SITE SEARCH ---------- */
#search {
    float:left;
    width:275px;
}
#query {
    border:none;
    background:url(design/bg_search.png) no-repeat;
    width:202px;
    height:19px;
    padding:3px;
    margin-right:12px;
    float:left;
}
#search-submit {
    width:42px;
    height:8px;
    float:left;
    margin-top:8px;
}
#social {
    float:left;
    /*width:240px;*/
    width:275px;
    height:39px;
    margin-top:-5px;
}
#social p{ 
float:right;
}
#social a {
    float:left;
    margin:0 5px;
}

/* ---------- 03C. LOGO ---------- */
#logo {
    float: left;
    width:344px;
    height:97px;
    padding:20px 0 0 0;
}
#logobr {
    float: left;
    width:344px;
    height:101px;
    padding:30px 0 0 0;
}

/* ---------- 03B. HEADER RIGHT ---------- */
#header-right {
    float:right;
    width:606px;
}
/* ---------- 04. MAIN NAVIGATION ---------- */
#main-nav {
    width:617px;
    font-size:16px;
    position:relative;
    z-index:100;
    float:right;
    padding-top:60px;
    height:59px;
    margin-bottom:27px;
}
#main-nav ul {
    list-style: none;
    height:58px;
    width:551px;
}
#main-nav ul:hover {
    border-bottom:1px solid #ccc;
}
#main-nav ul li {
    display:inline;
    float: left;
}
#main-nav ul li a {
    display:block;
    color:#fff;
    text-decoration: none;
    height:59px;
    text-align:center;
    text-indent:-9999px;
    width:131px;
}
#main-nav ul li.item2 a {
    width:107px;
}
#main-nav ul li.item3 a {
    width:149px;
}
#main-nav ul li.item4 a {
    width:120px;
}
#main-nav ul > li.item1 > a {
    background:url(design/bg_personal.png) no-repeat;
}
#main-nav ul > li.item2 > a {
    background:url(design/bg_business.png) no-repeat;
}
#main-nav ul > li.item3 > a {
    background:url(design/bg_investments.png) no-repeat;
}
#main-nav ul > li.item4 > a {
    background:url(design/bg_insurance.png) no-repeat;
}
#main-nav ul > li.item1 > a.selected, #main-nav ul > li.item2 > a.selected, #main-nav ul > li.item3 > a.selected, #main-nav ul > li.item4 > a.selected  {
    background-position: 0 -59px;
}
#main-nav ul > li.item1:hover > a {
    background:url(design/bg_personalHover.png) no-repeat;
}
#main-nav ul > li.item2:hover > a {
    background:url(design/bg_businessHover.png) no-repeat;
}
#main-nav ul > li.item3:hover > a {
    background:url(design/bg_investmentsHover.png) no-repeat;
}
#main-nav ul > li.item4:hover > a {
    background:url(design/bg_insuranceHover.png) no-repeat;
}
/* ----- 04A. MAINNAV Dropdowns ----- */
.dropdown {
    display: none;
    position: absolute;
    top:119px;
    left:0px;
    padding: 6px 10px 6px 10px;
    z-index:2000;
    overflow:hidden;
    background:#fff;
    border:1px solid #ccc;
    border-top:none;
    width:531px;
}
.dropdown td {
    vertical-align:top;
    padding:10px;
    
}
#main-nav ul .dropdown li {
    float: none;
    width: auto;
    padding: 2px 0;
    display:block;
}
#main-nav .dropdown ul {
    margin-bottom:10px;
    width:auto;
    height:auto;
}
#main-nav .dropdown ul ul {
    margin-left:10px;
}
#main-nav .dropdown ul:hover {
    border-bottom:none;
}
.dropdown h3, #main-nav ul li:hover .dropdown h3 a {
    font-size:17px;
    color:#008752;
    margin-bottom:7px;
    font-weight:normal;
}
#main-nav ul li.item3 .dropdown h3, #main-nav ul li.item3 .dropdown h3 a {color:#577298;
}

#main-nav ul li:hover .dropdown a {
    color: #666;
    font-weight: normal;
    padding: 0;
    text-align: left;
    text-decoration: none;
    background:none;
    font-size:12px;
    float:none;
    width:auto;
    margin:0;
    text-indent:0px;
    height:auto;
}
.dropdown .ad {
    width:190px;
}
#main-nav .dropdown li:hover a:hover {
    text-decoration: underline;
}
#main-nav li:hover .dropdown {
    display: block;
}

/* ----- 04B. INSURANCE/INVESTMENTS NAVIGATION ----- */
#insurance-nav {
    width:948px;
    height:47px;
    background:url(design/bg_insuranceNav.jpg) no-repeat;
    margin:0 auto;
    clear:both;
}
#investments #insurance-nav {
    width:948px;
    height:47px;
    background:url(design/bg_investments.jpg) no-repeat;
    margin:0 auto;
}
#insurance-nav ul {
    list-style:none;
}
#insurance-nav ul li {
    float:left;
    display:inline;
}
#insurance-nav ul li a {
    display:block;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    text-decoration:none;
    color:#595959;
    height:32px;
    padding-top:15px;
    margin-right:1px;
}
#insurance-nav ul li a:hover {
    text-decoration:underline;
}
#insurance-nav ul li.item1 a {
    width:41px;
}
#insurance-nav ul li.item2 a {
    width:176px;
}
#insurance-nav ul li.item3 a {
    width:167px;
}
#insurance-nav ul li.item4 a {
    width:115px;
}
#insurance-nav ul li.item5 a {
    width:144px;
    height:41px;
    padding-top:6px;
}
#insurance-nav ul li.item6 a {
    width:94px;
    height:40px;
    padding-top:7px;
}
#insurance-nav ul li.item7 a {
    width:89px;
    height:41px;
    padding-top:6px;
}
#insurance-nav ul li.item8 a {
    width:114px;
    height:41px;
    padding-top:6px;
}
#investments #insurance-nav ul li.item2 a {
    width:176px;
}
#investments #insurance-nav ul li.item3 a {
    width:167px;
}
#investments #insurance-nav ul li.item4 a {
    width:204px;
}
#investments #insurance-nav ul li.item5 a {
    width:115px;
    padding-top:15px;
    height:32px;
}
#insurance-nav ul li a:hover {
    background:url(design/bg_investmentsHover.jpg) repeat-x;
    text-decoration:none;
}
#insurance-nav ul li.item1 a:hover {
    background:url(design/bg_insuranceHoverStart.png) no-repeat left top;
}
#insurance-nav ul li.item8 a:hover {
    background:url(design/bg_insuranceHoverEnd.png) no-repeat right top;
}
.item3 h3, .item3 h3 a{
    font-size:17px;
    color:#3C5069;
    font-weight:normal;
}
#main-nav .dropdown .item3 h3 a{
    color:#3c5069;
}
/* ---------- 05. HERO ---------- */
#splash #hero {
    width:1021px;
    height:240px;
    position:relative;
    clear:both;
    margin:0 0 0 20px;
    background:#fff;
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    behavior:url(design/PIE.htc);
}
#hero {
    width:563px;
    height:190px;
    position:relative;
    margin-bottom:10px;
    float:left;
}
#interior-hero {
    width:742px;
    height:190px;
    position:relative;
    margin-bottom:10px;
}
#insurance #hero, #investments #hero {
    width:948px;
    height:240px;
    position:relative;
    margin:0 auto;
    margin-bottom:10px;
    float:none;
    clear:both;
}
#investments.landing #hero, #insurance.landing #hero {
    width:563px;
    height:190px;
    float:left;
    clear:none;
}
#splash .slides_container {
    width:1021px;
    height:240px;
    overflow:hidden;
    position:relative;
    display:none;
    z-index:1;    
}
#insurance .slides_container, #investments .slides_container {
    width:948px;
    height:240px;
}
#investments.landing .slides_container, #insurance.landing .slides_container {
    width:563px;
    height:190px;
}
.slides_container {
    width:563px;
    height:190px;
    overflow:hidden;
    position:relative;
    display:none;
    z-index:1;
    float:left;
}
#interior-hero .slides_container {
    width:742px;
    float:none;
}
/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
#splash .slides_container a {
    width:1021px;
    height:240px;
    display:block;
}
.slides_container a {
    width:563px;
    height:190px;
    display:block;
    float:left;
}
#interior-hero .slides_container a {
    width:742px;
    height:190px;
}
#insurance .slides_container a, #investments .slides_container a {
    width:948px;
    height:240px;
}
#insurance.landing .slides_container a, #investments.landing .slides_container a {
    width:563px;
    height:190px;
}
.pagination {
    position:absolute;
    left:441px;
    bottom:0;
    z-index:10;
    background:url(design/bg_pagination.png) no-repeat;
    width:128px;
    height:20px;
    padding:12px 0 0 20px;
}
#insurance .pagination, #investments .pagination {
    left:405px;
}
.landing #hero .pagination {
    left:auto;
    right:10px;
    bottom:10px;
    background:none;
    width:auto;
    height:auto;
    padding:0;
}
.pagination li {
    float:left;
    margin:0 4px 0 5px;
    list-style:none;
}
.pagination li a {
    display:block;
    width:12px;
    height:0px;
    padding-top:13px;
    float:left;
    overflow:hidden;
    background:url(design/pagination.png) no-repeat 0 0px;
}
.landing .pagination li a {
    background:url(design/int-pagination.png) no-repeat 0 -13px;
}
.pagination li.current a, .pagination li a:hover {
    background-position:0 -13px;
}
.landing .pagination li.current a, #landing .pagination li a:hover {
    background-position:0 0px;
}
/* ---------- 06. ONLINE BANKING FEATURES --------- */
#ob-wrapper {
    height:161px;
    /*overflow:hidden; commented out it hides the dropdown */
    width:948px;
    background:url(design/bg_features.png) no-repeat;
    margin:0 auto;
    padding-top:7px;
}
#investments #ob-wrapper {
    background:url(design/bg_investmentsFeatures.jpg) no-repeat;
}
#online {
    width:294px;
    overflow:hidden;
    float:left;
    color:#666;
    padding:0 0 0 13px
}
.ob-left {
    width:192px;
    float:left;
}
#ob-wrapper h2 {
    font-size:16px;
    color:#fff;
    height:34px;
    font-family:Tahoma, Geneva, sans-serif;
}
.ob-row {
    width:192px;
    margin-bottom:5px;
}
#online label {
    height:17px;
    font-size:12px;
    padding-top:2px;
    display:block;
}
#online .input {
    width:160px;
    height:18px;
    padding:3px;
    border:none;
    background:url(design/bg_input.png) no-repeat;
}
#login {
    width:68px;
    height:24px;
    float:left;
    margin-right:5px;
}
#online .ob-row a {
    color:#06f;
}
#online .ob-row a:hover {
    text-decoration:none;
}
.ob-right {
    float:right;
    width:100px;
}
.ob-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ob-links li {
    padding:0 0 3px 0px;
}
.ob-links a {
    color:#06f;
}
.ob-links a:hover {
    text-decoration:none;
}
#ob-wrapper .feature {
    float:left;
    padding:0 0 0 26px;
    height:100px;
    color:#666;
    font-size:12px;
    width:205px;
}
#ob-wrapper .feature.first {
    width:294px;
    padding:0 0 0 13px;
}
#ob-wrapper .feature.middle {
    width:315px;
}
#ob-wrapper .feature-image {
    float:left;
    margin-right:10px;
    height:90px;
}
a.learnMore {
    width:96px;
    height:25px;
    background:url(design/learnMoreBtn.png) no-repeat;
    color:#fff;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    display:block;
    text-decoration:none;
    /*padding:4px 0 0 0;*/
    line-height:22px;
    float:left;
}
#ob-wrapper p {
    margin-bottom:10px;
}
/* ---------- 06A. JUMP MENU --------- */
ul.selectMenu {
    background:url(design/bg_selectMenu.png) no-repeat;
    width:212px;
    height:23px;
    margin:10px 0;
    list-style:none;
    color:#000;
}
ul.selectMenu li {
    padding:4px 0 0 10px;
    position:relative;
    height:19px;
    z-index:10;
}
ul.selectMenu li ul {
    position:absolute;
    left:-9999px;
    top:21px;
    background:#fff;
    border:1px solid #ccc;
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
ul.selectMenu li:hover ul {
    left:0;
    visibility:visible;
}
ul.selectMenu ul li {
    margin:0;
    padding:0;
}
ul.selectMenu ul li a {
    display:block;
    background:#fff;
    color:#000;
    text-decoration:none;
    width:192px;
    padding:3px 10px;
}
ul.selectMenu ul li a:hover {
    background:#eee;
}
/* ---------- 07. NEWS TICKER --------- */
#news {
    width:auto;
    height:32px;
    background:url(design/bg_news.png) no-repeat;
    margin: 0 0 0 22px;
    padding:0px 0 0 124px;
    position:relative;
    z-index:1;
    float:left;
}
#splash #news, #investments #news, #insurance #news {
    width:825px;
}
#content #news {
    margin-bottom:10px;
}
#investments #news {
    background:url(design/bg_investmentsNews.jpg) no-repeat;
}
.news {
    height: 32px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
}
.news li {
    padding:0px;
    font-size: 14px;
    line-height: 32px;
    color: #666;
    
}
#content .news li {
    background:none;
    padding:0px;
}
.news a {
    color: #666;
    text-decoration: underline;
}
.news a:hover {
    text-decoration: none;
}
/* ---------- 08. COLUMNS ---------- */
#column-wrapper {
    width:990px;
    overflow:hidden;
    clear:both;
    background:url(design/bg_columnWrapper.png) repeat-y center bottom;
    margin:0 auto;
    padding:10px 0 0 0;
}
#column-wrapper-bottom {
    width:990px;
    height:60px;
    margin:0 auto;
    background:url(design/bg_columnWrapperBottom.png) no-repeat center bottom;
}
/* ---------- 08A. LEFT COLUMN ---------- */
#left-column {
    width:190px;
    float:left;
    padding:15px 0 0 22px;
    clear:left;
    border-right:1px solid #ccc;
}
#left-column2 {
    width:20px;
    float:left;
    padding:15px 0 0 22px;
    clear:left;
}
/* ---------- 08B. RIGHT COLUMN ---------- */
#right-column {
    width:760px;
    float:right;
    padding-right:10px;
}
#right-column2 {
    width:930px;
    float:left;
    padding-right:10px;
}
/* ---------- 9. SPLASH FEATURES ---------- */
#feature-wrapper {
    clear:both;
    padding:15px;
    overflow:hidden;
}
#feature-wrapper .feature {
    width: 239px;
    float:left;
    padding:0 15px;
    background:url(design/bg_feature.jpg) no-repeat;
    color:#fff;
    height:272px;
    margin:0 19px;
    padding-top:6px;
}
#feature-wrapper .feature.last {
    margin-right:0;
}
#feature-wrapper .feature.last p {
    height:auto;
    margin-bottom:5px;
    font-size:12px;
}

.feature-image {
    margin-bottom:15px;
}
#feature-wrapper h2 {
    font-size:16px;
    color:#008652;
    height:46px;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#investments #feature-wrapper h2 {
    color:#577298;
}
#feature-wrapper .feature h2 {
    padding-left:26px;
    padding-top:15px;
}
/* ---------- 9A. SPLASH FEATURE EVENTS --------- */
#feature-wrapper .feature.events {
    width:281px;
    background:none;
    color:#666;
    height:200px;
}
#feature-wrapper .feature.events h2 {
    padding-left:0;
}
#feature-wrapper .feature.events h3 {
    font-size:15px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#333;
    font-weight:normal;
    margin-bottom:5px;
}
#feature-wrapper .feature.events h4 {
    font-size:12px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#008651;
    font-weight:normal;
    margin-bottom:5px;
}
#feature-wrapper .feature.events form {
    height:54px;
    border-bottom:1px solid #E8E8E8;
    margin-bottom:5px;
}
#feature-wrapper .feature.events #zip {
    width:115px;
    margin:0 0 0 5px;
    height:18px;
}
#feature-wrapper .feature.events p {
    height:auto;
    margin-bottom:5px;
    font-size:12px;
}
#zip-submit {
    width:59px;
    height:24px;
    float:right;
    margin-top:19px;
    margin-right:15px;
}
/* ---------- 9B. SPLASH FEATURE INSURANCE --------- */
#feature-wrapper .feature.insurance {
    width:281px;
    background:none;
    color:#666;
}
#feature-wrapper .feature.insurance h2, #investments #feature-wrapper .feature.insurance h2 {
    font-size:28px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#898377;
    padding-left:0;
}
#feature-wrapper .feature.insurance h3 {
    font-size:17px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#008752;
    font-weight:normal;
    margin-bottom:10px;
}
#investments #feature-wrapper .feature.insurance h3 {
    color:#577298;
}
#feature-wrapper .feature.insurance h4 {
    font-size:15px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#008752;
}
#investments #feature-wrapper .feature.insurance h4 {
    color:#577298;
}
.invCarHeader {
    color:#577298;
    font-size: 14px;
    font-weight: bolder;
    margin: 0 0 8px;
}
.insCarHeader {
    font-size:14px;
    font-weight: bolder;
    color:#008752;
    margin: 0 0 8px;
}
#feature-wrapper .feature.insurance h5 {
    font-size:13px;
    font-family:Tahoma, Geneva, sans-serif;
    color:#888377;
    margin-bottom:10px;
}
#feature-wrapper p {
    /*height:93px;*/
    font-size:13px;
    color:#666;
}
#feature-wrapper p.learnMoreBig {
    text-align:center;
    height:auto;
}
/* ---------- 10. BREADCRUMB ---------- */
#tools {
    overflow:hidden;
}
#breadcrumb {
    height:34px;
    color:#666;
    font-size:12px;
    padding-top:18px;
    float:left;
    width:566px;
}
#breadcrumb a {
    color:#666;
    text-decoration:none;
}
#breadcrumb a:hover {
    text-decoration:underline;
}
#printer {
    float:right;
    width:186px;
    padding-top:18px;
}
#interior-hero {
    margin-bottom:10px;
}
#interior-hero {
    border:1px solid #ccc;
}
/* ---------- 11. CONTENT ---------- */
#content {
    width:744px;
    color:#666;
}

.landing #content {
    width:563px;
    float:left;
}
#content ul {
    list-style:none;
    margin-bottom: 1em;
    font-size:12px;
    line-height:1.5em;
    margin-right:10px;
    color:#797979;
}
#content ul li {
    background:url(design/bullet_discGray.png) no-repeat 0 .4em;
    padding-left:20px;
}
#content ul.links li {
    background:none;
    padding:0;
}
#content ul.links li a {
    color:#666;
    text-decoration:none;
}
#content ul.links li a:hover {
    text-decoration:underline;
} 
#content ol {
    width:364px;
    background:#008752;
    padding:5px 20px;
    color:#fff;
    margin:0 auto;
    margin-bottom:10px;
}
#investments #content ol {
    background:#3F526D;
}
#content ol li {
    margin-left:20px;
}
#content ol * ol {
    margin-bottom:0;
    list-style:lower-alpha;
}
#content ol a:link {
    color:#fff;
}
#content ul * ul {
    margin-bottom:0;
}
#content ul li ul {
    margin-left:20px;
}
#content h1 {
    font-size:22px;
    color:#008752;
    margin-bottom:10px;
    font-weight:normal;
    font-family:Tahoma, Geneva, sans-serif;
}
#investments #content h1, #investments #content h3, #investments #content h4 {
    color:#577298;
}

#investments #content h6 {

color:#dc8427;

}
#content h2 {
    font-size:17px;
    color:#333;
    margin-bottom:10px;
    font-family:Tahoma, Geneva, sans-serif;
}
#content h2.headline {
    border-bottom:1px solid #eaeaea;
    padding-bottom:10px;
}
#content a, #content a.bookmark { 
     text-decoration: none;
}
#content a:link, #content a:visited {
     color: #006A99;
     text-decoration: underline;
}
#content a:link:hover {
     text-decoration: none;
}
#content h3 {
    color:#008752;
    margin-bottom:10px;
    font-size:17px;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content h4 {
    font-size: 14px;
    color:#008752;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
}
#content h5 {
    font-size:15px;
    color:#333;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content h6 {
    font-size: 12px;
    color:#dc8427;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content p {
    margin:0 0 10px 0;
}
#content table {
    margin-bottom:1em;
}
#content tr.table-cell {
    background:#EAEAED;
}
#content th {
    background:#008752;
    color:#fff;
    padding:5px;
    font-size:17px;
}
#investments #content th {
    background:#577298;
}
hr {
    height:1px;
    border-top:1px solid #eaeaea;
    margin-bottom:1em;
}
#content img [ align="right"] {
    padding-left:10px;
}
/*---content 2---*/
#content2 {
    width:900px;
    color:#666;
}

.landing #content2 {
    width:563px;
    float:left;
}
#content2 ul {
    list-style:none;
    margin-bottom: 1em;
    font-size:12px;
    line-height:1.5em;
    margin-right:10px;
    color:#797979;
}
#content2 ul li {
    background:url(design/bullet_discGray.png) no-repeat 0 .4em;
    padding-left:20px;
}
#content2 ul.links li {
    background:none;
    padding:0;
}
#content2 ul.links li a {
    color:#666;
    text-decoration:none;
}
#content2 ul.links li a:hover {
    text-decoration:underline;
} 
#content2 ol {
    width:364px;
    background:#008752;
    padding:5px 20px;
    color:#fff;
    margin:0 auto;
    margin-bottom:10px;
}
#investments #content2 ol {
    background:#3F526D;
}
#content2 ol li {
    margin-left:20px;
}
#content2 ol * ol {
    margin-bottom:0;
    list-style:lower-alpha;
}
#content2 ol a:link {
    color:#fff;
}
#content2 ul * ul {
    margin-bottom:0;
}
#content2 ul li ul {
    margin-left:20px;
}
#content2 h1 {
    font-size:22px;
    color:#008752;
    margin-bottom:10px;
    font-weight:normal;
    font-family:Tahoma, Geneva, sans-serif;
}
#investments #content2 h1, #investments #content2 h3, #investments #content2 h4 {
    color:#577298;
}
#investments #content2 h6 {
color:#dc8427;
}
#content2 h2 {
    font-size:17px;
    color:#333;
    margin-bottom:10px;
    font-family:Tahoma, Geneva, sans-serif;
}
#content2 h2.headline {
    border-bottom:1px solid #eaeaea;
    padding-bottom:10px;
}
#content2 a, #content a.bookmark { 
     text-decoration: none;
}
#content2 a:link, #content a:visited {
     color: #006A99;
     text-decoration: underline;
}
#content2 a:link:hover {
     text-decoration: none;
}
#content2 h3 {
    color:#008752;
    margin-bottom:10px;
    font-size:17px;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content2 h4 {
    font-size: 14px;
    color:#008752;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
}
#content2 h5 {
    font-size:15px;
    color:#333;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content2 h6 {
    font-size: 12px;
    color:#dc8427;
    margin:0 0 10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:normal;
}
#content2 p {
    margin:0 0 10px 0;
}
#content2 table {
    margin-bottom:1em;
}
#content2 tr.table-cell {
    background:#EAEAED;
}
#content2 th {
    background:#008752;
    color:#fff;
    padding:5px;
    font-size:17px;
}
#investments #content2 th {
    background:#577298;
}
#content2 img [ align="right"] {
    padding-left:10px;
}

#btnSubmit {
    background:url(design/img_submit.png) no-repeat center center;
    border:none;
    width:68px;
    height:24px;
    color : transparent;
    font-size : 0;
}
/* Product Matrix Tables */
table.matrix {
    width: 100%;
    border: solid 2px #ccc;
    margin-bottom: 10px;
    border-collapse:collapse;
}
table.matrix th, table.matrix td {
    padding: 4px 8px;
    border: solid 1px #ccc;
    border-top: none;
    vertical-align: top;
    text-align: center;
}
table.matrix th:first-child, table.matrix td:first-child {
    text-align: left;
}
table.matrix td:first-child {
    color: #000;
    font-size: 12px;
}
table.matrix .moreInfo td {
    background: #fff;
    white-space: normal;
}
table.matrix .moreLink {
    text-decoration: underline;
    color: #006A99;
    cursor: pointer;
    white-space: nowrap;
}
table.matrix .moreLink:hover { color: #666; }
#content table .active {
    background:#EAEAED;
}
/* ---------- 11A. CONTENT TABS ---------- */
/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#content .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em 0 0; height:37px; border-bottom:1px solid #ccc;}
#content .ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    margin: 0 .2em 1px 0; 
    border-bottom: 0 !important; 
    padding: 0; 
    white-space: nowrap; 
    width:159px; 
    height:36px; 
    background:url(design/bg_tab.png) no-repeat;
}
#investments .ui-tabs .ui-tabs-nav li {
    background:url(design/bg_investmentsTab.png) no-repeat;
}
#content .ui-tabs .ui-tabs-nav li a { 
    float: left; 
    padding: .5em 0; 
    text-decoration: none; 
    color:#fff;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:17px;
    width:159px;
}
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    margin-bottom: 0; 
    padding-bottom: 1px; 
    background:url(design/bg_tabSelected.png) no-repeat; 
}
#content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text; 
    color:#333;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; 
    border:1px solid #ccc;
    border-top:none;
    overflow:hidden;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
#tabs table td {
    vertical-align:top;
}
#content #tabs h6 {
    font-size:10px;
    /*color:#666;*/
    color:#dc8427;
}
#tabs .tab-left {
    width:465px;
    float:left;
    border-right:1px solid #ccc;
    padding-right:10px;
}
#tabs .tab-right {
    width:209px;
    float:right;
    padding-left:10px;
}
.right-column-features {
    float:right;
    width:178px;
    padding-right:9px;
}
.ad p {
    margin-bottom:10px;
}
.ad img {
    margin-bottom:5px;
}
.ad ul {
    list-style:none;
}
.ad li {
    padding:2px 0;
}
.ad li a {
    color:#008752;
    text-decoration:none;
}
#investments .ad li a {
    color:#577298;
}
.ad li a:hover {
    text-decoration:underline;
}
/* ---------- 11B. CONTENT FAQ ---------- */ 
#content .faqWrapper {
    margin-bottom: 18px;
    padding-top:10px;
}
#content .faqWrapper .sectionToggle {
    font-size: 0.917em; /*11px*/
}
#content .faqWrapper .faqQuestion {
    font-size:13px;
    cursor: pointer;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 35px;
    background:url(design/img_plus.png) no-repeat left top;
}
#content .faqWrapper .faqQuestionActive {
    background:url(design/img_minus.png) no-repeat left top;
}
#content .faqWrapper .faqQuestion .faqMarker {
    color:#77511F;
    font-weight:bold;
    padding-right:10px;
    
}
#content .faqWrapper .faqAnswer {
    padding-bottom:5px;
    padding-left:35px;

}
#content .faqWrapper .faqAnswer .faqMarker {
    font-weight:bold;
    padding-right:10px;
    float:left;
}
#content .faqWrapper .faqAnswer .closeLink {
    margin-top: 5px;
}
#content .faqWrapper .faqAnswer .closeLink {
    font-size: 11px;
    color:#666;
    text-decoration: underline;
    cursor: pointer;
    padding-left:25px;
}
#content .faqWrapper .faqAnswer .closeLink:hover {
  text-decoration: none;
}
/*------------------ 11C. MAIN CONTENT: LIFESTAGES LANDING ------------------*/
#content table.ls-landing td {margin:0;}
#content table.ls-landing td h5 {font-size:17px;color:#008752;margin:0;padding:0;text-align:center;}
#content table.ls-landing .mosaic-block {
    position:relative;
    overflow:hidden;
    width:225px;
    height:222px;
    margin:10px auto;
}
#content .mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    text-align:center;
}
#content .mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:165px;
    height:182px;
}
#content table.ls-landing .mosaic-block .mosaic-overlay {
    background:#fff url(design/bg_mosaic.jpg) no-repeat center center;
    padding:20px 30px;
    text-align:center;
}
#content .mosaic-overlay h3 {padding-top:10px;}
#content .mosaic-overlay p {margin:0 15px 15px 15px;text-align:left;font-size:12px;color:#333;}
#content .mosaic-overlay a {display:block;font-size:14px;text-decoration:none;color:#469948}
#content .mosaic-overlay a:hover {text-decoration:underline;}
/*------------------ 11D. MAIN CONTENT: LIFESTAGES SPECIFIC ACCORDION ------------------*/
#content .title {
    display:block;
    cursor:pointer;
    line-height:1em;
    margin-bottom:1px;
    background:#008752;
    border:1px solid #E6E6E6;
    width:710px;
    padding:10px 14px 10px 14px;
    height:auto;
    overflow:hidden;
    color:#fff;
}
#investments #content .title, #insurance #content .title {
    background:#b3a28a;
}
#content .title h4 {
    margin:0;
    margin-right:30px;
    line-height:1.2em;
    font-size:15px;
    color:#fff;
    width:612px;
    float:left;
}
#investments #content .title h4 {
    color:#fff;
}
#content .title span.learnMore {
    display:block;
    float:left;
    width:43px;
    height:32px;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
}
#content .description {
    padding:20px 19px 20px 14px;
    height:auto;
}
#content div.tips {background-color:#F2EFD2;padding:20px 47px 20px 34px;margin:15px 0;color:#333;}
#content div.tips ul {list-style:none;margin:0;font-size:1em;}
#content div.tips li {
    background:url(design/bullet_checkGreen.png) no-repeat 0 .2em;
    padding:0 0 20px 40px;
}
#content div.calculators {background-color:#F8F5E4;padding:20px 47px 20px 34px;margin:15px 0;overflow:hidden;}
#content div.calculators ul {list-style:none;margin:0;font-size:16px;fon-weight:normal;}
#content div.calculators li {
    background:url(design/bullet_calculator.png) no-repeat 0 .3em;
    padding:0 40px 20px 20px;
    float:left;
}
#content div.calculators li a {
    color:#333;
    text-decoration:none;
}
#content div.calculators li a:hover {
    text-decoration:underline;
}
#calendar_div /* The <div> tag containing Flash Calendar */
        {
            margin: 0 0 0 40px;
        }
/* ---------- 12. FOOTER ---------- */
#footer {
    clear: both;
    width:920px;
    background:#fff;
    overflow:hidden;
    margin:20px auto;
    height:auto;
    padding:27px 0 0 49px;
    -moz-border-radius: 50px 0px;
    -webkit-border-radius: 50px 0px 50px 0px;/*This is the correct shorthand for webkit*/
    border-radius: 50px 0px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    behavior:url(design/PIE.htc);
    position:relative;
}
/* ---------- 12A. FOOTER NAVIGATION LINKS ---------- */
#footer-top {
    width:920px;
    padding:0 0 10px 0;
    color:#666;
    overflow:hidden;
}
.footer-list {
    float:left;
    margin-right:45px;
}
.footer-list h2 {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14px;
    color:#008651;
}
#footer-top .footer-list h2 a {
    color:#008651;
    text-decoration:none;
}
#investments .footer-list h2, #investments .footer-list h2 a {
    color:#577298;
}
.footer-list ul {
    list-style:none;
}
#footer-top .footer-list ul li a {
    text-decoration:none;
}
#footer-top .footer-list ul li a:hover {
    text-decoration:underline;
}
#footer-links {
    width: auto;
    padding-bottom:10px;
    font-size:13px;
    float:left;
    width:600px;
    clear:left;
}
#investments #footer-links {
    width:auto;
}
#footer-links ul {
    list-style: none;
    margin-bottom:8px;
    
}
#footer-links li {
    display:inline;
    padding-right:13px;
}
#footer a {
    color:#797979;
}
#footer-links a {
    text-decoration:none;
}
#footer-links a:hover {
    text-decoration: underline;
}
#footer-text {
    width:579px;
    font-size:11px;
    color:#797979;
}
#investments #footer-text {
    width:910px;
}
#footer-text p {
    margin-bottom:10px;
}
#footer-text a:hover {
    text-decoration:underline;
}
/* ---------- 12B. FOOTER LOGOS ---------- */
#footer-logos {
    width:255px;
    font-size: 12px;
    font-family:Tahoma, Geneva, sans-serif;
    margin-bottom:18px;
}
#footer-logos a {
    color: #333;
    text-decoration: none;
}
#footer-logos a:hover {
    text-decoration: underline;
}
#footer-right p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:208px;
    padding-top:10px;
    color:#666;
}
#footer-right p a {
    color:#666;
}
#footer-right p a:hover {
    text-decoration:none;
}
/* ---------- 12C. COPYRIGHT & NOTICE ---------- */
#footer-right {
    float:right;
    width:300px;
    padding-top:36px;
}
#geotrust {
    width:128px;
    text-align:right;
    float:left;
}

/* CODED BY NGJ */

/* REVISIONS BY KJG */
#masterCard {
    color: #008752;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
}
#masterCard a {
    text-decoration: none;
    color: #008752;
}
#masterCard a:hover {
    text-decoration: underline;
}
/* REVISIONS BY LLG*/
.ad
{ border-bottom:1px solid #ccc;
padding-top:10px;
}

/*popup overlay alert*/
#external_alert_overlay, #external_alert{ display: none; position:fixed; top:0; left:0; z-index:9999; overflow:hidden; }
#external_alert_overlay{
   width:100%;
   height:100%;
   background: url(design/bg_overlay_white.png) 0 0 repeat;
}
#external_alert{
   top: 20%;
   left: 50%;
   width: 460px;
   padding: 35px 40px;
   margin-left: -270px;
   color: #f3eee6;
   background: #2E845C;
   text-align: center;
}
#external_alert h3{ color: #FFF; font-size: 20px; font-weight: 700; }
#external_alert .button{ width: 90px; margin: 20px 5px 0 5px; }
.button, .button2{
    border: 0;
    display: inline-block;
    padding: 15px 25px;
    margin: 10px 0;
    color: #000;
    font: normal 14px/14px Arial, sans-serif;
    background: #CECBBA;
    cursor: pointer;
}
.button:hover{ text-decoration: none; background: #6cc; }
.button2{ display: block; background: #231a00; padding: 12px 25px; }
 /* --- Carousel Styles added Jan 16 2014 by LLG ---*/ 
#carousel {width:600px;background:#fff;position:relative;height:272px;float:right;margin-right:8px;}
ul#slideboxes {margin:0;list-style:none;display:block;width:543px;padding-left:38px;}
ul#slideboxes li {width:149px;margin-right:10px;float:left;height:252px;display:block;background:#ececec;padding:10px;}
ul#slideboxes h4 {color:#007e4b;font-weight:bolder;font-size:14px;padding-top:10px;margin:0 0 8px 0;}
ul#slideboxes p {margin-bottom:10px;}
ul#slideboxes a {color:#848484;}
ul#slideboxes a:hover {text-decoration:none;}
ul#slideboxes img{vertical-align:middle;}
#learnmore {position:absolute;top:90%;}
#prevBtn, #nextBtn {overflow:hidden;text-indent:-9999px;float:left;cursor:pointer;z-index:500;display:block;position:absolute;top:25%;}
#prevBtn {left:0;width:35px;height:119px;padding:31px 0 0 15px;background:url(design/img-prev-btn2.png) no-repeat 15px 31px;}
#nextBtn {right:0;width:31px;height:119px;padding-top:31px;background:url(design/img-next-btn2.png) no-repeat 0 31px;}