/*******************************************************************************
 Global
 *******************************************************************************/
html, body {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background-color: #f6f6f0;
	color: #333333;
	font-size: 62.5%;
	position: absolute;
}
a {
	color: #aa231b;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #ff0000;
}
a.external {
	background: url(/images/global/new_window.gif) no-repeat 100% 50%;
	padding-right: 14px;
}
img {
	border: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}
h1 {
	color: #000000;
}

h5 {
line-height:18px;
}

select {
	color: #333333;
	margin-bottom: 30px;
}
ul {
	padding-left: 15px;
}
ul.plain {
	list-style: none;
	padding: 0;
}
hr {
	clear: both;
	border: none;
	border-top: 1px solid #c2c2c2;
	height: 0;
	margin: 20px 0;
	padding: 0;
}
.flash {
	display: none;
}
.nonflash {
	display: block;
}
div.random {
	display: none;
}
div.randomFirst {
	display: block;
}

/********************************
 easy clearing from http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 ********************************/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

.rightSpacing {
	padding-right: 30px;
}
.leftSpacing1 {
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	height: 105px;
}
.leftSpacing2 {
	padding-left: 0px;
	padding-right: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	height: 30px;
}
.bottomMargin {
	margin-bottom: 30px;
}
.topSpacing {
	padding-top: 30px;
}
.topMargin {
	margin-top: 30px;
}

/********************************
 arrow - for ul's with the arrow icon
 ********************************/
.arrow {
	list-style: none;
	margin: 0;
	padding: 0;
}
.arrow li {
	background: url(/images/global/arrow.gif) no-repeat;
	padding-left: 13px;
}

/********************************
 bg
 ********************************/

.bg {
	background-color: #eeeee6;
	margin: 0 auto;
	width: 956px;
	position: relative;
}

/********************************
 contentContainer
 ********************************/
.contentContainer {
	float: right;
	width: 731px;
}
.contentContainer .content {
	float: left;
	width: 362px;
}
.contentContainer .content2 {
	float: left;
	width: 100%;
}

.noSidebar .contentContainer {
	float: none;
	width: auto;
}
.noSidebar .contentContainer .content {
	width: 527px;
}
.contentContainer .rssIcon {
	float: right;
	margin-right: 9px;
}

/********************************
 doubleArrow - for ul's with the double arrow icon
 ********************************/
.doubleArrow {
	list-style: none;
	margin: 0;
	padding: 0;
}
.doubleArrow li {
	background: url(/images/global/cfa_arrow.gif) no-repeat;
	padding-left: 10px;
}

/********************************
 footer
 ********************************/
.footer {
	color: #666666;
	margin: 0 auto;
	padding: 0 30px 30px;
	width: 896px;
}
.footer a {
	color: #666666;
}
.footer a:focus,
.footer a:hover {
	color: #ff0000;
}
.footer ul {
	float: left;
}
.footer li {
	float: left;
	margin-right: 9px;
}
.footer .copyright {
	float: left;
}
.footer .lastUpdatedDate {
	float: right;
}

/********************************
 header
 ********************************/
.header {
	background: url(/images/global/right_corner.gif) no-repeat right bottom;
	margin: 0 16px;
}
.header .logo {
	float: left;
}
.header .logo img {
	display: block;
}
.header .headerContent {
	float: left;
	width: 811px;
}
.header .topHeader {
	background-color: #ffffff;
	min-height: 31px;
}
.header .subNav {
	color: #767676;
	float: left;
	padding-left: 15px;
	width: 677px;
}
.header .subNav li {
	float: left;
	padding: 8px 0 7px;
}
.header .siteTitle {
	color: #b30f34;
	float: left;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	width: 70px;
}
.header .subNav a {
	color: #767676;
	margin: 0 10px;
}
.header .subNav a:focus,
.header .subNav a:hover {
	color: #000000;
}
.header .subNav .active a {
	color: #aa231b;
}
.header .colRight {
	float: right;
	padding-right: 20px;
}
.header .mainNav {
	background-color: #be0f34;
	height: auto;
	padding-left: 12px;
	float: left;
	width: 790px;
}
.header .mainNav li {
	float: left;
	padding-top: 42px;
	padding-right: 10px;
}
.header .mainNav a,
.header .mainNav img {
	display: block;
}
.header .mainNav a {
	padding-top: 8px;
	padding-right: 8;
	padding-left: 8px;
	padding-bottom: 10px;
}
.header .mainNav .active a {
	border-bottom: 4px solid #ff184e;
	padding-bottom: 10px;
}

/********************************
 headerLogin
 ********************************/
.headerLogin {
	margin: 0 16px;
	background-image: url(/images/th/header/right_corner_login.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.headerLogin .logo {
	float: left;
}
.headerLogin .logo img {
	display: block;
}
.headerLogin .headerContent {
	float: left;
	width: 811px;
}
.headerLogin .topHeader {
	background-color: #ffffff;
	min-height: 31px;
}
.headerLogin .subNav {
	color: #767676;
	float: left;
	padding-left: 15px;
	width: 677px;
}
.headerLogin .subNav li {
	float: left;
	padding: 8px 0 7px;
}
.headerLogin .siteTitle {
	color: #b30f34;
	float: left;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	width: 70px;
}
.headerLogin .subNav a {
	color: #767676;
	margin: 0 10px;
}
.headerLogin .subNav a:focus,
.headerLogin .subNav a:hover {
	color: #000000;
}
.headerLogin .subNav .active a {
	color: #aa231b;
}
.headerLogin .colRight {
	float: right;
	padding-right: 20px;
}
.headerLogin .mainNav {
	background-color: #be0f34;
	height: auto;
	padding-left: 12px;
	float: left;
	width: 790px;
}
.headerLogin .mainNav {
	background-color: #be0f34;
	padding-left: 12px;
	float: left;
	width: 790px;
	height: 60px;
	padding-top: 53px;
}
.headerLogin .mainNav a,
.headerLogin .mainNav img {
	display: block;
}
.headerLogin .mainNav a {
	padding-top: 8px;
	padding-right: 8;
	padding-left: 8px;
	padding-bottom: 10px;
}
.headerLogin .mainNav .active a {
	border-bottom: 4px solid #ff184e;
	padding-bottom: 10px;
}


.mainLogin {
	min-height: 80px;
	padding: 44px 30px 30px;
	background-color: #FFFFFF;
}
.footerLogin {
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	height: 240px;
}

/********************************
 main
 ********************************/
.main {
	min-height: 280px;
	padding: 44px 30px 30px;
}
.main .heading {
	color: #be0f34;
	margin-bottom: 20px;
}
.main .heading h1 {
	margin-bottom: 10px;
}
.main .imgHeading h1 {
	margin-bottom: 0px;
}
.main h2 {
	margin-bottom: 10px;
}
.smallSubH h2,
.main h3,
.main h4 {
	margin-bottom: 10px;
}
.main .notes {
	font-style: italic;
}
.main .row {
	margin-bottom: 20px;
}
.main .pressReleasesList li {
	padding-top: 10px;
	border-bottom: 1px solid #c2c2c2;
}
.main .pressReleasesList h2 {
	margin-bottom: 0;
}
.main .pressReleasesList .pressReleasesInfo {
	padding-bottom: 10px;
}
.main .rssMenu,
.main .rssDropDownTitle {
	display: none;
}
.main .btnSubscribe {
	background: url(/images/global/rss_icon.gif) no-repeat 0 50%;
	padding-left: 19px;
}

/********************************
 photoBoxOnRight
 ********************************/
.photoBoxOnRight .photoBox {
	float: left;
}
.photoBoxOnRight .content {
	float: left;
	padding-right: 30px;
}
 
/********************************
 photoBoxOnLeft
 ********************************/
.photoBoxOnLeft .photoBox {
	float: right;
	padding-right: 30px;
}
.photoBoxOnLeft .content {
	float: right;
	padding-right: 9px;
	width: 353px;
}
.noSidebar .photoBoxOnLeft .content {
	width: 518px;
}
 
/********************************
 photoBox
 ********************************/
.photoBox {
	margin-top: -5px;
	width: 339px;
}
.photoBox .photoContainer {
	position: relative;
}
/*******************************
Begin GMD Revised
********************************/
.photoBox .photoContainerTop {
	background: url(/images/global/inside_gradient_top.gif) no-repeat;
	height: 34px;
	width: 339px;
}

.photoBox .optional {
	background: url(/images/global/inside_gradient_h3_bg.gif) repeat;
	color: #ffffff;
	margin: 0 2px;
	padding: 5px 0 0px 20px;
	border: 1px solid #fff;
}

.photoBox .photoContainer {
	position: relative;
}

/*******************************
End GMD Revised
********************************/
.photoBox .photoContainer img {
	display: block;
}
.photoBox .photoContainer h3 {
	bottom: 5px;
	color: #ffffff;
	left: 27px;
	margin-bottom: 0;
	position: absolute;
	z-index: 2;
	width: 297px;
}

.photoBox .textContainer {
	background: url(/images/global/inside_gradient_shadow.gif) repeat-y;
	padding: 0 5px;
}
/*******************************
Begin GMD Revised
********************************/
.photoBox .textContainer .h3bg {
	margin: 0;
	width: auto;
}

.photoBox .textContainer .nobg {
	margin: 0;
	padding: 20px 22px 0;
	width: auto;
}
/*******************************
End GMD Revised
********************************/

.photoBox .textContainer .bg {
	background: #ffffff url(/images/global/inside_gradient_bg.gif) repeat-x bottom;
	margin: 0;
	padding: 20px 22px 0;
	width: auto;
}
.photoBox .textContainer .col {
	float: left;
	width: 142px;
}
.photoBox .textContainer .col1,
.photoBox .textContainer .col2,
.photoBox .textContainer .col3 {
	float: left;
	padding-right: 10px;
	width: 85px;
}
.photoBox .textContainer h4 {
	color: #333333;
	margin: 0;
}
.photoBox .textContainer h4.bottomMargin {
	margin-bottom: 6px;
}
.photoBox .textContainer .pressReleasesTitle {
	color: #c62921;
	font-weight: bold;
}
.photoBox .textContainer .pressReleasesInfo {
	color: #565656;
}
.photoBox .textContainer .dropdownWidthIcon ul {
	float: left;
	padding-right: 20px;
}
.photoBox .textContainer .dropdownWidthIcon .onRight {
	padding-left: 10px;
}
.photoBox .textContainer .img {
	float: left;
}

.photoBox .photoContainerBottom {
	background: url(/images/global/inside_gradient_footer.gif) no-repeat;
	height: 24px;
	width: 339px;
}
.photoBox .dropdownWidthIcon select {
	max-width: 255px;
}

/********************************
 sidebar
 ********************************/
.sidebar {
	float: right;
	padding-right: 30px;
	width: 135px;
}
.sidebar a {
	color: #4f4f4f;
}
.sidebar a:focus,
.sidebar a:hover {
	color: #ff0000;
}
.sidebar select {
	width: 135px;
}
.sidebar .nav {
	border-top: 1px solid #cbcbc4;
}
.sidebar .nav li {
	border-bottom: 1px solid #cbcbc4;
}
.sidebar .nav li a {
	display: block;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
.sidebar .nav li.activeSection .noLink {
	font-weight: bold;
}
.sidebar .nav li .noLink {
	font-weight: normal;
	padding: 6px 31px 6px 10px;
}
.sidebar .nav li.activeSection ul li a {
	font-weight: normal;
	padding-right: 35px;
}
.sidebar .nav li.activeSection ul li.active a {
	font-weight: bold;
}
.sidebar .nav li.active {
	background: url(/images/global/current_arrow.gif) no-repeat 120px 10px;
}
.sidebar .nav li.active a {
	color: #000000;
	font-weight: bold;
}
.sidebar .subNav {
	margin-bottom: 0;
}
.sidebar .subNav li {
	border-bottom: 0;
	border-top: 1px solid #c0c0c0;
}	
.sidebar .subNav li a {
	padding-left: 18px;
}
.sidebar .btn img {
	margin-top: 25px;
}

/********************************
 sitemap
 ********************************/
.sitemap {
	border-top: 1px solid #e2e2e0;
	color: #989898;
	margin: 0 auto;
	padding: 30px 45px 20px;
	width: 866px;
}
.sitemap a {
	color: #989898;
}
.sitemap a:focus,
.sitemap a:hover {
	color: #ff0000;
}
.sitemap .col,
.sitemap .subcol {
	float: left;
}
.sitemap .col {
	margin-right: 40px;
}
.sitemap .about{
	width: 125px;
}
.sitemap .needs{
	width: 150px;
}
.sitemap .media {
	width: 135px;
}
.sitemap .markets {
	width: 155px;
}
.sitemap .markets .subcol {
	width: 95px;
}
.sitemap .misc {
	margin-right: 0;
	width: 135px;
}
.sitemap h6 {
	font-weight: normal;
}

/********************************
 timeline - for non-flash version
 ********************************/
dl.timeline dt,
dl.timeline dd {
	margin: 0;
	padding: 0;
	float: left;
}
dl.timeline dt {
	padding-right: 10px;
	width: 30px;
}
dl.timeline dd {
	clear: right;
	width: 690px;
}

/********************************
 thumbnails - for ul's with text and thumbnail images
 ********************************/
.thumbnails {
	list-style: none;
	margin: 0;
	padding: 0;
}
.thumbnails .text {
	float: right;
	margin-left: 20px;
	width: 611px;
}
.thumbnails .thumb {
	float: right;
	margin-bottom: 20px;
}

/*******************************************************************************
 Special pages
 *******************************************************************************/

/********************************
 home
 ********************************/
.home .bg {
	background-color: transparent;
	position: relative;
}
.home .header {
	left: 16px;
	margin: 0;
	top: 0;
	width: 925px;
	height: 113px;
	position: absolute;
}
.home .main {
	background: url(/images/homepage/homepage_gradient_shadow.gif) repeat-y left top;
	margin-bottom: 56px;
	padding: 0;
}
.home h1 {
	display: none;
}
.home .homeimg {
	display: block;
}
.home .content {
	background: url(/images/homepage/homepage_gradient_footer.gif) no-repeat left bottom;
	margin-top: -28px;
	padding: 0 0 24px 55px;
	position: relative;
}
.home .content .col {
	float: left;
	margin-right: 18px;
	width: 270px;
}
.home .content h2 {
	color: #ffffff;
	margin: 0;
	padding: 6px 22px;
}
.home .content .text {
	color: #000000;
	min-height: 102px;
	padding: 17px 22px 0;
}
.home .content a {
	color: #333333;
}
.home .content a:focus,
.home .content a:hover {
	color: #ff0000;
}
.home .content .doubleArrow li {
	margin-bottom: 5px;
}
.home .content .doubleArrow li.last {
	margin-bottom: 0;
}

.home .content .needs .text {
	padding: 0 2px 0;
}
.home .content .needs .tabs {
	background: url(/images/homepage/tab_bg.gif) repeat-x left top;
	display: none;
	margin: 12px 0 0;
	padding-left: 20px;
}
.home .content .needs .tabs li {
	float: left;
	margin-right: 1px;
}
.home .content .needs #individuals {
	margin-bottom: 20px;
}
.home .content .needs .pane {
	padding: 17px 20px 0;
}
.home .content .needs .pane ul {
	float: left;
	width: 113px;
}

.home .content .markets img {
	float: left;
	margin-top: 3px;
}



/*******************************************************************************
 EN General
 *******************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

select {
	font-family: arial,helvetica,sans-serif;
	font-size: 1em; /* 11px */
}
.header, .mainText {
	font-size: 1.1em; /* 11px */
	line-height:  1.364em;
}
.mainText p,
.mainText ul {
	margin-bottom: 1.818em; /* 20px */
}
.mainText .last {
	margin-bottom: 0;
}

/********************************
 arrow
 ********************************/
.mainText .arrow li {
	background-position: 0 0.455em; /* 5px */
}

/********************************
 doubleArrow
 ********************************/
.mainText .doubleArrow li {
	background-position: 0 0.455em; /* 5px */
}

/********************************
 main
 ********************************/
.main .mainText .heading {
	font-size: 1.272em; /* 14px */
	line-height: 30px;
}
.main .mainText .heading h1 {
	font-size: 1.286em; /* 18px */
}
.main .mainText h2 {
	font-size: 1.273em; /* 14px */
}
.smallSubH .mainText h2 {
	font-size: 1.091em; /* 12px */
}
.main .mainText h3 {
	font-size: 1.091em; /* 12px */
	line-height: 11px;
}

.main .mainText h4 {
	font-size: 1em; /* 11px */
}
.main .notes {
	font-size: 0.909em; /* 10px */
}
.main .pressReleasesList h2 {
	font-size: 1.091em; /* 12px */
}
.main .fullWidthTwoCol .col1 {
	float: left;
	padding: 0 0 10px 0;
	width: 274px;
}
.main .fullWidthTwoCol .col2 {
	float: left;
	padding: 0 0 10px 0;
	width: 244px;
}

.main .fullWidthTwoCol .col3 {
	float: left;
	padding: 0 0 10px 0;
	width: 350px;
}
.main .newsfeed .col {
	float: left;
	padding-right: 30px;
}
.main .marketsMap {
	position: relative;
}
.main .market_description {
	left: 400px;
	position: absolute;
	top: 40px;
	width: 280px;
}

/********************************
 photoBox
 ********************************/
.photoBox h3 {
	font-size: 1.3em; /* 13px */
}
.photoBox .textContainer h4 {
	font-size: 1em; /* 11px */
}
.photoBox .textContainer .pressReleasesTitle {
	font-size: 1.091em; /* 12px */
	line-height: 1.25em;
}
.photoBox .textContainer .pressReleasesInfo {
	font-size: 0.909em; /* 10px */
}

/********************************
 sitemap
 ********************************/
.sitemap {
	font-size: 1.1em; /* 11px */
	line-height: 1.364em; /* 15px */
}
.sitemap h5,
.sitemap h6 {
	font-size: 1em; /* 11px */
}
.sitemap ul {
	margin-bottom: 2.727em; /* 30px */
}
.sitemap ul ul,
.sitemap h5 {
	margin-bottom: 1.818em; /* 20px */
}



/*******************************************************************************
 EN Special pages
 *******************************************************************************/

/********************************
 contact
 ********************************/
.contact .content h2 {
	font-size: 1.091em; /* 12px */
}

/********************************
 home
 ********************************/
.home .content h2 {
	font-size: 1.182em; /* 13px */
	line-height: 1.231em; /* 16px */
}
.home .content h3 {
	font-size: 1em; /* 11px */
	line-height: 1.273em; /* 14px */
}

/*******************************************************************************
 Print
 *******************************************************************************/
@media print {
	body .flash {
		display: none;
	}
	body .nonflash {
		display: block;
	}
	.arrow,
	.doubleArrow {
		list-style: disc;
		padding-left: 15px;
	}
	.arrow li,
	.doubleArrow li {
		background: none;
		padding-left: 0;
	}

	/* fix float drops in firefox 2 */
	.photoBoxOnLeft .photoBox {
		margin-left: -3px;
	}
	.photoBoxOnRight .photoBox {
		margin-right: -3px;
	}

	.photoBox .textContainer .col1,
	.photoBox .textContainer .col2,
	.photoBox .textContainer .col3 {
		width: 70px;
	}

	.contentContainer {
		float: none;
		width: auto;
	}
	.contentContainer .content {
		width: 527px;
	}
	.photoBoxOnLeft .content {
		width: 518px;
	}

	.sidebar,
	.sitemap,
	.footer ul {
		display: none;
	}
	.footer {
		padding-top: 30px;
	}
	dl.timeline dt,
	dl.timeline dd {
		float: none;
	}
	.home .content {
		background: none;
	}
	.home .content .needs .pane ul {
		margin-right: -3px;
		width: 98px;
	}
}

