/*
====== CSS Document for Fuel Mechanics ======
	Author: BTP Online, Craig Rowe
	Last edit: December 2006
=============================================
*/
/* Major HTML Elements */
body {
	color: #fff;
	background-color: #6ca4bc;
	margin: 0px 0px;
	padding:0px;
	font: normal 80% Verdana, Helvetica, sans-serif;
}
h1, h2 {
	margin:0px;padding:0px;
	color: #fff;
	font-size: 85%;
	font-weight: normal;
	text-transform:uppercase;
}
p, table{
	font: 85% Verdana, sans-serif;
	line-height: 150%;
}
p{margin-top:0;margin-bottom:0;}
a:link, a:visited, a:active {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {border: none;}
em {font-weight:bold;}
/*
====== CSS Document for Fuel Mechanics ======
		Container Information
=============================================
*/
#flash 
{
	position: absolute;
	top: 5px;
	left: 50%;
	/*width: 777px;
	height:425px;*/
	margin-left: -385px;
	margin-top:0px;
	padding: 0px;
	/*background-color: #9EBFC4;*/
	z-index:50;
	overflow:visible;
}
#container {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 777px;
	height:425px;
	margin-left: -385px;
	margin-top:0px;
	padding: 0px;
	background-color: #5B92AB;
	overflow:hidden;
	overflow:visible;
}
#pageheader{
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	width:100%;
	height:85px;
	overflow:visible;
	background: url("../images/pageheader_banner.jpg") no-repeat 0px 0px #9EBFC4;
}
#pageheader h1{
	position:relative;
	left:38px;
	margin-right:25px;
	top:40px;
	background: url("../images/fm_logo.png") no-repeat 0px 0px;
	height:52px;
}
#pageheader h1 span{
  visibility:hidden;
}
#pageheader h2{
	font: bold 60% Helvetica, Arial, sans-serif;	
	text-transform: uppercase;
	letter-spacing:4px;
	word-spacing:6px;
	color: #444;
	margin-left:110px;
	margin-right:100px;
	margin-top:15px;
}
#strapline
{
	background: url("../images/strapline2.gif") no-repeat 0px 0px;
}
#strapline span{visibility:hidden;}
#pagecontent
{
	float:left;
	width:35%;
	margin-top:10px;
	padding-right:4%;
}
#pagecontentmain
{
	float:left;
	width:70%;
	margin-top:10px;
	margin-left:0px;
	overflow:visible;
}
#pagecontentmain.advert
{
	width:auto;
}
/*
====== CSS Document for Fuel Mechanics ======
	Menu Information
=============================================
*/
.menu{
	position:relative;
	margin-top:170px;
	clear:both;
	float:left;
	text-align:left;
	width:190px;
}
.navitem{
	margin-left:0px;
	margin-top: 10px;
	color:#fff;
	list-style-type:none;
	line-height:3px;
	cursor:pointer;
}
.navmenu{
	margin:0px;
	padding:0px;
}
/*
====== CSS Document for Fuel Mechanics ======
	Footer Information
=============================================
*/
.navitem a{
	display:block;
	position:relative;
	color: #000 !important;
	padding-left:20px;
	padding-top:2px;
	margin:0px;
	margin-top:5px;
	height:19px;
	width:170px;
	background: #9EBFC4 url("../images/icons/menu_edges.gif") no-repeat 100% 0px;
	font: 60% Helvetica, Arial, sans-serif;
	font-weight:bolder;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:16px;
	letter-spacing:0.1em;
}
.navitem a:hover{
	color: #fff !important;
  	background-color: #000;
	background-position: 100% -22px;
}
.global #m_global_link a, .industry #m_industry_link a,
.fuelinjection #m_fuelinjection_link a, .governors #m_governors_link a,
.enginecomponent #m_enginecomponent_link a, .atwork #m_atwork_link a,
.contactus #m_contactus_link a{
	display:block;
	position:relative;
	color: #fff !important;
  	background: #000 url("../images/icons/menu_edges.gif") no-repeat 100% -22px;
	padding-left:20px;
	padding-top:2px;
	margin:0px;
	margin-top:5px;
	height:19px;
	width:170px;
	font: 60% Helvetica, Arial, sans-serif;
	font-weight:bolder;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:16px;
	
}
/*
====== CSS Document for Fuel Mechanics ======
	Footer Information
=============================================
*/
#content {
	position: relative;
	float:left;
	margin-top: 85px;
	left:23px;
	width:564px;
	text-align:justify;
	padding:0px;
	margin-right:0px;
	margin-left:0px;
	height:100%;overflow:visible;
}
#column{
	width:28%;
	height:180px;
	float:right;
}
#filledcolumn{
  	width:28%;
	height:270px;
	height:100%;
	float:right;
	background-color:#9EBFC4;
	margin-right:0px;
}
#imagecolumn, .imagecolumn
{
	float:right;
	width:61%;
	height:193px;
}
#filledcolumn h1{margin:5px;color:#000;font-weight:400;text-align:center;font-size:70%;margin-top:15px;}
#content h1{
	margin-bottom:10px;
}

/*
====== CSS Document for Fuel Mechanics ======
	Context Images
=============================================
*/
.contextimage{
	position: relative;
	padding:0;
	margin:0;
	height:85px;
	width: 564px;
	overflow:hidden;
}
.contextimage h1{visibility:hidden;}
.contextimage_global{background: url("../images/contexts/global.jpg") no-repeat 100% 0px;}
.contextimage_industry{background: url("../images/contexts/industry.jpg") no-repeat 100% 0px;}
#il_marine{background: url("../images/columns/industry_green.gif") no-repeat;}
#il_oil{background: url("../images/columns/industry_red.gif") no-repeat;}
#il_power{background: url("../images/columns/industry_blue.gif") no-repeat;}
#il_loco{background: url("../images/columns/industry_yellow.gif") no-repeat;}
.contextimage_fuelinjection{background: url("../images/contexts/fuelinjection.jpg") no-repeat 100% 0px;}
#il_railinject{background: url("../images/columns/fi_railinjectors.gif") no-repeat;}
#il_fuelpump{background: url("../images/columns/fi_fuelpump.gif") no-repeat;}
#il_injector{background: url("../images/columns/fi_injectornozzles.gif") no-repeat;}
#il_plunger{background: url("../images/columns/fi_plungerbarrel.gif") no-repeat;}
.contextimage_governors{background: url("../images/contexts/governors.jpg") no-repeat 100% 0px;}
#il_exchangegov{background: url("../images/columns/gov_exchange.gif") no-repeat;}
#il_testequip{background: url("../images/columns/gov_testequip.gif") no-repeat;}
#il_backupgov{background: url("../images/columns/gov_backupgov.gif") no-repeat;}
#il_diesel{background: url("../images/columns/gov_dieselkiki.gif") no-repeat;}
.contextimage_ecservice{background: url("../images/contexts/ecservice.jpg") no-repeat 100% 0px;}
#il_bespoke{background: url("../images/columns/ec_bespoke.gif") no-repeat;}
#il_attention{background: url("../images/columns/ec_attention.gif") no-repeat;}
#il_pselect{background: url("../images/columns/ec_selection.gif") no-repeat;}
#il_plocate{background: url("../images/columns/ec_location.gif") no-repeat;}
.contextimage_fmatwork{background: url("../images/contexts/fmatwork.jpg") no-repeat 100% 0px;}
#il_engineering{background: url("../images/columns/aw_engineering.gif") no-repeat;}
#il_calibration{background: url("../images/columns/aw_calibration.gif") no-repeat;}
#il_installation{background: url("../images/columns/aw_installation.gif") no-repeat;}
#il_logistics{background: url("../images/columns/aw_logistics.gif") no-repeat;}
.contextimage_contact{background: url("../images/contexts/contactus.jpg") no-repeat 100% 0px;}

/*
====== CSS Document for Fuel Mechanics ======
	Industry Pages
=============================================
*/
.imagecolumn .detail, .imagecolumn .summary{position:relative;float:left;}
.imagecolumn .detail{width:186px;padding-top:62px;height:193px;}
.imagecolumn .detail .links{position:absolute;bottom:0px;}
.imagecolumn .detail p{padding:0px 10px 0px 10px;font-size:70%;color:#000;}
.imagecolumn .detail .imagelist{margin:0px;padding:0px;height:31px;}
.imagecolumn .detail .imagelist li{text-indent:-999px;padding:0px;width:62px;height:32px;float:left;overflow:hidden;}
.imagecolumn .detail .links .imagelist { height:32px;}
.imagecolumn .summary{width:158px;padding-bottom:114px;height:140px;}
.imagecolumn .summary h2{padding: 24px 0px 15px 16px;font-weight:bold;font-size:80%;}
.imagecolumn .summary p{position:absolute;top:62px;padding: 0px 10px 10px 10px;font-size:70%;text-align:left;width:138px;}
.imagecolumn .detail h3
{	margin-bottom:0px;
	background-color:#56768F;
	text-transform:uppercase;
	text-align:center;
	font-size:75%;
	line-height:130%;
	letter-spacing:0.5em;
}

/* Specifics */
#marine .detail{background: #9FBFC5 url("../images/columns/industry_green.gif") no-repeat top;}
#marine .summary{background: url("../images/summary/marine.gif") no-repeat bottom;}
#offshore .detail{background: #9FBFC5 url("../images/columns/industry_red.gif") no-repeat top;}
#offshore .summary{background: url("../images/summary/offshore.gif") no-repeat bottom;}
#powerindustry .detail{background: #9FBFC5 url("../images/columns/industry_blue.gif") no-repeat top;}
#powerindustry .summary{background: url("../images/summary/power.gif") no-repeat bottom;}
#locomotive .detail{background: #9FBFC5 url("../images/columns/industry_yellow.gif") no-repeat top;}
#locomotive .summary{background: url("../images/summary/locomotive.gif") no-repeat bottom;}

.detail #il_marine{background: url("../images/columns/small/industry_green.gif") no-repeat;}
.detail #il_oil{background: url("../images/columns/small/industry_red.gif") no-repeat;}
.detail #il_power{background: url("../images/columns/small/industry_blue.gif") no-repeat;}
.detail #il_loco{background: url("../images/columns/small/industry_yellow.gif") no-repeat;}

/*
====== CSS Document for Fuel Mechanics ======
		Misc Classes
=============================================
*/
.highlight {
	color: #6ca4bc;
}
.footnote{
	float: right;
	margin-top: 5px;
	padding-right: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	color: #000;
}
.footnotenf{
	display:block;
	text-align: right;
	margin-top: 5px;
	padding-right: 30px;
	text-transform: uppercase;
	font-size: 67%;
	letter-spacing:2px;
	color: #000;  
}
.clearl{
  clear:left;
}
.clearr{
  clear:right;
}
.clear{
  clear:both;
}
.nbr{
	white-space: nowrap;
}
.accessible{display:none;}
.breaker{visibility:hidden;}
/*
====== CSS Document for Fuel Mechanics ======
		Page Specific
=============================================
*/
#functionlinks {position:absolute;margin:0px;padding:0px;height:46px;right:158px;top:85px;}
#functionlinks ul{margin-right:-20px;margin:0px;padding:0px;padding-left:30px;padding-top:10px;background:#9EBFC4 url("../images/curve.gif") no-repeat;width:165px;height:36px;}
#functionlinks li a{text-decoration:none !important;color:#000;}
#functionlinks li 
{
	height:22px;
	padding-left:20px;
	padding-top:5px;margin-bottom:5px;
	list-style-type:none;
	background: url("../images/icons/drop.gif") no-repeat 0px 0px;
	font: 80% Helvetica, Arial, sans-serif;
	font-weight:bolder;
	text-transform:uppercase;
	line-height:16px;
	letter-spacing:0.1em;
}
.tel .type{display:none;}
.vcard .tel{display:block;margin-top:20px;text-align:left;}
.vcard .fax{display:block;margin-top:0px;text-align:left;}
.vcard .adr{display:block;text-align:right;margin-right:30px;padding:0px;}
.vcard .org{display:block;padding:0px;margin-top:0px;margin-bottom:10px;text-align:right;}
.vcard .adrex{display:block;margin-bottom:10px;margin-top:10px;}
.vcard .region, .vcard .postal-code{margin-top:10px;}
.vcard .country-name{display:block;margin-bottom:10px;margin-top:10px;text-align:right;}
.vcard .street-address{margin-bottom:10px;}
.vcard .locality{margin-bottom:10px;}
.vcard .region{margin-bottom:10px;margin-top:5px;text-align:right;}

#approvedby{
  margin:20px 0px;
  padding:0 5px;
  padding-right:0px;
  margin-right:0px;
  list-style-type:none;
}
.imagelist
{
	margin:0px;
	padding:0px;
	list-style-type:none;	
}
.imagelist dt{clear:both;margin:0px;padding:0px;}
.imagelist li {height:62px;padding-left:186px;background-position:-92.5px 0px;}

.imagelist li span,.imagelist li a,.imagelist dt span {height:62px;position:relative;display:block;top:40%;padding:0px;margin:0 10%;text-transform:uppercase;line-height:100%;font-weight:bold;font-size:80%;font-family:verdana;text-align:left;}
.imagelist li a{font-size:100%;top:0;text-decoration:none;margin:0;}

.imagelist dt {height:62px;padding-left:186px;background-position:-92.5px 0px;}
.imagelist dd{display:none;position:relative;height:0px;padding-left:186px;margin:0px;}
.imagelist dd span{position:absolute;height:0px;float:left;padding:0px 1px;margin:0 5%;top:-15px;line-height:120%;font-weight:bold;font-size:80%;font-family:verdana;text-align:left;color:#000;width:150px;}

#il_diesel span{top:20%;}
#il_backupgov span{top:15%;}

#appr_lorange span, #appr_woodward span, #appr_bosch span, #appr_lloyd span{visibility:hidden;}
#appr_lorange, #appr_woodward, #appr_bosch, #appr_lloyd {width:150px;height:48px;}
#appr_lorange{background: url("../images/icons/lorange.gif") no-repeat 50% 0px;}
#appr_woodward{background: url("../images/icons/woodward.gif") no-repeat 50% 0px;}
#appr_bosch{background: url("../images/icons/bosch.gif") no-repeat 50% 0px;}
#appr_lloyd{background: url("../images/icons/lloydregister.gif") no-repeat 50% 0px;}
/* For 100% heights */
#aspnetForm{height:255px;}