* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

html {
}

body {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #2f2f2f;
	background-color: #78818b;
	background-image: url(../images/bg_Body.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* ELEMENTS */

a {
	color: #113a76;
}

a:hover {
}

h1 a img {
	display: none;
}

h2 {
}

h3 {
}

h4 {
	font-size: 14px;
	color: #1c3665;
	margin-bottom: 14px;
}

h5 {
	font-size: 11px;
	color: #0a1036;
}

h6 {
	font-size: 11px;
}

img {
	border: none;
}

p {
	margin-bottom: 17px;
}

ul {
	list-style: none;
}

ul.arrowList, ul.bulletList  {
	margin-bottom: 17px;
}

ul.arrowList li {
	padding-left: 10px;
	margin-bottom: 5px;
	background-image: url(../images/bullet_Arrow02.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

ul.arrowList li ul {
	margin: 5px 0 10px 5px;
}

ul.bulletList li {
	padding-left: 10px;
	margin-bottom: 3px;
	background-image: url(../images/bullet_Circle01.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}



/* STYLES BY SITE STRUCTURE */

/* NOTE: SEE "NAVIGATION.CSS" FOR ALL NAVIGATION STYLES */

div.LayoutWrapper {
	width: 924px;
	margin: 0px auto;
}

div.LayoutWrapper_Home {
	position: relative;
	width: 977px;
	margin: 0px auto;
}

/* Holds the iframe for the flash page */
div.FlashFrameHolder {
	float: left;
	width: 977px;
	height: 443px;
	margin-top: 7px;
}

/* Located in FlashFrame.html and contains the flash and content for users without flash */
div.FlashHolder {
	position: relative;	
	float: left;
	width: 977px;
	height: 443px;	
}

div.FlashHolder a.LearnMoreLink {
	display: block;
	position: absolute;
	width: 75px;
	height: 20px;
	top: 275px;
	left: 325px;
	z-index: 2;
	/*background-color: #fff;*/
}

div.FlashHolder a.LearnMoreLink span {
	display: none;
}

div.NoFlashHolder {
	width: 977px;
	height: 443px;
}

div.NoFlashHolder img {
	float: left;
}

/* The hidden div which overlays the home page when the "TradeCard in 90 Seconds" promo is clicked */
div.VideoHolder {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 702px;
	background-image: url(../images/bg_VideoHolder.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #fff;
}

div.VideoHolder table td {
	vertical-align: top;
}

div.BottomWrapper_Home {
	float: left;
	width: 977px;
	height: 145px;
	background-image: url(../images/bg_BottomWrapper_Home.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.HomePromosHolder {
	width: 977px;
	height: 113px;
}

div.ElevatorCopyHolder {
	float: left;
	width: 210px;
	height: 113px;
	padding: 3px 0 0 458px;
	background-image: url(../images/ElevatorCopy.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

div.ElevatorCopyHolder p {
	display: none;
}

div.HomeNewsHolder {
	float: left;
	width: 293px;
	height: 90px;
	padding: 26px 0px 0 12px;
}

div.HomeNewsHolder table {
	table-layout: fixed;
	width: 293px;
}

div.HomeNewsHolder table th {
	text-align: left;
	vertical-align: top;
	color: #d0e2fc;
}

div.HomeNewsHolder table th {
	
}

div.HomeNewsHolder table th img {
	float: left;
	padding-bottom: 9px;
}

div.HomeNewsHolder table td {
	padding-top: 2px;
	padding-bottom: 3px;
	height: 12px;
	text-align: left;
	vertical-align: middle;
	color: #d0e2fc;
}

div.HomeNewsHolder table td.TitleCell {
	
}

div.HomeNewsHolder table td.DateCell {
   vertical-align: top;
}

div.HomeNewsHolder table td a {
	color: #d0e2fc;
	text-decoration: none;
}

div.HomeNewsHolder table td a:hover {
	text-decoration: underline;
}

div.HomeNewsHolder table tr.FooterRow td {
	text-align: right;
}

td.LayoutRightCell {
	background-image: url(../images/bg_BottomWrapper_Home.gif);
	background-position: 0 497px;
	background-repeat: repeat-x;
}

div.BorderWrapper {
	float: left;
	width: 917px;
	padding: 6px 7px 8px 0;
	background-color: #5e666e;
	background-image: url(../images/bg_BorderWrapper.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* HEADER IMAGES - INCLUDES LOGO */
div.HeaderWrapper {
	width: 917px;
	height: 156px;
	padding-bottom: 3px;
	background-color: #0d1338;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.Header_AboutTradeCard {
	background-image: url(../images/Header_AboutTradeCard.jpg);
}

.Header_ContactUs {
	background-image: url(../images/Header_ContactUs.jpg);
}

.Header_DoYouBuy {
	background-image: url(../images/Header_DoYouBuy.jpg);
}

.Header_DoYouProvideAService {
	background-image: url(../images/Header_DoYouProvideAService.jpg);
}

.Header_DoYouSupply {
	background-image: url(../images/Header_DoYouSupply.jpg);
}

.Header_NewsAndEvents {
	background-image: url(../images/Header_NewsAndEvents.jpg);
}

.Header_OurMultiEnterpriseCollaborationNetwork {
	background-image: url(../images/Header_OurMultiEnterpriseCollaborationNetwork.jpg);
}

.Header_OurTechnologyPlatform {
	background-image: url(../images/Header_OurTechnologyPlatform.jpg);
}

.Header_PrivacyPolicy {
	background-image: url(../images/Header_PrivacyPolicy.jpg);
}

.Header_SiteMap {
	background-image: url(../images/Header_SiteMap.jpg);
}

.Header_WhatWeDo {
	background-image: url(../images/Header_WhatWeDo.jpg);
}

a.LogoLink {
	display: block;
	width: 270px;
	height: 156px;
}

div.MiddleWrapper {
	float: left;
	width: 917px;
	min-height: 423px;
	height: auto !important;
	height: 423px;
	background-image: url(../images/bg_MiddleWrapper.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

div.MainContentColumn {
	float: left;
	width: 704px;
}

/* Lead in Paragraphs */
div.IntroParaHolder {
	float: left;
	width: 704px;
	height: 136px;
	background-color: #0a1036;
	background-position: 0 0;
}

div.IntroParaHolderLight {
	float: left;
	width: 704px;
	height: 136px;
	background-color: #0B0B3B;
	background-position: 0 0;
}


div.IntroParaHolder h3 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 21px;
	color: #ffffff;

	padding-left: 14px;
    padding-top: 12px;
}

div.IntroParaHolder p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	
	padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
}

div.IntroParaHolder a {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;

    color: #b5b8bb;
	text-decoration: underline;
}

/* Breadcrumbs */
div.BreadcrumbHolder {
	float: left;
	width: 636px;
	height: 23px;
	padding: 8px 34px 0px 34px;
	background-image: url(../images/bg_BreadcrumbHolder.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.BreadcrumbHolder li {
	display: inline;
}

div.BreadcrumbHolder li span {
	margin: 0 2px 0 6px;
}

div.BreadcrumbHolder li a {
	color: #4b4b4c;
}

/* Contains all the main content */
div.ContentHolder {
	float: left;
	width: 670px;
	min-height: 219px;
	height: auto !important;
	height: 219px;
	padding: 20px 0px 45px 34px;
}

/* This class is added to ContentHolder when there is no verical dividing line - this width, for example, is used on the News pages */
div.ContentHolder_1Col01 {
	width: 510px;
	padding-right: 150px;
}

/* Alternate content area where there is no verical dividing line - this width, for example, is used on the Case Studies page under "What We Do" */
div.ContentHolder_1Col02 {
	width: 636px;
	padding-right: 34px;
}

/* This class is added to ContentHolder for all of the pages that have a divided content area with the vertical divider - where there are the quote and case studies promos */
div.ContentHolderDivided01 {
	padding-top: 0px;
	background-image: url(../images/bg_Divider01.gif);
	background-position: 424px 0;
	background-repeat: repeat-y;
}

/* This is the left area of the divided content */
div.ContentHolderDivided01_Left {
	padding-top: 20px;
	float: left;
	width: 363px;
	padding-right: 28px;
}

div.BioHeader {
	float: left;
	width: 363px;
}

div.BioHeader div.ImageHolder {
	float: left;
	width: 116px;
	height: 116px;
}

div.BioHeader div.InfoHolder {
	float: left;
	width: 222px;
	height: 91px;
	padding: 25px 0 0 25px;
}

div.BioHeader div.InfoHolder h4 {
	margin-bottom: 5px;
}

div.BioContent {
	float: left;
	width: 363px;
	padding-top: 18px;
}

/* This is the right area of the divided content with the quotes */
div.ContentHolderDivided01_Right {
	padding-top: 20px;
	float: left;
	width: 279px;
}

/* This is the right area of the divided content with the case study promos */
div.ContentHolderDivided01_Right02 {
	float: left;
	width: 279px;
}

div.PullQuoteHolder {
	float: left;
	width: 279px;
}

/* Tabbed navigation styles for the quote promos */
div.TabNavHolder {
	float: left;
	position: relative;
	width: 279px;
	height: 24px;
	background-image: url(../images/bg_Divider01.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.TabNavHolder div {
	position: absolute;
	z-index: 1;
}

div.TabNavHolder div a {
	display: block;
	width: 29px;
	height: 20px;
	padding-top: 4px;
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	color: #4b4b4c;
	background-image: url(../images/bg_TabNav.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.TabNavHolder a:hover {
	text-decoration: underline;
}

div.TabNavHolder a.active {
	display: block;
	position: absolute;
	z-index: 2;
	width: 29px;
	height: 24px;
	color: #2f373c;
	background-image: url(../images/bg_TabNav_Active.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* if more than 3 tabs are added, adjust the left position of each arrow and tab accordingly */
div.TabNavHolder div.TabLinkPrevious {
	top: 1px;
	left: 140px;
	width: 5px;
	height: 8px;
}

div.TabNavHolder div.TabLinkNext {
	top: 1px;
	left: 248px;
	width: 5px;
	height: 8px;
}

div.TabNavHolder div.TabLinkPrevious a, div.TabNavHolder div.TabLinkNext a {
	width: 24px;
	height: 23px;
	background-image: none;
	padding: 0;
}


div.TabNavHolder div.TabLink01 {
	top: 0;
	left: 163px;
}

div.TabNavHolder div.TabLink02 {
	top: 0;
	left: 191px;
}

div.TabNavHolder div.TabLink03 {
	top: 0;
	left: 219px;
}

div.CSPromoHolder {
	position: relative;
}

div.CSPromoHolder a {
	position: absolute;
	left: 175px;
	top: 97px;
}

div.CSPromoNavHolder {
	float: left;
	position: relative;
	width: 279px;
	height: 25px;
	background-image: url(../images/bg_CSPromoNavHolder.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.CSPromoNavHolder a {
	position: absolute;
	top: 1px;
	left: 257px;
}

div.FooterWrapper {
	float: left;
	padding-top: 11px;
}


div.FooterWrapper div {
	float: left;
}

div.FooterWrapper p div.FooterWrapper ul, div.FooterWrapper li, div.FooterWrapper input, div.FooterWrapper img {
	float: left;
	display: inline;
}

div.FooterSpacer {
    width: 240px;
	color: #FFFFFF;
	margin-top: 4px;
}

/* Contains the links for "Member Log-in" and "Apply for Membership" */
div.FooterMemberLinksHolder {
    width: 450px;
	height: 13px;
	padding: 5px 0 5px 15px;
	background-image: url(../images/bg_FooterMemberLinksHolder.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.FlashHolder div.FooterMemberLinksHolder ul,
div.FlashHolder div.FooterMemberLinksHolder li {
	float: left;
	display: inline;
}

div.FooterMemberLinksHolder a {
	color: #b5b8bb;
	text-decoration: none;
}

div.FooterMemberLinksHolder a:hover {
	text-decoration: underline;
}

div.FooterMemberLinksHolder li span {
	margin: 0 18px;
	color: #b5b8bb;
}

div.FooterCopyrightHolder {
    width: 280px;
	color: #484f68;
	margin-top: 0px;
}

div.FooterNavHolder {
    width: 278px;
	margin-top: 4px;
}

div.FooterNavHolder li, div.FooterNavHolder a {
	color: #2d3455;
	text-decoration: none;
}

div.FooterNavHolder a:hover {
	text-decoration: underline;
}

div.FooterNavHolder li span {
	margin: 0 5px;
}

div.SearchHolder {
	height: 22px;
	padding-top: 2px;

}

div.divider {
	float: left;
	position: relative;
	width: 651px;
	height: 24px;
	background-image: url(../images/bg_Divider01.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

div.divider2 {
	background-image: url(../images/bg_Divider01.gif);
	background-repeat: repeat-y;
     width: 15px;
	 height: 275px;
	 padding: 0px 0px 0px 0px;
	 float:right;
	 background-position:top;
	 margin-top:0px;
	 
	 
}

div.divider3 {
	background-image: url(../images/bg_Divider01.gif);
	background-repeat: repeat-y;
     width: 15px;
	 height: 1000px;
	 padding: 0px 0px 0px 0px;
	 float:center;
	 background-position:top;
}

input.Input_SearchBox {
	width: 200px;
	height: 18px;
	margin: 0 5px 0 0px;
	padding: 4px 5px 0 5px;
	font-size: 11px;
	color: #fcfcfe;
	border: none;
	background-color: Transparent;
	background-image: url(../images/bg_Input_SearchBox.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* TABLES */
table.LogoTable {
	margin-bottom: 20px;
}

table.LogoTable td {
	padding-bottom: 5px;
}

table.PromoTable01 tr.TopRow td {
	width: 127px;
	height: 13px;
	background-image: url(../images/bg_PromoTable01_topRow.gif);
}

table.PromoTable01 tr.BottomRow td {
	width: 127px;
	height: 11px;
	background-image: url(../images/bg_PromoTable01_bottomRow.gif);
}

table.PromoTable01 td {
	padding: 0 12px;
	background-color: #3d789a;
	color: #fff;
	line-height: 18px;
}

table.PromoTable01 td a {
	color: #fff;
}
	
	
/* GENERAL CLASSES */
.contentHidden {
	display: none;
}

.contentVisible {
	display: block;
}

.InlineHeader01 {
	font-weight: bold;
	color: #0a1036;
}

.indentBox {
	padding-left: 10px;
}

.indentBox p {
	padding-left: 13px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}