@charset "UTF-8";

/* resets */
/* tables still need ‘cellspacing=”0”’ in the markup */
table { border-collapse: collapse; border-spacing: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { /*margin: 0; padding: 0;*/ border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body,td,th, div {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #013954;
}



#wrapper_border_top {
	background-image: url(../_images/bg_wrapper_top.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 1012px;
	padding: 0px;
	margin: 0px auto;
}

#wrapper {
	position:relative;
	margin:0px auto;
	width:980px;
	/*width:1046px;*/
	padding:0px 16px;
	right: 0;
	background-image: url(../_images/bg_wrapper.jpg);
	background-repeat: repeat-y;
}

#header {
	margin:0px;
	padding:0px;
}

#wrapper #logo a {
	background-image: url(../_images/logo3.png);
	display: block;
	height: 163px;
	width: 404px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#wrapper #logo h1 {
	display: none;
}

/****** CLEAR FLOAT *******/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****** END CLEAR FLOAT *******/


.floatLeft {
	float:left;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/****** END CLEAR FLOAT *******/




/****** DROP SHADOW ON A DIV *******/
.dropShadow {
	float:left;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
/****** END DROP SHADOW ON A DIV *******/



a:link {
	color: #333333;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #000000;
}
a:active {
	color: #990000;
}



h1 {
	font-size: 1.5em;
	color: #0F4562;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1em;
	font-weight:normal;
	font-style:inherit;
}
h6 {
	font-size: .9em;
}
/*
p, td, th, #contentWrapper li {
	font-size: 0.9em;
}
*/






#wrapper #logo {
	background-image: url(../_images/bg_header.jpg);
	background-repeat: no-repeat;
	height: 172px;
}
#wrapper #navUtilities {
	width: 390px;
	position: absolute;
	z-index: 300;
	left: 594px;
	top: 9px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	padding-right: 6px;
}
#wrapper #navUtilities label {
	font-size: 0.8em;
	padding-bottom: 4px;
}

#wrapper #navUtilities #ctl00_lnkSearch,
#wrapper #navUtilities #ctl00_lnkSearch:visited {
	color:#fff;
	font-size:11px;
	padding-bottom: 4px;
	text-decoration: none;
}



#wrapper #navUtilities #menuUtilities {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 185px;
}
#wrapper #navUtilities #menuUtilities li {
	display: inline;
	padding: 2px;
	margin-right: 12px;
}
#wrapper #navUtilities #menuUtilities a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

#wrapper #navUtilities #formSiteSearch {
	display: inline;
}

#wrapper #navUtilities #searchbox,
#wrapper #navUtilities #ctl00_txtSearch {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	width: 105px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 13px;
}




/**** SIGN-IN MENU *****/
#wrapper #navSignIn a#signinButton:link, 
#wrapper #navSignIn a#signinButton:visited {
	display:block;
	margin-left:190px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	width: 61px;
	text-align: center;
	padding: 5px 0px 3px 0px;
}


#wrapper #navSignIn a#signinButton:hover {
	background-image:url(../_images/bg_signButton.gif);
	background-repeat: repeat-x;
}

#wrapper #navSignIn {
	width: 250px;
	position: absolute;
	left: 740px;
	top: 44px;
	text-align: right;
	z-index: 250;
}

#wrapper #navSignIn #signinPopup {
	width: 243px;
	background-color: #efefef;
	border: 1px solid #2B5E7B;
	padding: 4px;
}
#wrapper #navSignIn fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper  #navSignIn legend {
	display: block;
	width: 65px;
	text-align: center;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#wrapper  #navSignIn #signinPopup label {
	color: #333333;
	display: inline;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 10px;
}
#wrapper  #navSignIn #signinPopup input[type="text"] {
	width: 77px;
	display: inline;
}
#wrapper  #navSignIn #signinPopup #SignIn {
	background-color: #013B57;
	color: #FFFFFF;
}
/**** END SIGN-IN MENU *****/







/**** VIEW RESOURCES BY MARKET *****/
#wrapper #menuByMarket {
	position: absolute;
	left: 816px;
	top: 80px;
	width:171px;
	z-index: 1000;
	behavior: url(/_css/hover.htc);
}

#wrapper #menuByMarket ul.suckerfish,
#wrapper #menuByMarket ul.suckerfish #menuMarkets {
	list-style:none;
	margin:0px;
	padding:0px;
}

#wrapper #menuByMarket ul.suckerfish #buttonByMarket {
	background-image: url(../_images/button_viewByMarket.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 171px;
	display: block;
}


#wrapper #menuByMarket ul.suckerfish #buttonByMarket:hover {
	background-image: url(../_images/button_viewByMarket_f2.gif);
}

#wrapper #menuByMarket ul.suckerfish #buttonByMarket a {
	height: 22px;
	width: 171px;
	display: block;
}

#wrapper #menuByMarket ul.suckerfish #buttonByMarket a span {
	display:none;}

#wrapper #menuByMarket ul.suckerfish #buttonByMarket ul {
	background-color:#013954;
	display:none;
}


#wrapper #menuByMarket ul.suckerfish #buttonByMarket:hover ul {
	display:block;
}


#wrapper #menuByMarket ul.suckerfish #buttonByMarket ul li a {
	height:16px;
	text-decoration:none;
	color:#fff;
	border-top: 1px solid #527497;
	width:162px;
	font-size:10px;
	line-height:16px;
	text-transform:uppercase;
	margin:0;
	padding:6px 4px;
	background-color:#013954;
}

#wrapper #menuByMarket ul.suckerfish #buttonByMarket ul li {
	height:26px;
	display:block;
	margin:0;	
}


 
#wrapper #menuByMarket ul.suckerfish #buttonByMarket ul li a:hover {
	background: #D5242E url(../_images/bg_menuHover.gif) no-repeat bottom;
}


/**** END VIEW RESOURCES BY MARKET *****/







/**** MAIN NAV *****/
#wrapper #nav {
	width: 707px;
	position: absolute;
	left: 289px;
	top: 131px;
	z-index: 100;
	background: #FFF;
}

/**** END MAIN NAV *****/






#wrapper #contentWrapper {
	background: url(../_images/bg_sideContent.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	/*min-height:700px;*/
}



#wrapper #contentWrapper #content {
	border: 1px solid #BDCBD4;
	float:right;
	margin:64px 20px 10px 0px;
	padding: 0px 10px;
	width:692px;
}


	/*** IE hack **
	#wrapper #contentWrapper #content {
		\width: 785px;
	    w\idth: 710px;
	}
	*/
#wrapper #contentWrapper #content li
#wrapper #contentWrapper #content p
#wrapper #contentWrapper #content td {
	font-size:1.2em;
	line-height:135%;
}

/**** NEW MAIN CONTENT *****/

/*********************************
NEW CONTENT
*********************************/
#content_tab{
	float:left;
	margin:60px 0 0 46px;
	border-top:1px solid #999;
}

#center_column{
	float:left;
	display:block;
	width:692px;
	margin-right:20px;
}

#welcome{
	margin:19px;
	font-size:13px;
	line-height:16px;
}

#welcome h2{
	text-transform:uppercase;
	color:#0F4562;
	margin-left: 14px;
}

#center_column h3{
	width:331px;
	padding-left:14px;
	display:block;
	text-align:left;
	font:11px/29px Verdana, helvetica, arial, sans-serif;
	font-weight:bold;
	color:#fff;
	background:url('../_images/h2_bg.jpg') top center repeat-x;
	text-transform:uppercase;
	margin:0px;
}

#center_column td.right h3{
	width:332px;

}

#center_column h3.breaking_news_and_info{
	width:100%;
	padding-left:0;
	text-align:center;
}

#center_column img.full_column{width:100%;}
#center_column p{ margin:14px; }
#center_column p.important{ color:#D5242E; font-weight:bold;}
.important{ color:#D5242E; font-weight:bold;}
#center_column p.big{margin:35px 20px;text-align:center;font-weight:normal;font-size:18px;line-height:21px; }
#center_column p.big a{text-decoration:none;cursor:pointer;}
#center_column span.sub_info{ color:#999; }


#animatedBlock p{
	background:transparent;
}

#animatedBlock div{
	background:transparent;
}

/* column widths and borders and stuff */
.three_column,.two_column{
	clear:both;
	width:100%;
}

.three_column tr, .three_column td, .two_column tr,.two_column td, table, tbody{
	padding:0;
	margin:0;
	vertical-align:top;
}


.three_column .left, .three_column .right{
	width:185px;
	margin-right:0px;
	height:100%;
}

.three_column .left, .two_column .left{
	border-right:1px solid #999;
	margin-right:0px;
	height:100%;
	
}

.three_column .right{
	border-left: 1px solid #999;
}

.three_column .center{
	width:320px;
	height:100%;
	
}

.spiked_bg{
	background:url('../_images/spike_bg.jpg') bottom left no-repeat;
}

.two_column .left{ 
	width:345px;
}
.two_column .right{
	width:346px;
}


/* news column styles */

ul.news li{
	margin:12px 4px;
	float:left;
	clear:both;
	list-style-type: none;
}

ul.news li div.date{
	color:#999;
	font-size:10px;
	margin-right:14px;
	float:left;
	display:block;
}

ul.news li div.news_item_link{
	float:left;
	display:block;
}

ul.news li div.news_item_link a{
	color:#D5242E;
	text-decoration:none;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
}

ul.news li.more_news {
	padding-left:123px;
}

ul.news li.more_news a{
	display:block;
	float:left;
}

ul.news li.more_news a.more_news_text{
	line-height:24px;
	height:24px;
	margin-left:8px;
}

/**** SUPPLIER GUIDE ****/

#supplier_guide{
	display:block;
	width:100%;
	margin:15px 0;
	text-align:center;
	background:url(../_images/supplier_bg.jpg) bottom left no-repeat #A90A00;
	padding:12px 0;
	float:right;
}

#supplier_guide h3{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 6px;
}

#supplier_guide span{ color: #fff; }

#supplier_guide_search{
	margin-top:20px;
	float:right;
}

input.big_text{
	width:155px;
	font-size: 16px;
	padding: 2px 3px;
}
a.big_search_button{
	display:block;
	padding:5px 20px;
	border:1px solid #f99;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	background: url(../_images/search_button_bg.png) top center repeat-x #EE290E;
	margin:12px 16px 0px 38px;
	float:left;
	text-decoration:none;
}

#supplier_guide span.sub{
	font-size:10px;
}




/**** SIDE COLUMN *****/

#wrapper #sideColumn {
	float:right;
	width: 175px;
	margin:0px 0px 0px 0px;
	padding: 105px 10px 10px;
}

	/*** IE hack ***/
	#wrapper #sideColumn {
		\width: 195px;
	    w\idth: 175px;
	}

#wrapper #sideColumn h2 {
	font-size:15px;
	padding:0px;
	margin-bottom:2px;
}

#wrapper #sideColumn h3 {
	font-size:1em;
}

#wrapper #sideColumn p {
	font-size:12px;
	margin-top: 0px;
}

#wrapper #sideColumn ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#wrapper #sideColumn li {
	margin:2px;
	padding:0px;
}


#sideColumn h2 a:link,
#sideColumn h2 a:visited,
#sideColumn h3 a:link,
#sideColumn h3 a:visited,
#sideColumn h4 a:link,
#sideColumn h4 a:visited {
	text-decoration: underline;
	color:#000;
}
#sideColumn h2 a:hover,
#sideColumn h3 a:hover,
#sideColumn h4 a:hover {
	color:#D5242F;
	text-decoration: none;
}




#sideColumn p a:link,
#sideColumn p a:visited {
	text-decoration: underline;
	color:#000;
}
#sideColumn p a:hover {
	color:#D5242F;
	text-decoration: none;
}

#sideColumn p, #sideColumn h2{
	margin-top:10px;
}
/**** END SIDE COLUMN *****/



/**** MARKET RESOURCES MENU *****/
#sideColumn #marketResources h2 {
	color:#990000;
	font-size:14px;
	font-weight:bold;
}
#sideColumn #marketResources li {
	margin-left: 10px;
}

#sideColumn #marketResources ul li {
	font-weight:bold;
}


#sideColumn #marketResources ul li ul li {
	font-weight: normal;
}

#sideColumn #marketResources li a:link,
#sideColumn #marketResources li a:visited {
	color:#000;
	font-size:12px;
	text-decoration:underline;
}
/**** END MARKET RESOURCES MENU *****/



/**** banner ads in sidebar content area ****/
.bannerad {
	margin-bottom:10px;
	border:1px solid #000;
}

/**** end banner ads in sidebar content area ****/


/**** CTS DIRECTORY *****/

#ctl00_body #aspnetForm #wrapper #contentWrapper #content #ctl00_mainContentPlaceHolder_trContent #ctl00_mainContentPlaceHolder_contentId.cts #ctl00_mainContentPlaceHolder_cbMainContent {
	float:left;
	width:540px;
}

#trCtsList {
	display:inline;
}

#ctsHowTo {
	float: left;
	width: 135px;
	margin-bottom: 1em;
	margin-left: 10px;
}
#ctsMenuStates {
	border: 3px solid #BDCBD4;
	margin:3px auto;
	padding: 7px;
	text-align:center;
	width: 400px;
}
#ctsMenuStates p {
	margin:2px 0px;
}
#ctsMenuStates a {
}
/**** END CTS DIRECTORY *****/





/**** NEWS *****/

#ctl00_mainContentPlaceHolder_divNews table {
	border:solid #BDCBD4 3px;
	margin:10px;
	padding:5px;
}

#ctl00_mainContentPlaceHolder_divNews label {
	display:block;
	font-weight:bold;
}
/**** END NEWS *****/



/**** MEMBER LOGIN *****/
#trLogin {
	background-color:#BCCAD3;
}

/**** END MEMBER LOGIN *****/


/**** social media footer *****/

#socialFooter {
	width:184px;
	text-align:center;
	padding-bottom:8px;
	float:right;
}

#socialFooter .text {
	line-height:20px;
	font-size:11px;
}
#socialFooter .button {
	width:18px;
	height:18px;
	border:0;
	vertical-align:middle;
}

/**** end social media footer *****/

/**** FOOTER *****/
#footer {
	color:#ffffff;
	background-image: url(../_images/bg_footer.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 980px;
	padding:0;
	margin: 0px auto;
	font-size:11px;
	position:relative;
	width:996px;
	padding-left:16px;
	padding-top:4px;
	text-align:center;
}
#footer p {
	padding:0px;
	margin:0px;
	font-size:11px;
}

#footerContent {
	float: left; 
	text-align: center; 
	width: 784px;
}


/**** END FOOTER *****/



#contentWrapper #contentLeftTab {
	background: url(../_images/bg_contentbox.gif) no-repeat;
	position: absolute;
	left: 50px;
	top: 236px;
	width: 17px;
	height: 51px;
}
.ektronPaging li {
	display:inline;
	margin: 0 4px;
}


/* OTR STYLES */

.otrdateplace { color: #cd853f;
							  text-align: center;
								font-family: tahoma, arial, verdanna;
								font-size: 11pt;
								font-weight: bold;
								padding-bottom: 5px; }
								
.otrnav { color: #ffffff;
					text-align: center;
					font-family: tahoma, arial, verdanna;
					font-size: 9pt;
					padding-top: 5px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 10px; }						

.otrnav a:link, .otrnav a:visited
				{ color: #ffffff;
					text-align: center;
					font-family: tahoma, arial, verdanna;
					font-size: 9pt;
					text-decoration: underline; }
					
.otrnav a:hover, .otrnav a:active
				{ color: #4169e1;
					text-align: center;
					font-family: tahoma, arial, verdanna;
					font-size: 9pt;
					text-decoration: underline; }
					
.otrnavarea { background-color: #ffa500;
							color: #ffffff;
							text-align: center;
							font-family: tahoma, arial, verdanna;
							font-size: 9pt;
							font-weight: bold;
							padding-top: 5px;
							padding-bottom: 8px; }
								
*+ html tr.otrnavarea td { background-color: #ffa500; }

.ttisidenav { background-image: url('/uploadedImages/members/Publications/TTI_Archive/TTI-new07-background_02long.jpg');
							background-repeat: repeat-y;
							background-color: #114665;
							color: #ffffff;
							font-size: 10pt; }
.ttisidenav p { font-size: 10pt; }
							
.ttieheader { background-image: url('/uploadedImages/members/Publications/TTI_Archive/TTI-new07-background_01.jpg');
							background-repeat: no-repeat;
							background-color: #114665;
							color: #ffffff;
							font-size: 10pt;
							text-align: right; }
.ttieheader p { font-size: 10pt; }



/* HOMEPAGE */
#animatedBanner {
	height: 82px;
	width: 692px;
}
#animatedBanner div {
	display: none;
	width: 692px;
}

#gte-navigation{
	margin-bottom:30px;
}
#gte-navigation td {	border-left:1px solid #000;	padding: 10px 20px;	width:56px;	text-align:center;	vertical-align: middle;}