body { font: 85%/1.4em Arial,Helvetica,sans-serif; } h1#page-heading { margin-bottom: 0.4em; } .head1 { font-size: 2.5em !important; } .wrapper { margin: 0 auto ; } .row { margin-top:1.5em; } .container .column, .container .columns { margin-right: 1%; margin-left: 1%; } .columns + .columns { margin-top: 0; } .container .alpha { margin-right: 1%; margin-left: 0; } .container .omega { margin-right: 0; margin-left: 1%; } .container .alpha.omega { margin-right: 0; margin-left: 0; } .container .one { width:6.333%; } .container .two { width:14.667%; } .container .three { width:23.0%; } .container .four { width:31.333%; } .container .five { width:39.667%; } .container .six { width:48.0%; } .container .seven { width:56.333%; } .container .eight { width:64.667%; } .container .nine { width:73.0%; } .container .ten { width:81.333%; } .container .eleven { width:89.667%; } .container .twelve { width:98.0%; } .container .offset-by-one { padding-left:8.333%; } .container .offset-by-two { padding-left:16.667%; } .container .offset-by-three { padding-left:25.0%; } .container .offset-by-four { padding-left:33.333%; } .container .offset-by-five { padding-left:41.667%; } .container .offset-by-six { padding-left:50.0%; } .container .offset-by-seven { padding-left:58.333%; } .container .offset-by-eight { padding-left:66.667%; } .container .offset-by-nine { padding-left:75.0%; } .container .offset-by-ten { padding-left:83.333%; } .container .offset-by-eleven { padding-left:91.667%; } .rail { background: #fff url('https://images.capitalone360.com/home/rule_grey.png') no-repeat 0 0; padding: 0 0 0 4% !important; margin-left:4% !important; min-height: 372px; border-top:0px; background-size:auto } span.whitebutton a, span.whitebutton a:visited, span.whitebutton a:active, span.whitebutton a:hover { display: inline; padding: 10px; } span.buttongreen a, span.buttongreen a:visited, span.buttongreen a:active, span.buttongreen a:hover { display: inline; padding: 10px; } span.buttonblue a, span.buttonblue a:visited, span.buttonblue a:active, span.buttonblue a:hover { display: inline; padding: 10px; } a.ctaButton, a.ctaButton:hover, a.ctaButton:focus, a.buttongreen, a.buttongreen:hover, a.buttongreen:focus, a.buttonblue, a.buttonblue:hover, a.buttonblue:focus {font-size:115%;} button.ctaButton, button.ctaButton:hover, button.ctaButton:focus, button.buttongreen, button.buttongreen:hover, button.buttongreen:focus, button.buttonblue, button.buttonblue:hover, button.buttonblue:focus {font-size:115%;} a.orangebutton, a.orangebutton:hover, a.orangebutton:focus {font-size:115%;} #compact-mm{display: none; visibility: hidden;} #header #compact-links li a{font-size: 1.2em;} #rNavigation {display:none !important;} #megamenu li.category a {background:url(https://images.capitalone360.com/images/mdd-background-sprite-2x.png?v=1397957) no-repeat; border:0; padding:0; background-position:0 0; display:block; height:45px; width:162px; overflow: hidden; background-size: 447px;} #megamenu{left:220px;position:absolute;top:14px;display:block;margin:16px 0;padding:0 0 0 40px;} #megamenu li.category{display:block;float:left;} *:first-child+html #megamenu li.category{font-size: 0;} #megamenu li.category a:focus{outline-offset:-3px; outline:1px dotted !important;} #megamenu li.category .megasub a {padding:5px 0;} #megamenu li a#myaccounts, #megamenu li a#products, #megamenu li a#tools {color:#003a6f; font-size:24px; text-decoration:none; text-indent:10px; line-height:40px; font-family: "TradeGothicBoldCn";} #megamenu li a#myaccounts{position:relative;top:1px} #megamenu li a#products{background-position:-162px 0;width:131px;position:relative;top:1px;margin-left:2px;letter-spacing:.01em;} #megamenu li a#tools{background-position:-291px 0;width:156px;position:relative;top:1px} #megamenu li a#myaccounts:hover, #megamenu li.on a#myaccounts{background-position:0 -45px} #megamenu li a#products:hover, .product #megamenu li a#products, #megamenu li.on a#products{background-position:-162px -45px} #megamenu li a#tools:hover, .helpPage #megamenu li a#tools{background-position:-291px -45px} #megamenu li.mm-myaccounts a.mm-active{background-position:0 -90px!important;z-index:999} #megamenu li.mm-products a.mm-active{background-position:-162px -90px!important;z-index:999} #megamenu li.mm-tools a.mm-active{background-position:-291px -90px!important;z-index:999} #megamenu li.category div.megasub{background-position:0 -120px;display:none;left:-11px;position:absolute;text-indent:0;z-index:16;background:#f0f0f0;border:1px solid #a9a9a9;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);-moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.50);padding:15px 0 5px;} #megamenu li.category div.mega-trans{width:477px;padding-top:0!important} #megamenu li.category a .redTriangle { display: block; position: absolute; right: 14px; top: 4px; font-size: 10px; color: #a12830; } #megamenu li.mm-products div.megasub{height:auto;left:126px;width:400px;padding-top:0} #megamenu li.biz-unauth div.megasub{height:auto;left:136px;width:225px;padding-top:0} #megamenu li.mm-tools div.megasub{height:auto;left:175px;width:400px;padding-top:0} .megasub strong, .megasub h2 {display:block;border-bottom:1px solid #ccc;color:#333;font-size:11px;font-weight:700;margin:12px 0 0;padding:0 0 3px;text-indent:7px;width:175px} .megasub ul{list-style:none;margin:0;padding:0} .megasub .grouping{float:left;padding:10px 0 20px 15px!important;} .megasub .int-group, .megasub .tx-down {margin:-8px 12px 12px!important; padding: 6px !important; } .megasub .clear{clear:both} #megamenu .megasub ul li{ height:auto; line-height:23px; text-indent:7px; width:177px; margin:0; padding:0 } #megamenu .megasub ul li:focus,#megamenu .megasub ul li:hover{background:#d8e3f0} #megamenu .megasub ul li a:focus{background:#d8e3f0!important; outline:0px !important} #megamenu .megasub a{background:none!important;color:#003a6f;font-size:14px;height:auto!important;text-decoration:none;width:auto!important;display:inline-block} #megamenu .mm-myaccounts .megasub strong,#megamenu .mm-myaccounts .megasub ul li{width:230px} #megamenu .megasub ul li.view-all{margin-top:10px;} #megamenu li.category .mega-trans strong,#megamenu li.category .mega-trans ul li{width:170px} #megamenu li.category .mega-trans .acct-list strong,#megamenu li.category .mega-trans .acct-list ul li{width:260px} .mega-trans .grouping {margin:-7px 0 0 0 !important} .mega-trans .acct-list {margin: 0 10px 0 20px} .static div.mega-trans .middle {margin:15px 0 0 2px} .home #main {position:relative;z-index:15;} #compact-tertiary { display: none; } .iframe-login .mm-myaccounts .middle {float:left;width:375px;} .iframe-login #mm-login {display:none} .iframe-login #loading {position:relative;left:165px;top:90px;height:208px;} #breadcrumb_navigation { display:none } #tabs_navigation{position:relative;top:0;width:auto; margin: 0 3%; z-index:9 !important; margin-top:10px; } #tabs_navigation ul li{display:inline;float:left;position:relative;padding:0;margin:0} #tabs_navigation .primary_tab{z-index:105 !important;} #tabs_navigation ul.primaryNavigation li a.on span, #tabs_navigation ul.primaryNavigation li a span {font-weight:bold !important;} #tabs_navigation ul.primaryNavigation li a .smallTriangle { color: #666666; position: absolute; right: 13px; top: 12px; display: block; font-size: 5px; } #tabs_navigation ul.primaryNavigation li a.on .smallTriangle { color: #ffffff; } #tabs_navigation ul.primaryNavigation li a:hover .smallTriangle { color: #005288; } #tabs_navigation ul.primaryNavigation li a.on:hover .smallTriangle, #tabs_navigation ul.primaryNavigation li a.on.selectedTabLeft .smallTriangle { color: #005288; } #tabs_navigation ul.primaryNavigation ul{border-radius:0 6px 6px 6px;color:#003a6f;display:none;clear:both;list-style-type:none;position:absolute;width:185px;top:16px;z-index:104 !important;margin:26px 0 0;padding:0; border: 1px solid #999; background-color:#e7eaee; -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2); } #tabs_navigation ul.primaryNavigation ul li{clear:both;display:block;float:left;list-style-type:none;white-space:nowrap;width:100%;background:none;margin:0;padding:0;} #tabs_navigation ul.primaryNavigation ul li.first a{ border-radius: 0 6px 0 0; } #tabs_navigation ul.primaryNavigation ul li.last,#tabs_navigation ul.primaryNavigation ul li:hover.last{background:none;height:13px;border:none !important;} #tabs_navigation ul.primaryNavigation ul li a,ul.mega ul li a:visited,ul.mega ul li a:active,ul.mega ul li a:hover{background:none;color:#003a6f;display:block;height:39px;line-height:39px;text-indent:9px;width:100%;margin:0;padding:0;font-weight:bold;} #tabs_navigation ul.primaryNavigation ul li a:hover{background:#d8e3f0;} #tabs_navigation ul.primaryNavigation ul li a.lastm,#tabs_navigation ul.primaryNavigation ul li a.lastm:active,ul.mega ul li a.lastm:visited,ul.mega ul li a.lastm:hover{border-bottom:0;} #tabs_navigation ul.primaryNavigation ul li a.third,ul.mega ul li a.third:active,ul.mega ul li a.third:visited,ul.mega ul li a.third:hover{font-weight:normal;font-style:normal;text-indent:15px;} #tabs_navigation li{list-style:none; background-image: none;} #tabs_navigation ul.primaryNavigation{border-bottom:4px solid #a12830;height:40px;margin: 0;display:block } #tabs_navigation ul.primaryNavigation li a{background:none; color:#666;cursor:pointer;display:block;float:left;font-size:12px;height:40px;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 4px 0 0;background-color: white; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); } #tabs_navigation ul.primaryNavigation li a.on{background:none; color:#fff;text-decoration:none;border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; background-color: #a12830; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2303a), to(#a12830)); background-image: -webkit-linear-gradient(top, #c2303a, #a12830); background-image: -moz-linear-gradient(top, #c2303a, #a12830); background-image: -ms-linear-gradient(top, #c2303a, #a12830); } #tabs_navigation ul.primaryNavigation li a:hover,#tabs_navigation ul.primaryNavigation li:hover > a,#tabs_navigation ul.primaryNavigation li:hover > a.on{background:none; color:#003a6f;text-decoration:none;} #tabs_navigation ul.primaryNavigation li a span{ cursor:pointer;display:block;height:39px;line-height:40px;font-weight:400;padding:0 20px 0 6px;border-right: 1px solid #999; border-top: 1px solid #999; border-left: 1px solid #999;border-radius: 6px 6px 0 0;} #tabs_navigation ul.primaryNavigation li a span:hover { padding:0 22px 0 9px } #tabs_navigation ul.primaryNavigation li a span i{display:inline-block;position:relative;width:8px;height:4px;background:url(https://images.capitalone360.com/images/secure/globals/primary-nav-arrows.png) 0 -8px no-repeat;vertical-align:middle;} #tabs_navigation ul.primaryNavigation li a.on span{ cursor:pointer;display:block;height:39px;line-height:40px;color:#fff;padding:0 20px 0 6px;border-right: 1px solid #a12830; border-top: 1px solid #a12830; border-left: 1px solid #a12830; border-radius: 6px 6px 0 0;} #tabs_navigation ul.primaryNavigation li a:active span{text-decoration:none;} #tabs_navigation ul.primaryNavigation li a.on span:hover{ border-color: #999 } #tabs_navigation ul.primaryNavigation li a:focus{text-decoration: underline !important; outline: none !important;} #main .tips-primary ul.primaryNavigation li:hover > a.on span,#main .tips-primary #main .tips-primary ul.primaryNavigation li a.on span, #main .tips-primary ul.primaryNavigation li a:hover span, #main .tips-primary ul.primaryNavigation li a span {padding-right:10px; } #main .tips-primary ul.primaryNavigation li a:hover span,#main .tips-primary ul.primaryNavigation li:hover > a span,#main .tips-primary ul.primaryNavigation li:hover > a.on span,#main .tips-primary ul.primaryNavigation li a.on span.selectedTabRight{ cursor:pointer;display:block;height:39px;line-height:40px;color:#003a6f;padding:0 10px 0 5px;} #tabs_navigation ul.primaryNavigation li a.selectedTabLeft{background:none; color:#003a6f;cursor:pointer;display:block;float:left;font-size:12px;height:39px;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #tabs_navigation ul.primaryNavigation li a:hover span i,#tabs_navigation ul.primaryNavigation li a:hover span i,#tabs_navigation ul.primaryNavigation li:hover > a span i,#tabs_navigation ul.primaryNavigation li:hover > a.on span i,#tabs_navigation ul.primaryNavigation li a span i.selectedTabArrow{background-position:0 -4px;} #tabs_navigation ul.primaryNavigation li a:hover span,#tabs_navigation ul.primaryNavigation li:hover > a span,#tabs_navigation ul.primaryNavigation li:hover > a.on span,.selectedTabRight,#tabs_navigation ul.primaryNavigation li a.on span.selectedTabRight{ tcursor:pointer;display:block;height:39px;line-height:40px;color:#003a6f;padding:0 20px 0 6px;border-color: #999; background-color: #e7eaee !important;text-decoration:underline} #tabs_navigation li div.pixel{display:none;left:0;position:absolute;height:4px;top:39px;background:#e7eaee;border-right:1px solid #999;border-left:1px solid #999;right:4px;z-index:107;} #tabs_navigation .secondary{clear:both;background:none repeat scroll 0 0 #fff;border-bottom:1px solid #a12830;display:inline-block;height:39px;font-weight:400;padding:0; margin-top:0px; width:100% !important} #tabs_navigation .secondary a{display:block;float:left;font-size:12px;font-weight:normal !important;line-height:39px;text-decoration:none;background:none;padding:0 10px; margin-right:4px !important;border: none;} #tabs_navigation .secondary a.on:hover{background:#e7eaee; font-weight:bold !important;} #tabs_navigation .secondary a:hover{color:#003a6f;background:#e7eaee;text-decoration:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0} #tabs_navigation .secondary a.on{color:#003a6f;background:#e7eaee;text-decoration:none;font-weight:bold !important; border-radius: 0; border: none;} #tabs_navigation .secondary a:hover span,#tabs_navigation .secondary a:focus{color:#003a6f;} #tabs_navigation .secondary a span{background:none;border:none;color:#003a6f;} #tabs_navigation .secondary a span.on{color:#003a6f;} #tabs_navigation .secondary a:focus{text-decoration: underline !important; outline: none !important;} #tabs_navigation .secondary a:hover span.on,#tabs_navigation .secondary a:focus span.on{color:#003a6f;} #tabs_navigation ul ul a:hover{color:#a12830;} #secondary_navigation { display: block; margin-top:10px } #secondary_navigation ul.secondary { display: block; padding: 0; border-bottom: 4px solid #a12830; height: 40px; margin:0; } #secondary_navigation ul.secondary li { display: inline; float: left; position: relative; padding: 0; margin: 0; } #secondary_navigation ul.secondary li a, #secondary_navigation ul.secondary li a:visited, #secondary_navigation ul.secondary li a:active, #secondary_navigation ul.secondary li a:hover{ display: block; float: left; height: 39px; margin: 0 4px 0 0; background:none; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; cursor: pointer; border:1px solid #999; border-bottom:none; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; background-color: white; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd);} #secondary_navigation ul.secondary li a span, #secondary_navigation ul.secondary li a:visited span, #secondary_navigation ul.secondary li a:active span, #secondary_navigation ul.secondary li a:focus span { display: block; padding: 0 10px; height: 39px; line-height: 40px; background:none; cursor: pointer; } #secondary_navigation ul.secondary li a:focus, #secondary_navigation ul.secondary li a:hover { color: #666; text-decoration: underline !important; outline: none !important;} #secondary_navigation ul.secondary li a:focus span, #secondary_navigation ul.secondary li a:hover span { background: none; } #secondary_navigation ul.secondary li a.on, #secondary_navigation ul.secondary li a.on:visited, #secondary_navigation.toggle_show ul.secondary li a.on, #secondary_navigation.toggle_show ul.secondary li a.on:visited { color: #FFFFFF; background: none; text-decoration: none;border-color:#a12830; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; background-color: #a12830; background-image: -webkit-gradient(linear, 0% 20%, 0% 56%, from(#c2303a), to(#a12830)); background-image: -webkit-linear-gradient(top, #c2303a, #a12830); background-image: -moz-linear-gradient(top, #c2303a, #a12830); background-image: -ms-linear-gradient(top, #c2303a, #a12830);} #secondary_navigation ul.secondary li a.on span, #secondary_navigation ul.secondary li a.on:visited span { background: none; } .iconFont {font-family: '360Icons';} .iconFont:before {content: attr(data-icon);} #inPage_navigation_point { display: none } #tertiary_navigation, #tertiary_navigation.toggle_show, #tertiary_navigation.toggle_hide { display:block; visibility:visible; box-shadow:none } #tertiary_navigation ul.tertiary { display: block; padding: 0; background: #FFFFFF; height: 39px; box-shadow:none; border-radius:0px; border:0px; border-bottom: 1px solid #a12830; margin:0; } #tertiary_navigation ul.tertiary li { display: inline; border-top: 0px; float: left; position: relative; padding: 0; margin: 0; background: none; } #tertiary_navigation ul.tertiary li a { display: block; float: left; color: #003a6f; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0 10px 0 10px; line-height: 39px; margin-right:4px !important } #tertiary_navigation ul.tertiary li a:hover, #tertiary_navigation ul.tertiary li a:focus { text-decoration: none; background:#ececec; color: #003a6f; } #tertiary_navigation ul.tertiary li a.on { color: #003a6f; background: #ececec; font-weight:bold; } #tertiary_navigation ul.tertiary li a.on:hover { text-decoration: none; background: #ececec; color: #003a6f } #tertiary_navigation ul.tertiary li a:focus { text-decoration: underline !important; outline: none !important;} #tabs_tertiary, #tabs_tertiary.toggle_show, #tabs_tertiary.toggle_hide { display:block; visibility:visible; box-shadow:none } #tabs_tertiary ul.tertiary { display: block; padding: 0px; border:0px; border-bottom: 4px solid #003a6f; border-radius:0px; box-shadow:none; background-color:#fff; height: 39px; margin: 0 0 20px 0 !important; } #tabs_tertiary ul.tertiary li { display: inline; float: left; position: relative; padding: 0; margin: 0; border-top:0px } #tabs_tertiary ul.tertiary li a, #tabs_tertiary ul.tertiary li a:visited, #tabs_tertiary ul.tertiary li a:active { border:1px solid #999; border-bottom:none; display: block; padding: 0 10px; float: left; height: 39px; margin: 0px 4px 0px 0px !important; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; cursor: pointer; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e7eaee)); background-image: -webkit-linear-gradient(top, white, #e7eaee); background-image: -moz-linear-gradient(top, white, #e7eaee); background-image: -ms-linear-gradient(top, white, #e7eaee); -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;} #tabs_tertiary ul.tertiary li a span, #tabs_tertiary ul.tertiary li a:visited span, #tabs_tertiary ul.tertiary li a:active span { display: block; height: 39px; line-height: 39px; cursor: pointer; } #tabs_tertiary ul.tertiary li a:hover, #tabs_tertiary ul.tertiary li a:focus { color: #003a6f; text-decoration: none; background:#ececec } #tabs_tertiary ul.tertiary li a.on, #tabs_tertiary ul.tertiary li a.on:visited, #tabs_tertiary ul.tertiary li a.on:hover { color: #FFFFFF; text-decoration: none; border-color: #003a6f; background-color: #003a6f; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#156599), to(#003a6f)); background-image: -webkit-linear-gradient(top, #156599, #003a6f); background-image: -moz-linear-gradient(top, #156599, #003a6f); background-image: -ms-linear-gradient(top, #156599, #003a6f); } #secondary_navigation.toggle_show, #secondary_navigation.toggle_hide, #secondary_navigation.toggle_show ul.secondary, #secondary_navigation.toggle_hide ul.secondary { display:block; visibility:visible; box-shadow:none; border:0; border-radius:0; border-bottom: 4px solid #a12830 } #secondary_navigation.toggle_show ul.secondary li, .static #main #content #secondary_navigation.toggle_show ul.secondary, .static #main #content #secondary_navigation.toggle_hide ul.secondary { border:0 } #secondary_navigation.toggle_show ul.secondary li a, #secondary_navigation.toggle_show ul.secondary li a:visited, #secondary_navigation.toggle_show ul.secondary li a:hover, #secondary_navigation.toggle_show ul.secondary li a:hover { padding:0; color: #666 } #goToDropDown{display:none;} .help .secondary {margin-top:-20px} .static #main #content .secondary { margin-top: 0px } ul.in-page-nav { margin: 0; padding: 0;} ul.in-page-nav li {list-style-type: none; } ul.in-page-nav li a{ text-decoration: none; font-weight: bold; display: block; border: 1px solid #999; padding: 1em; background-color: #ffffff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ececec)); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #333; } ul.in-page-nav li a:hover{ color: #003a6f; background-color: #ececec; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ececec, #ffffff); background-image: -moz-linear-gradient(top, #ececec, #ffffff); background-image: -ms-linear-gradient(top, #ececec, #ffffff); } #footer { padding-bottom: 10px } #footerWrapper small { padding: 0 3% 8px; } .social{ float:left; top: 20px; left:0; margin: 0 0 0 3%; padding-bottom: 20px; } .social_media {top:-45px;} .social_media .icon { margin: 0 14px 0 0; } #footerWrapper .icon.rightSide a:hover .ada-nw-msg, #footerWrapper .icon.rightSide a:focus .ada-nw-msg, #footerWrapper .icon.rightSide a:active .ada-nw-msg{ left: .5em !important; } #footerWrapper small { } #footerWrapper .links { margin: 15px 0 3% 3%;} #footerWrapper .links li { display:inline; margin-right: 11px; } #footerWrapper .links li.mobile { margin-right:0 !important; } #footerWrapper .affiliations { margin: 10px 3% 20px 0 } #footer .refer-a-friendMobile { display:none } #footer .member-fdic { margin-left:125px; margin-bottom:31px; } #footer.ftr-home-auth { padding-bottom: 0px } #footer.ftr-home-auth ul.affiliations { margin-bottom: 0 } #footer.ftr-home-auth ul.affiliations .refer-a-friendMobile { display: block; margin: 0; padding: 0 } #footer.ftr-home-auth ul.affiliations .member-fdic { margin-bottom: 0 } .product div.prodContainer .button {float:right;width:100%; margin-top:20px} .product span.whitebutton a {padding:0 10px;} .product span.buttongreen a {padding:0 10px;} .product span.buttonblue a {padding:0 10px;} .product div.prodContainer .row.short .header, div.product div.prodContainer .row.short .title { float:left; width:67%; } .product div.prodContainer .row.short .header, div.product div.prodContainer .row.short .open_acct_sharebuilder_title {float: left;width: 60%;} .product div.prodContainer .row .header, div.product div.prodContainer .row .title { width: 100%; } #product-header { margin-bottom: 3em } #product-header .image { margin-top:-45px; position:absolute; width:50%; right:0 } #product-header.checking .text, #product-header.money .text, #product-header.ksa .text, #product-header.bsa .text { width: 61% } #product-header.sb401k { margin-bottom:0px } #product-header.sharebuilder .image { margin-top:-37px } .socialLikes { display:block !important; text-align: right; margin-bottom: -85px; margin-top: 60px; float:right } .socialLikes span:nth-child(1) {position:relative;top:-2px; display:inline-block;} @media screen and (-moz-images-in-menus:0) { .socialLikes span.fB{top:-3px;} } .socialLikes span.fB {top: 2px\0;} .socialLikes span.tW {width:79px !important;display:inline-block; width:75px\0 !important ;} .socialLikes span.gP {width:56px !important;display:inline-block; padding-left:10px; margin-left:0px;} .product-promo { border-top:none; } .product-promo .text{width:60%;} .bf-sale .product-promo .text {width:77%;} .rail .icon { margin-right:4%; } .cta {margin-top: 25px;} .cta-text {text-align: right;} .lendingHoursOfOperation p .b {font-size: .9em !important;} h1.with-promo{margin-top: 1.5em;} #product-header.lending {position: relative;} #product-header.lending .image { position:absolute; left: 10px; margin-top: 0; width:32%; float:left } #product-header.lending .text { float:right; width:63%} #product-header.lending bottom-rule { position:absolute } table.lending-overview{font-size: 85%;} #home_page.marquee_show { margin: 0 20px } #home_page #moffer { text-align: center } #home_page #moffer #wrapper_moffer { width:86%; height: 260px; float:none; display: inline-block } #home_page #moffer #wrapper_moffer .content { width: 100%; height: 250px } #home_page #moffer #wrapper_moffer .left, #home_page #moffer #wrapper_moffer .right { float: left; text-align: left !important; width:48% } #home_page #moffer #wrapper_moffer .right { margin-left:20px } #home_page #moffer .left img{ width: 100%; display: block } #home_page #moffer .right img{ display: block } #home_page #moffer #wrapper_moffer .right .hpBlueBtn { display: inline-block; text-align:left } #home_page #soffer { margin-top: -12px } #home_page #soffer a { height: 120px } #home_page #soffer .container_wrapper .container ul li span { font-size: 1.7em } #home_page .off_l { left: -100% !important; } #home_page .off_r { left: 100% !important; } #home_page #soffer .sale .container_wrapper .container {text-align: left;} #home_page #soffer .sale .container_wrapper .container img { width: 20% } #home_page #soffer .sale .container_wrapper .container p {font-size: 2.0em; } #home_page #takeover h2 { font-size: 36px; line-height: 36px; } #home_page #takeover h3 { font-size: 25px; } #home_page #takeover h3.takeover_timer { padding-top: 23px; } #home_page .takeover_left { width: 45%; } #home_page .black_friday_bag {width:47%;float:left;margin-left:3%;margin-top:1em;} #home_page .before, .after2{ text-transform:uppercase; font-family: TradeGothicBold; font-size: 1.1em; line-height:1.5em; display:inline-block; color: #003a6f; } #home_page .counter .value { width:55px; font-size: 2.3em; line-height: 1.4em; padding: 2px 9px; } #home_page .counter-pos {float:left;border:solid 0px;width:50%;margin-top:80px;} #home_page .takeover_center { width: 53%; margin-top: 4.5%; } #home_page .head1 {font-size: 2.8em!important;line-height:.85em!important;} #home_page #takeover .title_line_2 { font-size: 46px; line-height: 50px; } #home_page .takeover_button{ margin: auto; margin-top:30px; text-align: center; width: 100.0%; } #home_page .md_block{display: inline;} .md_drop { display: block !important; visibility: visible; } .lg_drop { display: none !important } img.md_drop { display: inline !important; visibility: visible; } .ctaButton.md_drop { display: inline-block !important; visibility: visible; } .orangebutton.md_drop { display: inline-block !important; visibility: visible; } img.lg_drop, .orangebutton.lg_drop, .ctaButton.lg_drop { display: none !important } .lg_hide_up { display: none; visibility: hidden } .left_at_large{text-align: left !important;} .right_at_large { text-align:right !important; } table.responsive {border-collapse: separate; empty-cells: show;} table.responsive thead {display: table-header-group; visibility: visible;} table.responsive tr {display: table-row;} table.responsive td {display: table-cell; width: auto;} table.responsive tbody th { background: #fff;} table.responsive th {display: table-cell; padding: 5px 10%;} table.responsive.alt th { padding: 5px 3%; } table.responsive.alt tbody th { background: #fff;} table.responsive.alt tbody th, table.responsive.alt tbody tr.ledger th { display: table-cell; color: #003a6f; background-color:transparent } table.responsive.alt tbody tr.ledger th { background-color: #f0f3f7 } table.responsive tr, table.responsive td, table.responsive th{ border: none; float: none; text-align: inherit; padding: inherit; width: auto;} table.responsive td[data-title]:before, table.responsive th[data-title]:before {content: none;} table.responsive thead th {text-align: left; border-bottom: 1px solid #a12830; padding: 5px 0 5px 20px; color: #fff; font-size: 1em; font-weight: bold; background: #a12830; background: -moz-linear-gradient(top, #c5444d 0%, #b3323b 50%, #a62931 52%, #a12830 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5444d), color-stop(50%,#b3323b), color-stop(52%,#a62931), color-stop(100%,#a12830)); background: -webkit-linear-gradient(top, #c5444d 0%,#b3323b 50%,#a62931 52%,#a12830 100%); background: -o-linear-gradient(top, #c5444d 0%,#b3323b 50%,#a62931 52%,#a12830 100%); background: -ms-linear-gradient(top, #c5444d 0%,#b3323b 50%,#a62931 52%,#a12830 100%); background: linear-gradient(to bottom, #c5444d 0%,#b3323b 50%,#a62931 52%,#a22830 100%);} table.responsive thead th.center, #content table.responsive td.center {padding-left: 0 !important;} table.responsive tbody tr td.noleftbord {border-left: none !important;} table.responsive th {border-bottom: 1px solid #d3d3d3; font-weight: normal; border-right: none; color: #003A6F; background: none;} table.responsive tbody th {padding: 5px 5px 5px 20px; font-weight: bold; background-color: #fff; font-size: 12px;} table.responsive tfoot td {border-top: 1px solid #d3d3d3; border-bottom: none;} table.responsive td {padding: 5px 5px 5px 20px; border-bottom: 1px solid #d3d3d3;} table.responsive .subtext td {padding: 0 0 5px 5px; font-size: 10px;} table.responsive .nobotbord td, table.responsive .nobotbord th {border-bottom: none; padding-bottom: 0 !important;} table.responsive td.shade {padding: 0 10px 0 15px !important;} table.responsive .section_header { border: none !important; border-radius:0!important; background: none; background-color: #999;} table.responsive .section_header h3 { font-size: 110%; } table.responsive tbody tr td.last-child, #content table.responsive tbody tr td.last-child {border-right: 1px solid #d3d3d3 !important;} table.responsive tbody tr:last-child th, #content table.responsive tbody tr:last-child td {border-bottom: 1px solid #d3d3d3;} table.responsive tbody tr th:first-child {text-align: left; border-left: 1px solid #d3d3d3; border-radius:0!important; } table.responsive tbody tr td:first-child {border-left: 1px solid #d3d3d3;} table.responsive hr.divider{display: none; visibility: hidden;} table.responsive td.empty {display: table-cell;} table.responsive td.last-child {border-bottom: 1px solid #d3d3d3;} table.responsive tr.upper_row td{border-bottom: none !important;} table.responsive td.top, table.responsive th.top{border-top: none;} table.responsive.tint{background-color: inherit;} #compact-saving-navigation { display: none!important; } .cg-nav { display:block; float:left; background: transparent url('https://images.capitalone360.com/home/checking-guide-nav-bg.png') no-repeat top left; } .cg-nav ul { list-style-type:none!important; border-right:1px solid #ccc; margin:0px; padding:0px; } .cg-nav ul li { overflow:hidden; list-style-type:none!important; background:none; text-align:right; padding:0!important; } .cg-nav ul li a { display:table-cell; vertical-align:middle; color: #003a6f; font-weight: bold; font-size:14px; text-align:right; height:40px; line-height:40px; text-decoration:none;display:inline-block; } .cg-nav ul li a span.arrow{ display:table-cell; vertical-align:middle; width: 8px; height: 40px; background: transparent url('https://images.capitalone360.com/home/checking-guide-nav-arrow.png') no-repeat 0 0; margin: 0 10px 0 10px; display:inline-block; cursor:pointer} .cg-nav ul li:hover { background-color:#ccc; } .cg-nav ul li.active { background-color:#a12830!important; margin:0 -1px; } .cg-nav ul li.active a { color:#ffffff; outline:0; } .cg-nav ul li.active span.arrow { background-position: -8px 0px; } .guide_header .logo { float:left; } .guide_header h1 { font-size: 4em; margin-bottom: 0px; } .guide_header h2 { margin: 0px 5px; color: #999; } .guide_header .separator { background: transparent url('https://images.capitalone360.com/home/separator.png') no-repeat top left; height: 87px; width: 3px; float:left; margin: 0 30px; } .infoCenter .rail { background: #fff url('https://images.capitalone360.com/home/rule_grey.png') no-repeat 0 0; padding: 0 0 0 2% !important; margin-left:2% !important; width:28%; min-height: 372px; border-top:0px; background-size:auto } .infoCenter .rail .icon { width:26%; } .infoCenter .rail .text { width:70% } .infoCenter .six.colSpan { width: 43% } .infoCenter .header.twelve { width:100%!important; margin:0; } .infoCenter .disclaimer { text-align:right; padding:0 0 10px 2%;} #main_promo { position: relative; overflow: hidden } #main_promo #wrapper_main_promo .slide_promo .hpBlueBtn { margin: -44px 12px 0 0; float: right; top:0 } #main_promo .arrow { margin: 0 7px; bottom: 42% } #secondary_promo { margin-top: 0 } #secondary_promo .container_wrapper { background:none; } #secondary_promo a.first .container_wrapper { margin-top:30px } #secondary_promo a.first { background: no-repeat url('https://images.capitalone360.com/microsite/highlight.png') 0 0 transparent; background-size: 100%; margin-top: -60px; } #secondary_promo a { width: 33% } #sz .innerContent {min-height: 302px!important; } #sz .header a{font: 80%/1.8em Arial,Helvetica,sans-serif; } .innerContent h3 a{font-size: 85%;} #sz .header { font-size:1em!important; } .lp-rates .br{border-right: 1px solid #939393; height: 4em;} .lp .social_media .icon { margin:0 8px 0 0; } .lp .with-gray-brand-stripe {padding: 25px 0!important;} .lp .with-gray-texture .red-with-gray-shadow {font-size: 4em !important;} .bsa-promo {float:right; margin: 0; display: inline-block;height:90px;} span.bsa-promo a.ada-new-win:focus span.ada-nw-msg, span.bsa-promo a.ada-new-win:active span.ada-nw-msg { top:5.7em } #interstital {width:504px; background-size: auto; top:125px; margin-left: -263px !important;} #interstital #chrometext, #interstital #safaritext {font-size:16px !important; margin-top:9px;} #interstital .tagline {font-size: 2.1em; margin-bottom: 5px;} #savvy-savings .legend {margin:-25px 0 0 -2px;} .styleguide .title { font-size: 2.5em!important} .size{color:black} #plainBox { max-width: 525px; } .chevron.iconFont {display:inline-block;} body.bc #home_page #moffer #prev, body.bc #home_page #moffer #next { top: 9em !important;} .bc #footer .iconFontFDIC {font-size:3.6em !important;width:55px;margin-top:20px !important} .bc #footer .iconFontEHL {font-size:3.1em !important;width:37px;margin-bottom:10px !important} .bc table.responsive.alt tbody th {background: #fff; color:#00487b;} .bc table.responsive.alt tbody tr.ledger th {background: #e5f3f9!important;} .bc table.responsive td.last-child {border-bottom: 1px solid #d3d3d3;} .bc table.responsive .section_header {background-color: #999;} .bc .rail {border-top: 0;} #megamenu.bc li.category .lightBlueTriangle.iconFont, #megamenu li.category .lightBlueTriangle.iconFont { letter-spacing: 0 !important; display: block; text-indent:0; position: absolute; right: 14px; top: 4px; font-size: 10px !important; color: #037fb0; } .bc #tabs_navigation ul.primaryNavigation li a.on {background:none; color:#fff;text-decoration:none;border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; background-color: #a12830; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2303a), to(#a12830)); background-image:none; background-color: #037fb0;} .bc #tabs_navigation ul.primaryNavigation li a span{border-radius: 3px 3px 0 0;} .bc #tabs_navigation ul.primaryNavigation li a.on span{border: 1px solid #037fb0; } .bc #tabs_navigation ul.primaryNavigation{border-bottom:4px solid #037fb0; } .bc #tabs_navigation .secondary a.on {background: #e5f3f9} .bc #secondary_navigation ul.secondary { border-bottom: 4px solid #037fb0; } .bc #tabs_navigation .secondary {border-bottom: 1px solid #037fb0; } .bc #secondary_navigation ul.secondary { border-bottom: 4px solid #037fb0; } .bc #secondary_navigation ul.secondary li a.on, .bc #secondary_navigation ul.secondary li a.on:visited, .bc #secondary_navigation.toggle_show ul.secondary li a.on, .bc #secondary_navigation.toggle_show ul.secondary li a.on:visited { color: #FFFFFF; background: none; text-decoration: none;border-color:#037fb0; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; background-color: #037fb0; background-image: none;} .bc #tertiary_navigation ul.tertiary { border-bottom: 1px solid #037fb0; margin:0; } .bc #tertiary_navigation ul.tertiary li a.on { color: #003a6f; background: #e5f3f9; font-weight:bold; } .bc #tabs_tertiary ul.tertiary li a.on, .bc #tabs_tertiary ul.tertiary li a.on:visited, .bc #tabs_tertiary ul.tertiary li a.on:hover { color: #FFFFFF; text-decoration: none; border-color: #344655; background-color: #344655; background-image: none; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .bc #tabs_tertiary ul.tertiary { border-bottom: 4px solid #344655; } .bc #tabs_tertiary ul.tertiary li a, .bc #tabs_tertiary ul.tertiary li a:visited, .bc #tabs_tertiary ul.tertiary li a:active { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-image: none; background-color: #eee; }