@charset "utf-8";
/*	css document; modified: 02-JUL-2009
----------------------------------------------
    ToC
	1. feature banner
	2. header
	3. card details section
	4. credit category
	5. card benefits section
	6. faq
	7. definition list toggle switch styles
*/
/* ----- 1. feature banner ----- */
/* override global setting */
#landingBanner {margin-bottom:2em;}
/* ----- 2. header ----- */
#cardHeader {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height:2em;
	margin-top:1em;
	padding-bottom:.5em;
	padding-top:.7em;
}
#cardTitle {
	float:left;
	font-size:1.5em;
}
#cardHeader #promotionalHelpCopy {
	float:right;
	font-size:1.2em;
	margin-top:.2em;
}
#cardHeader #promotionalHelpCopy a {font-weight:bold;}
/* ----- 3. card details section ----- */
#cardDetails {
	/*force hasLayout for ie6 */
	overflow:auto;
	width:100%;
}
/* card details */
#cardOverview {
	float:left;
	margin-top:1.5em;
	width:430px;
}
#imageWrapper {
	float:left;
	margin-bottom:2em;
	width:145px;
}
img#cardArt {clear:both;}
img.applyButton {
	clear:both;
	float:left;
	margin-bottom:1.5em;
	margin-top:1.5em;
}
#cardDetailText {
	float:right;
	margin-bottom:2em;
	width:278px;
}
#cardDetailText p {margin-bottom:1em;}
#cardDetailText ul li {
	display:block;
	margin-bottom:1em;
}
/* card rewards */
#cardRewards {
	border-left:1px solid #ccc;
	clear:right;
	float:right;
	padding-left:.8em;
	margin-top:1em;
	width:287px;
}
#cardRewards h2 {
	background:#cfe5ff;
	font-size:1.1em;
	margin-bottom:.7em;
	padding:.4em;
}
#cardRewards ul {margin:0 0.4em 1.6em 0.6em;}
#cardRewards ul li {margin-top:1em;}
#cardRewards table {margin-bottom:1em;}
#cardRewards table caption {
	background:#cfe5ff;
	font-size:1.1em;
	padding:.4em;
	margin-bottom:.7em;
	font-weight:bold;
}
#cardRewards table td,
#cardRewards table th {
	padding:.3em 0.4em;
	vertical-align:top;
}
#cardRewards table tbody th {text-align:right;}
/* ----- 4. credit category ----- */
#creditLevelWrapper {
	clear:left;
	margin-top:2px;
}
#creditLevelWrapper #creditLevelTabWrapper {
	background:#fff;
	border:1px solid #ccc;
	width:428px;
}
#creditLevelWrapper #creditLevelTab {
	border:2px solid #fff;
	padding:.7em;
}
/* change #creditLevelTab background color to match appropriate credit level category */
#creditLevelWrapper.creditCategory_0 #creditLevelTab {background:#8e67b9 url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_assistance.png) no-repeat 7px -67px;}
#creditLevelWrapper.creditCategory_1 #creditLevelTab {background:#43a1e3 url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_assistance.png) no-repeat 7px -67px;}
#creditLevelWrapper.creditCategory_2 #creditLevelTab {background:#37c54b url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_assistance.png) no-repeat 7px -67px;}
#creditLevelWrapper.creditCategory_3 #creditLevelTab {background:#eb7a00 url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_assistance.png) no-repeat 7px -67px;}
#creditLevelTab #creditLevel {text-transform:uppercase;}
#creditLevelWrapper a {
	background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 25px -34px;
	color:#fff;
	font-weight:bold;
	padding-left:3.2em;
}
#creditLevelWrapper a.toggleOpen {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 24px -52px;}
#creditLevelWrapper ul {
	background:#eee;
	border:1px solid #ccc;
	display:block;
	margin-top:-1px;
	padding:2em 5em 1em 6.5em;
	z-index:20;
}
#creditLevelWrapper ul li {
	display:block;
	margin-bottom:1em;
	padding-left:1.3em;
	vertical-align:middle;
}
/* change li bullet to match credit categories */
#creditLevelWrapper.creditCategory_0 ul li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_purple.png) no-repeat 0 0.4em;}
div#creditLevelWrapper.creditCategory_1 ul li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_cyan.png) no-repeat 0 0.4em;}
div#creditLevelWrapper.creditCategory_2 ul li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_green.png) no-repeat 0 0.4em;}
div#creditLevelWrapper.creditCategory_3 ul li {background:url(/images/https-creditcards/web_shopper/interface_elements/rtpm_product_table/bullet_rtpm_help_me_orange.png) no-repeat 0 0.4em;}
/* ----- 5. card benefits section ----- */
#benefitsWrapper {
	margin-top:1em;
	margin-bottom:1em;
/*force hasLayout for ie6 */
	overflow:auto;
}
/* style layout table */
td.benefitsCell {
	border:1px solid #ccc;
	border-collapse:collapse;
	table-layout:fixed;
	vertical-align:top;
}
div#benefitsCard,
div#benefitsGlobal {
	background:transparent url(/images/https-creditcards/web_shopper/interface_elements/product_details_table/bg_blue_gradient.gif) repeat-x left top;
	border:2px solid #fff;
	padding:5px 9px 16px;
}
/* miles (or generic) benefits tables */
#benefitsWrapper div table {
	border-collapse:collapse;
	table-layout:fixed;
}
#benefitsWrapper div table thead th {background:#ebebeb;}
#benefitsWrapper div table th,
#benefitsWrapper div table td {
	border:1px solid #ccc;
	padding:.5em;
}
/* cash benefits table */
#benefitsWrapper div table#cashTable caption {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:.3em;
	text-align:left;
}
#benefitsWrapper div table#cashTable thead tr th {font-weight:bold;}
#benefitsWrapper div table#cashTable th {font-weight:normal;}
#benefitsWrapper div table#cashTable td {font-weight:bold;}
#benefitsWrapper div table#cashTable tfoot tr th,
#benefitsWrapper div table#cashTable tfoot tr td {
	background:#ebf4ff;
	font-weight:bold;
}
#benefitsWrapper div table#cashTable tfoot tr th.total,
#benefitsWrapper div table#cashTable tfoot tr td.total {
	background:#cfe5ff;
	font-size:1.2em;
	font-weight:bold;
}
#benefitsWrapper div table#cashTable tbody tr td.sectionHeader,
#benefitsWrapper div table#cashTable tbody tr th.sectionHeader {
	background:#ebebeb;
	font-weight:bold;
}
#benefitsWrapper div table#cashTable tbody tr td.total,
#benefitsWrapper div table#cashTable tbody tr th.total {
	background:#ebebeb;
	font-weight:bold;
}
/* card product table (card images) */
#benefitsWrapper div table#cardProductTable th,
#benefitsWrapper div table#cardProductTable td {border-style:none;}
#benefitsGlobal div,
#benefitsCard div {margin-top:1em;}
#benefitsCard h2,
#benefitsGlobal h2 {
	color:#fff;
	font-size:1.4em;
	margin-bottom:1.3em;
}
#benefitsCard h3,
#benefitsGlobal h3 {
	font-size:1.4em;
	margin-bottom:.3em;
	margin-top:1.4em;
}
#benefitsGlobal div p,
#benefitsCard div p {margin-top:1em;}
#benefitsCard ul li,
#benefitsCard ol li {margin-bottom:1em;}
/* add standard ul li bullets back when needed */
#benefitsCard ul.categories li {
	background:transparent url(/images/presentation/common/bullets/square_3x3_gray.gif) no-repeat 0 0.5em;
	display:block;
	margin:0 0 4px 2px;
	padding:0 0 0 8px;
	vertical-align:middle;
}
.benefitsCell #benefitsCard li {
	background:url(none);
	padding-left:0px;
}
#benefitsCard ol {
	list-style:decimal inside;
	margin-left:0px;
	padding-left:0px;
}
#benefitsCard ol li {font-weight:bold;}
#benefitsCard ol li p {
	font-weight:normal;
	margin:0em;
	padding-left:1.5em;
}
#benefitsGlobal dl {margin-bottom:.5em;}
/* ----- 6. faq ----- */
#faq {
	clear:left;
	margin-top:1em;
}
#faq #faqWrapper {
	background:#fff;
	border:1px solid #ccc;
	width:auto;
}
#faq #faqBar {
	background:#eee url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_assistance.png) no-repeat 7px 6px;
	border:2px solid #fff;
	padding:.7em;
	width:auto;
}
#faqBar a {
	background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 25px 4px;
	font-weight:bold;
	padding-left:3.2em;
	width:auto;
}
#faqBar a.toggleOpen {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 24px -14px;}
#faq dl {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1.5em 6em 1em;
	width:auto;
}
/* ----- 7. definition list toggle switch styles ----- */
#faq dl dd,
#benefitsGlobal dl dd {
	margin-bottom:1em;
	padding-left:1.2em;
}
#faq dl dt,
#benefitsGlobal dl dt {
	background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 3px 4px;
	color:#2866af;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:1em;
	padding-left:1.2em;
	text-decoration:underline;
}
#faq dl dt.toggleOpen,
#benefitsGlobal dl dt.toggleOpen {background:url(/images/https-creditcards/web_shopper/interface_elements/icons/icons_toggle_arrow.png) no-repeat 3px -14px;}