@charset "utf-8";
/*	css document; modified: 11-SEP-2009
----------------------------------------------
    ToC
    1. card site base styles
    2. card page wrapper (content area)
	3. credit card home page quick links
    4. product overview promotional banner
	5. detailed comparison banner
    6. callout section
    7. help me table
    8. no selection box (for both compare all and detailed comparison pages
    9. table title for product overview & compare all tables
    10. compare feedback tooltips
	11. secondary (product category) navigation
	12. credit level modal overlay
*/
/* --- =1. card site base styles --- */
.cardPageWrapper sup {
	font-size:.8em;
	vertical-align:text-top;
}
.cardPageWrapper td sup {font-size:1em;}
.cardPageWrapper h1 sup {font-size:.7em;}
.cardPageWrapper h2 sup {font-size:.65em;}
.cardPageWrapper h3 sup {font-size:.75em;}
.cardPageWrapper h5 sup {font-size:.8em;}
.cardPageWrapper sup.service-mark {font-size:.6em;}
.cardPageWrapper td sup.service-mark {font-size:.7em;}
.cardPageWrapper h1 sup.service-mark {font-size:.6em;}
.cardPageWrapper h2 sup.service-mark {font-size:.55em;}
.cardPageWrapper h3 sup.service-mark {font-size:.65em;}
.cardPageWrapper h5 sup.service-mark {font-size:.6em;}
.allcaps {text-transform:uppercase;}
#landingBanner {
    height:230px;
    margin:20px 0 15px;
}
/* remove firefox border around anchor & input selections */
a:active, 
a:focus {outline:none;}
input:active, 
input:focus {outline:none;}
button {
    background-color:#fff;
    border:0;
    height:auto;
    margin:0;
    overflow:visible;
    outline:none;
    padding:0;
    width:auto;
}
/* link hint icons */
.openNewWindow {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_open_new_window.png) no-repeat right top;
	padding-right:16px;
}
.newWindowLink {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_window_hints.png) no-repeat right -25px;
	padding-right:16px;
}
.openThickbox {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_open_thickbox.png) no-repeat right top;
	padding-right:16px;
}
.thickboxLink {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_window_hints.png) no-repeat right top;
	padding-right:16px;
}
.pdfLink {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_pdf_hint.png) no-repeat right top;
	padding:4px 13px 0 0;
}
/* --- =2. card page wrapper (content area) --- */
.cardPageWrapper {
	clear:left;
	font-size:1.1em;
	margin:0 10px 0 10px;
	position:relative;
	width:741px;
}
.cardPageWrapper h1#lp-header {
	font-size:1.4em;
	font-weight:bold;
	margin:5px 0 -16px 0;
}
.cardPageWrapper ul {display:inline-block;}
.cardPageWrapper ul li {
	background:transparent url(/images/presentation/common/bullets/square_3x3_gray.gif) no-repeat 0 0.5em;
	display:block;
	margin:0 0 3px;
	padding:0 0 0 8px;
	vertical-align:middle;
}
.cardPageWrapper ol {
	margin:12px 0;
	padding:0 0 0 15px;
}
.cardPageWrapper img {
	margin:0;
	padding:0;
}
/* --- =3. credit card home page quick links --- */
#landingQuickLinks {
	background:url(/images/https-creditcards/web_shopper/interface_elements/sub_navigation/background_gradient_grey.jpg) repeat-x;
	border-top:1px solid #ebebeb;
	margin-top:16px;
	overflow:hidden;
	padding-top:12px;
	width:741px;
}
#landingQuickLinks ul#quick-links-nav {
	background:none;
	float:left;
	list-style:none;
	text-align:right;
	width:185px;
}
#landingQuickLinks ul#quick-links-nav li {
	background:none;
	color:#999;
	font-weight:bold;
	list-style:none;
	padding-left:0;
	padding-right:9px;
}
#landingQuickLinks ul#quick-links-nav li.selected {
	background:url(/images/https-creditcards/web_shopper/interface_elements/sub_navigation/icon_arrow-highlight-blue.gif) no-repeat right 3px;
	color:#003a6f;
}
#landingQuickLinks #quick-links-alpha,
#landingQuickLinks #quick-links-beta,
#landingQuickLinks #quick-links-gamma {
	float:right;
	padding-right:80px;
	width:460px;
}
#landingQuickLinks #quick-links-alpha ul,
#landingQuickLinks #quick-links-beta ul,
#landingQuickLinks #quick-links-gamma ul {margin-top:8px;}
#landingQuickLinks #quick-links-alpha li,
#landingQuickLinks #quick-links-beta li,
#landingQuickLinks #quick-links-gamma li {
	background:none;
	display:inline-block;
	float:left;
	list-style:none;
	padding:0 18px 0 0;
}
#landingQuickLinks #quick-links-alpha li a,
#landingQuickLinks #quick-links-beta li a,
#landingQuickLinks #quick-links-gamma li a {text-decoration:none;}
#landingQuickLinks #quick-links-disclosures {
	clear:both;
	float:right;
	margin-top:.5em;
	text-align:right;
	width:16em;
}
/* --- =4. product overview promotional banner --- */
#bannerWrapper {position:relative;}
#bannerWrapper .promotionalBanner {
    background:#fff url(/images/https-creditcards/web_shopper/feature_banners/backgrounds/bg_blue_feature_gradient.jpg) no-repeat 0px 20px;
    height:125px;
    margin:0px;
    position:relative;
    width:741px;
    z-index:10;
}
#bannerWrapper .promotionalBanner h1,
#bannerWrapper .promotionalBanner p {
	color:#003a6f;
    position:absolute;
}
#bannerWrapper .promotionalBanner h1 {
	font-size:1.8em;
    left:11px;
    top:30px;
}
#bannerWrapper .promotionalBanner p {
	font-size:1.3em;
	font-weight:normal;
	left:11px;
	line-height:1.3em;
	top:58px;
	width:460px;
}
#bannerWrapper .promotionalBanner p#promotionalHelpPhone {
    font-size:1.1em;
    left:630px;
    top:40px;
    text-align:center;
    width:80px;
}
#bannerWrapper .promotionalBanner p#promotionalHelpCopyNoHeader {
    left:15px;
    top:28px;
}
#bannerWrapper .promotionalBanner p#promotionalHelpCopy {
	left:664px;
	width:4.5em;
}
#bannerWrapper .promotionalBanner img {
    left:480px;
    margin-left:5px;
    margin-right:5px;
    position:absolute;
    top:5px;
}
#bannerWrapper .promotionalBanner #promotionalHelpCopy {
    color:#003a6f;
	font-size:1.1em;
    position:absolute;
    right:27px;
    top:77px;
}
#bannerWrapper .promotionalBanner #promotionalHelpCopy a {font-weight:bold;}
#creditLevelBox {
	height:28px;
	padding-left:10px;
	padding-top:10px;
	position:relative;
}
/* image banner */
#bannerWrapper .promotionalBanner .media img {
    left:0;
    margin-left:0;
    margin-right:5px;
    position:absolute;
    top:0;
}
#creditLevelInfoBar {
	display:block;
	height:22px;
	left:110px;
	margin-top:1px;
	position:absolute;
}
#creditLevelBox .iconHelpLink {
	margin-right:2px;
	position:relative;
	top:4px;
}
/* open thickbox icon, used on compare all and product overview pages */
a.linkSelectCreditLevel {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_open_thickbox.png) no-repeat right center;
	font-weight:bold;
    padding-right:16px;
}
a.resetCreditLevelAssignment {font-weight:bold;}
/* credit level assignment categories*/
#creditLevelBox span#creditLevelAssignment {
    font-weight:bold;
    text-transform:uppercase;
}
#creditLevelBox span.creditLevel_0 {color:#8e67b9;}
#creditLevelBox span.creditLevel_1 {color:#43a1e3;}
#creditLevelBox span.creditLevel_2 {color:#37c54b;}
#creditLevelBox span.creditLevel_3 {color:#eb7a00;}
#creditLevelBox a.linkSelectCreditLevel {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_open_thickbox.png) no-repeat right center;
    padding-right:16px;
}
/* --- =5. detailed comparison banner --- */
#bannerWrapperShort {
	background:#fff url(/images/https-creditcards/web_shopper/feature_banners/backgrounds/bg_blue_feature_gradient_fade.jpg) no-repeat 0 20px;
	height:108px;
	margin:0 0 10px 0;
	position:relative;
	width:741px;
	z-index:10;
}
#bannerWrapperShort h1 {
	color:#003a6f;
	font-size:1.8em;
	left:11px;
	position:absolute;
	top:30px;
}
#bannerWrapperShort #promotionalHelpCopy {
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	right:15px;
	top:66px;
}
/* --- =6. callout section --- */
#calloutSection {
	clear:left;
/*  height:180px; */  
	height:236px;
	margin-top:10px;
	position:relative;
	width:741px;
}
#calloutSection #callout_1 {
    background:#fff;
    float:left;
    height:180px;
    position:relative;
    width:246px;
}
#calloutSection #callout_2 {
    background:#fff;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
    float:left;
/*  height:180px; */
	height:236px;
	position:relative;
    width:246px;
}
#calloutSection #callout_3 {
    background:#fff;
    float:left;
    height:180px;
    position:relative;
    width:246px;
}
#calloutSection img.featureImage {
    left:7px;
    position:absolute;
    top:-8px;
}
#calloutSection .calloutOuter {
    padding-left:10px;
    padding-right:10px;
    padding-top:60px;
}
#calloutSection p {margin-top:2px;}
#calloutSection .calloutOuter div.calloutActionButton {
    left:10px;
	position:absolute;
    top:142px;
}
/* xpl callout styles*/
#calloutSection #callout_xplus1 .calloutOuter {
	padding-top:0;
	color:#444;
	line-height:1.4;
}
#calloutSection #callout_xplus1 h3 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:5px;
}
#calloutSection #callout_xplus1 a:link,
#calloutSection #callout_xplus1 a:visited {text-decoration:none;}
#calloutSection #callout_xplus1 a:hover,
#calloutSection #callout_xplus1 a:active {text-decoration:underline;}
#calloutSection #callout_xplus1 .calloutOuter ul {
	margin:9px 0 2px;
	line-height:1.2;
}
#calloutSection #callout_xplus1 a img {margin:5px 0;}
#calloutSection #callout_xplus1 embed {margin-top:4px}
#calloutSection #callout_xplus1 .imageRight img.featureImage {
	float:right;
	left:0;
	margin:3px 0 10px 10px;
	position:relative;
	top:0;
}
#calloutSection #callout_xplus1 #cardHomePageSlider {margin-top:10px;}
#calloutSection #callout_xplus1 #callout_3 .genericA {padding:0 10px;}
/* quick links component classes */
ul.quick-links {margin:5px -10px 1em 0;}
ul.quick-links a {padding-left:25px;}
ul.quick-links li.icon-alert a {padding-left:30px !important;}
ul.quick-links li {
    background-image:url(/img/global/icon/sprite/quick-links.gif);
    background-repeat:no-repeat;
    list-style:none;
    padding:0 0 10px;
}
/* =quick links icon positioning */
ul.quick-links li.icon-alert {
    background-color:#edf9fc;
    background-position:5px 5px;
    font-weight:bold;
    margin-left:-5px;
    margin-top:-5px;
    padding:5px 0;
}
ul.quick-links li.icon-news {background-position:0 -90px;}
ul.quick-links li.icon-marketing-card {background-position:0 -180px;}
ul.quick-links li.icon-marketing-faq {background-position:0 -210px;}
ul.quick-links li.icon-marketing-auto-loan {background-position:0 -240px;}
ul.quick-links li.icon-marketing-home-loan {background-position:0 -270px;}
ul.quick-links li.icon-marketing-accounts {background-position:0 -300px;}
ul.quick-links li.icon-marketing-compare-checking {background-position:0 -330px;}
ul.quick-links li.icon-marketing-pre-qualified {background-position:0 -360px;}
ul.quick-links li.icon-marketing-mail-offer {background-position:0 -390px;}
ul.quick-links li.icon-marketing-switch {background-position:0 -420px;}
ul.quick-links li.icon-marketing-cd {background-position:0 -450px;}
ul.quick-links li.icon-marketing-calculator {background-position:0 -480px;}
ul.quick-links li.icon-marketing-rates {background-position:0 -510px;}
ul.quick-links li.icon-marketing-compare {background-position:0 -540px;}
ul.quick-links li.icon-servicing-rewards {background-position:0 -630px;}
ul.quick-links li.icon-servicing-transfer {background-position:0 -660px;}
ul.quick-links li.icon-servicing-order-checks {background-position:0 -690px;}
ul.quick-links li.icon-servicing-update-address {background-position:0 -720px;}
ul.quick-links li.icon-servicing-alerts {background-position:0 -750px;}
ul.quick-links li.icon-servicing-online-banking {background-position:0 -780px;}
ul.quick-links li.icon-servicing-mobile {background-position:0 -810px;}
ul.quick-links li.icon-servicing-pay-online {background-position:0 -840px;}
ul.quick-links li.icon-servicing-paperless {background-position:0 -870px;}
ul.quick-links li.icon-general-fdic {background-position:0 -990px;}
ul.quick-links li.icon-general-security {background-position:0 -1020px;}
ul.quick-links li.icon-general-cap-one {background-position:0 -1050px;}
ul.quick-links li.icon-general-find {background-position:0 -1080px;}
ul.quick-links li.icon-general-contact {background-position:0 -1110px;}
ul.quick-links li.icon-general-search {background-position:0 -1140px;}
ul.quick-links li.icon-general-identity-theft {background-position:0 -1170px;}
ul.quick-links li.icon-general-support {background-position:0 -1200px;}
/* --- =7. help me table --- */
#helpMeWrapper {
    border:1px solid #ddd;
    clear:left;
    margin-bottom:15px;
    padding:5px 15px 15px 10px;
    width:714px;
}
#helpMeTable {
    background:#fff;
    border-collapse:collapse;
    border-spacing:0;
    clear:left;
}
#helpMeTable caption {
    font-weight:bold;
    padding-bottom:1em;
    padding-top:.6em;
}
/* --- default (show) state --- */
#helpMeTable caption a#creditGuidlinesChart {
    background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat left -14px;
    display:block;
    padding-left:9px;
    width:25em;
}
/* --- hide state --- */
table.hide#helpMeTable caption {padding-bottom:0em;}
table.hide#helpMeTable caption a#creditGuidlinesChart {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icon_arrow_widget_blue.png) no-repeat left 4px;}
table.hide#helpMeTable thead {display:none;}
table.hide#helpMeTable tbody {display:none;}
table.hide#helpMeTable tfoot {display:none;}
/* --- table styles --- */
#helpMeTable thead tr th {
    color:#fff;
    font-weight:bold;
    margin:0px;
    padding-bottom:.6em;
    padding-top:.8em;
    text-transform:uppercase;
}
#helpMeTable thead tr th#helpMeCategory_0 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll left top;}
#helpMeTable thead tr th#helpMeCategory_1 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -159px top;}
#helpMeTable thead tr th#helpMeCategory_2 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -318px top;}
#helpMeTable thead tr th#helpMeCategory_3 {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -477px top;}
#helpMeTable tbody tr td {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-bg.gif) repeat-y scroll left center;}
#helpMeTable tfoot tr td {background:url(/images/https-creditcards/web_shopper/interface_elements/product_overview_table/overview-table-caps.gif) no-repeat scroll -636px bottom;}
#helpMeTable td, #helpMeTable th {
    border-left:3px solid #fff;
    margin:0px;
    padding:0px 10px;
    width:137px;
}
#helpMeTable ul {
    display:block;
    margin-bottom:1em;
    margin-top:1em;
}
#helpMeTable ul li {
    background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_purple.png) no-repeat left 5px;
    list-style:none;
    margin:0px;
    padding:0px 0px 10px 10px;
}
#helpMeTable ul#creditCategory_0 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_purple.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_1 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_cyan.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_2 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_green.png) no-repeat left 5px;}
#helpMeTable ul#creditCategory_3 li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_orange.png) no-repeat left 5px;}
/* select button positioning */
#helpMeTable #compareRow img {
    margin-top:8px;
    margin-bottom:16px;
    margin-left:6px;
}
/* --- =8. no selection box (for both compare all and detailed comparison pages  --- */
#noSelectionBox {
    border:1px solid #ebebeb;
	clear:left;
    display:none;
    padding:20px;
    text-align:center;
}
#noSelectionBox p {
	font-size:1.3em;
	line-height:1.4em;	
}
/* --- =9. table title for product overview & compare all tables  --- */
#tableTitle {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:1.6em;
	margin-top:2em;
	padding:5px;
}
#tableTitle h1 {
	float:left;
	font-size:1.4em;
	font-weight:bold;
}
#tableTitle p {
	float:right;
	font-size:1.4em;
	font-weight:bold;
}
/*----- =10. compare feedback tooltips ------------*/
#tooltip {
	background-color:#ffffcc;
	border:1px solid #111;
	opacity:.85;
	padding:5px;
	position:absolute;
	z-index:3000;
}
#tooltip h3, #tooltip div {margin:0;}
#compareInfoTip .compareState {
	display:none;
	padding:3px;
}
#compareInfoTip.nothingSelected .nothingSelected,
#compareInfoTip.oneSelected .oneSelected,
#compareInfoTip.maxSelected .maxSelected,
#compareInfoTip.multiSelected .multiSelected {display:block;}
/*----- =11. secondary (product category) navigation ------------*/
/* for content one pages */
div#page div#cardSubNavWrapper {
	background:#e6ecf3;
	background:#e7f2f6;
	clear:left;
	height:40px;
	left:0;
	margin:-5px 10px 5px;
	position:relative;
	top:0;
	width:741px;
}
/* for idc pages */
div#cardSubNavWrapper {
	background:#e6ecf3;
	background:#e7f2f6;
	clear:left;
	height:40px;
	margin:-5px 10px 5px 10px;
	position:relative;
	width:741px;
}
div.cardSubNavGroup {
	border-left:solid 3px #fff;
	float:left;
	height:36px;
	margin:0px;
	padding:4px 4px 0px 4px;
	position:relative;
}
/* remove left 3px border from first div item */
#cardSubNavWrapper div#firstItem {border-left-style:none;}
#cardSubNavWrapper div.cardSubNavGroup h3.cardGroupTitle {
	color:#6990ba;
	font-size:.9em;
	margin-bottom:2px;
	/* content one fix */
    float:none;
	text-transform:uppercase;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup li {
	float:left;
	list-style-type:none;
	position:relative;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup li.cardProduct span {
	display:block;
	margin:0 4px 0 0px;
	padding:1px 4px 1px;
	border:solid 1px #a5b3a9;
	background:#e6ecf3 url(/images/https-creditcards/web_shopper/interface_elements/sub_navigation/secondary-nav-bkgrnd.jpg) repeat-x left bottom;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span a {
	display:inline;
	font-size:1.2em;
	height:1em;
	outline:none;
	text-decoration:none;
	font-weight:bold;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span a:link {
	color:#003a6f;
	outline:none;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span a:visited {
	color:#003a6f;
	outline:none;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span a:hover {
	color:#a12830;
	outline:none;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span a:active {outline:none;}
/* assign id=subNavHighlight to span to highlight current location in card subnavigation menu */
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span#subNavHighlight {
	background:#a12830;
	border:solid 1px #a12830;
}
#cardSubNavWrapper div.cardSubNavGroup ul.cardGroup .cardProduct span#subNavHighlight a {color:#fff;}
/* content one fix */
#cardSubNavWrapper ul li {
    background:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
/*----- =12. credit level modal overlay ------------*/
#Modal_overlay.creditCards {
	background-color:#003a6f;
}
#Modal_window.creditCards {
    background:none;
    border:1px solid #fff;
	font-size:1.1em;	
    height:auto;
    left:375px;
	margin-left:-350px;
	margin-top:-270px;
    padding:0;
	top:29em;
	width:701px;
}
div#bannerWrapperThickBox .closeBtn {
    cursor:pointer;
    position:absolute;
    top:10px;
    right:15px;
}
div#bannerWrapperThickBox {
    background:#fff url(/images/https-creditcards/web_shopper/feature_banners/backgrounds/bg_blue_feature_gradient_fade.jpg) no-repeat 0px 0px;
    color:#000;
     /* added 10-13-09 {drew.liverman} 
    height:480px;  */
	height:520px;
    padding:8px 15px 20px;
    width:671px;
}
div#bannerWrapperThickBox h3 {
	color:#003a6f;
    font-size:1.8em;
}
div#bannerWrapperThickBox h4 {
	color:#003a6f;
    font-size:1.1em;
	font-weight:bold;
	margin:.3em 0;
}
div#creditCategoryWrapper {
    background:#fff;
    border:1px solid #ccc;
    margin-top:26px;
    padding:0px 15px 15px;
}
div#creditCategoryWrapper #helpMeTable caption {
	padding-left:.2em;
    /* added 10-13-09 {drew.liverman} */
    display:table-caption;
}