/********** Universal (common) styles **********/
body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial;
	color:#000000;
}
td {
	font-size:11px;
}
a:link, a:visited {
	color:#990000;
	text-decoration:none;
}
a:hover, a:active {
	color:#CC0000;
	text-decoration:none;
}
select, input, textarea {
	font-size:11px;
	vertical-align:middle;
}
form {
	margin:0px; /* this removes the default margins set by browsers */
}
/* unordered list with red bullets, identical to MClistRedDotBlackText */
ul { 
	list-style: none;
	margin:0px;
	padding:0px;
}
ul li, ol ul li, .MClistRedDot li { /* 1st-level <ul> list; this is set automatically but use "MClistRedDot" if need to force */
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
	background-image:url(../img/common/bullet_dot_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px; /* top-align should be approx half of bullet height (7) */
}
ul li li, .MClistGrayDkDot li { /* 2nd-level nested <ul> list; this is set automatically but use "MClistGrayDkDot" if need to force */
	background-image:url(../img/common/bullet_dot_graydk.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}
ul li li li, .MClistGrayLtDot li { /* 3rd-level (and subsequent) nested <ul> list; this is set automatically but use "MClistGrayLtDot" if need to force */
	background-image:url(../img/common/bullet_dot_graylt.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}
ul a:link, ul a:visited {
	color:#990000;
}
ul a:hover, ul a:active {
	color:#CC0000;
}
 /* ordered list with numbers */
ol {
	margin:0px 0px 0px 25px;
	padding:0px;
}
ol li, .MClistNumbered li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}
ol a:link, ol a:visited {
	color:#990000;
}
ol a:hover, ol a:active {
	color:#CC0000;
}

/********** Main Content **********//* Use this for CELLS under a banner */
.MCcellPadTB {
	padding: 15px 1px 15px 1px;
}
.MCcellPad { /* Use this for the cells with text blocks. Adds minimal padding so that characters like W do not get cut off on the left */
	padding: 0px 1px 0px 1px;
	vertical-align:top;
}

/********** Cells - Color only **********//* Use this for CELLS with IMAGE elements */
.MCcellWhite {
	background-color:#FFFFFF;
}
.MCcellBlack {
	background-color:#000000;
}
.MCcellGrayDk {
	background-color:#666666;
}
.MCcellGrayLt {
	background-color:#CCCCCC;
}
.MCcellRedDk {
	background-color:#CC0000;
}
.MCcellRedMd {
	background-color:#D90707;
}
.MCcellRedLt {
	background-color:#FF3333;
}
.MCcellPinkDk {
	background-color:#FDD3C1;
}
.MCcellPinkMd {
	background-color:#FEE8DD;
}
.MCcellPinkLt {
	background-color:#FFF2EB;
}

/********** Cells - Color & Padding **********//* Use this for CELLS with TEXT elements */
.MCcellWhitePad {
	padding: 10px;
	background-color:#FFFFFF;
}
.MCcellBlackPad {
	padding: 10px;
	background-color:#000000;
}
.MCcellGrayDkPad {
	padding: 10px;
	background-color:#666666;
}
.MCcellGrayLtPad {
	padding: 10px;
	background-color:#CCCCCC;
}
.MCcellRedDkPad {
	padding: 10px;
	background-color:#CC0000;
}
.MCcellRedMdPad {
	padding: 10px;
	background-color:#D90707;
}
.MCcellRedLtPad {
	padding: 10px;
	background-color:#FF3333;
}
.MCcellPinkDkPad {
	padding: 10px;
	background-color:#FDD3C1;
}
.MCcellPinkMdPad {
	padding: 10px;
	background-color:#FEE8DD;
}
.MCcellPinkLtPad {
	padding: 10px;
	background-color:#FFF2EB;
}

/********** Page Title **********//* Use this for the TITLE appearing on index_content.html top. when applied to td will include padding */
.MCtitleWhite {
	color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
}
td.MCtitleWhite {
	padding: 0px 0px 10px 0px; /* font size is large enough, does not require left/right 2px padding */
}
.MCtitleRed {
	color:#CC0000;
	font-size:22px;
	font-weight:normal;
}
td.MCtitleRed {
	padding: 0px 0px 10px 0px; /* font size is large enough, does not require left/right 2px padding */
}
.MCtitleRedLt {
	color:#FF3333;
	font-size:22px;
	font-weight:normal;
}
td.MCtitleRedLt {
	padding: 0px 0px 10px 0px; /* font size is large enough, does not require left/right 2px padding */
}

/********** Content Headers **********//* Use this for TDs with common HEADERS and subheaders. when applied to td will include padding */
.MChdrRed, .MChdrRed a:link, .MChdrRed a:visited {
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
}
.MChdrRed a:hover, .MChdrRed a:active {
	color:#990000;
}
td.MChdrRed { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}
.MChdrBlack, .MChdrBlack a:link, .MChdrBlack a:visited {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
.MChdrBlack a:hover, .MChdrBlack a:active {
	color:#990000;
}
td.MChdrBlack { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}

.MChdrMdRed, .MChdrMdRed a:link, .MChdrMdRed a:visited {
	color:#CC0000;
	font-size:14px;
	font-weight:bold;
}
.MChdrMdRed a:hover, .MChdrMdRed a:active {
	color:#990000;
}
td.MChdrMdRed { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 10px 1px;
}
.MChdrMdBlack, .MChdrMdBlack a:link, .MChdrMdBlack a:visited {
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
.MChdrMdBlack a:hover, .MChdrMdBlack a:active {
	color:#990000;
}
td.MChdrMdBlack { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 10px 1px;
}

/********** Normal Text **********//* Use this for normal text and links. when applied to <TD> will include padding-left */
.MCcontentWhite {
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentWhite {
	padding: 0px 1px 0px 1px;
}
.MCcontentBlack {
	color:#000000;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentBlack {
	padding: 0px 1px 0px 1px;
}
.MCcontentBlack li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
}
.MCcontentGrayDk {
	color:#666666;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentGrayDk {
	padding: 0px 1px 0px 1px;
}
.MCcontentGrayLt {
	color:#CCCCCC;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentGrayLt {
	padding: 0px 1px 0px 1px;
}
.MCcontentRedDk {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentRedDk {
	padding: 0px 1px 0px 1px;
}
.MCcontentRedMd {
	color:#D90707;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentRedMd {
	padding: 0px 1px 0px 1px;
}
.MCcontentRedLt {
	color:#FF3333;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentRedLt {
	padding: 0px 1px 0px 1px;
}
.MCcontentPinkDk {
	color:#FDD3C1;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentPinkDk {
	padding: 0px 1px 0px 1px;
}
.MCcontentPinkMd {
	color:#FEE8DD;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentPinkMd {
	padding: 0px 1px 0px 1px;
}
.MCcontentPinkLt {
	color:#FFF2EB;
	font-size:11px;
	font-weight:normal;
}
td.MCcontentPinkLt {
	padding: 0px 1px 0px 1px;
}

/********** Normal Text - Text Lists **********//* Use this for ULs of normal TEXT (should already be the default list, but may need this to force styles) */
/* text=black, links=(default)maroon, rollover=(default)red */
.MClistRedDotBlackText {
	list-style: none;
	margin:0px;
	padding:0px;
}
.MClistRedDotBlackText li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
	background-image:url(../img/common/bullet_dot_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px; /* top-align should be approx half of bullet height (7) */
}
.MClistRedDotBlackText a:link, .MClistRedDotBlackText a:visited {
	color:#990000;
	font-size:11px;
	font-weight:normal;
}
.MClistRedDotBlackText a:hover, .MClistRedDotBlackText a:active {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
}

/********** Normal Text - Link Lists **********//* Use this for ULs of LINKs  */
/* links=black, rollover=(default)red */
.MClistRedArrowBlackLinks {
	list-style: none;
	margin:0px;
	padding:0px;
}
.MClistRedArrowBlackLinks li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
	background-image:url(../img/common/bullet_arrow_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px; /* top-align should be approx half of bullet height (7) */
}
.MClistRedArrowBlackLinks a:link, .MClistRedArrowBlackLinks a:visited {
	color:#000000;
	font-size:11px;
	font-weight:normal;
}
.MClistRedArrowBlackLinks a:hover, .MClistRedArrowBlackLinks a:active {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
}

/********** Normal Text - Boxes **********//* Use this for boxes like those in rightnav */
.MCboxRedBgrdWhiteHdr { 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 7px 5px 7px;
	background-color:#CC0000;
}
.MCboxBody { /* the padding for the cell under the red bar (insert another table in this cell to format text style) */
	padding: 7px;
	vertical-align:top;
}
/********** Normal Text - Tables **********//* Use this for tables and table cells */
.MCtblHdr { 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 7px 5px 7px;
	background-color:#CC0000;
}

.MCtblMain {
	border-top: 1px solid #FFF2EB;
	border-right: 1px solid #FFF2EB; 
	border-bottom: 1px solid #FFF2EB; 
	border-left: 1px solid #FFF2EB;
}

.MCtblHdrRed { 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 0px 5px 0px;
	background-color:#CC0000;
}

.MCtblHdrPink { 
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 7px 5px 7px;
	background-color:#FDD3C1;
}

.MCtblHdrSide { 
	color:#000000;
	font-size:11px;
	padding: 5px 8px 5px 8px;
	font-weight: ;
}

.MCtblSubhdr { 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 7px 5px 7px;
	background-color:#FF3333;
}

.MCtblBgrd {
	background-color:#CC0000;
}
.MCtblCellWhitePad {
	padding: 5px 7px 5px 7px;
	background-color:#FFFFFF;
}
.MCtblCellBlackPad {
	padding: 5px 7px 5px 7px;
	background-color:#000000;
}
.MCtblCellGrayDkPad {
	padding: 5px 7px 5px 7px;
	background-color:#666666;
}
.MCtblCellGrayLtPad {
	padding: 5px 7px 5px 7px;
	background-color:#CCCCCC;
}
.MCtblCellRedDkPad {
	padding: 5px 7px 5px 7px;
	background-color:#CC0000;
}
.MCtblCellRedMdPad {
	padding: 5px 7px 5px 7px;
	background-color:#D90707;
}
.MCtblCellRedLtPad {
	padding: 5px 7px 5px 7px;
	background-color:#FF3333;
}
.MCtblCellPinkDkPad {
	padding: 5px 7px 5px 7px;
	background-color:#FDD3C1;
}
.MCtblCellPinkMdPad {
	padding: 5px 7px 5px 7px;
	background-color:#FEE8DD;
}
.MCtblCellPinkLtPad {
	padding: 5px 7px 5px 7px;
	background-color:#FFF2EB;
}

/********** Footnotes **********/
.MCfooter {
	font-size:10px; /* for terms and conditions and all general small print */
	color:#000000;
}
td.MCfooter {
	padding:0px 1px 0px 1px; /* for terms and conditions and all general small print */
}

/********** Additional Info Sections **********//* Use this for extra info at the bottom of the page, eg. "Additional Information", "Card Features & Benefits" */
.MCaddInfoBar{ 
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding: 3px 7px 3px 7px;
	background-color:#CC0000;
}
.MCaddInfoBox { /* the padding for the cell under the red bar (this is the default color) */
	padding: 7px;
	vertical-align:top;
	background-color:#FFF2EB;
}
.MCaddInfoList {
	list-style: none;
	margin:0px;
	padding:0px;
}
.MCaddInfoList li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
	background-image:url(../img/common/bullet_dot_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px; /* top-align should be approx half of bullet height (7) */
}
.MCaddInfoList a:link, .MCaddInfoList a:visited {
	color:#000000;
	font-size:11px;
	font-weight:normal;
}
.MCaddInfoList a:hover, .MCaddInfoList a:active {
	color:#CC0000;
	font-size:11px;
	font-weight:normal;
}

/********** Additional Info - Terms & Conditions **********//* Use this for Terms & Conditions - creates a double spacing between questions, links appear in maroon */
.MCaddInfoTerms {
	margin:0px 0px 0px 28px;
	padding:0px;
}
.MCaddInfoTerms li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding:0px 0px 14px 10px;
}
.MCaddInfoTerms a:link, .MCaddInfoTerms a:visited {
	color:#990000;
}
.MCaddInfoTerms a:hover, .MCaddInfoTerms a:active {
	color:#CC0000;
}

/********** Additional Info - FAQ Questions **********//* Use this for FAQ questions - creates a double spacing between questions, and makes questions (links) appear in black */
.MCaddInfoFaqQuestions {
	margin:0px 0px 0px 28px;
	padding:0px;
}
.MCaddInfoFaqQuestions li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding:0px 0px 14px 10px;
}
.MCaddInfoFaqQuestions a:link, .MCaddInfoFaqQuestions a:visited {
	color:#000000;
}
.MCaddInfoFaqQuestions a:hover, .MCaddInfoFaqQuestions a:active {
	color:#CC0000;
}


/********** Additional Info - FAQ Answers **********//* Use this for FAQ answers - creates a triple spacing between answers */
.MCaddInfoFaqAnswers {
	margin:0px 0px 0px 28px;
	padding:0px;
}
.MCaddInfoFaqAnswers li {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding-left:10px; /* padding-left should be bullet width (8) + 2 */
}
.MCaddInfoFaqAnswers a:link, .MCaddInfoFaqAnswers a:visited {
	color:#990000;
}
.MCaddInfoFaqAnswers a:hover, .MCaddInfoFaqAnswers a:active {
	color:#CC0000;
}
li.MCaddInfoFaqAnswersLast{ /* assign to <li> tag for LAST faq item (question OR answer); will remove bottom-padding */
	padding-top:42px;
}
.MCaddInfoFaqAnswers li li{ /* this ensures that lists inside this list do NOT inherit the bold font weight that was is in .MCaddInfoFaqAnswers li */
	font-weight:normal;
}
.MCaddInfoFaqAnswers li td{ /* this ensures that lists inside this list do NOT inherit the bold font weight that was is in .MCaddInfoFaqAnswers li */
	font-weight:normal;
}
/********** DropLists **********/
select.dropdownIframe { /* for text in iframe drop down menu (for IE only) */
	font-size:9px;
	color:#000000;
	font-family: Tahoma;
	line-height:inherit;
	cursor:default;
}