/* PNG FIX FOR IE6 */
.header li { behavior: url( "/inc/misc/iepngfix.htc" ) }

body {
	background-image: url( /inc/images/bg.jpg );
	background-repeat: repeat-x;
}

#home div.header {
	clear: both;
	width: 925px;
	height: 270px;
	margin-bottom: 14px;
}

#home div.header h1 {
	text-indent: -9999px;
}

div.header
{
	width: 925px;
	position: relative;
	z-index: 1;
}
	
div.header ul
{
	width: 925px;
	height: 270px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	overflow: hidden;
}

	div.header area,
	.pane-1-area,
	.pane-2-area,
	.pane-3-area
	{
		cursor: pointer;
		cursor: hand;
	}

	div.header li
	{
		margin: 0px;
		padding: 0px;
		position: absolute;
	}
	
	div.header p
	{
		margin: 0px 0px 16px 0px;	
	}
	
	div.header img
	{
		position: absolute;	
		border: none;
		z-index: 2;
	}
	
		#pane-2-map-a,
		#pane-2-map-b,
		#pane-3-map
		{
			display: none;	
		}
	
		#pane-1-map, 
		#pane-2-map-b
		{
			right: 0px;
		}
		
		#pane-3-map,
		#pane-2-map-a
		{
			left: 0px;
		}

	#pane-1, #pane-2, #pane-3
	{
		position: absolute;
		top: 0px;
		width: 925px;
		height: 270px;
	}
/*
	OPEN-CLOSED-CLOSED
	1. position: 0px 0px 
	2. position: 480px 0px
	3. position: 660px 0px
	
	CLOSED-OPEN-CLOSED
	1. position: 0px 0px
	2. position: 110px 0px
	3. position: 660px 0px
	
	CLOSED-CLOSED-OPEN
	1. position: 0px 0px
	2. position: 110px 0px
	3. position: 280px 0px
*/
	#pane-1
	{
		background: url( /inc/images/hero/pane-1.png ) no-repeat 0px 0px;
		left: 0px;
	}

		.pane-1-closed
		{
			width: 190px;
			text-align: center;
			padding-top: 35px;
			float: left;	
			display: none;
		}
		
			.pane-1-closed h4
			{
				font: 14pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				margin: 0px;
			}	
			
			.pane-1-closed p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				color: #FFFFFF;
				text-align: center !important;
			}
	
		.pane-1-open
		{
			width: 460px;
			padding: 30px 30px 30px 40px;
			float: left;
		}

			.pane-1-open h3
			{
				font: 22pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				margin: 0px 0px 10px 0px;
			}
			
			.pane-1-open p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				padding-left: 130px;
				color: #e8f4f5;
			}
			
			.pane-1-open a
			{
				color: #a0c5f8 !important;	
			}
	
	#pane-2
	{
		background: url( /inc/images/hero/pane-2.png ) no-repeat 0px 0px;
		left: 480px;
		padding-left: 70px;
	}

		.pane-2-closed
		{
			width: 190px;
			text-align: center;
			padding-top: 35px;
			float: left;
		}
		
			.pane-2-closed h4
			{
				font: 14pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #125ea8;
				margin: 0px;
			}	
			
			.pane-2-closed p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				color: #FFFFFF;
				text-align: center !important;
			}
	
		.pane-2-open
		{
			width: 480px;
			padding: 30px 30px 30px 40px;
			float: left;
		}

			.pane-2-open h3
			{
				font: 22pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #105ca8;
				margin: 0px 0px 10px 0px;
			}
			
			.pane-2-open p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				padding-left: 130px;
				color: #105ca8;
			}
			
			.pane-2-open a
			{
				color: #e8f4f5 !important;	
			}
	
	#pane-3
	{
		background: url( /inc/images/hero/pane-3.png ) no-repeat 0px 0px;
		left: 660px;
		padding-left: 75px;
	}

		.pane-3-closed
		{
			width: 190px;
			text-align: center;
			padding-top: 35px;
			float: left;
		}
		
			.pane-3-closed h4
			{
				font: 14pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #125ea8;
				margin: 0px;
			}	
			
			.pane-3-closed p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				color: #FFFFFF;
				text-align: center !important;
			}
	
		.pane-3-open
		{
			width: 480px;
			padding: 30px 30px 30px 40px;
			float: left;
		}

			.pane-3-open h3
			{
				font: 22pt "HelveticaBoldCondens", Arial, Helvetica, sans-serif;
				color: #105ca8;
				margin: 0px 0px 10px 0px;
			}
			
			.pane-3-open p
			{
				font: 13pt "HelveticaLightConden", Arial, Helvetica, sans-serif !important;
				padding-left: 130px;
				color: #105ca8;
			}
			
			.pane-3-open a
			{
				color: #e8f4f5 !important;	
			}
	
#home a {
	color: #4b7daa;
	text-decoration: none;
}

#home h2 {
	font-size: 11pt;
	font-weight: normal;
	padding-bottom: 8px;
}

#home div.showcase {
	float: left;
	width: 400px;
	padding: 0px 25px 25px 15px;
}

#home div.vr {
	float: left;
	width: 1px;
	height: 110px;
	background-color: #cccccc;
}

/* RIGHT COLUMN TABS */
#home div.feedbox {
	float: right;
	width: 485px;
	padding: 0px;
	background: url( /inc/images/feedbox-bg.gif ) repeat-x top left;
}

	.feed-tabs
	{
		display: block;
		width: 452px;
		float: right;
		
		margin: 0px;
		padding: 0px;
	}

		.feed-tabs li
		{
			float: left;
			list-style: none;
			
			display: block;
			width: 113px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			
			background: url( /inc/images/buttons/feedbox-bg.gif ) no-repeat top right;
			
			color: #0070b6;
			cursor: pointer;
			cursor: hand;
		}
		
			.feed-tabs li.twitter
			{
				background: url( /inc/images/buttons/twitter.gif ) no-repeat top right;
				text-indent: -9999px;
			}	
		
			.feed-tabs li.active
			{
				background-position: left;
				color: #797979;
			}
		
	.feeds
	{
		width: 485px;
		float: left;
		padding: 10px 0px;
	}
	
		.feeds h2
		{
			margin: 0px;	
		}
	
		.feeds-chart, .feed-news, .feed-events, .feed-twitter
		{
			width:485px;	
		}
		
	.feed-chart
	{
		text-align: left;
	}
	
		.feed-chart td,
		.feed-chart th
		{
			padding: 4px 10px;	
		}
		
		.feed-chart th
		{
			color: #105ca8;
			border-bottom: 1px solid #dbdbdb;
		}
		
			th.blank-cell
			{
				border: none;	
			}
		
		tr.odd
		{
			background-color: #edf6fe;	
		}
		
	.feed-news div.view_pdf
	{
		float: left;
	}
	
	.feed-news div.view_subscribe
	{
		float: right;	
	}
	
		.feed-twitter a.twitter-follow-us
		{
			font-weight: normal;
			margin-left: 10px;
			outline: none;
			font-size: 9pt;
		}
		
	#tweet ul
	{
		padding: 0px;	
		margin: 0px;
	}

		#tweet li
		{
			list-style: none;
			padding: 0px;
			margin: 0px 0px 10px 0px !important;
			line-height: 18px;
		}
	
	.feed-events ul
	{
		margin: 0px;
		padding: 0px;
	}
	
	.feed-events li
	{
		list-style: none;
		margin: 0px;
	}

#home div.learn_more {
	margin-top: 6px;
}

#home .body p {
	font-size: 9pt;
	margin: 0px;
	margin-bottom: 8px;
	text-align: justify;
	line-height: 18px;
}

.pagecontent,
.pagecontent a,
.pagecontent p,
.pagecontent input,
.pagecontent textarea,
.pagecontent select {
}

.pagecontent p {
	margin-top: 8px;
	margin-bottom: 16px;

	color: #444444;
	font-size: 9pt;
}

.pagecontent ul,
.pagecontent ol {
	background-color: #ffffff;
}

.pagecontent ul li,
.pagecontent ol li {
	background-color: #ffffff;
	color: #444444;
	font-size: 9pt;
}

.pagecontent h1 {
	font-size: 15pt;
	font-weight: normal;
	color: #095ba6;
	margin: 0px;
}

.pagecontent h2 {
	font-size: 13pt;
	font-weight: normal;
	color: #095ba6;
}

.pagecontent h3 {
	font-size: 11pt;
	font-weight: normal;
	color: #095ba6;
}

.pagecontent h4 {
	color: #222222;
}

.pagecontent a {
	color: #4b7daa;
	text-decoration: none;
}

.pagecontent a:hover {
	text-decoration: underline;
}

.pagecontent b,
.pagecontent strong {
	color: #222222;
}

.pagecontent sup {
	vertical-align: top;
}

.pagecontent sub {
	vertical-align: bottom;
}


body {
	background-image: url( /inc/images/bg.jpg );
	background-repeat: repeat-x;
}

#inside div.inside_content {
	clear: both;
	background-image: url( /inc/images/inside_header.jpg );
	background-repeat: repeat-x;
	padding-top: 24px;
	margin-bottom: 24px;
	min-height: 63px;
}

* html #inside div.inside_content {
	height: 63px;
}

#inside div.body_container {
	width: 710px;
	margin-left: auto;
	margin-right: 0px;

	float: left;
	border-left: 2px solid #ebebeb;
	background: transparent;
}

#inside div.pagecontent {
	padding-left: 16px;
	padding-bottom: 12px;
	width: 477px;
}

#inside div.footer {
	clear: both;
}

div.twitter
{
	width: 180px;
	margin: 10px 0px;
}

	.twitter a:hover
	{
		text-decoration: none;	
	}
	
	div.twitter div#tweet
	{
		display: none;	
	}

	a.market-news-title
	{
		width: 115px;
		height: 23px;
		padding: 28px 0px 0px 65px;
		background: url( /inc/images/market-news.gif ) no-repeat top left;
		display: block;
		
		font-size: 10pt;
		color: #105ca8;
		outline: none;
	}
	
		.twitter a.active
		{
			background-position: right;
		}
	
	a.market-news-twitter
	{
		width: 180px;
		height: 37px;
		line-height: 36px;
		text-indent: 20px;
		background: url( /inc/images/market-news-twitter.gif ) no-repeat;
		display: block;
		
		font-size: 10pt;
		color: #105ca8;
		outline: none;
	}

div.twitter ul
{
	margin: 0px;
	padding: 0px;
	
	height: 100px;
	overflow-y: auto;
	display: block;
}

div.twitter ul li
{
	margin: 0px;
	padding: 10px;
	list-style: none;
}

#tweet li
{
	margin: 10px;
}

#sidenav div.sidenav_container {
	float: left;
}

#sidenav div.sidenav {
	width: 190px;	/* 211 - 21 */
	margin-left: 21px;
}

#sidenav hr {
	height: 0px;
	border: 0px;
	border-top: 1px solid #cccccc;

	margin-right: 10px;
}

/* Navigation section */

#hierarchy_nav {
	padding-top: 4px;
	margin-right: 10px;
	padding-bottom: 8px;
}

#hierarchy_nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#hierarchy_nav ul li {
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #424242;

	margin-bottom: 4px;
	padding-left: 0px;
}

#hierarchy_nav ul li ul li a,
#hierarchy_nav ul li ul li span {
	display: block;
	width: 160px;
	padding: 2px 2px 2px 16px;
	margin-top: 4px;

	text-decoration: none;
	text-transform: none;
	font-size: 8pt;
	font-weight: normal;
}

#hierarchy_nav ul li ul li a:hover {
	color: #537db9;
	background-color: #dde5f1;
	text-decoration: none;
}

#hierarchy_nav ul li ul li div.selected a,
#hierarchy_nav ul li ul li div.selected span {
	color: #095ba6;
	background-color: #dde5f1;
}

#hierarchy_nav ul li ul li ul li a,
#hierarchy_nav ul li ul li ul li span {
	width: 152px;
	padding-left: 24px;
}

/* Head Office section */

#sidenav div.head_office {
	padding: 8px 0px 8px 0px;
}

#sidenav h3 {
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;

	color: #095ba6;
	font-size: 9pt;
}

#sidenav address {
	font-style: normal;
	color: #095ba6;
	font-size: 9pt;
}

/* Seminar */

#sidenav div.seminar {
	padding-top: 16px;
}

#sidenav div.seminar p {
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
}

#sidenav div.seminar p a {
	font-size: 9pt;
	font-weight: normal;
	color: #095ba6;
}

/* CTA */

#sidenav div.cta
{
	width: 180px;
	height: 68px;
	background: url( /inc/images/cta-bg.gif ) top;
	text-align: right;
	position: relative;
}

#sidenav div.cta div.info
{
	width: 176px;
}

#sidenav div.cta span.intro
{
	display: block;
	padding-left: 40px;
	font-size: 13px;
	color: #095ba6;
}

	#sidenav div.cta span.intro b
	{
		color: #095ba6;
	}

#sidenav div.cta span.phone
{
	display: block;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	color: #095ba6;
}

#sidenav div.cta a.email
{
	display: block;
	font-size: 11px;
}

/* ======== breadcrumbs nav ======== */

#breadcrumbs_nav {
	padding-left: 16px;
	margin-bottom: 12px;
}

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

#breadcrumbs_nav ul li {
	display: inline;
	list-style-type: none;
	color: #909090;
	font-size: 7.5pt;

	padding-right: 4px;
	padding-left: 5px;
	display: inline;

	background-image: url( /inc/images/breadcrumb_divider.gif );
	background-repeat: no-repeat;
	background-position: left 3px;
}

#breadcrumbs_nav ul li.first-item {
	background-image: none;
	padding-left: 0px;
}

#breadcrumbs_nav ul li a {
	color: #4c9ba0;
	text-decoration: none;
}

#inside div.ffa_container {
	width: 453px;
	border: 2px solid #cdddde;
	padding: 10px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	background-image: url( /inc/images/box_bg.jpg );
}

#inside div.ffa_heading {
	width: 453px;
	height: 26px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#inside div.bar_plus {
	background-image: url( /inc/images/bar_plus.gif );
}

#inside div.bar_minus {
	background-image: url( /inc/images/bar_minus.gif );
}

#inside h2.ffa_heading {
	color: #ffffff;
	font-weight: normal;
	font-size: 9pt;
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
}

#inside div.ffa_desc_content {
	padding: 12px 0px 12px 12px;
}

#inside div.ffa_desc p {
	margin-top: 0px;
	margin-bottom: 16px;
}

#inside a.ffa_heading {
	text-decoration: none;
	color: #ffffff;
	display:block;
}

#inside div.view_report {
	margin-bottom: 16px;
}

#inside p.ffa_options {
	font-weight: bold;
}

/* Not sure if this will affect other boxes than the flash ones in Historical Prices... */

.ffa_container .expando_desc {
	padding: 0px !important;
}

/* news */

#inside div.news_container {
}

#inside div.news_heading {
	margin-bottom: 5px;
}

#inside h2.news_heading {
	font-weight: bold;
	font-size: 9pt;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#inside div.news_desc {
}

#inside p.news_desc {
	margin-top: 0px;
	margin-bottom: 5px;
}

#inside a.news_heading {
	text-decoration: none;
}

#inside div.view_pdf {
	float: left;
}

#inside div.view_subscribe {
	float: right;
}

#inside br {
	clear: both;
}

#inside div.news_item_container {
	overflow: hidden;
	padding-bottom: 20px;
}

/* events */

#inside div.event_pdf {
	padding-top: 8px;
}

/* videos */

#inside div.video_heading {
	margin-bottom: 5px;
}

#inside div.video_heading h2 {
	font-weight: bold;
	font-size: 9pt;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#inside div.video_desc p {
	margin-top: 0px;
	margin-bottom: 5px;
}

#inside a.video_heading {
	text-decoration: none;
}

/* events */

#inside ul.event_container {
	padding-left: 16px;
	margin-left: 0px;
}

#inside ul.event_container li {
	margin-bottom: 16px;
}

#inside ul.event_container div.event_heading {
	margin-bottom: 5px;
}

#inside ul.event_container div.event_heading h2 {
	font-weight: bold;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
}

#inside ul.event_container div.event_desc {
}

#inside ul.event_container div.event_desc p {
	margin-top: 0px;
	margin-bottom: 5px;
}

#daily_reports h2 
{
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 16px;

	font-size: 16px;
	font-weight: bold;
	color: #444444;

	border-bottom: 1px solid #444444;
}

#daily_reports h3 
{
	margin: 0px;
	padding: 3px;
	margin-bottom: 8px;

	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #aaaaaa;
}

#daily_reports div.generate_url div
{
	clear: both;
	overflow: hidden;
}

#daily_reports div.generate_url label
{
	display: block;
	width: 150px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666666;	
}

#daily_reports div.generate_url input.seed_date
{
	width: 80px;
}

#daily_reports div.generate_url input.generated_url
{
	width: 500px;
}

#daily_reports div.reportitem 
{
	overflow: hidden;
	width: 300px;
	border: 1px solid #888888;
	margin-bottom: 6px;
	padding-bottom: 3px;
}

#daily_reports div.reportitem label
{
	clear: left;
	display: block;
	float: left;
	width: 50px;
	padding-left: 3px;

	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#daily_reports div.reportitem input
{
	padding-right: 3px;
}

#daily_reports div.reportitem input.text
{
	width: 220px;
}

#daily_reports div.reportitem label.showhide
{
	display: block;
	width: auto;
	width: 100%;

	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;

	color: #3333aa;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
}

#daily_reports div.reportitem ul
{
	overflow: hidden;
	clear: both;
	display: none;
	margin: 3px;
	padding: 1px;
	list-style-type: none;

	background-color: #f5f5f5;
}

#daily_reports div.reportitem li,
#daily_reports div.reportitem li a
{
	font-size: 10px;
}

#daily_reports input.submit 
{
	display: block;
	margin-left: 120px;
	margin-top: 16px;
}

#daily_reports div.bottom_controls {
	padding-top: 16px;
	clear: both;
}

#daily_reports ul.bottom_controls {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* inside */

#inside div.daily_report span.title
{
	font-style: italic;
}

#inside div.daily_report ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#inside div.daily_report ul li
{
	padding-bottom: 8px;
}


#inside div.expando_container {
	width: 453px;
	border: 2px solid #cdddde;
	padding: 10px 10px 5px 10px;
	background-image: url( /inc/images/box_bg.jpg );
}

#inside div.expando_heading {
	width: 453px;
	height: 26px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#inside div.bar_plus {
	background-image: url( /inc/images/bar_plus.gif );
}

#inside div.bar_minus {
	background-image: url( /inc/images/bar_minus.gif );
}

#inside h2.expando_heading {
	color: #ffffff;
	font-weight: normal;
	font-size: 9pt;
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
}

#inside div.expando_desc {
	padding: 12px 0px 0px 12px;
}

#inside div.expando_desc h3 {
	margin-top: 0px;
}

#inside div.expando_desc p {
	margin-top: 0px;
	margin-bottom: 16px;
}

#inside div.expando_desc ul,
#inside div.expando_desc ul li {
	background: transparent;
}

#inside a.expando_heading {
	text-decoration: none;
	color: #ffffff;
	display:block;
}

#GB_overlay {
	background-image: url( /inc/images/greybox/overlay.png );
	background-repeat: repeat;
	position: fixed;
	margin: auto;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
}

* html #GB_overlay {
	background-color: #000000;
	background-color: transparent;
	background-image: url( /inc/images/greybox/blank.gif );
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/inc/images/greybox/overlay.png", sizingMethod="scale");
}

#GB_window {
	top: 150px;
	left: 0px;
	position: absolute;
	background: #ffffff;
	border: 5px solid #aaaaaa;
	overflow: auto;
	z-index: 150;
}

#GB_frame {
	border: 0px;
	overflow: auto;
	width: 100%;
}

#GB_caption {
	font: 12px bold helvetica, verdana, sans-serif;
	color: #ffffff;
	background: #888888;
	padding: 2px 0px 2px 5px;
	margin: 0px;
	text-align: left;
}

#GB_window img {
	position: absolute;
	top: 2px;
	right: 5px;
	cursor: pointer;
	cursor: hand;
}



#modal div.body {
	padding: 14px;
}

#country_modal h1 {
	padding-bottom: 16px;
}

#country_modal address {
	font-size: 11pt;
	font-style: normal;
}

#req h1 {
	text-align: center;
	font-size: 14px;
}

#req div.req_name {
	padding-top: 14px;
}

#req div.submitbutton {
	clear: both;
	padding-top: 14px;
	text-align: center;
}

#req div.agreement {
	padding-top: 14px;
}

#req p {
	padding: 0px;
	margin: 0px;
	color: #111111;
}

#req input.input {
	width: 95%;
}

#req input.name,
#req input.email {
}

#req input.on {
	color: #000000;
}

#req input.off {
	color: #aaaaaa;
}

#req div.close_link {
	padding-top: 56px;
	text-align: center;
}

#req a {
	color: #444444;
	font-size: 9pt;
}

#req div.reports {
	padding-top: 16px;
	display: block;
	clear: both;
	overflow: hidden;

	width: 100%;
}

#req div.reports p {
	padding-bottom: 12px;
}

#req div.reports label,
#req div.reports input {
	display: block;
	float: left;
}

#req div.reports input {
	clear: both;
	margin-right: 8px;
}

#req div.reports label {
	font-size: 12px;
	width: 300px;
}



/* ======== top nav ======== */

#topnav {
	z-index: 11;

	float: left;
	margin-left: 18px;
	_margin-left: 9px;
	height: 34px;
	/* width: 850px; used when lang-swap is visible */
	width: 900px;
}

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

#topnav ul li {
	display: block;
	position: relative;
	float: left;
	height: 34px;

	background-color: #3a7cb8;	/* give background substance so IE recognizes it and can hover over it */

	background-image: url( /inc/images/nav_vr.gif );
	background-repeat: no-repeat;
	background-position: left 3px;

	padding-left: 12px;
	padding-right: 12px;
}

#topnav ul li.first-item {
	background-image: none;
	padding-left: 0px;
}

#topnav ul li.last-item {
	background-image: none;
	float: right;
}

#topnav ul li a,
#topnav ul li span {
	display: block;
	line-height: 34px;

	color: #b0cbe3;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	text-transform: uppercase;
}

#topnav ul li.ffas a,
#topnav ul li.ffas span {
	text-transform: none;
}

#topnav ul li:hover a,
#topnav ul li.over a,
#topnav ul li.selected a,
#topnav ul li:hover span,
#topnav ul li.over span,
#topnav ul li.selected span {
	color: #ffffff;
}

#topnav ul li.selected a,
#topnav ul li.selected span {
	font-weight: bold;
}

/* first-level dropdown nav */

#topnav ul li ul {
	position: absolute;
	left: -9999px;
	width: 175px;
	border: 1px solid #3a7cb8;
}

#topnav ul li:hover ul,
#topnav ul li.over ul {
	left: 0px;
}

#topnav ul li ul li {
	display: block;
	clear: left;
	float: left;
	padding: 0px;

	background-color: #ffffff;
}

#topnav ul li:hover ul li,
#topnav ul li.over ul li {
	height: auto;
}

#topnav ul li ul li a,
#topnav ul li ul li span {
	color: #333333;
	font-size: 11px;
	text-transform: none;

	padding: 5px 0px 5px 8px;
	line-height: 16px;
}

#topnav ul li:hover ul li a,
#topnav ul li.over ul li a,
#topnav ul li:hover ul li span,
#topnav ul li.over ul li span {
	display: block;
	width: 167px;

	color: #333333;
	background-color: #ffffff;
}

#topnav ul li:hover ul li a:hover,
#topnav ul li.over ul li a:hover {
	background-color: #e5e5fe;
}

#topnav ul li.selected ul li a,
#topnav ul li.selected ul li span {
	font-weight: normal;
}

#topnav ul li ul li.last-item {
	/* Cancel parent last-item style */
	float: none;
}

/* second-level dropdown nav */

#topnav ul li ul li ul {
	position: relative;
	border: 0px;
	z-index: 11;
}

#topnav ul li:hover ul li ul li,
#topnav ul li.over ul li ul li {
}

#topnav ul li:hover ul li ul li a,
#topnav ul li.over ul li ul li a,
#topnav ul li:hover ul li ul li span,
#topnav ul li.over ul li ul li span {
	padding-left: 16px;
	width: 159px;

	background-color: #eeeeee;
}

/* lang swap */

#lang-swap
{
	float: right;
	width: 40px;
	height: 34px;
	text-align: right;
	padding-right: 16px;
	color: #ffffff;
}

#lang-swap a
{
	display: block;
	line-height: 34px;

	color: #b0cbe3;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
}

/* Nav CSS */

#country div.country {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 8px;
	margin-right: 22px;
}

#country p {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 8px;
	margin-right: 190px;

	color: #b0cbe3;
	font-size: 8pt;
}

#country div.country ul {
	margin: 0px;
	padding: 0px;
}

#country div.country ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 6px;
	list-style-type: none;
}

#country div.country ul li a {
	float: left;

	cursor: pointer;

	width: 22px;
	height: 14px;
}

/* Footer Nav CSS */

#footernav {
	clear: both;
	float: left;
	width: 925px;
	background-color: #cddeee;
}

	#footernav-container
	{
		border-bottom: 1px solid #FFFFFF;
		float: left;
		
		width: 905px;
		margin: 10px 10px 0px 10px;
_margin: 10px 5px 0px 5px;
		padding-bottom: 5px;
	}

#footernav ul {
	margin: 0px;
	padding: 0px;
}

#footernav ul li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 3px;

	border-left: 1px solid #555555;
	padding-left: 4px;
	padding-right: 1px;
	
	font-size: 8pt;
}

#footernav ul li.first-item {
	border-left: 0px;
	padding-left: 0px;
}

#footernav a {
	color: #4b7daa;
	text-decoration: none;
}

#footernav a:hover {
	color: #777777;
}

#footernav a.selected {
	color: #222222;
}

#sitemap
{
	background-color: #cddeee;
	width: 905px;
	
	padding: 10px;
	float: left;
}

.contact-mailto
{
	border: none !important;
	display: inline !important;
}

#sitemap p
{
	margin: 3px 0px;
	line-height: 17px;
}

	.sitemaplist
	{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	.sitemaplist-depth-1 li
	{
		float: left;
		width: 125px;
		
		font: 14px Arial, Helvetica, sans-serif;
	}
	
		.sitemaplist-depth-1 li a,
		.sitemaplist-depth-1 li span
		{
			border-bottom: 1px solid #FFFFFF;
			width: 125px;
			display: block;
			color: #105ca8;
			
			padding: 5px 0px;
		}
	
	.sitemaplist-depth-2 li a,
	.sitemaplist-depth-2 li span
	{
		font: 12px Arial, Helvetica, sans-serif;
		background: url( /inc/images/sitemap-bar.gif ) no-repeat bottom left;
		
		padding: 5px 0px;
	}
	
		.sitemaplist-depth-2 li a
		{
			border: none;			
		}
		
	.sitemaplist-depth-1 li.last-item,
	.sitemaplist-depth-1 li.last-item a
	{
		width: 145px;
	}
	
	.sitemaplist-depth-2 li.last-item,
	.sitemaplist-depth-2 li.last-item a
	{
		width: 125px;
	}
	
	
.headquarters
{
	list-style: none;	
	float: left;
	width: 155px;
	margin: 0px;
	padding: 0px;
}
	
	.headquarters span
	{
		border-bottom: 1px solid #FFFFFF;
		display: block;
		color: #105ca8;
		font: 14px Arial, Helvetica, sans-serif;
		
		padding: 5px 0px;
	}
	
	.headquarters address
	{
		line-height: 18px;
		margin-top: 3px;
	}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url( /inc/images/lightbox/blank.gif ) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url( /inc/images/lightbox/prev.gif ) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url( /inc/images/lightbox/next.gif ) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}


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

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

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



/* CUSTOM FONTS */
@font-face 
{
	font-family: 'HelveticaBoldCondens';
	src: url('/inc/fonts/HelveticaNeueLTStd_BdCn.eot');
	src: url('/inc/fonts/HelveticaNeueLTStd_BdCn.woff') format('woff'), url('/inc/fonts/HelveticaNeueLTStd_BdCn.otf') format('opentype'), url('/inc/fonts/HelveticaNeueLTStd_BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
}

@font-face 
{
	font-family: 'HelveticaLightConden';
	src: url('/inc/fonts/HelveticaNeueLTStd_LtCn.eot');
	src: url('/inc/fonts/HelveticaNeueLTStd_LtCn.woff') format('woff'), url('/inc/fonts/HelveticaNeueLTStd_LtCn.otf') format('opentype'), url('/inc/fonts/HelveticaNeueLTStd_LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	margin: 0px;
	padding: 0px;
}

p,
address,
td,
th
{
	color: #444444;
	font-size: 9pt;
}

ul,
ol {
	color: #444444;
	font-size: 9pt;
}

h1 {
	font-size: 15pt;
	font-weight: normal;
	color: #095ba6;
	margin: 0px;
}

h2 {
	font-size: 13pt;
	font-weight: normal;
	color: #095ba6;
}

h3 {
	font-size: 11pt;
	font-weight: normal;
	color: #095ba6;
}

h4 {
	color: #222222;
}

a {
	color: #4b7daa;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

b,
strong {
	color: #222222;
}

address {
	font-style: normal;
}

body div.container {
	width: 100%;
	margin-top: 16px;
}

body div.container2 {
	width: 925px;
	padding: 0px 17px 0px 17px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

body div.reception
{
	width: 925px;
	height: 70px;
	line-height: 70px;
}

	body a.logo {
		background: url( /inc/images/logo.gif ) no-repeat 0px 18px;
		display: block;
		width: 69px;
		height: 70px;
		overflow: hidden;
		text-indent: -9999px;
		cursor: pointer;
		float: left;
	}

	div#header-flash-container
	{
		width: 300px;
		height: 34px;
		float: left;
		margin-left: 10px;
		padding: 0px;
	}

	span.slogan
	{
		display: block;
		float: right;
		line-height: 70px;
		font-size: 11pt;
		color: #095ba6;

		margin: 0px;
		padding: 0px;
	}

body div.top {
	width: 925px;
	height: 34px;
	
	margin-bottom: 5px;

	background-color: #3a7cb8;

	position: relative;
	z-index: 10;
}

body div.bottom p.comments {
	font-size: 8pt;
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}

body div.copyright {
	clear: both;
	width: 905px;

	padding: 5px 10px 20px 10px;
	background-color: #cddeee;
	border-bottom: 1px solid #FFFFFF;
}

body div.copyright p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

body div.copyright p a {
	color: #333333;
}


body div.bottom,
body div.copyright p {
	margin: 0px;
	font-size: 8pt;
	color: #444444;
}

body div.bottom {
	margin: 0px;
	padding: 0px;
}

body a.small_arrow {
	font-size: 9pt;
	font-weight: bold;
	color: #50abb1;

	background-image: url( /inc/images/small_arrow.gif );
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;
	white-space: nowrap;
}

body a.small_mail {
	font-size: 9pt;
	font-weight: bold;
	color: #095ba6;

	background-image: url( /inc/images/small_mail.gif );
	background-repeat: no-repeat;
	background-position: left 10%;

	display: list-item;
	list-style-type: none;
	white-space: normal;
	padding-left: 21px;
}

body a.blue_pdf {
	font-size: 9pt;
	font-weight: normal;
	color: #095ba6;

	background-image: url( /inc/images/blue_pdf.gif );
	background-repeat: no-repeat;
	background-position: left 10%;

	display: list-item;
	list-style-type: none;
	white-space: normal;
	padding-left: 21px;
}

body a.red_pdf {
	font-size: 9pt;
	font-weight: normal;
	color: #095ba6;

	background-image: url( /inc/images/red_pdf.gif );
	background-repeat: no-repeat;
	background-position: left 10%;

	display: list-item;
	list-style-type: none;
	white-space: normal;
	padding-left: 21px;
}

#cms_preview_label {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 100%;
	height: 16px;

	text-align: right;

	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;

	z-index: 100;

	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  fopen(/var/www/vhosts/freightinvestorservices.com/httpdocs/inc/styles/cache/cache-1307818469-b0f964576d21267d015cbdce751d96ee.css): failed to open stream: Permission denied</p>
<p>Filename: helpers/support_helper.php</p>
<p>Line Number: 344</p>

</div>