/* CSS Document */

/*-----------------------------------------------------------------------------------------------
  GLOBAL
-----------------------------------------------------------------------------------------------*/
body { 
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 auto 20px auto;
	padding:0;
	background-color:#fff;
	text-align: center;
}

#wrapper {
	text-align: left;
	margin:0 auto;
	padding:0;
	width:990px; 
	border:solid 1px #999;
	border-top:none;
	position: relative;
	}
	
#center-column a:link, #center-column a:visited{
	color:#8c1c19;
}

#center-column a:hover, #center-column a:active{
	color: #B25E24;
}

/*-----------------------------------------------------------------------------------------------
HEADINGS
-----------------------------------------------------------------------------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

h1{
font: bold 11px/14px Arial, Helvetica, sans-serif;
color: #666;
padding: 0 0 3px;
text-transform: uppercase;
letter-spacing: 1px;
}

h2{
color: #8c1c19;
font: normal 26px/30px Arial, Helvetica, sans-serif;
padding: 0 0 5px;
}

h3{
padding: 10px 0 5px;
color: #006b70;
font: normal 20px/24px Arial, Helvetica, sans-serif;
}

h4{
color: #B25E24;
font: bold 16px/22px Arial, Helvetica, sans-serif;
padding: 5px 0 5px;
}

h5{
color: #013d77;
font: bold 12px/18px Arial, Helvetica, sans-serif;
}

h6{
font: bold 12px/18px Arial, Helvetica, sans-serif;
color: #666;
}

/* Secondary Page Headers */ 
h1.secondary{
font: normal 35px/45px Arial, Helvetica, sans-serif;
/*width: 877px;
height: 130px;*/
text-transform: none;
color: #fff;
padding: 32px 0 42px 34px;
background: no-repeat;
margin: 5px 0 0;
}



/*-----------------------------------------------------------------------------------------------
  HEADER AND MAIN NAV
-----------------------------------------------------------------------------------------------*/

#header {
	height:121px;
	}
	
#logo{
	position: absolute;
	top: 6px;
	left: 40px;
	}
	
/*-------- Header Navigation --------279px*/	
#header #utilities {
	position:relative;
	height:86px;
	text-align:right;
	padding-right:0px;
	}
	
	#header form { padding-left:695px; }

	ul#util-nav {
		list-style:none;
		line-height:40px;
		font-size:10px;
		color:#999;
		margin:0;
		padding: 0 32px;
		text-align: right;
		}
	#util-nav li {display:inline;}
	#util-nav li a{
		text-decoration:none;
		line-height:14px;
		color:#999;
		float:none;
		margin:0 3px 0 3px;
		}
	#util-nav li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}
		
		
/*-------- Search Box --------*/	
	#header input {
		display:inline;
		float:left;
		width:168px;
		height:17px;
		background-color: lightyellow;
		border:1px solid #ccc;
		font-size:10px;
		color:#999999;
		margin:0 0 0 6px;
		}
	#header input#go{
		display:inline;
		width:40px;
		height:24px;
		border:none;
		
		}


/*-------- Main Navigation --------*/	
ul#main-nav {
	list-style:none;
	line-height:31px;
	padding:0 0 4px 44px;
	background: #576973 url(../images/mainnav-bg.gif) bottom repeat-x;
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	margin:0;
	}	
ul#news-nav {
	list-style:none;
	line-height:31px;
	padding:0 0 4px 0;
	font-size:10px;
	font-weight:bold;
	color:#ccc;
	margin:0;
	position: absolute;
	height: 31px;
	width: 200px;
	right: 36px;
	top: 86px;
	text-align: right;
}
#main-nav li, 
#news-nav li{
	display:inline;
	}
#main-nav li #active, 
#news-nav li #active{
	color:#ff9900;
	margin:0 7px 0 7px;
	}
#main-nav li a, 
#news-nav li a{
	text-decoration:none;
	line-height:18px;
	color:#fff;
	float:none;
	margin:0 7px 0 7px;
	}
#main-nav li a:hover, 
#news-nav li a:hover{
	color:#ff9900;
	}

/*-----------------------------------------------------------------------------------------------
  CONTENT - CLASS A
-----------------------------------------------------------------------------------------------*/
#content {
	width:900px;
	background-color:#faf4e5;
	padding: 5px 45px 0;
	}
	#content #header-graphic {
		margin:10px 0 0 0;
		}		
	#content #left {
		position:relative;
		float:left;
		width:415px;
		padding:0 0 0 20px;
		margin:20px 0 0 0;
		}		
	#content #right {
		position:relative;
		float:right;
		width:415px;
		padding:0 0 0 15px;
		margin:20px 20px 0 0;
		border-left:1px solid #999;
		}
		
		.spanright{
			float: right;
			display: inline;
			position: relative;
		}

/*-----------------------------------------------------------------------------------------------
SECONDARY & TERTIARY PAGES - CLASS B & C
-----------------------------------------------------------------------------------------------*/

/*-------- Three Columns --------*/		
#left-column,#right-column {
	display:inline;
	/*float:left;*/
	position: relative;
	width:170px;
}
#left-column { 
	float:left;
	padding:0 0 0 5px;
	margin:10px 0 0 0; 
	}
	#left-column h4{
	color: #003d77;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
#right-column {
	margin:0 0 0 20px;
	*margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float:right;
	}
#center-column {
	display:inline;
	float:left;
	margin:10px 0 0 20px;
	overflow:hidden;
	width:490px;
	border-left:1px solid #999;
	padding:0 0 20px 20px;
	}
	#center-column p { 
		font:normal 12px/18px Arial, Helvetica, sans-serif; 
		margin:0 0 10px 0;
		padding:0;
		}
	#center-column ul {
		list-style-type:none;
		list-style-position:outside;
		font:normal 12px/18px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0 0 5px;
		}
	#center-column li {
		padding:0 0 0 10px; 
		background: url(../images/bullet1.gif) no-repeat top left;
		}
	#center-column ul ul {
		padding:0;
		}
	#center-column ul ul li {
		background: url(../images/bullet2.gif) no-repeat top left; 
		margin: 0;
		}
	#center-column ul ul ul li {
		background: url(../images/bullet3.gif) no-repeat top left;
		margin: 0;
		}
	ul#blue {
		list-style:disc url(../images/blue-arrow.gif) outside;
		*list-style:disc url(../images/blue-arrow_IE.gif) outside;
		_list-style:disc url(../images/blue-arrow_IE.gif) outside;
		font:normal 14px/18px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0 0 0 20px;
		*padding:0 0 0 15px;/* bug fix for IE7 */
		_padding:0 0 0 15px;/* bug fix for <IE7 */
		}
	ul#gold {
		list-style:disc url(../images/gold-arrow.gif) outside;
		*list-style:disc url(../images/gold-arrow_IE.gif) outside;
		_list-style:disc url(../images/gold-arrow_IE.gif) outside;
		font:normal 14px/18px Arial, Helvetica, sans-serif;
		margin:0 0 0 10px;
		_margin:0 0 0 20px;
		*margin:0 0 0 20px;
		padding:0 0 0 20px;
		*padding:0 0 0 15px;/* bug fix for IE7 */
		_padding:0 0 0 15px;/* bug fix for <IE7 */
		}	
		#center-column #gold{
			padding: 0 0 15px 20px;
			margin: 0;
			font:normal 12px/18px Arial, Helvetica, sans-serif;
			}
		#blue li, #gold li {
			margin:10px 0 0 0;
			padding:0 0 0 5px;
			}
		#center-column #gold li{
			background: none;
			padding: 0;
			}
		#blue li a, #gold li a {
			text-decoration:none;
			line-height:18px;
			color:#666;
			}
		#blue li a:hover, #gold li a:hover {
			text-decoration:underline;
			color:#b25e24;
			}

.videobox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:10px 10px 10px 0;
padding:5px 10px 0;
position:relative;
}

.videobox .videoholder {
display:inline;
float:right;
margin:0 0 20px;
position:relative;
text-align:right;
width:215px;
}

.videobox .videoholder .time {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#12212A none repeat scroll 0 0;
bottom:1px;
color:#FFFFFF;
font-size:9px;
padding:3px;
position:absolute;
right:1px;
}

.videobox .videoholder .play {
height:35px;
position:absolute;
right:82px;
top:67px;
width:35px;
}

.videobox h5 {
margin:0 0 5px;
}

.videobox .author img{
float: left; 
position: relative;
display: inline;
margin: 2px 12px 0 0;
}


/*-------- Promo Boxes --------*/
.sidebar {
	border:1px solid #999;
	margin:10px 0 10px 5px;
	background-color:#fff;
	width:160px;
	}
.sidebar h5 {
display:block;
padding: 5px 10px;
margin:0;
color:#fff;
text-transform:uppercase;
background:#003e79 url(../images/sidebar-heading-bg.gif) repeat-x top left;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
} 
.sidebar h6{
	color: #B25E24;
	font-weight: normal;
	}
.sidebar span.casestudy-title{
	color: #3F7B85;
	}
	.sidebar p {
		font:normal 11px/15px Arial, Helvetica, sans-serif; 
		margin:0; 
		padding:10px;
		}
.sidebar img{
	padding: 5px 0;
	}
	a.read-more {	
		float:right;
		background:transparent url(../images/red-arrow.gif) no-repeat center right;
		color:#8c1c19;
		text-decoration:none;
		padding:0 15px 0 0;
		}
	a.read-more:hover {	
		text-decoration:underline;
		}
	a.sidebar-heading {
		text-decoration:none;
		color:#b25e24;
		}
	a.sidebar-heading:hover {
		text-decoration:underline;
		}

#sidebar-form label {
-x-system-font:none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
}

#sidebar-form input {
border:1px solid #CCCCCC;
margin:3px 0 5px;
width:140px;
}

#sidebar-form input.btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#003E79 url(http://www.mastercardadvisors.com/us/advisors/en/images/sidebar-heading-bg.gif) repeat-x scroll left top;
border:1px solid #CCCCCC;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:24px;
line-height:18px;
margin:3px 0 5px;
text-transform:uppercase;
width:auto;
}

/*--------Breadcrumbs--------*/
#breadcrumbs-left {
	width:650px;
	}
#breadcrumbs-right {
	position: absolute;
	right: 45px;
	height: 25px;
	width:170px;
	text-align: right;
	top: 130px;
	}
ul.breadcrumbs {
	list-style:none;
	height:25px;
	padding: 0;
	padding:0 8px 0 3px; 
	font-size:10px;
	color:#999;
	margin:0;
	}
	.breadcrumbs li {display:inline;}
	.breadcrumbs li a{
		text-decoration:none;
		line-height:14px;
		color:#999;
		float:none;
		margin:0 3px 0 3px;
		}
	.breadcrumbs li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}

/*-------- Related Content Links --------*/
ul#related-links {
	list-style:disc url(../images/teal-arrow.gif) outside;
	*list-style:disc url(../images/teal-arrow_IE.gif) outside;
	_list-style:disc url(../images/teal-arrow_IE.gif) outside;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 20px;
	*padding:0 0 0 15px;/* bug fix for IE7 */
	_padding:0 0 0 15px;/* bug fix for <IE7 */
	}
	#related-links li {
		margin:10px 0 0 0;
		padding:0;
		background-image: none;
		}
	#related-links li a:link, 
	#related-links li a:visited	{
		text-decoration:none;
		line-height:16px;
		color:#666;
		}
	#related-links li a:hover, 
	#related-links li a:active{
		text-decoration:underline;
		color:#b25e24;
		}
	
/*-----------------------------------------------------------------------------------------------
 LEFT NAVIGATION
-----------------------------------------------------------------------------------------------*/

/*-------- Top Level Navigation --------*/	
ul#first-level {
	list-style:disc url(../images/blue-arrow.gif) outside;
	*list-style:disc url(../images/blue-arrow_IE.gif) outside;
	_list-style:disc url(../images/blue-arrow_IE.gif) outside;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 20px;
	*padding:0 0 0 15px;/* bug fix for IE7 */
	_padding:0 0 0 15px;/* bug fix for <IE7 */
	}
	#first-level li {
		margin:0 0 10px 0;
		padding:0;
		}
	#first-level li a {
		text-decoration:none;
		line-height:16px;
		color:#666;
		}
	#first-level li a:hover {
		text-decoration:underline;
		color:#b25e24;
		}
		
		/*-------- Second Level Navigation --------*/
		ul#second-level{
			list-style:disc url(../images/gray-arrow.gif) outside;
			*list-style:disc url(../images/gray-arrow_IE.gif) outside;
			_list-style:disc url(../images/gray-arrow_IE.gif) outside;
			font:normal 12px/16px Arial, Helvetica, sans-serif;
			margin:0;
			padding:0 0 0 20px;
			*padding:0 0 0 15px;/* bug fix for IE7 */
			_padding:0 0 0 15px;/* bug fix for <IE7 */
			}
			#second-level li {
				margin:10px 0 0 0;
				padding:0;
				}
			#second-level li a {
				text-decoration:none;
				line-height:16px;
				color:#666;
				}
			#second-level li a:hover {
				text-decoration:underline;
				color:#b25e24;
				}


/*-----------------------------------------------------------------------------------------------
COLORS
----------------------------------------------------------------------------------------------*/
.brown {
	color:#b25e24;
	}
.teal {
	color:#3f7b85;
	}
.red {
	color:#8c1c19;
	}
.yellow {
	color:#ff9900;
	}
.blue {
	color:#093678;
	}
	
/*-----------------------------------------------------------------------------------------------
  I AM INTERESTED IN DROP DOWN
-----------------------------------------------------------------------------------------------*/

#interested-drop ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border:1px solid #999;
	background-color:#fff;
	min-height:30px;
	}
	#interested-drop li {
		display:block;
		position: relative;
		margin:0 0 0 -1px;
		*margin:0 0 -5px -1px;
		_margin:0 0 -25px 0;
		padding:0;
		*padding:0;
		_padding:0;
		text-align:left;
		}
		#interested-drop li ul {
			display: none;
			position: relative; 
			border:1px solid #999;
			border-top:none;
			border-bottom:none;
			*border-bottom:1px solid #999;
			_border-bottom:1px solid #999;
			_border-right:none;
			_border-left:none;
			background-color:#fff;
			padding:5px;
			width:158px;
			*width:158px;
			_width:156px;
			}
		#interested-drop li > ul {
			left: 0;
			}
#interested-drop li:hover ul, #interested-drop li.over ul { display: block; }

#drop a {
	display:block;
	font:normal 12px/14px Arial,Helvetica,Times;
	color:#8c1c19;
	margin:0 45px 0 0;
	padding:7px 5px 0 5px;
	*padding:7px 5px 0 5px;
	_padding:11px 5px 0 5px;
	text-decoration:none;
	background:transparent url(../images/blue-arrow-down.gif) no-repeat bottom right;
	*background:transparent url(../images/blue-arrow-down_IE.gif) no-repeat bottom right;
	_background:transparent url(../images/blue-arrow-down_IE.gif) no-repeat bottom right;
	}

#drop li li a {
	display: block;
	width: auto;
	margin: 0;
	_margin: 0;
	font:normal 10px/11px Arial,Helvetica,Times;
	color:#093678;
	padding:5px 2px 5px 2px;
	text-decoration:none;
	text-align:left;
	background:none;
	}

#drop li li a:hover {
	color:#b25e24;
	text-decoration:underline;
	}	
	
/*-----------------------------------------------------------------------------------------------
  FOOTER
-----------------------------------------------------------------------------------------------*/
#footer {
	border-top:1px solid #999;
	background-color:#fff;
	height:70px;
	}
	#footer-left {
		position:relative;
		float:left;
		width:405px;
		padding:0 0 0 40px;
		margin:20px 0 0 0;
		font:normal 11px/14px Arial, Helvetica, sans-serif;
		color:#8c1c19;
		}
		#footer-left p {
			margin:0 0 5px 0;
			padding:0;
			}
		#footer-left a {
			color:#8c1c19;
			text-decoration:none;
			}	
		#footer-left a:hover {
			color:#8c1c19;
			text-decoration:underline;
			}
				
	#footer-right {
		position:relative;
		display: inline;
		float:right;
		width:445px;
		*width:435px;
		_width:450px;
		padding:0 0 0 0;
		margin:20px 0 0 0;
		}
		ul.footer-nav {
			list-style:none;
			height:20px;
			padding:0;
			*padding:0;/* bug fix for IE7 */
			_padding:0;/* bug fix for <IE7 */
			font-size:11px;
			color:#999;
			margin:0;
			}
		.footer-nav li {display:inline;}
		.footer-nav li a{
			text-decoration:none;
			line-height:14px;
			color:#999;
			float:none;
			margin:0 3px 0 3px;
			}
		.footer-nav li a:hover {
			text-decoration:underline;
			color:#b25e24;
			}
/* -----   */
#content1 {
	width:900px;
	background-color:#faf4e5;
	
	}
#contactdivmain { width: 300px; }
#leftcol1 { width:60px; float:left; display: inline; position: relative; }
#rightcol1 { width:250px; float:right; display: inline; position: relative;}

/* TD Added Below */
table, tr, td{
	border: 0;
	border-collapse:collapse;
	vertical-align: top;
	font: 12px/18px Arial, Helvetica, sans-serif;
	}

td{
	border-bottom: 1px solid #ccc; 
	padding: 5px 0;
	}
	
td#left{
	margin: 0;
	padding: 0;
	width: auto;
	}
	
/*If your facing charts */
	
div.stepone{
	background: url(../images/stepone-arrow.gif) bottom center no-repeat; 
	padding: 0 0 18px;
	}
	
	div.stepone table{
		border: 1px solid #006b70;
		background: #fff;
		}
		
	
	div.stepone table td{
		border-bottom: none;
		width: 50%;
		padding: 10px;
		}
	
	div.stepone table h3{
		color: #006b70;
		text-transform: uppercase;
		font: bold 12px/18px Arial, Helvetica, sans-serif;
		padding: 0 0 10px;
		}
		
	#center-column div.stepone table li, #center-column div.steptwo table li, #center-column table.stepthree li{
		background: url(../images/bullet1-white.gif) no-repeat top left;
		}

div.steptwo{
	background: url(../images/steptwo-arrow.gif) bottom center no-repeat; 
	padding: 0 0 18px;
	}
	
	div.steptwo table{
		border: 1px solid #B25E24;
		background: #fff;
		}
		
	
	div.steptwo table td{
		border-bottom: none;
		width: 50%;
		padding: 10px;
		}
	
	div.steptwo table h3{
		color: #B25E24;
		text-transform: uppercase;
		font: bold 12px/18px Arial, Helvetica, sans-serif;
		padding: 0 0 10px;
		}
		
table.stepthree{
	background: #fff; 
	border: 1px solid #013d77;
	margin: 0 0 18px;
	}
	
	table.stepthree td{
		border-bottom: none;
		width: 50%;
		padding: 10px;
		}
	
	table.stepthree h3{
		color: #013d77; 
		text-transform: uppercase;
		font: bold 12px/18px Arial, Helvetica, sans-serif;
		padding: 0 0 10px;
		}