/* site wide */ /* WW changed font from #4A4A4A to black and default font to Verdana */ /* * {outline: none !important;}*/ *:focus:not(.focus-visible){outline: none !important} /**:focus-visible{outline: 2px solid #6b6b6b6b}; a:focus{outline: 9px dotted grey !important};*/ body { font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, Sans-Serif; } /* WW changed font from #4A4A4A to black */ a { color: #000000; text-decoration: underline;} b, strong { font-weight: bold; } h1, h2, h3, h4 { color: #B23427; } h1 a, h2 a, h3 a, h4 a { color: #B23427; } input[type=text], input[type=password] { -webkit-appearance: none; } /* WW modified heading link styles*/ a:hover { color: #000000; text-decoration: underline;} h1 a:link, h2 a:link, h3 a:link, h4 a:link { color: #B23427; text-decoration: none; } h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color: #B23427; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #B23427; text-decoration: underline; } /* WW new style for Learn More>> links */ .learnmore, a.learnmore, a.learnmore:link, a.learnmore:visited { color: #333333; } /* WW new styles for aligning inline images */ .align-right { float: right; margin: 0 0 15px 15px; } .align-left { float: left; margin: 0 15px 15px 0; } .caption { text-align: center; font-style: italic; color: #666666; } /* WW modified default margins */ h1, h2, h3, h4, h5 { color: #B23427; } h1, h2, h3, h4 { margin: 5px 0px 5px 0px; font-family: 'Merriweather';/*font-family: 'cetabold', Arial, sans-serif;*/ font-weight: normal; } h1 { font-size: 20px; font-family: 'Merriweather';} h2 { font-size: 18px; font-family: 'Merriweather'; color:#282828;} h3 { font-size: 13px; font-family: verdana; font-weight:bold; color:#3e3d3d;/*color :#3e3d3d;*/} h4 { font-size: 16px; font-family: 'Merriweather';color:#9c3022} h5 { font-size: 12px; } .header2Brick { font-size: 18px; font-family: 'Merriweather'; color:#9c3022;} .media-heading a{color:#282828 !important;} .media{margin-bottom:0px !important;} .hsc-title{font-size:16px; color:#282828 !important; min-height:26px !important;} .login-fields{margin-top:21px;} .col1,.col2,.col3,.col4{display:table-cell;} .chart-header-col{width:100%;float:none; margin-top:0px;} #tblDec1{color:#9c3022;} #footer-fixed{display: none;} .open-footer{display:none;} .detail-container{width:930px;} .pic-detail-div{overflow:hidden;} .pic-detail-div .pic-div{float:left; margin-right: 5px;} .pic-detail-div .para-details{text-align:left;} .show-hide-bio{} .show-hide-bio:hover{cursor:pointer;} .show-hide-bio h2{margin-bottom:0px;margin-left:10px;} .show-hide-bio .sh-desc{color:black; margin-bottom:0px;margin-left:10px;} .show-hide-bio .sh-desc-ex{display:none;color:black; margin-bottom:0px;margin-left:10px;} .show-hide-bio h2 img{float:right; width:15px; margin-right:10px; margin-top:8px; transform:none;} .wm-block-container{display:flex; text-align:center;} .wm-block{display:inline-block; width:32%;} .wm-altblock{display:none; color:white; width:100%; height:100%; background: #c0311e; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #c0311e 22%, #712817 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(22%,#c0311e), color-stop(100%,#712817)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #c0311e 22%,#712817 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0311e', endColorstr='#712817',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ font-style:italic;} .wm-block:hover img{display:none;} .wm-block:hover .wm-altblock{display:inline-block;} .open-footer{display:none;} .wm-appt-block{width:100%;} .wm-appt-block-desc{width:58%;display:inline-block;margin-right:20px;vertical-align:top;} .wm-appt-block-schedule{width:21%;display:inline-block; margin-top:20px;vertical-align:middle;} .wm-address{margin:0 20px 0 20px;} .item-list{display:flex;overflow:hidden;} .item-list-col{float:left;width:50%;} .item-list-row{overflow:hidden;display:flex} .item-list-row-image{float:left;margin-right:10px;} .item-list-row-image img{margin-top:17px;} .item-list-row-desc{float:left;border-left:1px solid grey;} .item-list-row-desc h2{margin-left:10px; color:rgb(76,76,76);} .item-list-row-desc h2 a{color:rgb(76,76,76);} .item-list-row-desc p{margin-left:10px; margin-bottom:0px;} .form-button{cursor:pointer;} #business-credit-app-or {display: inline-block; text-align: left; margin-left: 2%; margin-right: 2%;} cg3right{float:right;} .media{height:auto !important;} #video3{width:63% ;float:left;} .card { box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); transition: 0.1s; width: 31%; } .card:hover { box-shadow: 0 4px 20px 0 rgba(0,0,0,0.6); } .container_card { padding: 2px 16px; } .card-img-and-btn-section{margin-top: 20px; margin-right: 23px; vertical-align: top; float: right;} .card-img-and-btn-section img {width: 179px; height: 114px; margin-bottom: 10px; margin-left: 42px;} .card-img-and-btn-section span {width: 250px; margin-bottom: 10px;} .card-img-and-btn-section-btn-div {margin-left: 7px; vertical-align: bottom; display: inline-block;} .card-main-section-item {padding: 10px; width: 205px; margin-right: 8px; margin-bottom: 8px; float: left; background-color: rgb(225, 225, 225);} #commercial_playlist_test{position: absolute; top:85px; left:150px; height: 370px !important; width:495px !important;} #tele-container{background: url(/images/Television.png); background-size: contain; background-repeat: no-repeat;} li.bx-clone{display:none;} .bx-prev{display:none;} .bx-next{display:none;} .banner img{width:100%;} .year-container{overflow: hidden; margin-right: 5%;} .award-container{overflow: hidden;} .award-image{float:left; padding-left:10px; padding-top: 10px;padding-right: 20px; padding-bottom: 10px;} .award-image img{width:120px; height:100px;} .award-header h2{font-family: 'Merriweather'; font-size: 16px;} #alertMessage{ margin: 0px 10px 10px 10px; background-color: #fee3ac; overflow: hidden; font-size: 15px; background:linear-gradient(#689ecf 0%,#2d4760 100%); } #alertMessage p{float: left;width: 97%;margin: 2px auto 2px 5px;} #alertMessage div{float: right;margin:2px 2px 2px 2px; cursor: pointer;} #alertMessage a{color:white;} /*extra*/ a.link-blk_new:hover { color: #B23427; text-decoration: underline; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #B23427; } hr { color: #ebebeb; background-color: #ebebeb; height: 2px; border: 0; } table td { padding: 2px; vertical-align: top; } table th { font-family: Verdana, Arial, Helvetica, Sans-Serif; } table td.bottomAlign { vertical-align: bottom; } table td.middleAlign { vertical-align: middle; } img { height: auto; } .gm-style img { max-width: none; } i, em { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-style: italic; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .visible-mobile { display: none; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #6b6b6b; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #6b6b6b; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #6b6b6b; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #6b6b6b; } caption {text-align:left; font-weight:bold; margin-bottom:5px;} /*& WW added for compare matricies */ /*.tableCompact table, td, tr { font-size: 11px; }*/ .shadowContainer { border: 1px solid #ddd; border-top: none; -webkit-box-shadow: 0 5px 14px rgba(0,0,0,.75); -moz-box-shadow: 0 5px 14px rgba(0,0,0,.75); box-shadow: 0 5px 14px rgba(0,0,0,.75); width: 960px; margin: 0 auto 15px auto; position: relative; } .bottomContainer { height: 10px; background-image: url(/images/container_bottom.jpg); background-position: center top; background-repeat: no-repeat; } blockquote { padding-left: 30px; padding-right: 30px; } .headCourtesyNav { text-align: right; font-size: 11px; line-height: 11px; position: absolute; top: 7px; right: 7px; } .headCourtesyNav p { margin: 0; display: inline; } .header-button { display: inline-block; background: #692615 url(../images/locations_icon_off.png) no-repeat 8px 5px; padding: 8px 8px 8px 23px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; line-height: 14px; font-family:'Merriweather', 'cetabold', Arial, sans-serif; margin: 0 0 0 5px; } .header-button.search-button { background: #692615 url(../images/search_icon_off.png) no-repeat 8px 5px; padding: 8px 8px 8px 28px; } .header-button.active { background: #fee3ac url(../images/locations_icon_on.png) no-repeat 8px 5px; color: #B23427; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); box-shadow: 3px 3px 5px rgba(0,0,0,.3); } .header-button.search-button.active { background: #fee3ac url(../images/search_icon_on.png) no-repeat 8px 5px; color: #B23427; } .header-button.login-button { background: #692615 url(../images/lock_icon.png) no-repeat 8px 5px; cursor: pointer; padding-left: 25px; } .header { color: #FFF;} .head-main { position: relative; background: #c0311e; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #c0311e 22%, #712817 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(22%,#c0311e), color-stop(100%,#712817)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #c0311e 22%,#712817 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #c0311e 22%,#712817 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0311e', endColorstr='#712817',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .header a { text-decoration: none; color: #FFF; /*font-weight: bold;*/ } .header a:hover { text-decoration: underline; color: #FFF;} .header a.enroll-link { color: #ffff00; text-decoration: underline; } .headerLogo { margin: 25px 0 20px 20px; float: left; } .dropdown { display: none; background: #fee3ac; } .dropdown .inner { padding: 5px; } .dropdown.locations-dropdown, .dropdown.search-dropdown { z-index: 4000; position: absolute; top: 37px; right: 7px; -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.3); box-shadow: 3px 3px 5px rgba(0,0,0,.3); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .dropdown.locations-dropdown { right: 99px; } .dropdown.locations-dropdown input, .dropdown.search-dropdown input, .input-container input { float: left; margin: 0 0 5px 0; padding: 10px 10px 5px 10px; background: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 17px; line-height: 17px; width: 125px; color: #6b6b6b; } .dropdown-button, .interiorContainer a.wide-button, .input-container input.wide-button { border: 1px solid #6f2a16; float: left; margin-left: 5px; font-size: 18px; line-height: 18px; padding: 8px 13px; -moz-text-shadow: 0 0 3px rgba(0,0,0,.4); -webkit-text-shadow: 0 0 3px rgba(0,0,0,.4); text-shadow: 0 0 3px rgba(0,0,0,.4); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; background: #e1523e; /* Old browsers */ background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1523e), color-stop(49%,#c3392b), color-stop(100%,#91261d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1523e 0%,#c3392b 49%,#91261d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1523e', endColorstr='#91261d',GradientType=0 ); /* IE6-9 */ font-family: 'cetabold', Arial, sans-serif; color: #fff; text-decoration: none; } .interiorContainer a.wide-button { float: none; display: inline-block; margin: 5px 0; } .interiorContainer a.dropdown-button { color: #fff; } .input-container input { background: #fee3ac; border: 1px solid #c4c4c4; } .close-button { text-align: right; cursor: pointer; margin-top: 5px; } .dropdown.locations-dropdown .all-locations { float: left; width: 100px; } .dropdown.locations-dropdown .all-locations a { color: #B23427; } .login-box { position: absolute; right: 10px; top: 107px; z-index: 1000; width: 200px; } .login-box .login-dropdown { background: #f9bf6b; height: 275px; } .login-box.togglable .login-dropdown { height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.3); box-shadow: 3px 3px 5px rgba(0,0,0,.3); } .login-box.expanded .login-dropdown { color: #000; display: block; background: #ffe1a9; /* Old browsers */ background: -moz-linear-gradient(top, #ffe1a9 0%, #fac775 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe1a9), color-stop(100%,#fac775)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffe1a9 0%,#fac775 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffe1a9 0%,#fac775 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffe1a9 0%,#fac775 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffe1a9 0%,#fccf84 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1a9', endColorstr='#fac775',GradientType=0 ); /* IE6-9 */ } .login-box .login-toggler { background: transparent url(../images/login_off.png) no-repeat 15px 0; text-align: center; font-family: 'Merriweather', 'cetabold', Arial, sans-serif; font-size: 16px; line-height: 16px; color: #424543; padding: 10px 0 6px 10px; } .login-box.expanded .login-toggler { background-image: url(../images/login_on.png); } .login-box.togglable .login-toggler { cursor: pointer; } .login-box.togglable .button-label { background: transparent url(../images/down_arrow.png) no-repeat top right; background-position: top 1px right 0; padding-right: 20px; } .login-dropdown .inner { padding: 5px 10px; } .login-checkboxes { font-size: 12px; line-height: 18px; padding: 5px; margin-bottom: 5px; } .login-fields input { margin: 0 0 5px 0; padding: 4px 4px 0 4px; background: #fff; border: 1px solid #f8bf64; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 17px; line-height: 17px; width: 170px; color: #6b6b6b; } .login-fields label { display: block; } .login-buttons { border: 1px solid #2d4760; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #689ecf; /* Old browsers */ background: -moz-linear-gradient(top, #689ecf 0%, #2d4760 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#689ecf), color-stop(100%,#2d4760)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #689ecf 0%,#2d4760 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #689ecf 0%,#2d4760 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #689ecf 0%,#2d4760 100%); /* IE10+ */ background: linear-gradient(to bottom, #689ecf 0%,#2d4760 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689ecf', endColorstr='#2d4760',GradientType=0 ); /* IE6-9 */ } .login-buttons input { font-family: 'cetabold', Arial, sans-serif; font-size: 17px; line-height: 17px; color: #fff; text-transform: uppercase; padding: 4px; cursor: pointer; background: transparent url(/images/lock_icon_blue.png) no-repeat 25% 5px; display: block; width: 100%; border: none; } .login-dropdowns select { margin-bottom: 5px; width: 180px; font-size: 1em; background: #fff url(/images/orange_down_arrow.png) no-repeat center right; background-position: top 50% right 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #f8bf64; color: #000; padding: 4px; -webkit-appearance: none; line-height: 12px; } .read-more, .app-button { margin-bottom: 10px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; background: #e1523e; /* Old browsers */ background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1523e), color-stop(49%,#c3392b), color-stop(100%,#91261d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1523e 0%,#c3392b 49%,#91261d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1523e', endColorstr='#91261d',GradientType=0 ); /* IE6-9 */ color: #fff; font-family: 'cetabold', Arial, sans-serif; font-size: 14px; line-height: 14px; -moz-text-shadow: 1px 1px 3px rgba(0,0,0,.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.7); text-shadow: 1px 1px 3px rgba(0,0,0,.7); border: 1px solid #333; } .app-button a, .read-more a { font-size: 16px; line-height: 16px; color: #fff; text-decoration: none; text-shadow: 0 0 3px rgba(0,0,0,.4); } .headerTabNav { padding-left: 25px; } .headerTabNav ul { margin: 0; padding: 0; list-style-type: none; height: 30px; } .headerTabNav ul li { display: inline-block; margin: 0; padding: 0; position: relative; zoom: 1; *display: inline; } .headerTabNav ul li .tab-text { position: absolute; top: 10px; left: -5px; text-align: center; width: 100%; color: #424543; font-family:'Merriweather', 'cetabold', Arial, sans-serif; font-size: 16px; line-height: 10px;} .nav, .navNoMenu { color: #403E43; font-size: 12px; height: 33px; } .nav .grid_16, .navNoMenu .grid_16 { background: #fee3ac; } .spacer { height: 3px; background-color: #FFE3AD; width: 940px; } #mainDropDownNav a { color: #403E43; text-decoration: none; display: block; line-height: 28px; height: 33px; margin-right: 4px; padding-left: 4px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #mainDropDownNav a span { display: block; padding: 4px 8px 4px 4px; font-weight: 700;} #mainDropDownNav li:hover, #mainDropDownNav li.sfhover { background: transparent url(/Images/nav_over_left.jpg) no-repeat top left; } #mainDropDownNav li:hover span, #mainDropDownNav li.sfhover span { background: transparent url(/Images/nav_over_right.jpg) no-repeat top right; } #mainDropDownNav li.sfhover li { background-image: none; } #mainDropDownNav li.sfhover li span { background-image: none; } #mainDropDownNav, #mainDropDownNav ul { margin: 0; padding: 0; list-style-type: none; background-color: #FFF; } #mainDropDownNav li { margin: 0; padding: 0; float: left; } #mainDropDownNav li ul { position: absolute; /*width: 230px;*/ left: -999em; margin-left: 3px; z-index: 4000; padding: 10px 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottom-right: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.3); box-shadow: 3px 3px 3px rgba(0,0,0,.3); } #mainDropDownNav li ul a { font-size: 12px; height: auto; margin: 0; line-height: normal; padding: 7px 20px; } #mainDropDownNav li a:hover { text-decoration: underline; color: #B23427; } #mainDropDownNav li ul li { float: none; } #mainDropDownNav li ul li:hover { background-image: none; } #mainDropDownNav li:hover ul, #mainDropDownNav li.sfhover ul { left: auto; } .footer { clear: both; background-image: url(/Images/footer_background.jpg); height: 63px; color: #727272; font-size: 12px; background-repeat: no-repeat; } .footer a { color: #727272; font-weight: bold; } .nav p { margin: 0; } .genericContainerLogos { padding: 7px 15px; text-align: right; } .genericContainer { padding: 8px; } .notification { background-color: #EEE; border: solid 1px #ddd; padding: 10px; text-align: center; margin-bottom: 15px; clear: both; } .notification h1, .notification h2, .notification h3 { margin-bottom: 0; } .code { width: 400px; height: 100px; } .smallerText { font-size: 11px; } .redText { color: #B23427; } /* home */ .home-section-containers { margin: 20px 0; } .home-section-container { background: #fee3ac; background: -moz-linear-gradient(top, #ffffff 36%, #fee3ac 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#ffffff), color-stop(100%,#fee3ac)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 36%,#fee3ac 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 36%,#fee3ac 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 36%,#fee3ac 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 36%,#fee3ac 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fee3ac',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #424543; width: 440px; float: left; -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.3); -moz-box-shadow: 0 4px 8px rgba(0,0,0,.3); box-shadow: 0 4px 8px rgba(0,0,0,.3); } .home-section-container.column-one { margin-left: 20px; } .home-section-container.column-two { float: right; margin-right: 20px; } .home-section-container a { color: #58595B; font-weight: bold; } .home-section-container ul { list-style-type: none; margin: 0; } .home-section-container ul li { margin-left: 0px; background-image: url(/Images/home_bullet.png); background-repeat: no-repeat; padding-left: 20px; line-height: 13px; margin-bottom: 10px; } .home-section-container .inner { padding: 15px; } .home-section-container .inner h2 { font-size: 17px; margin-bottom: 15px; margin-top: 0; } .homeSidebar { padding: 25px 0 10px 0; } .homeSidebar p { margin-bottom: 5px; } .homeOptionalContent p { margin-bottom: 15px; } .home-carousel { margin-top: 10px; } .home-carousel ul { margin: 0; padding: 0; list-style-type: none; } .home-carousel ul li { margin: 0; padding: 0; float: left; width: 190px; } .home-carousel ul li p { margin: 0; padding: 0; } .home-carousel ul li .color-button { margin-bottom: 0; } .home-overlay { position:absolute; bottom: 0; z-index:999; } .home-banner .bx-wrapper { margin-bottom: 10px !important; } .home-banner .bx-wrapper .bx-pager,.home-banner .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; z-index: 1000; } .cnb-tv .left-side { width: 100%; } .cnb-tv .right-side { width: 100%; float: none; } #mobile-list {background-color: #fee3ac; height: 100%; margin-bottom: 2.5%;} #mobile-list ul {width:100%; float:none; margin-top: 10px;margin-bottom: 0px;background-color: #fef1d5;} #mobile-list li img{width: 35%; float:left; height: 25%; margin: 5px 10px 5px 10px; vertical-align: middle;} #mobile-list span{font-size: 3vw; margin:0 auto; vertical-align: middle; } #mobile-list ul li{border-bottom-width: 5px; border-style: solid; border-color: #fee3ac; } /* utility spacing */.top10 { margin-top: 10px; } .top20 { margin-top: 20px; } .top30 { margin-top: 30px; } /* interior */ /* WW changed padding from 25 to 10px */ .interiorContainer { padding: 10px 0 0 0; background-color: #FFF; } .interiorContainer a { color: black; } .interiorContainer .dottedBorderTable td a strong { color: Blue; } .interiorContainer a.greenButton { color: #FFF; } .interiorContainer a.blueButton { color: #FFF; } .interiorSidebar p { margin-bottom: 5px; } /* small color buttons for calls-to-action May 2015 */ .color-button-sm {font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-size:14px;} .color-button-sm {text-align:center;} .color-button-sm a { display: block; color: #fff; text-decoration: none; padding: 10px 20px 10px 20px; height: 80px; overflow: hidden; font-weight:bold; } .color-button-sm { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .color-button-sm { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottom-right: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .color-button-sm a { height: auto;} span.color-button-sm {display: inline-block;} .color-button-sm.green { background: #7e892d none; background: -moz-linear-gradient(top, #97a136 0%, #8c9632 49%, #76822a 100%); background: -webkit-linear-gradient(top, #97a136 0%,#8c9632 49%,#76822a 100%); background: -o-linear-gradient(top, #97a136 0%,#8c9632 49%,#76822a 100%); } .color-button-sm.blue { background: #849aaf none; background: -moz-linear-gradient(top, #9db6c6 0%, #91adbf 49%, #7d9fb4 100%); background: -webkit-linear-gradient(top, #9db6c6 0%,#91adbf 49%,#7d9fb4 100%); background: -o-linear-gradient(top, #9db6c6 0%,#91adbf 49%,#7d9fb4 100%); } .color-button-sm.orange { background: #cc7a21 none; background: -moz-linear-gradient(top, #d69228 0%, #d28725 49%, #c9731f 100%); background: -webkit-linear-gradient(top, #d69228 0%,#d28725 49%,#c9731f 100%); background: -o-linear-gradient(top, #d69228 0%,#d28725 49%,#c9731f 100%); } .color-button-sm.red { background: #B23427 none; background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); } .color-button-sm.yellow { background: #ffd686 none; background: -moz-linear-gradient(top, #ffecc6 0%, #fee7b9 49%, #ffe2aa 100%); background: -webkit-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); background: -o-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); } .color-button-sm.yellow a { color: #997b48; } .color-button-sm.flat-green { background: #7e892d; } .color-button-sm.flat-blue { background: #849aaf; } .color-button-sm.flat-orange { background: #cc7a21; } .color-button-sm.flat-red { background: #B23427; } .color-button-sm.flat-yellow { background: #ffd686; } .color-button-sm.flat-yellow a { color: #997b48; } div.color-button-sm, p.color-button-sm {margin:0 auto;} /* WW changed bottom margin from 10px to 5px, darker font*/ .interiorBreadCrumbs { display: block; margin-bottom: 5px; color: #4d4d4d; } .interiorBreadCrumbs a { text-decoration: underline; color: #4d4d4d; } .dottedBorderTable { border-collapse: collapse; width: 100%; } .dottedBorderTable th { background-color: #FEE3AC; font-size: 16px; color: #B23427; font-weight: normal; padding: 0 5px; text-align: left; } .dottedBorderTable td { padding: 13px 20px; text-align: left; border-bottom: dotted 1px #CCC; } .dotted-border-table-replacement { width: 700px; margin: 0 0 20px 0; } .dotted-border-table-replacement .table-row { border-bottom: dotted 1px #CCC; } .dotted-border-table-replacement .table-head { background-color: #FEE3AC; font-size: 16px; color: #B23427; font-weight: normal; padding: 0 5px; text-align: left; } .dotted-border-table-replacement .table-row .table-column { padding: 13px 20px; text-align: left; font-size: 13px; } .dotted-border-table-replacement .table-row .table-column.feature { float: left; width: 500px; } .dotted-border-table-replacement .table-row .table-column.learn-more { float: right; width: 120px; line-height: 22px; margin-top: 5px; } .color-button { margin: 0 0 10px 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #333 url(../images/arrow_white.png) no-repeat bottom 5px right 5px; } .color-button a { display: block; color: #fff; text-decoration: none; padding: 15px 20px 30px 15px; height: 80px; overflow: hidden; } .color-button .line-one { font-size: 14px; line-height: 20px; margin-bottom: 3px; font-family:Verdana,'Merriweather','cetabook', Arial, sans-serif; } .color-button .line-two { font-size: 22px; line-height: 24px; font-family: 'cetacapsbold'; letter-spacing: -1px; } .color-button.green { background: #7e892d /*url(../images/arrow_white.png) no-repeat bottom right; background-position: bottom 5px right 5px;*/ } .color-button.blue { background: #849aaf /*url(../images/arrow_white.png) no-repeat bottom right; background-position: bottom 5px right 5px; */} .color-button.red { background: #B23427 /*url(../images/arrow_white.png) no-repeat bottom right; background-position: bottom 5px right 5px;*/ } .color-button.yellow { background: #ffd686 /*url(../images/arrow_brown.png) no-repeat bottom right; background-position: bottom 5px right 5px;*/ } .color-button.yellow a { color: #997b48; } .color-button.orange { background: #cc7a21 /*url(../images/arrow_white.png) no-repeat bottom right; background-position: bottom 5px right 5px;*/ } /* WW commented this out. Makes everything we want to bold that falls into a table cell red. Not the behavior we want .dottedBorderTable td strong {color: #B23427;} */ .greenButton { background-image: url(/Images/button_background.jpg); background-repeat: repeat-x; padding: 4px 30px; color: #FFF; text-decoration: none; text-transform: uppercase; } /* WW added 2/22/11 */ .blueButton { background-image: url(/uploadedImages/Site_Framework/Site_Wide/bluebutton1px.jpg); background-repeat: repeat-x; padding: 4px 30px; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 12px; } /* extra - #fff removed from ul li */ .interiorContainer ul li { margin: 0 0 3px 0; padding-left: 12px; background: url(/Images/unordered_list_bullet.gif) 0 6px no-repeat; overflow: hidden; } /* fixes list item BG images in IE */ .interiorContainer ul { position: relative; list-style-type: none; list-style-position: outside; } /* WW edited */ .contentCallout { clear: both; } .contentCalloutRight { float: right; border: 2px solid #D1CB9B; padding: 5px; margin: 0px 0px 0px 10px; text-align: center; background-image: url(/images/th_background.png); background-repeat: repeat-x; } /* WW added 10-25-2010 */ .ctaCalloutGreen { background-color: #ebebeb ; padding: 8px; margin-bottom: 10px; width: 320px; color: rgb(106, 99, 45); border: 2px solid rgb(209, 203, 155); } .ctaCalloutGreen UL { font-size: 14px; } .ctaCalloutGreen p#headline { font-size: 16px; } .ctaCalloutGreen div#HeadAndButton { text-align: center; margin: 10px 0px; } /* WW added 2/22/11 - 3rd CTA design */ .calloutGreen2 { background-color: #ebebeb; padding: 15px; margin-bottom: 10px; width: 670px; } .cg2Right { width: 300px; margin: 20px 0px 10px 0px; text-align: center; font-size: 14px; float: right; } .cg2Left { width: 350px; font-size: 14px; } .cg2Left UL { font-size: 14px; background-color: #ebebeb; } .cg2Left TD, .cg2Left UL LI { background-color: #ebebeb; } .cg2Left TABLE TBODY TR TD UL LI { background-color: #ebebeb; } /* WW added 5/15/13 - new CTA design */ .calloutGreen3 { background-color: #ebebeb; padding: 15px; margin-bottom: 10px; width: 910px; border-radius: 5px;} .calloutGreen3 .cg3Left{width:635px;} .calloutGreen3 UL { font-size: 13px; background-color: #ebebeb; } .calloutGreen3 UL LI { background-color: #ebebeb; } .cg3Right { width: 275px; margin: 20px 0px 10px 0px; text-align: center; font-size: 14px; float: right; } /*extra*/ .cg88Right { width: 250px; margin: 0px 0px 0px 0px; text-align: center; font-size: 14px; float: right; } .cg3Left { width: 375px; font-size: 14px; float: left; } .cg3Left UL { font-size: 13px; background-color: #ebebeb; margin-bottom:5px; } .cg3Left UL LI { background-color: #ebebeb; } /* New CSS changes for existing version for ADA compliance*/ .calloutGreen3_modified { background-color: #ebebeb; padding: 15px; margin-bottom: 10px; width: 70%; border-radius: 5px; margin: 0px auto; text-align: center;} table#t01 {align: center; frame: hsides; cellspacing: 0; cellpadding: 0;} /* WW removed align right */ p.linkButton { margin-bottom: 3px; } p.linkButton a { color: #FFF; } .stockTable p { margin-bottom: 0; } tr.shaded th { background-color: #999; color: #000; } tr.shaded td { background-color: #CCC; color: #000; } /* WW added yellow shade for table alt rows */ tr.shadedYel th { background-color: #ebebeb; color: #000; } tr.shadedYel td { background-color: #ebebeb; color: #000; } /* branches */ .branchTable { border-collapse: collapse; width: 100%; } .branchTable td { padding: 3px; border: solid 1px #f0bc62; } /* CNB U */ .categoryMeta { margin-bottom: 5px; text-align: right; } .categoryMeta .results { left: 0; position: absolute; margin-top: 10px; } .categoryMeta .p { padding: 0 20px 0 0; } .categoryMeta input { width: 30px; height: 16px; } .bottom { margin-bottom: 20px; } .goButton { position: absolute; right: 0; height: 20px; width: 10px; } .gvTable { width: 100%; } .gvTable, .tableShadedHead { margin-bottom: 5px; } .tableShadedHead { margin-bottom: 20px; clear: both; } /*extra*/ .tableShadedHead tr:hover { background-color: #ebebeb;} .gvTable td, .tableShadedHead td, .gvTable th, .tableShadedHead th { border: 2px solid #ebebeb; padding: 5px; text-align: left; } .gvTable th, .tableShadedHead th { height: 35px; vertical-align: middle; background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #fbfaf6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#fbfaf6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebebeb 0%,#fbfaf6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fbfaf6',GradientType=0 ); /* IE6-9 */ } .tableShadedHead th.leftColumn {text-align:left; background-color: #ffffff; background-image: none;} .tableShadedHead th { padding: 5px 20px 5px 20px; } .gvTable th span, .tableShadedHead th span { float: left; } .gvTable th span.arrows { float: right; } .gvTable tr.alt td, .tableShadedHead tr.alt td { background-color: #EFECD0; } .tableShadedHead td { padding: 5px 20px 5px 20px; } .employeeInset { float: left; margin-right: 8px; margin-bottom: 8px; width: 200px; border: solid 1px #ebebeb; padding: 8px; background-color: #FFF; } .employeeCaption { font-size: 11px; font-style: italic; } .goToTextBox { border: solid 1px #D1CB9B; margin-right: 20px; } .employee-search { margin-bottom: 20px; } /* tableShadedHead alt for locations page */ .tableShadedHead th.noR, .tableShadedHead td.noR { border-right: 0px none; } .tableShadedHead th.noL, .tableShadedHead td.noL { border-left: 0px none; } .tableShadedHead th.noLR, .tableShadedHead td.noLR { border-right: 0px none; border-left: 0px none; } /* CNB News */ .categoryDescription { margin-bottom: 20px; } .rssFeedLink { background: transparent url(/images/rss.png) no-repeat scroll left center; padding: 1px 0 2px 17px; display:none; } /* Leaving page */ .leavingLink { margin-bottom: 20px; padding-left: 30px; } .nameColumn { width: 200px; } .emailColumn { width: 250px; } .employeePicture { margin-bottom: 20px; } /* search */ .interiorContainer .ektronSearch ul.searchNavigation li { padding-left: 0; background-image: none; } .interiorContainer .ektronSearch div.searchWrapper div.searchResults h4 img { display: none; } .interiorContainer .ektronSearch div.searchWrapper div.resultPreview div.resultPreviewDetails { display: none; } .interiorContainer .ektronSearch div.searchWrapper div.searchResults img { display: none; } .interiorContainer .ektronSearch div#navbar ul.ektronPaging li { background-image: none; border: 0; } .interiorContainer .interiorSidebar .color-button a { height: auto; } .interiorContainer .interiorSidebar .color-button .line-one { font-size: 18px; line-height: 24px; } .interiorContainer .interiorSidebar .color-button .line-two { font-size: 24px; } /* WW CNBU callouts style 20100607 */ .tableEduAdv td, .tableEduAdv th { padding: 5px 25px 5px 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: 0px; } .callout1 { border-style: solid; border-color: #999999; border-bottom-width: 1px; border-top-width: 1px; border-right-width: 0px; border-left-width: 0px; padding: 0px 8px 0px 8px; margin-top: 10px; } .listArrow ul, .listArrow li { list-style-image: url(/Images/home_bullet.png); background-image: none !important; margin-left: 20px !important; padding-left: 5px !important; } .listCalc ul, .listCalc li { list-style-image: url(/uploadedImages/Site_Framework/Site_Wide/calculator4.gif); background-image: none !important; margin-left: 25px !important; padding-left: 5px !important; } /* WW 11/15/10 */ .calloutRight { margin: 0px 20px 20px 0px; float: right; width: 300px; } /* sitemap */ .ekSitemap ul { margin-bottom: 0; } .ekSitemap ul.ektSitemap { margin-bottom: 15px; } /* safari fixes */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* CNB U */ .gvTable th, .tableShadedHead th { height: 24px; } } /* calculators */ .calculatorContainer { margin-bottom: 20px; } .calculatorIframe { width: 100%; height: 750px; } /* show/hide elements */ .more { display: none; } a.showLink, a.hideLink { text-decoration: none; color: #B23427; padding-left: 12px; background: transparent url('/uploadedImages/Site_Framework/Site_Wide/plus.gif') no-repeat left; } a.hideLink { background: transparent url('/uploadedImages/Site_Framework/Site_Wide/minus.gif') no-repeat left; } /* product list table - more compact */ .compact td { padding-top: 0px; padding-bottom: 0px; } .compact ul { margin-bottom: 0px; } td.vertMid { vertical-align: middle; } /* WW black link style 20100428 */ a.link-blk { color: #000000; text-decoration: underline; } /*extra*/ a.link-blk_new:hover { color: #B23427 !important; text-decoration: underline; } .link-blk_new a { color: black !important; text-decoration: underline; } a.link-blk_new { color: black !important; text-decoration: underline; } .link-blk_new:hover { color: #B23427; text-decoration: underline; } a.link-blk-bold { color: #000000; text-decoration: underline; } /* WW superscript 10px */ .super10 { vertical-align: baseline; font-size: 10px; top:-0.4em; position: relative;} /* Landing Page Header Image NU 2011-05-25 */ .landingHeader { height: 165px; } .clear { clear: both; } /* Employee Collection View */ .employeeCollection a { color: #000; } .employeeCollection a.pictureName { font-size: 13px; display: block; line-height: 1.2em; margin: 4px 0 0; } .employeeCollection .nameCol { width: 200px; } /* home banner link */ .home-banner, .slides { position: relative; } .home-banner a, .slides a { display: block; } .home-banner .caption-overlay, .slides .caption-overlay { position: absolute; top: 55px; left: 0; width: auto; background: rgba(0,0,0,.2); padding: 10px; } .home-banner .caption-overlay.white, .slides .caption-overlay.white { background: rgba(255, 255, 255, .25); } .home-banner .caption-overlay.none, .slides .caption-overlay.none { background: none; } .home-banner .image-text, .home-banner .image-button, .slides .image-text, .slides .image-button { color: #fff; font-family: 'cetabold', Arial, sans-serif; } .home-banner .image-text, .slides .image-text { font-size: 28px; font-family:'Merriweather', 'cetabook', Arial, sans-serif; line-height: 38px; -moz-text-shadow: 1px 1px 3px rgba(0,0,0,.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.7); text-shadow: 1px 1px 3px rgba(0,0,0,.7); } .home-banner .image-text.red, slides .image-text.red { color: #B23427; } .home-banner .image-text.yellow, .slides .image-text.yellow { color: #ffd686; } .home-banner .image-text.grey, .slides .image-text.grey { color: #333; } .home-banner .image-button, .slides .image-button { margin-top: 10px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.6); -moz-box-shadow: 0 0 3px rgba(0,0,0,.6); box-shadow: 0 0 3px rgba(0,0,0,.6); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; background: #e1523e; /* Old browsers */ background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1523e), color-stop(49%,#c3392b), color-stop(100%,#91261d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1523e 0%,#c3392b 49%,#91261d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1523e', endColorstr='#91261d',GradientType=0 ); /* IE6-9 */ } .home-banner .image-button-text, .slides .image-button-text { font-size: 14px; font-family: 'cetabold', Arial, sans-serif; line-height: 14px; padding: 7px 13px; -moz-text-shadow: 0 0 3px rgba(0,0,0,.4); -webkit-text-shadow: 0 0 3px rgba(0,0,0,.4); text-shadow: 0 0 3px rgba(0,0,0,.4); } .home-banner .image-button.yellow, .slides .image-button.yellow { background: #ffe2af; /* Old browsers */background: -moz-linear-gradient(top, #ffe2af 0%, #ffd686 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2af), color-stop(100%,#ffd686)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffe2af 0%,#ffd686 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffe2af 0%,#ffd686 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffe2af 0%,#ffd686 100%); /* IE10+ */background: linear-gradient(to bottom, #ffe2af 0%,#ffd686 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2af', endColorstr='#ffd686',GradientType=0 ); /* IE6-9 */ } .home-banner .image-button.yellow .image-button-text, .slides .image-button.yellow .image-button-text { color: #333; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none;} .has-link .homeSectionContainer { margin-top: 25px; } /* pagebuilder */ .interior-pagebuilder-container { width: 920px; margin: 15px auto; } /* support area */ .gridBox { border: 1px solid #666666; padding: 8px; width: 150px; height: 150px; background-color: #EEEEEE; } /* community */ .community-container { width: 940px; margin: 0 auto; } .community-container .community-rotator { position: relative; } .community-container .community-main .left-side { margin: 0; padding: 0; } .community-container .community-main .right-side { margin: 0; padding: 0; } .community-container .community-statement { padding: 20px; line-height: 22px; margin: 20px 0; background: #ffe2ae; /* Old browsers */ background: -moz-linear-gradient(top, #ffe2ae 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe2ae), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffe2ae 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffe2ae 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffe2ae 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffe2ae 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2ae', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .community-container .community-statement p { margin: 0; padding: 0; } .community-container .community-statement strong { color: #B23427; } .community-container .community-features { margin: 0 0 20px 0; padding: 0; list-style-type: none; } .community-container .community-features li { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #aaa; } .community-container .community-features li.last-item, .community-container .community-features li:last-child { margin: 0; padding: 0; border-bottom: 0; } .community-container .community-features .feature-image { float: left; width: 180px; } .community-container .community-features .feature-copy { float: right; width: 760px; } .community-container .community-features .feature-copy strong { color: #B23427; } .community-container .community-features .feature-copy strong a { color: #B23427; text-decoration: none; } .community-container .community-rotator .flexslider { margin: 0; padding: 0; border: 0; } .community-container .community-rotator ul { margin: 0; padding: 0; list-style-type: none; } .community-container .community-rotator ul li { margin: 0; padding: 0; } .community-container .home-overlay { bottom: 57px; } .ira-service-center-feature {width: 50%; float: left;} /* spotlight */ .spotlight-container { width: 940px; margin: 0 auto; } .spotlight-container .spotlight-image { margin-top: 10px; width: 100%; } .spotlight-container .spotlight-items { margin: 0 0 35px 0; padding: 0; list-style-type: none; background: #fff url(../images/spotlight_bg.png) no-repeat top left; } .spotlight-container .spotlight-items li { margin: 0 50px 0 0; padding: 0; float: left; width: 280px; } .spotlight-container .spotlight-items li.last-item { margin: 0; } .spotlight-container .spotlight-items li .headline-image { margin: 0 0 30px 0; } .spotlight-container .spotlight-items li strong { font-size: 14px; color: #B23427; } .spotlight-container .spotlight-items li .button-container { text-align: center; } .spotlight-container .spotlight-items li strong a, .spotlight-container .spotlight-items li a strong { text-decoration: none; color: #B23427; } .spotlight-container .spotlight-items li a { text-decoration: none; } .spotlight-container .spotlight-items ul li { margin: 0 0 3px 0; padding-left: 12px; background: #fff url(/Images/unordered_list_bullet.gif) 0 6px no-repeat; overflow: hidden; } /* fixes list item BG images in IE */ .spotlight-container .spotlight-items ul { position: relative; list-style-type: none; list-style-position: outside; } /* makes your bank instance of the community template go full width */ .community-container.landing-2962 .community-main .right-side { display: none; } .community-container.landing-2962 .bx-wrapper { display: none !important; } .community-container.landing-2962 .home-overlay { bottom: 0; } /* gallery */ #album-list, #photo-list { list-style: none; margin: 20px 0; } .interiorContainer ul#album-list li, .interiorContainer ul#photo-list li { float: left; margin: 0 20px 20px 0; width: 150px; background: transparent none; overflow: visible; padding: 0; } #album-list li .set-title, #photo-list li .photo-title { margin: 4px 0 0; } .photo-set, .photo-item { width: 150px; height: 100px; overflow: hidden; border: 1px solid #cecece; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,.3); box-shadow: 0 0 6px rgba(0,0,0,.3); } .set-link, .photo-link { width: 150px; height: 150px; overflow: hidden; display: block; } .set-link img, .photo-link img { min-width: 150px; min-height: 100px; } h4.set-title { font-size: 10px; font-family: 'cetabold', Arial, sans-serif; color: #403E43; display: inline-block; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden; } .gallery-container #loading-icon { margin: 15px 0; } /* staging */ /* .highlight {background-color: yellow;} */ /* compare pages */ .compareFeatureBox { border: 1px solid #DFDFDF; color: #626262; } .compareTable, .compareTable td, .compareTable th { border: 1px solid #DFDFDF; color: #626262; } .compareTable td { width: 166px; vertical-align: middle; text-align: center; padding: 3px; } .compareTable .subHead { font-size: 12px; font-style: italic; margin-bottom: 10px; } .compareTable td.leftColumn, .compareTable th.leftColumn { text-align: left; } table.compareTable { border-collapse: collapse; } .compareTable.standalone { padding: 10px; margin: 0 0 15px 0; } tr.shadedYelCompare td, tr.shadedYelCompare th { background-color: #ebebeb; } .CFBHeading { background-color: #E5E5E5; border-bottom: 1px solid #DFDFDF; color: #B23427; font-size: 12px; text-align: center; } .CFBLeft { width: 340px; } .CFBLeft P, .CFBRight P { padding: 3px; margin: 0px; } .CFBRight { width: 320px; float: right; } .compareFeatureBox ul li { margin: 0 0 3px 0; padding-left: 12px; background: #fff url(/images/unordered_list_bullet.gif) 0 6px no-repeat; overflow: hidden; } .compareFeatureBox ul { position: relative; list-style-type: none; list-style-position: outside; margin: 0; padding-left: 10px; font-size: 12px; } .compareFeatureBox ol { margin: 3px; padding-left: 20px; line-height: 200%; font-size: 12px; } .compareRedHead { color: #B23427; font-size: 14px; margin-bottom: 10px; } .compareRedHead a { color: #B23427; } /* bullet types for sidebar call to action links */ .docBullet ul { list-style-type: none; } .docBullet ul li { margin-left: 0px; background-image: url(/images/page.gif) !important; background-repeat: no-repeat; padding-left: 22px !important; line-height: 20px; margin-bottom: 10px; } .docBullet ul li a { color: black; } .calcBullet ul { list-style-type: none; } .calcBullet ul li { margin-left: 0px; background-image: url(/images/calculator.gif) !important; background-repeat: no-repeat; padding-left: 22px !important; line-height: 20px; margin-bottom: 10px; } .calcBullet ul li a { color: black; } .podcastBullet ul { list-style-type: none; } .podcastBullet ul li { margin-left: 0px; background-image: url(/images/podcast.gif) !important; background-repeat: no-repeat; padding-left: 22px !important; line-height: 20px; margin-bottom: 10px; } .podcastBullet ul li a { color: black; } /* locations near you page */ .locations-list ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; } .locations-list ul li { margin: 0; padding: 0; background: #fff url(../images/right_arrow.png) no-repeat; background-position: center right; background-position: top 50% right 10px; border-top: 1px solid #f1c064; padding: 5px 10px; } .locations-list ul li:last-child { border-bottom: 1px solid #f1c064; } .locations-list ul li a { color: #000; text-decoration: none; } .locations-list ul li a .location-name { font-weight: bold; } .interiorContainer .all-locations a { color: #B23427; } .interior-zip-search { margin-top: 35px; } .branch-services { margin: 0 0 20px 0; padding: 0; list-style-type: none; } .interiorContainer ul.branch-services li { display: inline-block; margin: 0 25px 0 0; background: transparent none; padding: 0; vertical-align: top; } #nuGMap { margin-bottom: 20px; } .branch-feature { background: transparent url(../images/icon_checkmark.png) no-repeat 0 5px; padding: 5px 0 5px 25px; display: inline-block; } .branch-feature.wifi { background-image: url(../images/icon_wifi.png); background-position: 0 6px; } .branch-feature.coin-counter { background-image: url(../images/icon_coin.png); background-position: 0 4px; } .branch-feature.enhanced-atm { background-image: url(../images/icon_bulb.png); background-position: 0 6px; } .branch-feature.sat-hours { background-image: url(../images/icon_cal.png); background-position: 0 5px; } .branch-feature.sun-hours { background-image: url(../images/icon_clock.png); background-position: 0 5px; } .branch-feature.wealth-strat, .branch-feature.cnb-mortgage { background-image: url(../images/icon_checkmark.png); } .mortgage-company-list, .wealth-strategies-list { width: auto; } .address-info-container { width: 365px; } .address-info-left { width: 48%; float: left; } .address-info-right { width: 48%; float: right; } /* green bordered table replacement */ .green-table-replacement { margin: 0 0 20px 0; border: 1px solid #ebebeb; border-bottom: none; } .green-table-replacement .green-table-row { border-bottom: 1px solid #ebebeb; } .green-table-replacement .green-table-row .green-table-column { float: left; padding: 5px; font-size: 13px; } .green-table-replacement .green-table-row .green-table-column a { color: #000; } .green-table-replacement .green-table-row .green-table-column.name-column { width: 211px; } .green-table-replacement .green-table-row .green-table-column.title-column { width: 443px; border-left: 1px solid #D1CB9B; border-right: 1px solid #D1CB9B; } .green-table-replacement .green-table-row .green-table-column.email-column { width: 250px; float: right; } .green-table-replacement .green-table-row.header-row { background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #fbfaf6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#fbfaf6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebebeb 0%,#fbfaf6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebebeb 0%,#fbfaf6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fbfaf6',GradientType=0 ); /* IE6-9 */ } .green-table-replacement .green-table-row.header-row .green-table-column { padding: 8px 5px; font-size: 13px; } /* cnbu / news */ .green-table-replacement.standard-grid .green-table-row .green-table-column.title-column { border-left: none; width: 800px; } .green-table-replacement.standard-grid .green-table-row .green-table-column.date-column { width: 100px; } .green-table-replacement.standard-grid .green-table-row .green-table-column .read-more { margin: 0; } .green-table-replacement.standard-grid .green-table-row .green-table-column .read-more a { color: #fff; display: block; } .green-table-replacement.standard-grid .arrows { float: right; } .grid-pager { margin: 0 0 20px 0; text-align: center; width: 100%;} .grid-pager a { margin: 0 10px; } .interiorContainer .grid-pager a.aspNetDisabled { color: #000; cursor: not-allowed;} /* cnb tv */ .cnb-tv .left-side { margin-bottom: 20px; width: 35%; } .cnb-tv .right-side { margin-bottom: 20px; width: 65%; float: right; } #browser-message .message-interior a.header-button.hide-button { color: #fff; text-decoration: none; background-image: none; padding: 8px; } #browser-message { font-family: Arial, Helvetica, sans-serif; max-width: 700px; } /* footable */ .footable { border-collapse: separate; border-spacing: 0; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-family: 'trebuchet MS','Lucida sans',Arial; font-size: 14px; color: #444; background: #fff; } .footable > thead > tr:first-child > th.footable-first-column, .footable > thead > tr:first-child > td.footable-first-column { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } .footable > thead > tr:first-child > th.footable-last-column, .footable > thead > tr:first-child > td.footable-last-column { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; } .footable > thead > tr:first-child > th.footable-first-column.footable-last-column, .footable > thead > tr:first-child > td.footable-first-column.footable-last-column { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .footable > thead > tr > th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: left; } .footable > thead > tr > th, .footable > thead > tr > td { background-color: #dce9f9; box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset; background-image: linear-gradient(to bottom,#ebf3fc,#dce9f9); border-top-style: none; border-top-color: inherit; border-top-width: 0; } .footable > thead > tr > th.footable-first-column, .footable > thead > tr > td.footable-first-column { border-left: none; } .footable.breakpoint > tbody > tr.footable-row-detail { background: #eee; } .footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell { border-left: none; } .footable > tbody img { vertical-align: middle; } .footable > tbody > tr:hover { background: #fbf8e9; } .footable > tbody > tr:last-child > td.footable-first-column { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } .footable > tbody > tr:last-child > td.footable-last-column { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; } .footable > tbody > tr:last-child > td.footable-first-column.footable-last-column { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .footable > tbody > tr > td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px; text-align: left; } .footable > tbody > tr > td.footable-first-column { border-left: none; } .footable > tfoot > tr > th, .footable > tfoot > tr > td { background-color: #dce9f9; box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset; border-top: 1px solid #ccc; padding: 10px; background-image: linear-gradient(to bottom,#ebf3fc,#dce9f9); } .footable .pagination { margin: 20px 0; } .footable .pagination > ul { display: inline-block; margin: 0; padding: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #fff; } .footable .pagination > ul > li { display: inline; } .footable .pagination > ul > li > a, .footable .pagination > ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; border: 1px solid #ccc; border-left-width: 0; } .footable .pagination > ul > li:first-child > a, .footable .pagination > ul > li:first-child > span { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; border-left-width: 1px; } .footable .pagination > ul > li:last-child > a, .footable .pagination > ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .footable .pagination > ul > li > a:hover, .footable .pagination > ul > li > a:focus, .footable .pagination > ul > .active > a, .footable .pagination > ul > .active > span { background-color: #eee; } .footable .pagination > ul > .active > a, .footable .pagination > ul > .active > span { color: #444; cursor: default; } .footable .pagination > ul > .disabled > span, .footable .pagination > ul > .disabled > a, .footable .pagination > ul > .disabled > a:hover, .footable .pagination > ul > .disabled > a:focus { color: #ccc; cursor: default; background-color: #ebf3fc; } .footable .pagination.pagination-centered { text-align: center; } .footable .pagination.pagination-right { text-align: center; } .footable-odd { background-color: #f7f7f7; } #formbutton{cursor: pointer;} #formbutton2{cursor: pointer;} #formbutton3{cursor: pointer;} #formbutton4{cursor: pointer;} .sessionDiv{ width:100%;} .sessionDiv p{display: inline-block; width: 30%;} .sessionDiv div{display: inline-block; width:26%;} .sessionDiv h2{display:inline-block;width:20%;} .sessionDiv:after{content: '';width: 100%;display: inline-block;} .show-hide-block{overflow: hidden;} .show-hide-block .show-hide-description{width:56%; margin-left:10px; float: left;} .show-hide-block .show-hide-arrow{float:right;} .show-hide-footer-cl{width:auto; text-align: center; } .show-hide-footer-cr{width: 45%; float: right;} .show-hide-footer-cr div{margin-left: 0px;} .show-hide-footer{overflow: hidden;} .show-hide-arrow{float:right; margin-right:20px; margin-top:20px;} .show-hide-arrow img{transform:scale(0.5);} .show-hide-content{width:910px; padding:5px; display: none;} .show-hide-content .cg3Left{width: 600px;} .show-hide-img{float:left;} .faq-list{width:15%; float:left; margin-right:15px;} .faq-list ul{width:100%;margin-right:20px;float:left; background-color:#ebebeb;margin-bottom:0px;} .faq-list ul li{padding:5px; background:none;} .faq-list ul li a{text-decoration:none; font-size:14px; font-family:"liberation-sans";} .faq-list ul li a:hover{color:#B23427;} .faq-section{width:80%;float:left;} .faq-category{margin-bottom:15px;} .faq-category h1{margin:0px 0px 10px 10px; color:#B23427; padding-top:10px; font-size:16px; font-style:bold; font-family:"liberation-sans"} .faq-category h2{color:black; margin-right:10px; font-size:14px; font-family:"liberation-sans"} .faq-category p{margin-top:5px; } .faq-category hr{background-color:#ebebeb; height:1px; margin-left:10px;} .faq-category .show-hide-bio .sh-desc-ex{color:black;} .faq-category .show-hide-bio hr{margin-bottom:10px;} .share-holder-div{width :auto; display:inline-block; vertical-align:top;} .share-holder-team{background-color:#ebebeb; display:inline-block; text-align: center; vertical-align:top; float:right;} .share-holder-team div{width:215px; text-align: center; padding:0px;} .ann-report-fix{margin-right:35px;} .share-holder-relations{width:700px;float:left;} #shareholder-relations-about-and-stock-section{vertical-align: top; display: inline-block; width: 700px; margin-right: 20px; margin-top: 5px;} #shareholder-relations-team-div{vertical-align: top; display: inline-block; text-align: center;} #shareholder-relations-team{width: 215px; text-align: center; padding: 0px; margin-top: 5px;} .cg3parent{display:flex;} .calloutGreen3.center{ width:273.3px; text-align:center;margin-left:10px; margin-right:10px; padding-bottom:10px; vertical-align:top; display:inline-block; background-color:rgb(225,225,225);} .calloutGreen3.center ul{background-color:rgb(225,225,225)} .calloutGreen3.center ul li{background-color:rgb(225,225,225)} .red-fix{position:relative;} .tableShadedHead img { max-width: 300px; max-height: 135px; } .servicesContainer { width: 450px; height: 100px; margin-right: 5px; margin-bottom: 5px; } .cg3Left{ width: 67%; } .services { min-width: 220px; margin-right:20px; } .payBillBtn { width: 250px; margin-right: 20px; } .servicesContentContainer { width: 930px; } .servicesSpacing { display: none; } .leandingProgramTable { border: 1px solid black; } .leandingProgramTable tr td { border: 1px solid black; } .servicesContent{ max-width: 79%; margin-left: 5px; display: inline-block; vertical-align: top; margin-left: 10px; } .mobileServicesImg{ display: inline-block; } .openAccountLeftSide { vertical-align: top; display: inline-block; margin-left: 15px; text-align: left; border-right: 1px solid black; padding-right: 20px; } .openAccountRightSide{ vertical-align: top; display: inline-block; text-align: left; } .bx-prev { display: block; } .bx-next { display: block; } .comprehensive-planning-services-column {width: 100%; display: inline-flex;} .comprehensive-planning-services-column p {margin-bottom: 0px;} .comprehensive-planning-services-column ul {width: inherit;} .comp-fin-serv-cnb-difference-left {vertical-align: top; display: inline-block; width: 50%;} .comp-fin-serv-cnb-difference-right {vertical-align: top; display: inline-block; width: 45%;} .comp-fin-serv-contact-left {width: 67%; float: left;} .comp-fin-serv-contact-right {width: 275px; float: right; text-align: center; margin: 20px 0px 10px 0px; padding-right: 35px;} .comp-fin-serv-item-section {} .comp-fin-serv-item-section img {margin-right: 15px;} #estate-checking-info-item {width: 100%; height: 100px; vertical-align: top; display: inline; margin-bottom: 40px;} .financial-planning-areas-item {width: 100%; height: 100px; margin-right: 5px; vertical-align: top; display: inline; margin-bottom: 40px;} .financial-planning-areas-item-img-div {margin-right: 5px; vertical-align: top; display: inline-block;} .financial-planning-areas-item-desc {width: 300px; height: 68px; vertical-align: top; display: inline-block;} .financial-planning-areas-item-desc h3 {margin-top: 0px; margin-bottom: 0px;} .our-leadership-item{} .our-leadership-item img{display: inline-block; float: left; margin-right: 2%; margin-top: 6px;} .our-leadership-item .color-button-sm {} .our-leadership-item-hr {margin-bottom: 0; border-top: dotted 1px #CCC; background-color: white;} /* smart phone landscape and portrait */ @media only screen and (max-width: 767px) { html { -webkit-text-size-adjust: 100%; } div.design_content .design_textfield{width:80% !important;} .comprehensive-planning-services-column {display: block;} .award-description{margin-left:0px !important;} .cg3parent{display:block; text-align:center;} .calloutGreen3.center{ width:273.3px; text-align:center; margin:auto; margin-bottom:10px; padding-bottom:10px; vertical-align:top; display:inline-block; background-color:rgb(225,225,225);} .card-img-and-btn-section{float:none;width:50%;margin:20px auto auto auto;} .card-img-and-btn-section img {margin-left:auto; margin-right: auto; max-width: 100%; display: block; height: auto;} .card-img-and-btn-section span {width: 100%;} .card-img-and-btn-section-btn-div {margin-left: 0px; display: block;} .card-main-section-item {margin-right: auto; margin-left: auto; float: none;} .chart-header-col{width:60%;margin-top:21px; float:left;} .comp-fin-serv-cnb-difference-left {width: auto;} .comp-fin-serv-cnb-difference-right {width: auto;} .comp-fin-serv-contact-left {width: 100%;} .comp-fin-serv-contact-right {width: 100%; padding-right: 0;} .comp-fin-serv-item-section {} .comp-fin-serv-item-section img {width: 100%;} .detail-container{width:auto;} .red-fix{bottom:0px !important; position:initial;} .share-holder-div{width:auto; margin-right:0px; } .share-holder-team{background-color:#ebebeb; display:block; float:none; } .share-holder-team div{width:auto; text-align: center; padding:0px;} .share-holder-team .logo{display:none;} .ann-report-fix{margin-right:0px;} .share-holder-relations{width:auto; float:none;} #shareholder-relations-annual-meeting{margin-right: 10px;} #shareholder-relations-team-div{vertical-align: top; display: block; text-align:center; margin-top: 10%;} #shareholder-relations-team{width: 215px; text-align: center; padding: 0px;margin-top: 5px; margin-left: auto; margin-right: auto;} #online-solutions-td-sizing {width: 25%;} .open-footer{display:block;} .our-leadership-item{text-align:center; margin-bottom: 0;} .our-leadership-item img{margin-left: auto; margin-right: auto; display: block; float: none; margin-bottom: 15px;} .our-leadership-item .color-button-sm {margin-bottom: 4%;} .our-leadership-item-hr {margin-bottom: 0; border-top: dotted 1px #CCC; background-color: white;} .pic-detail-div{overflow:hidden;text-align:center;} .pic-detail-div .pic-div{float:none; margin-bottom:10px; margin-right:0px;} .pic-detail-div .para-details{text-align:left;} #business-ins-discover-section{margin-left:10px;} #business-credit-app-or {display: block;} #estate-checking-info-item {display: flex;} .financial-planning-areas-item { display: flex; margin-bottom: 20%;} #footer-fixed{display:block;} #learn-more-ira-service-center a, span{display: inline-block;} #learn-more-ira-service-center {float: left; display: block; width: 37%; line-height:inherit;padding: 7px 20px;} #shareholder-relations-about-and-stock-section{display: block; width: auto;} .static-col{width:50% !important;} .col1{width:50%; display:table-cell;} .col2,.col3,.col4{display:none; width:50%;} .not-shown{display:none;} .shown{display:table-cell;} .mobile-button-fix a{padding:0;} .show-hide-block{overflow: hidden;} .show-hide-img{float:none; text-align: center;} .show-hide-block .show-hide-description{width:auto; margin-left:0px; text-align: center; float: none;} .show-hide-block .show-hide-arrow{float:none; margin-top:34px;text-align: center;} .show-hide-footer{overflow: hidden;} .show-hide-footer-cl{width:auto; float:none; text-align: center;margin-left: 0px;} .show-hide-footer-cr{ float: none; width: auto; } .show-hide-footer-cr div{margin-left: auto;} .show-hide-arrow{float:right; margin-right:20px; margin-top:20px;} .show-hide-content{width:100%; padding:5px; display: none;} .show-hide-content .cg3Left{width: 320px;} .show-hide-content .cg3Right{width: 320px; float:none; margin:auto;} .wm-block-container{display:block;} .wm-block{width:100%; margin-top:5px;} .wm-block:hover .wm-altblock{display:inline-block; width:300px; height:171px;} .wm-appt-block{width:100%; text-align:center;} .wm-appt-block-desc{width:100%;display:inline-block;margin-right:20px;vertical-align:top;} .wm-appt-block-schedule{width:100%;display:inline-block; margin-top:20px;vertical-align:middle;} .wm-address{width:100%; margin:0;} .item-list{display:block;} .item-list-col{width:100%; margin-bottom:15px;} #video3{float: none; width: 80%; margin:auto;} .card{width:95%;} .employeeInset{float: none; text-align: center;margin: 0px auto 8px auto;} .image-text.visible-mobile.white{display: none;} #alertMessage{width: 100%;margin: 0px 10px 10px 0px;} #alertMessage p{width:92%;} #alertMessage p a{color:white;} .home-banner a img{max-width: 100% !important;} .award-header h2{overflow:hidden;font-size: 16px; min-height: 120px;} #testimonial-container{display: block !important;} #testimonial-container #testimonial-player{width: 100% !important;} .sessionDiv p{display: inline-block; width:auto;} .sessionDiv div{display: inline-block; width:100%;} #commercial_playlist_test{position: relative; top:auto; left:auto; width:100% !important; height: auto } #tele-container{background: none; height: auto !important; width:auto;} /* framework */ .container_16 { width: 100%; } .container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 { width: auto; margin-left: 0; margin-right: 0; margin-bottom: 0; display: block; float: none; position: initial; } .interiorContainer .grid_1, .interiorContainer .grid_2, .interiorContainer .grid_3, .interiorContainer .grid_4, .interiorContainer .grid_5, .interiorContainer .grid_6, .interiorContainer .grid_7, .interiorContainer .grid_8, .interiorContainer .grid_9, .interiorContainer .grid_10, .interiorContainer .grid_11, .interiorContainer .grid_12, .interiorContainer .grid_13, .interiorContainer .grid_14, .interiorContainer .grid_15, .interiorContainer .grid_16 { padding: 0 10px; } .visible-mobile { display: block; } .visible-desktop { display: none; } /* disabled -> kept removing table when in mobile view KW */ /* .hide-default { display: none; } */ /* master */ .head-relative { position: relative; } .shadowContainer { width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; border: none; } .headerLogo { float: none; margin: 0; padding: 10px; text-align: center; } .mobile-courtesy-nav { margin: 0 0 5px 0; text-align: center; } .dropdown.locations-dropdown, .dropdown.search-dropdown { position: absolute; top: auto; bottom: -64px; right: auto; width: 100%; text-align: center; z-index: 4000; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .head-main { position: relative; } .input-container { width: 210px; margin: 0 auto; } .login-box { position: relative; top: auto; width: auto; right: auto; left: auto; clear: both; } .login-box .login-dropdown { height: auto; } .login-box.expanded .login-dropdown { background: #fff none; } .login-dropdown .inner { padding: 10px; } .login-dropdowns select { width: 99%; } .login-dropdowns select#otherBanking { margin-bottom: 0; } .login-fields input { width: 95%; padding: 8px 5px; } .login-fields { text-align: center; } .login-fields label { text-align: left; } .login-buttons { text-align: center; } .login-buttons input { background-position: 35% 5px; } .login-checkboxes { margin-bottom: 0; } .login-box.togglable .login-dropdown { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .first-time-container { float: left; width: 48%; } .forgot-container { float: right; text-align: right; width: 48%; } .headerTabNav { padding-left: 0; } .headerTabNav ul { height: auto; text-align: center; height: 35px; width: 342px; margin: 0 auto; } .headerTabNav img { display: none; } .headerTabNav ul li .tab-text { position: relative; top: auto; left: auto; text-align: center; width: auto; text-transform: none; font-size: 14px; line-height: 13px; letter-spacing: -1px; height: 100%; } .headerTabNav ul > li { background: #f1c064; width: 42px; padding: 5px; margin: 0 0 0 2px; width: 73px; display: block; float: left; height: 25px; } .headerTabNav ul > li:nth-child(1).active-item { background: #fee3ac url(/images/tab_arrow_right.png) no-repeat top 15px right 15px; } .headerTabNav ul > li:nth-child(2).active-item { background: #fee3ac url(/images/tab_arrow_right.png) no-repeat top 8px right 13px; } .headerTabNav ul > li:nth-child(3).active-item { background: #fee3ac url(/images/tab_arrow_right.png) no-repeat top 8px right 13px; } .headerTabNav ul > li:nth-child(4).active-item { background: #fee3ac url(/images/tab_arrow_right.png) no-repeat top 15px right 1px; } .headerTabNav ul > li:nth-child(1).active-item.expanded { background: #fee3ac url(/images/tab_arrow_down.png) no-repeat top 15px right 15px; } .headerTabNav ul > li:nth-child(2).active-item.expanded { background: #fee3ac url(/images/tab_arrow_down.png) no-repeat top 8px right 13px; } .headerTabNav ul > li:nth-child(3).active-item.expanded { background: #fee3ac url(/images/tab_arrow_down.png) no-repeat top 8px right 13px; } .headerTabNav ul > li:nth-child(4).active-item.expanded { background: #fee3ac url(/images/tab_arrow_down.png) no-repeat top 15px right 1px; } .headerTabNav ul > li:first-child { margin-left: 0; border-top-left-radius: 4px; } .headerTabNav ul > li:first-child .tab-text { padding-top: 7px; } .headerTabNav ul > li:last-child { border-top-right-radius: 4px; } .headerTabNav ul > li:last-child .tab-text { padding-top: 7px; } .headerTabNav ul > li a { height: 100%; } .header-button, .header-button.search-button, .header-button.login-button { margin: 0; font-family: 'cetanormal', Arial, Helvetica, Sans-Serif; padding: 12px 17px 12px 32px; background-position: 13px 10px; } .nav { height: auto; } #mainDropDownNav li { float: none; background: #fee3ac none; border-bottom: 1px solid #e2ca99; } #mainDropDownNav li:hover, #mainDropDownNav li.sfhover { background: transparent none; } #mainDropDownNav li:hover span, #mainDropDownNav li.sfhover span { background: transparent none; } #mainDropDownNav a { font-family: 'cetamedium', Arial, Helvetica, Sans-Serif; font-size: 16px; line-height: 16px; margin: 0; padding: 12px 14px; display: block; height: auto; } #mainDropDownNav a span { padding: 0; } #mainDropDownNav li ul { position: relative; left: auto; margin-left: 0; z-index: auto; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottom-right: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #mainDropDownNav li ul a { font-size: 16px; height: auto; margin: 0; line-height: 16px; padding: 12px 14px; } #mainDropDownNav li a:hover { text-decoration: underline; color: #B23427; } #mainDropDownNav li li { background: #fef1d5; border-top: 1px solid #f7d89c; border-bottom: 0; } #mainDropDownNav li.expandable ul { display: none; } #mainDropDownNav li.expandable { background: #fee3ac url(/images/arrow_right.png) no-repeat top 15px right 10px; } #mainDropDownNav li.expandable.expanded { background: #fee3ac url(/images/arrow_down.png) no-repeat top 17px right 10px; } #mainDropDownNav .hidden-on-load-mobile { display: none; } /* home */ .home-banner, .home-carousel { background: #fee3ac; padding: 5px; margin-top: 0; } .home-banner, .home-carousel ul li:first-child .color-button { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .home-banner, .home-carousel ul li:nth-child(3) .color-button { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottom-right: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .home-overlay { display: none; } .home-banner .caption-overlay, .slides .caption-overlay{ position: relative; top: auto; left: auto; width: auto; background: none; padding: 0; } .home-banner .image-text, .home-banner .image-button, .slides .image-text, .slides .image-button { position: absolute; } .home-banner .image-text, .slides .image-text { top: 15px; left: 15px; font-size: 24px; line-height: 28px; } .home-banner img, .slides img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .home-banner .image-text, .home-banner .image-button, .slides .image-text, .slides .image-button { top: 20px; left: 25px; width: 225px; } .home-banner .image-button, .slides .image-button { top: auto; bottom: auto; left: auto; margin-top: 0; position: relative; width: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; } .home-banner .image-button .image-button-text, .slides .image-button .image-button-text { font-size: 16px; line-height: 16px; } .home-section-container { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .home-section-container.column-one { margin-left: 0; float: none; } .home-section-container.column-two { margin-right: 0; float: none; } .home-carousel ul li { float: none; width: auto; } .home-carousel ul li:nth-child(n+4) { display: none; } .color-button a { height: auto; text-shadow: -1px -1px 0 rgba(0,0,0,.2); } .color-button.yellow a { text-shadow: -1px -1px 0 rgba(255,255,255,.2); } .home-section-containers { margin: 0 0 1px 0; } .color-button.green { background: #7e892d none; background: -moz-linear-gradient(top, #97a136 0%, #8c9632 49%, #76822a 100%); background: -webkit-linear-gradient(top, #97a136 0%,#8c9632 49%,#76822a 100%); background: -o-linear-gradient(top, #97a136 0%,#8c9632 49%,#76822a 100%); } .color-button.green a { background: transparent url(../images/arrow_white.png) no-repeat bottom 50% right 10px; } .color-button.blue { background: #849aaf none; background: -moz-linear-gradient(top, #9db6c6 0%, #91adbf 49%, #7d9fb4 100%); background: -webkit-linear-gradient(top, #9db6c6 0%,#91adbf 49%,#7d9fb4 100%); background: -o-linear-gradient(top, #9db6c6 0%,#91adbf 49%,#7d9fb4 100%); } .color-button.blue a { background: transparent url(../images/arrow_white.png) no-repeat bottom 50% right 10px; } .color-button.red { background: #B23427 none; background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); } .color-button.red a { background: transparent url(../images/arrow_white.png) no-repeat bottom 50% right 10px; } .color-button.yellow { background: #ffd686 none; background: -moz-linear-gradient(top, #ffecc6 0%, #fee7b9 49%, #ffe2aa 100%); background: -webkit-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); background: -o-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); } .color-button.yellow a { background: transparent url(../images/arrow_brown.png) no-repeat bottom 50% right 10px; } .color-button.orange { background: #cc7a21 none; background: -moz-linear-gradient(top, #d69228 0%, #d28725 49%, #c9731f 100%); background: -webkit-linear-gradient(top, #d69228 0%,#d28725 49%,#c9731f 100%); background: -o-linear-gradient(top, #d69228 0%,#d28725 49%,#c9731f 100%); } .color-button.orange a { background: transparent url(../images/arrow_white.png) no-repeat bottom 50% right 10px; } /* interior */ /*extra*/ #responsive_header img {max-width: 100%; height: auto;} .container_16 .grid_12.interior-main { padding: 0 15px; } .content-buffer { margin: 0 15px; } .interiorContainer a.wide-button { padding: 10px 0; width: 100%; } .recaptchatable #recaptcha_image { margin: 0 !important; width: 200px !important; } .interiorContainer #recaptcha_widget_div { max-width: 100%; overflow: hidden; } .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptcha_r2_c2 { background: none !important; } .interiorContainer input, .interiorContainer select { max-width: 70%; } .interiorContainer .design_mode_entry { max-width: 100%; overflow: hidden; } /* cnbu */ .tableShadedHead th, .tableShadedHead td { padding: 5px 3px; height: auto; word-break:break-word;} /* locations */ .interior-zip-search { margin-top: 0; } .interior-zip-search .input-container { width: 100%; } .all-locations { margin-bottom: 20px; } .mortgage-company-list, .wealth-strategies-list { width: 100%; } .address-info-container { width: 200px; } .address-info-left { width: 100%; float: none; margin-bottom: 20px; } .address-info-right { width: 100%; float: none; } #nuGMap { height: 300px !important; } .interiorContainer ul.branch-services li { display: block; margin: 0 0 5px 0; } /* general styles */ .calloutGreen3 .cg3Right { width: auto; float: none; } .calloutGreen3 .cg3Left { width: auto; float: none; } .dotted-border-table-replacement .table-row .table-column.learn-more { width: 3%; } .dotted-border-table-replacement .table-row .table-column.learn-more a { display: none; } .dotted-border-table-replacement .table-row .table-column.feature { width: 50%; } .dotted-border-table-replacement .table-row .table-column.feature .second-line { display: block; } .interior-main .top-banner img { width: 100%; } .docBullet ul li { margin-bottom: 0; } .color-button { margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: left; } .color-button .line-one { margin-bottom: 0; text-decoration: none; font-size: 14px; line-height: 14px; } .color-button .line-two { font-size: 20px; line-height: 20px; } .color-button a { padding: 10px 35px 10px 15px; } /* negative margin stretches */ .calloutGreen3, .top-banner, .dotted-border-table-replacement { margin: 0 -10px 15px -10px; width: auto; } .mobile-footer { background: #ffe2aa; margin-top: 1px; border-top: 7px solid #fee8bd; } .mobile-footer-inner { padding: 15px 15px 0 15px; } .mobile-footer-inner .footer-left { float: left; width: 45%; } .mobile-footer-inner .footer-right { float: right; width: 45%; } .mobile-footer-inner p { margin-bottom: 5px; } .mobile-footer-inner a { color: #58595B; text-decoration: none; } .mobile-footer-inner a.security-alerts { color: #B23427; } .sub-mobile-footer { margin: 0 15px 15px 15px; } .sub-mobile-footer p { margin: 0; padding: 0; } /* spotlight */ .spotlight-container { padding: 0 10px; width: auto; margin: 0; } .spotlight-container .spotlight-items li { margin: 0 0 20px 0; padding: 0; width: auto; } .spotlight-container .spotlight-items li .headline-image { margin: 0 0 20px 0; } .spotlight-container .spotlight-image { margin: 20px 0; } .spotlight-container .spotlight-items { margin: 0; background: transparent none; } /* community */ /*.community-container { padding: 0 10px; width: auto; margin: 10px 0; } */ .community-container { width: auto; } .community-container .community-main .left-side { width: auto; float: none; } .community-container .community-main .right-side { width: auto; float: none; padding: 0; text-align: center; margin-top: 20px; } .community-container .community-statement { margin: 20px -10px; height: auto; } .community-statement div, .community-statement p { float: none !important; width: auto !important; } .community-container .community-features { clear: both; } .community-container.landing-2962 .community-main .community-statement { height: auto; } .community-container .community-features .feature-image, .community-container .community-features .feature-copy { float: none; width: auto; } .community-container .community-features .feature-image { margin-bottom: 20px; text-align: center; } .community-container .flex-caption { padding: 10px; } .community-container .flex-control-nav { position: relative; text-align: center; width: 100%; bottom: auto; left: auto; } .community-feature-mod {padding: 0 10px !important; margin: 10px 0 !important;} .community-statement-mod {margin-top: 0px !important;} /* green bordered table replacement */ .green-table-replacement { margin: 0 0 20px 0; border: none; } .green-table-replacement .green-table-row { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #CCC; } .green-table-replacement .green-table-row .green-table-column { float: none; padding: 0; margin: 0; } .green-table-replacement .green-table-row .green-table-column a { color: #000; } .green-table-replacement .green-table-row .green-table-column.name-column { width: auto; } .green-table-replacement .green-table-row .green-table-column.title-column { width: auto; border-left: none; border-right: none; } .green-table-replacement .green-table-row .green-table-column.email-column { width: auto; float: none; } .green-table-replacement .green-table-row.header-row { display: none; } .green-table-replacement .green-table-row .green-table-column span.visible-mobile { width: 35px; display: inline-block; margin-right: 10px; font-family: 'cetabold', Arial, sans-serif; } .interiorContainer .grid_4.employee-index { display: none; } .employeePicture, .employee-detail { padding: 0 !important; } .employee-detail { margin-top: 10px; } .employee-search input, .employee-search select { display: block; width: 100%; margin: 5px 0 0 0; } .employee-search select { width: 100%; background: #fddb9a url(/images/orange_down_arrow.png) no-repeat center right; background-position: top 50% right 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #f8bf64; color: #6b6b6b; font-size: 12px; font-family: 'cetamedium', Arial, sans-serif; padding: 14px 0; -webkit-appearance: none; font-size: 14px; line-height: 14px; } .employee-search input[type=text] { padding: 10px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'cetamedium', Arial, sans-serif; font-size: 17px; line-height: 17px; color: #6b6b6b; background: #fee3ac; border: 1px solid #c4c4c4; } .employee-search input[type=submit] { border: 1px solid #6f2a16; font-size: 18px; line-height: 18px; padding: 10px; -moz-text-shadow: 0 0 3px rgba(0,0,0,.4); -webkit-text-shadow: 0 0 3px rgba(0,0,0,.4); text-shadow: 0 0 3px rgba(0,0,0,.4); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; background: #e1523e; /* Old browsers */ background: -moz-linear-gradient(top, #e1523e 0%, #c3392b 49%, #91261d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1523e), color-stop(49%,#c3392b), color-stop(100%,#91261d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1523e 0%,#c3392b 49%,#91261d 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1523e 0%,#c3392b 49%,#91261d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1523e', endColorstr='#91261d',GradientType=0 ); /* IE6-9 */ font-family: 'cetabold', Arial, sans-serif; color: #fff; text-decoration: none; } /* cnbu / news */ .green-table-replacement.standard-grid .green-table-row { margin: 0; padding: 10px; border-bottom: 1px solid #fff; background: #ffd686 none; background: -moz-linear-gradient(top, #ffecc6 0%, #fee7b9 49%, #ffe2aa 100%); background: -webkit-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); background: -o-linear-gradient(top, #ffecc6 0%,#fee7b9 49%,#ffe2aa 100%); } .green-table-replacement.standard-grid .green-table-row .green-table-column.title-column { width: auto; float: none; } .green-table-replacement.standard-grid .green-table-row .green-table-column.date-column { width: 27%; float: right; font-size: 12px; line-height: 12px; text-align: right; } .green-table-replacement.standard-grid .green-table-row .green-table-column { font-size: 14px; } .green-table-replacement.standard-grid .green-table-row .green-table-column a { color: #000; } .green-table-replacement.standard-grid .green-table-row .green-table-column .item-summary { margin-top: 10px; } /* responsive table */ table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable table { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } /* cnb tv */ .cnb-tv .left-side { width: 100%; } .cnb-tv .right-side { width: 100%; float: none; } .share-fix{margin-right:10px;} .ira-service-center-feature {width: 100%;} /* Kurbell Worksew */ .tableShadedHead {width: auto; table-layout: fixed; display: flex;} .tableShadedHead th {width: 40%;} .tableShadedHead img {max-width: 80%; height: auto;} .tableFont{font-size: 11px;} .servicesContainer { width: auto; height: auto; max-height: 100px; margin-right: 4px; margin-bottom: 5px; } .cg3Left{ width: auto !important; } .services { width: auto; margin-right:auto; margin-top:15px; } .payBillBtn { display: block; margin: 10px; } .servicesSpacing { display: block; } .openOnlineTableBtn { padding-left: 5px !important; padding-right: 5px !important; } .servicesContent{ width: auto; max-width: initial; margin-left: 5px; display: inline-block; } .mobileServicesContent{ text-align: center; } .mobileServicesImg{ display: block; text-align: center; margin-bottom: 10px; } .mobileServicesBtn{ text-align: center; margin-bottom: 10px; } .openAccountLeftSide { display: block; margin: auto; padding: auto; border: none; text-align: left; } .openAccountRightSide{ text-align: left; display: block; } } /* Economic Commentary Articles - Tables */ table.econ-comm {background-color:#DDDDDD;} table.econ-comm, .econ-comm td, .econ-comm th {border: 1px solid #999999; border-collapse: collapse;} .econ-comm tbody {border: 1px solid #999999; display:block} .econ-comm td, .econ-comm th {text-align:center; padding:4px;} /* Form Styles */ .design_list_vertical li, .design_list_horizontal li {margin-left:0px;padding-left:0px;} div.fRow {clear:both; min-height:10px;} label.fLabel {width:200px; float: left;} .fBody label {width:200px; float: left;} .fBody li label {width:auto; float:none; font-weight:normal;} .fInput {float:left;} div.sectionLabel {background-color: rgb(173, 216, 230);font-size: 12pt; padding:3px; font-weight:bold; margin-bottom:10px;} fieldset legend { font-size:12px; font-weight:normal;} fieldset.fieldGroup legend { font-weight: bold; } fieldset.fieldSingle legend {width:200px; float: left; font-weight:normal;} fieldset.fieldSingle {margin-bottom:0px;} .design_view_button{ display:none; } @media (max-width: 767px) and (orientation:landscape) { #nuGMap { height: 200px !important; } } /* community template image caption wrapping when link present - fix */ .flex-caption a {display:inline;} /* WCAG, ADA */ div.ADA-hidden, legend.ADA-hidden { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } /* FAQ test alt headline color */ a.cd-faq-trigger h2 {color: black} /* Customer Support Page - icon grid and FAQv0 styles */ .icon-grid {text-align:center} .icon-grid-cell {padding: 10px; width: 205px; margin-right: 8px; float: left; background-color: rgb(225, 225, 225); margin-bottom:8px; border-radius:8px;} .icon-grid-cell p {font-size: 12px; font-weight: bold; margin-top: 8px;} div.question { padding-left: 10px; background: transparent url('/images/arrow-blue.png') no-repeat left; } div.question-answer { padding-left: 10px; background: transparent url('/images/arrow-blue-down.png') no-repeat left; } div.question a, div.question-answer a {text-decoration: none; color:black; } div.question a:hover, div.question-answer:hover {text-decoration:underline; } div.answer { padding-left:10px; display: none; } div.faqv0-block {padding: 10px; border: 1px solid rgb(153, 153, 153); max-width: 905px; margin-bottom: 10px;} .faqv0-block h3 a {color:black} .faqv0-block img {width:100%; height:auto;} /* 3/14/16 carousel banner with icon change */ .color-button.has-carousel-icon a { display: block; color: #fff; text-decoration: none; padding: 15px 5px 30px 5px; overflow: hidden; } .color-button.has-carousel-icon .line-two{ display: none; } .bx-wrapper img.carousel-icon-lg{ margin:auto; } .bx-wrapper img.carousel-icon-sm{ display:none; } /*TABS*/ #tabs-container .table-column.feature{ padding-right: 0; } #tabs-container .color-button-sm.blue{ min-width: 200px; } #tabs-container .dotted-border-table-replacement .table-row .table-column.feature { float: none; width: auto; } #tabs-container:after { content: ""; display: table; clear: both; } #tabs-container ul.tabs-menu { color: #F6F9F9; margin-left: 50px; width: 700px; } #tabs-container li a { color: #666; padding: 8px 16px; } #tabs-container li { margin: 0; padding: 0; display: table-cell; border: 1px solid; white-space: nowrap; min-width: 100px; text-align: center; background: #eee; } #tabs-container li:first-child { border-radius: 6px 0 0 6px; } #tabs-container li:last-child { border-radius: 0 6px 6px 0; width: 25%; } #tabs-container li:last-child a { padding: 8px 64px; } #tabs-container li.current { background: #626D6D; color: #000000; } #tabs-container li.current a { color: #ffffff; } #tabs-container .tab-content{ box-sizing: border-box; } #tabs-container .dotted-border-table-replacement{ width: 100%; } #tabs-container ,#terms-container{ display: none; } #tabs-container.tabs-container--show{ display: block; margin-left: 60px; margin-top: 60px; width: 750px; } #terms-container .terms-content{ position: fixed; top: 50%; margin-top: -300px; height: 600px; overflow-y: scroll; width: 480px; left: 50%; margin-left: -240px; transition: all 600ms ease-in-out; opacity: 0; padding: 20px; box-sizing: border-box; background-color: #f8f8f8; box-shadow: 2px 2px 8px rgba(0,0,0,0.4); border-radius:4px; z-index: 4001; border: 10px solid #f8f8f8; } #terms-container .terms-content .modal-button{ color: white; padding: 8px; } #terms-container:after { content: ""; position: fixed; top: 0; opacity: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 4000; pointer-events: none; transition: all 600ms ease-in-out; } #terms-container.terms-container--open:after { opacity: 1; transition: all 600ms ease-in-out; } #terms-container.terms-container--open .terms-content{ transition: all 600ms ease-in-out; opacity: 1; } @media (max-width:767px) { .faq-list{width:auto;float:none; margin-right:0px} .faq-section{width:auto;} .color-button.has-carousel-icon { position:relative; } .color-button.has-carousel-icon a { padding: 10px 35px 10px 15px; } .color-button.has-carousel-icon .line-two{ display: block; } .color-button.has-carousel-icon .line-two, .color-button.has-carousel-icon .line-one{ margin-left:40px; } img.carousel-icon-lg{ display:none; } img.carousel-icon-sm{ margin:auto; position: absolute; left:5px; top:10px; } #tabs-container .tab-content { width: 100%; } #tabs-container li { min-width: 0; } #terms-container .terms-content{ width: 314px; left: 0; top: 0; height: 314px; margin-left: 0; margin:3px; } /*added for slide up and down of Debit Cuttomize page FAQ,s*/ .container_FAQ { width: 100%; } .container_FAQ div { width: 100%; } .container_FAQ .hea { padding: 5px; cursor: pointer; font-weight: bold; } .container_FAQ .content { display: none; } } #moz_webkit_column { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-width: 14em; -webkit-column-width: 14em; column-width: 14em; -moz-column-gap: 5em; -webkit-column-gap: 5em; column-gap: 5em; } .read-more-state { display: none; } .read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .30s ease; } .margin_class ul.read-more-wrap li { margin: 0 0 0 0px; } .margin_class ul.read-more-wrap li.read-more-target { margin: 0 0 0 0px; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state ~ .read-more-trigger:before { content: 'More benefits'; } .read-more-state:checked ~ .read-more-trigger:before { content: 'Close'; } .read-more-trigger { cursor: pointer; display: inline-block; color: #8B0000; font-size: 100%; margin-left: 3px; padding: 2 2 2 2em; text-decoration: underline; text-decoration-color: #8B0000; -moz-text-decoration-color: #8B0000; } .read-more-state ~ .read-more-trigger_span:before { content: '+'; } .read-more-state:checked ~ .read-more-trigger_span:before { content: ''; } .read-more-trigger_span { cursor: pointer; display: inline-block; color: #8B0000; font-size: 100%; text-decoration-color: #8B0000; -moz-text-decoration-color: #8B0000; } .read-more-trigger:hover { color: #0B0000; text-decoration: underline; text-decoration-color: #8B0000; -moz-text-decoration-color: #8B0000; } .yo:hover { text-decoration: underline; } .yo1:hover { text-decoration: underline; } .yo2:hover { text-decoration: underline; } .yo3:hover { text-decoration: underline; } .yo4:hover { text-decoration: underline; } .yo5:hover { text-decoration: underline; } .yo6:hover { text-decoration: underline; } .yo7:hover { text-decoration: underline; } .yo8:hover { text-decoration: underline; } .yo9:hover { text-decoration: underline; } .yo10:hover { text-decoration: underline; } .yo11:hover { text-decoration: underline; } .yo12:hover { text-decoration: underline; } .yo13:hover { text-decoration: underline; } .yo14:hover { text-decoration: underline; } .yo15:hover { text-decoration: underline; } .yo16:hover { text-decoration: underline; } .yo17:hover { text-decoration: underline; } .yo18:hover { text-decoration: underline; } .compare_hover:hover{ text-decoration: underline; color: #B23427 !important; cursor: pointer; } #span_compare_button:hover { cursor: pointer; } .make_responsive { margin: 0px auto; width: 700px; } .new_responsive { width: 100%; } .no_display { display: none; } .expand_out { transition: all .2s ease-in-out; } .expand_out:hover { transform: scale(1.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: #B32017; } .expand_out1 { transition: all .2s ease-in-out; } .expand_out1:hover { transform: scale(1.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: #9A9A9A; } .expand_out2 { transition: all .2s ease-in-out; } .expand_out2:hover { transform: scale(1.1); /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ /*background-color: #B32017;*/ } .expand_out3 { transform: rotate(0deg); transition: all .5s ease-in-out; } .expand_out3:hover { transform: rotate(360deg); transition: all 1s ease-in-out; /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ /*background-color: #B32017;*/ /*animation-name: rotator; animation-duration: 500ms; animation-iteration-count: 1; animation-timing-function: ease-out;*/ } .expand_out4 { transition: all .2s ease; } .expand_out4:hover { transform: scale(1.2); /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ /*background-color: #ffffff;*/ color: #B32017; } .super_script { vertical-align: super; font-size: 40%; } .center_div { margin: 0 auto; width: 97%; } #optimum_toggle h3 strong:hover{color : #b23427; } #optimum_toggle { width: 700px; } #optimum_toggle1 { width: 700px; } #optimum_toggle2 { width: 700px; } select.decorated option:hover { box-shadow: 0 0 10px 100px #003F87 inset; } select.decorated option:checked { box-shadow: 0 0 10px 100px #003F87 inset; } select#otherBanking option:hover { box-shadow: 0 0 10px 100px #003F87 inset; } select#otherBanking option:checked { box-shadow: 0 0 10px 100px #003F87 inset; } :focus { /*box-shadow: 0 0 10px rgba(194, 194, 194, 1);*/ } iframe:focus { box-shadow: 0 0 10px rgba(194, 194, 194, 1); } input:focus { border: 1px dotted rgba(193, 193, 193, 1); } div.calculator_div{ background-color: rgb(211,211,211); } div.chart_div { background-color: rgb(211,211,211); } div.contact_div { background-color: rgb(211,211,211); } div.calculator_div:hover { background-color: #B32017; color: white; } div.chart_div:hover { background-color: #B32017; color: white; } div.contact_div:hover { background-color: #B32017; color: white; } img.calc_img_2 { display: none; } div.calculator_div:hover img.calc_img_2 { display: inline; } div.calculator_div:hover img.calc_img_1 { display: none; } img.chart_img_2 { display: none; } div.chart_div:hover img.chart_img_2 { display: inline; } div.chart_div:hover img.chart_img_1 { display: none; } img.contact_img_2 { display: none; } div.contact_div:hover img.contact_img_2 { display: inline; } div.contact_div:hover img.contact_img_1 { display: none; } .modal_iframe { -webkit-overflow-scrolling: touch !important; overflow: auto !important; display: none; position: fixed; z-index: 1; padding-top: 100px; padding-left: 33%; padding-right: 800px; padding-bottom: 550px; left: 0; top: 0; width: 45%; height: 600px !important; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); /*-webkit-animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-name: fadeIn; animation-duration: 0.4s; margin: 0 auto;*/ } .modal_iframe1{ width: 80% ; height: 90%; } .modal_iframe_content { position: fixed; z-index: 1; background-color: #fefefe; width: 50%; height: 70%; border: 1px solid #888; /*-webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s;*/ } .close{ color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } select::-ms-expand { display: none; } @font-face{ font-family: 'Merriweather'; src: url(/CSS/Merriweather-Regular.ttf) ; } #message-cont{background:white; z-index:10000; top:350px;left:50% ;margin-left: -175px;width:350px; border:black solid 1px;} #message-close{float:right; cursor:pointer;} #message-cont p{margin:10px;} #browser-message{} #message-interior img{float:left;} #error-message{display:none;} .bx-wrapper .bx-caption span { font-size: 14px !important;} #header-fixed{position: fixed; top:0px; display: none;background-color: white;} #header-fixed td{border: 2px solid #ebebeb; padding:5px 20px 5px 20px;} #header-fixed tbody .sticky td{width:190px;} #header-fixed tbody .sticky td .visible-desktop span.color-button-sm.red{width:190px !important;} @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none){ .login-dropdowns select{padding: 2px;} }