body { font: 95%/1.4em Arial,Helvetica,sans-serif; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .wrapper { margin-bottom: -195px; } }   
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .wrapper { margin-bottom: -110px; } } 


.row {margin-top:1em;}

.wrap_left{ float: left; clear: left;}
.wrap_right{ float: right; clear: right;}


#header a.logo{ padding-top:5px; width:214px; height:63px }


#footerWrapper small { padding: 0 3% 8px; }
#footerWrapper small#copyright { right: 0; margin-top: -4em; }
.social { float: right; position: relative; right: 270px; top: -190px; margin: 0 3% }
.social_media { width: 270px; position: absolute; top:-170px;}
.social_media .icon { margin: 0 0 0 14px }
#footerWrapper .links { margin: 20px 3%; }
#footerWrapper .affiliations { margin: 20px 3% 0 0; }
#footerWrapper .affiliations li.where-is-ing { margin:0; position:relative; top: -5px; }
.ada-new-win.rightSide a:hover .ada-nw-msg,
.ada-new-win.rightSide a:focus .ada-nw-msg,
.ada-new-win.rightSide a:active .ada-nw-msg{ left: -7em !important; }
#footer .refer-a-friend { position: relative; right: 0; margin:20px 3% 20px 10px; top:0; }

.fdicFontWhite{margin-top:14.5px}
.fdicFontDark{margin-top:14.5px}


#home_page #moffer { text-align: center }
#home_page #moffer #wrapper_moffer { width:86%; height: 185px; float:none; display: inline-block }
#home_page #moffer #wrapper_moffer .content { width: 100%; height: 185px }
#home_page #moffer #wrapper_moffer .left, #home_page #moffer #wrapper_moffer .right { float: left; text-align: left !important; }
#home_page #moffer #wrapper_moffer .left { width:39% }
#home_page #moffer #wrapper_moffer .right { margin-left:1%; width:60% }
#home_page #moffer #wrapper_moffer .left img{ width: 100%; display: block }
#home_page #moffer #wrapper_moffer .right img{ display: none }
#home_page #moffer #wrapper_moffer .right .hpBlueBtn { display: inline-block; text-align:left }
#home_page #moffer .arrow { height:165px }
#home_page #moffer .left img{ width: 100%; display: block }
#home_page #moffer .right img{ display: block }
#wrapper_moffer ul { margin-left: 0 !important; }

#home_page #moffer #prev, 
#home_page #moffer #next { float:none; position:absolute; top:120px; z-index:999 }

@media only screen
  and (orientation: portrait) {
    #wrapper_moffer ul {
      margin-left: 20px !important;
    }
}


@media only screen
  and (orientation: landscape) {
    #wrapper_moffer ul {
      margin-left: 0 !important;
    }

}


@media only screen 
	and (width : 600px) 
	and (orientation: portrait) {
	    #home_page #moffer #prev, 
	    #home_page #moffer #next { 
	      top:10em !important; 
	    }
}

@media only screen 
	and (width : 961px) 
	and (orientation: landscape) {
    #home_page #moffer #prev, 
    #home_page #moffer #next { 
      top: 0 !important; 
    }  
}


#home_page #navigation { text-align: right; padding: 8px 0; width: 90%; bottom: 7px; }
#home_page #soffer .container_wrapper { white-space: nowrap }
#home_page #soffer .container_wrapper .container img { margin-right: 20px; float: left; width:30% }
#home_page #soffer .container_wrapper .container ul { width: 57%; display: inline-block }
#home_page #soffer .container_wrapper .container ul li { white-space: normal }
#home_page .off_l { left: -100% !important; }
#home_page .off_r { left: 100% !important; }

#home_page #soffer h3 {height:auto;}

#home_page .marquee-nw-msg {margin:215px 0 0 425px !important}


#home_page #soffer .sale .container_wrapper .container { text-align:left }
#home_page #soffer .sale .container_wrapper .container img { margin: 0 20px 0 0; }
#home_page #soffer .sale .container_wrapper .container p {}
#home_page #soffer .sale .container_wrapper .container {}
#home_page #soffer .sale .container_wrapper .container ul {}



#home_page .takeover_center{
	width: 100.0%;
	margin-bottom: 15px;
	padding-right: 2%;
}

#home_page #takeover h2 {
	font-size: 30px;
	line-height: 35px;
	padding-bottom: 3px;
}

#home_page #takeover .title_line_2 {
	font-size: 32px;
	line-height: 32px;
}

#home_page #takeover h3 {	
	width: 100%;
	height: 30px;
	background-size: 100% 64px;
	font-size: 23px;
	padding: 0;
}

#home_page #takeover h3 sup{
	top: 8px;
}

#home_page .takeover_date{
	margin-bottom: 20px;
}

#home_page #takeover h3 .takeover_count {
	font-size: 31px;
}

#home_page .takeover_cta{
	margin-top: -35px;	
	margin-bottom: 18px;
}

#home_page .takeover_button{
	margin: auto;
	margin-top:20px;
	text-align: center;
	width: 100.0%;
}	

#home_page .takeover_left {
	width: 100%;
}

#home_page .takeover_mobilecta{display: none;}

#home_page .black_friday_bag {width:35%;float:left;margin-left:15%;margin-top:.25em;}	
#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:70px;			
			font-size: 2.6em;
			line-height: 1.4em;
			padding: 2px 9px;								
		}
			
#home_page .counter-pos {float:left;border:solid 0px;width:50%;margin-top:45px;}	

#home_page .head1 {font-size: 3.2em!important;line-height:.85em!important;}

#home_page .takeover_prefix {}
#home_page .sm_block{display: inline;}
#home_page .md_block{display: block;}

#home_page #takeover ctaButton.primary {
	background: #a12830 url('https://images.capitalone360.com/landingpages/common/bg-red-buttons.gif') repeat-x 0 50%;
	border: 1px solid #862128;
}





div.link-button { width: 50%; margin: 10px auto; }
div.link-button a { font-size: 12pt; display: block; float: left; width: 100%; height: 40px; color: #003a6f; text-decoration: none; }


a.ctaButton, a.ctaButton:hover, a.ctaButton:focus, a.buttongreen, a.buttongreen:hover, a.buttongreen:focus, a.buttonblue, a.buttonblue:hover, a.buttonblue:focus {display: inline-block; width: auto; padding: 0.5em 1.2em; margin: 0;}
a.ctaButton.double, a.ctaButton.triple, a.buttongreen.double, a.buttongreen.triple, a.buttonblue.double, a.buttonblue.triple {display: inline-block; width: auto;}
.ColButton .ctaButton{width:auto;}
.ctaSpace{margin-left: .5em !important;} 

button.ctaButton, button.ctaButton:hover, button.ctaButton:focus, button.buttongreen, button.buttongreen:hover, button.buttongreen:focus, button.buttonblue, button.buttonblue:hover, button.buttonblue:focus {display: inline-block; width: auto; padding: 0.5em 1.2em; margin: 0;}
button.ctaButton.double, button.ctaButton.triple, button.buttongreen.double, button.buttongreen.triple, button.buttonblue.double, button.buttonblue.triple {display: inline-block; width: auto;}


a.orangebutton, a.orangebutton:hover, a.orangebutton:focus {display: inline-block; width: auto; padding: 0.5em 1.2em; margin: 0;}
a.orangebutton.double, a.orangebutton.triple {display: inline-block; width: auto;}
.ColButton .orangebutton{width:auto;}



.product div.prodContainer .button {float:right;width:27%;margin-top:-16px;}
.product div.prodContainer .row .header, div.product div.prodContainer .row .title { float:left; width:70%; }


#product-header .logo { text-align:left }
#product-header.lending .text { width:100% }
#product-header H1 {margin-bottom: .25em;}
#product-header ul { padding-left:1% ; margin-left:0; margin-top:0; font-size:1.125em; }
#product-header ul li { background-image:none; display:inline; padding: 0 10px 0 0; margin: 0 6px 0 0;  border-right:2px solid #a12830; }
#product-header ul li.last { border:none; }
.product-promo .text{ width: 65%; }	
.force-break-medium{display: block;}
.override-break .force-break-medium{display: inline;}
.cta {width: 225px!important;}


.sm_drop { display: block !important; visibility: visible;}
img.sm_drop { display: inline !important; visibility: visible; }
.ctaButton.sm_drop { display: inline-block !important; visibility: visible; }
.md_drop, .ctaButton.md_drop, img.md_drop { display: none !important; visibility: hidden; }
.orangebutton.sm_drop { display: inline-block !important; visibility: visible; }
.md_drop, .orangebutton.md_drop, img.md_drop { display: none !important; visibility: hidden; }


.md_hide_up { display: none; visibility: hidden }



table.responsive td{
	width: 80%;
	padding: 3px 10%;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: none;
	border-bottom: none;
}
table.responsive th{
	width: 80%;
	font-size: 1.2em;
	padding: 5px 10%;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: none;
	border-bottom: none;
	color: #003a6f;
}
table.responsive.alt th{ padding-left:2%; padding-right: 18%; }
table.responsive.alt tr.ledger th{ padding-left:2%; padding-right: 18%; }
.zphlist h2 a, .zphlist h2 a:visited{ padding-left: 15px; white-space: nowrap; }


.infoCenter .rail .icon { width:10% } 
.infoCenter .rail .text { width:80% }
.infoCenter .sub-title { color:#003a6f }
.infoCenter .six.colSpan { width: 45%; margin-top:0 }
.infoCenter .one.colSpan { width: 6.333% }
.infoCenter .vertical-dots { background: url('https://images.capitalone360.com/microsite/dot.png') center 0px repeat-y; height:200px }
.infoCenter .disclaimer { padding:0 0 10px 0; }
.infoCenter .header.twelve { width:100%!important; }

#main_promo #wrapper_main_promo .slide_promo .hpBlueBtn { display: inline-block; top: -52px; }
#main_promo #prev, #main_promo #next { display:block }
#main_promo .arrow { background: url('https://images.capitalone360.com/microsite/promo-arrow-sprite.png') no-repeat; display: block; width: 42px; height: 46px; float:left; bottom:42px; cursor:pointer; user-select:none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; text-indent: -9999em; margin: 7px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#main_promo #prev { position:absolute; left:0; z-index:1 }
#main_promo #next { position:absolute; right:0 }
#main_promo #prev.arrow { background-position: -2px center; }
#main_promo #prev.arrow:hover { background-position: -45px center; }
#main_promo #next.arrow { background-position: -88px center; }
#main_promo #next.arrow:hover { background-position: -131px center; }
#secondary_promo { margin-top: -30px }


ul.in-page-nav { display: block; visibility: visible;}
ul.in-page-nav { margin: 0; padding: 0;}
ul.in-page-nav li {list-style-type: none; }


.br { border-right: 1px solid #bbb; }
.lp .social_media {top: 0;}
.lp .social_media .icon { margin:0 14px 0 0; }
.lp-brand h2{margin-bottom: 0;}
.lp ul {margin-left: 5%;}
.lp .with-gray-brand-stripe {padding: 18px 0!important;}
.lp .with-gray-texture .red-with-gray-shadow {font-size: 3.5em !important;}


ul.nobullet li { margin-bottom: 5px!important; }


#interstital {display:block;opacity:0; filter:alpha(opacity=0); position:absolute; top:235px; z-index:10000; width:386px; height:186px; padding:15px; text-align:center; margin: -108px auto; background:  url('https://images.capitalone360.com/home/interstitial-bg.png') no-repeat; background-size: 416px 216px; -moz-box-shadow: 1px 1px 6px 5px #ddd; -webkit-box-shadow: 1px 1px 6px 5px #ddd; box-shadow: 1px 1px 6px 5px #ddd;left:50%; margin-left: -210px !important;}
#interstital * { font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; }

#takeover-wrap #interstital { left:30%\0/IE8+9; }
body.product #interstital { left:25%\0/IE8+9; }
body.refer_a_friend #interstital {position:relative !important;left:0 !important;}

#interstital #chrometext,
#interstital #safaritext {color:#003a6f !important;font-size:14px !important; font-weight: normal !important; margin-top:10px;}
#interstital #chrometext strong,
#interstital #safaritext strong {font-size:16px !important;color:#003a6f !important;}
#interstital #closebox {cursor: pointer;float:right !important; }
#interstital .tagline {font-family: 'TradeGothicBold' !important; color: #003a6f; font-size: 1.5em; line-height: 42px;}
#interstital .tagline span {font-family: 'TradeGothicBold' !important; color: #a12830;}

#takeover-wrap #interstital #closebox, body.refer_a_friend #interstital #closebox, body.rates_page #closebox { float:right !important; }


#plainBox {
	max-width: 420px;
	margin: 0 auto;
}






	
	body.bc #header a.logo {width: 175px;}

	body.bc #footer .iconFontFDIC {font-size:3.4em;width:55px;margin-top:10px}
	body.bc #footer .iconFontEHL {font-size:2.6em;width:38px;margin-bottom:12px}

	body.bc #product-header ul li { background-image:none; display:inline; padding: 0 10px 0 0; margin: 0 6px 0 0;  border-right:2px solid #007cb2; }
	body.bc #product-header ul li.last { border:none; }

	
	body.bc #home_page #moffer #prev, 
	body.bc #home_page #moffer #next { top: 13em !important;} 

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
		body.bc #home_page #moffer #prev, 
		body.bc #home_page #moffer #next { top: 110px !important; }
	}	

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		body.bc #home_page #moffer #prev, 
		body.bc #home_page #moffer #next { top: 110px !important; }
	}