/********** Universal (common) styles **********/

/* * {
margin: 0;
padding: 0;
} */

body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Arial;
	color:#000000;
}
td {
	font-size:11px;
}
a:link, a:visited {
	color:#990000;
	text-decoration:none;
	margin:0px;
}
a:hover, a:active {
	color:#CC0000;
	text-decoration:none;
	margin:0px;	
}
select, input, textarea {
	font-size:11px;
	vertical-align:middle;
}
form {
	margin:0px; /* this removes the default margins set by browsers */
}

/********** Unordered list styles **********/
ul { 
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul li { /* default 1st-level <ul> list */
	color:#000000;
	font-size:11px;
	font-weight:normal;
	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) */
}/* reset style for all <li> that are NOT direct children of the <ul>; this is required cos IE doesnt recog > child descendents! */ ul li * li {background:none;} 

ul li ul li { /* default 2nd-level nested <ul> list */
	background-image:url(/img/common/bullet_dot_graydk.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}/* reset style for all <li> that are NOT direct children of the 2nd-level <ul> */ ul li ul li * li {background:none;} 

ul li ul li ul li { /* default 3rd-level nested <ul> list */
	background-image:url(/img/common/bullet_dot_graylt.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}/* reset style for all <li> that are NOT direct children of the 3rd-level <ul> */ ul li ul li ul li * li {background:none;} 

ul a:link, ul a:visited {
	color:#990000;
}
ul a:hover, ul a:active {
	color:#CC0000;
}

/* Use this to force bullets for <ul> (eg. 3rd level and after) */
.MClistRedDot li {
	background-image:url(/img/common/bullet_dot_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}
.MClistGreyDkDot li {
	background-image:url(/img/common/bullet_dot_graydk.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}
.MClistGreyLtDot li {
	background-image:url(/img/common/bullet_dot_graylt.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

/********** Ordered list styles (numbered) **********/
ol {
	margin:0px 0px 0px 25px;
	padding:0px;
	text-align:left;
}
ol li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	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;
}
.MChdrWhite, .MChdrWhite a:link, .MChdrWhite a:visited {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
.MChdrWhite a:hover, .MChdrWhite a:active {
	color:#CCCCCC;
}
td.MChdrWhite { /* when applied to a cell, will have left/right padding to prevent truncation for first characters like W*/
	padding: 0px 1px 5px 1px;
}
/* same as above but in a larger size */
.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;
}
.MChdrMdWhite, .MChdrMdWhite a:link, .MChdrMdWhite a:visited {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.MChdrMdWhite a:hover, .MChdrMdWhite a:active {
	color:#CCCCCC;
}
td.MChdrMdWhite { /* 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;
}

/* apply to default list to create double-row spacing between list items (similar to spacing in MCaddInfoTerms but WITHOUT the additional left margin) */
.MClistVerticalSpacing li {
	padding-bottom:14px;
}/* reset style for all <li> that are NOT direct children */ .MClistVerticalSpacing li * li {padding-bottom:0px;}

/********** Normal Text - Link Lists **********//* Use this for ULs of LINKs  */
/* links=black, rollover=(default)red */
.MClistRedArrowBlackLinks {
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
.MClistRedArrowBlackLinks li {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	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) */
}/* reset style for all <li> that are NOT direct children */
.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;
}
/* same as above but bullet image is moved to the RIGHT, text is aligned right. */
/* Use ONLY for links like "Click here to find out more >> " */
.MClinkRedArrow{
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:right;
}
.MClinkRedArrow li {
	color:#000000;
	font-size:11px;
	font-weight:bold;
	padding-right:12px;
	background-image:url(/img/common/bullet_arrow_red.gif);
	background-repeat:no-repeat;
	background-position:100% 4px;
}/* reset style for all <li> that are NOT direct children */ .MClinkRedArrow li * li {background:none;}
.MClinkRedArrow a:link, .MClinkRedArrow a:visited {
	color:#000000;
	font-size:11px;
}

.MClinkRedArrow a:hover, .MClinkRedArrow a:active {
	color:#CC0000;
	font-size:11px;
}

/********** 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;
}

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

.MCtblMain { /* styles added by Rohan */
            border-top: 1px solid #FFF2EB;
            border-right: 1px solid #FFF2EB; 
            border-bottom: 1px solid #FFF2EB; 
            border-left: 1px solid #FFF2EB;
}

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

.MCtblHdrSide { /* styles added by Rohan */
            color:#000000;
            font-size:11px;
            padding: 5px 8px 5px 8px;
            font-weight: ;
}

.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, .MCfooter li, span.MCfooter { /* can also be used for <ul>s to give the entire list footer print */
	font-size:10px; /* for terms and conditions and all general small print */
	color:#000000;
}
td.MCfooter {
	font-size:10px;
	color:#000000;
	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;
}/* reset style for all <li> that are NOT direct children */ .MCaddInfoTerms li * li {padding-bottom:0px;}
.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;
}/* reset style for all <li> that are NOT direct children */ .MCaddInfoFaqQuestions li * li {padding-bottom:0px;}
.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 */
}/* reset style for all <li> that are NOT direct children */ .MCaddInfoFaqAnswers li * li {font-weight:normal;}
.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 add bottom-padding */
	padding-top:42px;
}
/********** DropLists **********/
.droplistIframe td { /* for <td> text in iframe droplist menus (for IE only) - applied to files in /common/rightnav/droplist/iframe/ */
	font-size:9px;
	color:#000000;
	font-family: Tahoma;
	line-height:inherit;
	cursor:default;
}
.droplistIframeRollover {
	background-color: #B2B4BF;
}
.droplistIframeRollout {
	background-color:#FFFFFF;
}

/*additional styles by Rohan */

H2 { /* fix no H2 padding */
 margin:10px 0px 0px 2px;
}

H4 { /* fix no H4 padding */
 margin:10px 0px 0px 2px;
}