/**
 * Banners
 *
 * Each primary level section has a large banner in the content area that
 * contains the section's name and information in a customized box.
 *
 */

/* ----------------------------------------------------------------------------
	GLOBAL BANNER PROPERTIES
---------------------------------------------------------------------------- */

#banner {
	background: #fff url(/static/global/images/banners/grad_lightblue_dotted_bg.gif) repeat-x left bottom;
	height: auto !important;
	height: 181px;
	margin-bottom: 7px;
	min-height: 181px;
	padding: 0 161px 1px 19px;
	position: relative;
	width: auto;
	zoom: 1;
}
	/*
	Banners do not have as much white space above them when using the three
	column layout type.
	*/
	div.three-column-layout #banner {
		margin-top: -9px;
	}

	/*
	All third-level pages have a yellow gradient background, instead of blue.
	*/
	#content-body div.yellow {
		background-image: url(/static/global/images/banners/grad_yellow_dotted_bg.gif);
	}

	/*
	Force all child elements to sit "on top" of the section image.
	*/
	#banner * {
		position: relative;
		z-index: 20;
	}
      #banner a { position: static; }
	/*
	Reset relative positioning for each banner content box to ensure that their
	associated graphic will sit in the right position in the container.
	*/
	#banner div.banner-content {
		display: none;
		position: static;
	}
	/*
	Ensure that the first banner gets displayed for accessiblity reasons.
	*/
	#banner div.banner-content-first {
		display: block;
	}

	/*
	If an IFRAME is contained within a banner, there should be no padding
	applied.
	*/
	#banner iframe {
		display: block;
		height: 181px;
		margin: 0 -161px 4px -19px;
		width: 818px;
	}

	/*
	Main section graphical heading. Ensure that right padding applied to parent
	is removed.
	*/
	h1.banner {
		margin: 0 -161px 10px 19px;
		position: relative;
	}
	#banner h1.banner {
		margin: 0 -161px -2px 0;
	}
		#banner h1 img {
			display: block;
			margin-bottom: 9px;
		}

	/*
	Sub-section graphical heading. Ensure that right padding applied to parent
	is removed.
	*/
	#banner h2 {
		margin-right: -161px;
	}

	/*
	Main section image is positioned on the right-hand side at the bottom.
	*/
	#banner img.photo {
		bottom: 5px;
		position: absolute;
		right: 0;
		z-index: 10;
	}

	#banner img.photo_career {
		bottom: 5px;
		position: absolute;
		right: 0;
		z-index: 10;
		LEFT: 180PX;
    OVERFLOW: Visible;

	}

/* ----------------------------------------------------------------------------
	INVESTORS - LATEST QUARTERLY RESULTS

	Display graphical header, text blurb and set of links at the bottom.
	The image, instead of being positioned at the bottom is now placed near
	the top and the text flows around it.
---------------------------------------------------------------------------- */

/*
Modify right padding to allow text to flow to edge, much like the way its
aligned on the left.
*/
#content-body div.banner-investors {
	padding-right: 19px;
}
	/*
	Sub-header graphic needs customized margins.
	*/
	div.banner-investors h2 {
		margin-top: -4px;
		margin-bottom: 8px;
	}

	/*
	Photo is floated instead of absolutely positioned; text flows around.
	*/
	#content-body div.banner-investors img.photo {
		bottom: auto;
		display: inline;
		float: right;
		margin: -46px -19px 0 15px;
		position: relative;
		right: auto;
	}

	/*
	Navigational buttons appear in a row at the bottom of the content box.
	*/
	div.banner-investors ul.clearfix {
		clear: both;
		list-style-type: none;
		margin: 0;
		padding-bottom: 10px;
	}
		/*
		Each button is floated with a right margin to create gutter space.
		*/
		div.banner-investors ul.clearfix li {
			background-image: none;
			display: inline;
			float: left;
			margin: 0 38px 0 0;
			padding: 0;
		}
			div.banner-investors ul.clearfix li a {
				color: #5482ab;
			}



/* ----------------------------------------------------------------------------
	CONTACT US

	No graphic is applied to this banner; spans entire width of content area.
---------------------------------------------------------------------------- */

/*
Modify right padding to allow text to flow to edge, much like the way its
aligned on the left.
*/
#content-body div.banner-contact {
	height: auto;
	min-height: 0;
	padding-right: 19px;
}



/* ----------------------------------------------------------------------------
	SEARCH

	Custom search fields and minimum height adjustments.
---------------------------------------------------------------------------- */

#content-body div.banner-search { }

#content-body div.banner-search form * { position: static; }

	/*
	Search text box needs some resizing.
	*/
	div.banner-search form input.text {
		margin-right: 4px;
		vertical-align: top;
		width: 152px;
	}



/* ----------------------------------------------------------------------------
	NEWS & INSIGHTS - PHOTOS & AV GALLERY

	Photo has larger width and right padding needs adjustment to fit.
---------------------------------------------------------------------------- */

#content-body div.banner-photoavgallery {
	padding-right: 285px;
}



/* ----------------------------------------------------------------------------
	PRODUCTS & SERVICES

	Data table that exists within an IFRAME for the non-Flash version of
	the products and services map.
---------------------------------------------------------------------------- */

table.banner-prodserv {
	width: 100%;
}
	table.banner-prodserv thead th {
		background-color: #003946;
		color: #fff;
		font-size: 13px;
		padding: 4px 8px;
		text-align: left;
	}

	table.banner-prodserv tbody th {
		background: #f3f7fa url(../../_images/layout/dotted_line_bg_horizontal.gif) repeat-x left bottom;
		color: #003946;
		font-size: 13px;
		padding: 12px 8px 1px 8px;
		text-align: left;
	}
	table.banner-prodserv tbody td {
		background: #fff url(../../_images/layout/dotted_line_bg_horizontal.gif) repeat-x left bottom;
		font-size: 11px;
		padding: 12px 8px 1px 8px;
		text-align: left;
	}
		/*
		No border on last row.
		*/
		table.banner-prodserv tbody tr.last th,
		table.banner-prodserv tbody tr.last td {
			background-image: none;
		}

		/*
		Text headers at the top of each "Products and Services" cell.
		*/
		table.banner-prodserv tbody td h3 {
			color: #003946;
			font-size: 13px;
			margin-bottom: 14px;
		}

		/*
		List of links for each "Products and Services" cell.
		*/
		table.banner-prodserv tbody td ul {
			margin-left: 0;
		}
			table.banner-prodserv tbody td ul li {
				background: transparent url(../../_images/bullets/arrow_yellow.gif) no-repeat 0 0.40em;
				padding-left: 16px;
				zoom: 1;
			}