/*
Title:      	GMT stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	10th November, 2008
*/


/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #474747;
	margin: 0;
	background: #f4f4f4 url(../jpg/bg-tile.jpg) repeat top left;
	}

#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 140%;
	color: #ffffff;
	line-height: 1.3em;
	}
	
h2 {
	font-size: 110%;
	color: #ffffff;
	}
	
h3 {
	font-size: 105%;
	color: #ffffff;
	}	
	
sub {
	font-size: 80%;
	}		
		
.clear {
 	clear: both;
 	}
	
.divline {
	border-bottom: #e0dfdf 1px dashed;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	width: 100%;
	}
	
.centreimage {
	text-align: center;
	}	
	
	
	
	
	
	
/* GENERAL COMPONENTS */		

.thanxtxt {
	text-align: left;
	color: #f4b214;
	line-height: 1.3em;
	font-size: 135%;
	}	
	
.newsnote {
	text-align: left;
	color: #df411c;
	line-height: 1.3em;
	font-size: 135%;
	}		
	
.asterix {
	text-align: left;
	font-weight: bold;
	color: #c2d92e;
	line-height: 1.3em;
	font-size: 115%;
	}
	
.announcementtxt {
	text-align: left;
	color: #ff0000;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	}			
	
.addresstxt {
	text-align: left;
	color: #474747;
	line-height: 1.3em;
	font-size: 115%;
	}	
	
.addresstxt a:link, .addresstxt a:visited {
	color:#8daf59;
	text-decoration:none;
	font-weight:bold;
	}
	
.addresstxt a:active, .addresstxt a:hover {
	color:#a0c938;
	text-decoration:underline;
	font-weight:bold;
	}
	
.largertxt {
	color: #474747;
	line-height: 1.3em;
	font-size: 125%;
	}		

.normaltxt {
	color: #474747;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#8daf59;
	text-decoration:underline;
	font-weight:bold;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#a0c938;
	text-decoration:underline;
	font-weight:bold;
	}
	
.smallertxt {
	text-align: left;
	font-size: 85%;
	color: #474747;
	line-height: 1.3em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#8daf59;
	text-decoration:underline;
	font-weight:bold;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#a0c938;
	text-decoration:underline;
	font-weight:bold;
	}
	
.subtitletxt {
	color: #008265;
	line-height: 1.3em;
	font-size: 140%;
	font-weight: bold;
	margin: 15px 0 25px 0;
	}	
	
#center {
	text-align: center;
	}	
	
#center2 {
	text-align: center;
	}		
		
	

	
	
/* CLIENT LOGIN COMPONENTS */	

#wrapperclient {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #ffffff url(../jpg/login-top-bar.jpg) repeat-x top left;
	}
	
#clientlogin {
	width: 940px;
	margin: 0 auto;
	text-align: right;
	padding: 7px 0 7px 0;
	}	
	
#logincontainer {
	width: 195px;
	margin: 0 0 0 40px;
	text-align: left;	
	float: left;
	}
	
.formfieldsvshort {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	padding: 3px;
	color: #525252;
	width: 120px;
	font-size: 85%;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	}
	
input.formfieldsvshort:focus { 
	color: #525252;
	background-color: #f3f3f3;
	}
	
.cell1 {
	vertical-align: middle;
	padding: 0;
	text-align: left;
	width: 111px;
	}
	
.cell2 {
	vertical-align: middle;
	padding: 0;
	text-align: left;
	width: 135px;
	}
	
.cell3 {
	vertical-align: middle;
	padding: 0;
	text-align: left;
	width: 135px;
	}
	
.cell4 {
	vertical-align: middle;
	padding: 0;
	text-align: left;
	width: 84px;
	}
	
.login-but1 {
	margin: 0;
	padding: 24px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.login-but1 li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.login-but1 a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	}
	
.login-but1 a:hover {
	background-position: 0 -24px;
	}

.login-but1 a:active, .login-but1 a.selected {
	background-position: 0 -24px;
	}
	
.login-but1-img a {
	width: 84px;
	background: url(../gif/login-but1.gif) top left no-repeat;
	}	
	
	
.login-but2 {
	margin: 0;
	padding: 34px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.login-but2 li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.login-but2 a {
	float: left;
	padding: 34px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:34px; /* for IE5/Win only */
	}
	
.login-but2 a:hover {
	background-position: 0 -34px;
	}

.login-but2 a:active, .login-but2 a.selected {
	background-position: 0 -34px;
	}
	
.login-but2-img a {
	width: 97px;
	background: url(../gif/login-but2.gif) top left no-repeat;
	}			




		
	
/* LOGO COMPONENTS */		

#topwhitegreygrad {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #f4f4f4 url(../jpg/white-grey-grad.jpg) repeat-x top left;
	border-top: #d6d6d6 1px solid;
	}
	
#logoholder {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	}	
	
#logoleft {
	width: 210px;
	height: 150px;
	float: left;
	margin: 0;
	/* background:url(../gif/gmt-logo.gif) no-repeat top left; */
	}
	
#logoright{
	width: 375px;
	height: 150px;
	float: right;
	margin: 0;
	}
	
.emaillink {
	margin: 0;
	padding: 150px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.emaillink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.emaillink a {
	float: left;
	padding: 150px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:150px; /* for IE5/Win only */
	}
	
.emaillink a:hover {
	background-position: 0 -150px;
	}

.emaillink a:active, .emaillink a.selected {
	background-position: 0 -150px;
	}
	
.emaillinkimg a {
	width: 375px;
	background: url(../gif/tel-email.gif) top left no-repeat;
	}	
	
.clear {clear:both;line-height:0;height:0;}
	
	
	
	

/* TOP NAV COMPONENTS */	

#topnavholder {width:940px;margin:0 auto;clear:both;}	
#topnavholder ul {list-style-type:none;list-style-position:outside;padding:0;margin:0;}
#topnavholder ul ul {visibility:hidden;position:absolute;z-index:20;}
#topnavholder .topnav li {float:left;height:90px;}
#topnavholder .topnav li a {display:block;width:100%;height:100%;overflow:hidden;text-decoration:none;background-position:top left;background-repeat:no-repeat;}
#topnavholder .topnav li a:hover {background-position:0 -90px;}
#topnavholder .topnav li a span {visibility:hidden;}
#topnavholder ul.topnav ul {}
#topnavholder ul.topnav ul li {float:none;height:26px;} /* cancels the above for sub menus */
#topnavholder .topnav li:hover ul {visibility:visible;}

.tnhome {width:98px;}
.tnhome a {background-image:url(../jpg/topnav/home.jpg);}
.tnabout {width:106px;}
.tnabout a {background-image:url(../jpg/topnav/aboutgmt.jpg);}
.tnwhy {width:175px;}
.tnwhy a {background-image:url(../jpg/topnav/whydofueltesting.jpg);}
.tnourser {width:118px;}
.tnourser a {background-image:url(../jpg/topnav/ourservices.jpg);}
.tnclient {width:175px;}
.tnclient a {background-image:url(../jpg/topnav/clientspecdetails.jpg);}
.tnlatest {width:114px;}
.tnlatest a {background-image:url(../jpg/topnav/latestnews.jpg);}
.tncondet {width:154px;}
.tncondet a {background-image:url(../jpg/topnav/contactdetails.jpg);}
#topnavholder ul.topnav li.current a {background-position:0 -180px;}





/* SUB NAV COMPONENTS */

#topnavholder li.tnwhy ul {width:200px;margin-top:-52px;}
#topnavholder li.tnwhy ul a:hover {background-position:-200px;}
#sn01 a {background-image:url(../jpg/subnav/whydo/01.jpg);}
#sn02 a {background-image:url(../jpg/subnav/whydo/02.jpg);}
#sn03 a {background-image:url(../jpg/subnav/whydo/03.jpg);}
#sn04 a {background-image:url(../jpg/subnav/whydo/04.jpg);}
#sn05 a {background-image:url(../jpg/subnav/whydo/05.jpg);}
#sn06 a {background-image:url(../jpg/subnav/whydo/06.jpg);}
#sn07 a {background-image:url(../jpg/subnav/whydo/07.jpg);}
#sn08 a {background-image:url(../jpg/subnav/whydo/08.jpg);}
#sn09 a {background-image:url(../jpg/subnav/whydo/09.jpg);}
#sn10 a {background-image:url(../jpg/subnav/whydo/10.jpg);}
#snwhyall a {background-image:url(../jpg/subnav/whydo/all.jpg);}

#topnavholder li.tnourser ul {width:245px;margin-top:-52px;}
#topnavholder li.tnourser ul a:hover {background-position:-245px;}
#sn11 a {background-image:url(../jpg/subnav/ourservices/11.jpg);}
#sn12 a {background-image:url(../jpg/subnav/ourservices/12.jpg);}
#sn13 a {background-image:url(../jpg/subnav/ourservices/13.jpg);}
#sn14 a {background-image:url(../jpg/subnav/ourservices/14.jpg);}
#sn15 a {background-image:url(../jpg/subnav/ourservices/15.jpg);}
#sn16 a {background-image:url(../jpg/subnav/ourservices/16.jpg);}
#sn17 a {background-image:url(../jpg/subnav/ourservices/17.jpg);}
#sn18 a {background-image:url(../jpg/subnav/ourservices/18.jpg);}
#snourall a {background-image:url(../jpg/subnav/ourservices/all.jpg);}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:200px; w\idth:200px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:200px; w\idth:200px; }





/* SIDE NAV COMPONENTS */	

.sidenavwrapper {
	width: 225px;
	padding: 0 0 0 10px;
	margin: 0;
	border-left: #f4f4f4 5px solid;
	/* background: #cfe3f9 url(../gif/nav-vert-hi.gif); */
	}
	
.sidenavtxt {
	text-align: left;
	color: #474747;
	line-height: 1.3em;
	font-size: 115%;
	margin: 15px 0 4px 0;
	padding: 0 0 3px 0;
	border-bottom: #dadada 1px solid;
	}	
	
.sidenavtxt a:link, .sidenavtxt a:visited {
	color:#2c62c7;
	text-decoration:none;
	font-weight:bold;
	}
	
.sidenavtxt a:active, .sidenavtxt a:hover {
	color:#15479b;
	text-decoration:underline;
	font-weight:bold;
	}
	
.sidenavbulletlist {
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
	color: #141414;
	}
	
.sidenavbulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	}
	
.sidenavbulletlist li {
	color: #141414;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0 0 7px 0;
	list-style-image: url(../gif/bullet-blue.gif);
	border-bottom: #dadada 1px solid;
	}	
		
.sidenavbulletlist li a:link {
	text-align: left;
	color: #4d84e9;
	display: block;
	padding: 4px 4px 4px 4px;
	text-decoration:none;
	}

.sidenavbulletlist li a:active {
	text-align: left;
	color: #15479b;
	display: block;
	padding: 4px 4px 4px 4px;
	text-decoration:none;
	background: #dadada;
	}

.sidenavbulletlist li a:hover {
	text-align: left;
	color: #15479b;
	display: block;
	padding: 4px 4px 4px 4px;
	background: #f3f3f3;
	}
	
.sidenavbulletlist li a:visited {
	text-align: left;
	color: #4d84e9;
	display: block;
	text-decoration:none;
	padding: 4px 4px 4px 4px;
	}	
	
.sidenavbulletlisthi li {
	text-align: left;
	display: block;
	color: #369957;
	background: #dadada url(../gif/nav-vert-hi.gif);
	}

.sidenavbulletlist li a.current {
	color: #a0c938;
	text-decoration:none;
	display: block;
	padding: 4px 4px 4px 4px;
	background: #f3f3f3 url(../gif/nav-vert-hi.gif);
	}



	
	
/* BODY COMPONENTS */		

#bodywrapper {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	background: #ffffff url(../gif/body-dashed-tile.gif) repeat-y top left;
	}
	
#watermark {
	width: 860px;
	padding: 0 40px 35px 40px;
	margin: 0;
	background: url(../gif/watermark.gif) no-repeat top right;
	}
	
#nowatermark {
	width: 860px;
	padding: 0 40px 35px 40px;
	margin: 0;
	}
	
#bodyleft {
	width: 580px;
	margin: 0;
	padding: 15px 20px 15px 0;
	float: left;
	/* border-right: #e0dfdf 1px dashed; */
	}
	
#bodyright {
	width: 240px;
	margin: 0;
	padding: 15px 0 25px 0;
	float: right;
	}	
	
.homerightimageholder {
	width: 240px;
	margin: 0;
	padding: 60px 0 0 0;
	}		
	
#bodyfullwidth {
	width: 860px;
	margin: 0;
	padding: 15px 0 25px 0;
	}		
	
#contentholderfull {
	width: 545px;
	margin: 0 auto;
	padding: 0 30px 30px 30px;
	}
	
.bulletlist {
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
	color: #141414;
	}
	
.bulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	color: #141414;
	line-height: 1.3em;
	padding: 0 0 7px 0;
	list-style-image: url(../gif/bullet.gif);
	}	
	
.bulletlist a:link, .bulletlist  a:visited {
	font-weight: bold;
	color: #8daf59;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	font-weight: bold;
	color: #a0c938;
	text-decoration: underline;
	}
	
.criticalcell1 {
	vertical-align: middle;
	padding: 5px 0 5px 0;
	text-align: left;
	width: 100px;
	border-bottom: #f4f4f4 1px solid;
	}
	
.criticalcell2 {
	vertical-align: middle;
	padding: 5px 15px 5px 15px;
	text-align: left;
	width: 440px;
	border-left: #dddddd 1px solid;
	border-bottom: #f4f4f4 1px solid;
	}
	
.densitycell1 {
	vertical-align: middle;
	padding: 5px 0 5px 0;
	text-align: left;
	width: 225px;
	border-bottom: #f4f4f4 1px solid;
	}
	
.densitycell2 {
	vertical-align: middle;
	padding: 5px 15px 5px 15px;
	text-align: left;
	width: 315px;
	border-left: #dddddd 1px solid;
	border-bottom: #f4f4f4 1px solid;
	}
	
	
	
	
/* NEWS COMPONENTS */	

.newstablewidth {
	width: 580px;
	margin: 0;
	padding: 10px;
	border: #e9e9e9 10px solid;
	background-color: #f5f5f5;
	}
	
.newstablecol1 {
	width: 90px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstablecol2 {
	width: 50px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstablecol3 {
	width: 70px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstablecol4 {
	width: 270px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-bottom: #ffffff 1px solid;
	}	
	


.newstable2width {
	width: 580px;
	margin: 0;
	padding: 10px;
	border: #e9e9e9 10px solid;
	background-color: #f5f5f5;
	}
	
.newstable2col1 {
	width: 115px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstable2col2 {
	width: 75px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstable2col3 {
	width: 65px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	}
	
.newstable2col4 {
	width: 120px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-bottom: #ffffff 1px solid;
	}	
	
.newstable2col5 {
	width: 95px;
	margin: 0;
	padding: 5px 15px 5px 5px;
	border-bottom: #ffffff 1px solid;
	}		
	
	
	
	
/* CONTACT FORM COMPONENTS */	

.tablewidth {
	width: 580px;
	margin: 0;
	padding: 0;
	}
	
.col1 {
	width: 90px;
	margin: 0;
	padding: 5px 15px 5px 0;
	}
	
.col2 {
	width: 170px;
	margin: 0;
	padding: 5px 15px 5px 0;
	}
	
.col3 {
	width: 90px;
	margin: 0;
	padding: 5px 15px 5px 0;
	}
	
.col4 {
	width: 170px;
	margin: 0;
	padding: 5px 15px 5px 0;
	}
	
.formfieldsnormal {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	padding: 3px;
	color: #525252;
	width: 160px;
	font-size: 100%;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	}
	
input.formfieldsnormal:focus { 
	color: #525252;
	background-color: #f3f3f3;
	}
	
.formfieldslarge {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	padding: 3px;
	color: #525252;
	width: 450px;
	font-size: 100%;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	}
	
input.formfieldslarge:focus { 
	color: #525252;
	background-color: #f3f3f3;
	}
	
.locationmappdf {
	width: 300px;
	margin: 30px 0 0 0;
	padding: 0 0 20px 50px;
	background: url(../gif/locationmappdf.gif) no-repeat top left;
	}
	
		
	
	
	
/* TITLES COMPONENTS */	

.tit-home {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/home.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-aboutgmt {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/aboutgmt.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-error {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/error.jpg) no-repeat top left;
	clear:both;
	}	
	
.tit-whydofuel {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/whydofueltesting.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-ourservices {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/ourservices.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-clientspec {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/clientspecdetails.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-latesnews {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/latestnews.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-condet {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/contactdetails.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-terms {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/terms.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-privpol {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/titles/privpol.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-airway {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/_client-login-images/tit-airwaybill.jpg) no-repeat top left;
	clear:both;
	}	
	
.tit-vesselstats {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/_vessel-fleet-statistics-images/tit-vesselstats.jpg) no-repeat top left;
	clear:both;
	}
	
.tit-fleetsstats {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/_vessel-fleet-statistics-images/tit-fleetstats.jpg) no-repeat top left;
	clear:both;
	}	
	
	
	

	


/* FOOTER COMPONENTS */	

#footergrad {
	width: 940px;
	height: 15px;
	margin: 0 auto;
	padding: 0;	
	background: url(../jpg/footer-grad.jpg) no-repeat top left;
	}
	
#footertxt {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 860px;
	color: #9c9b9b;
	font-size: 85%;
	line-height: 1.4em;	
	}	

#footertxt a:link, #footertxt a:visited {
	font-weight: bold;
	color: #868686;
	text-decoration:none;
	}

#footertxt a:active, #footertxt a:hover {
	font-weight: bold;
	color: #6b6b6b;
	text-decoration:underline;
	}	
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 146px;
	background: url(../gif/happyleaf2.gif) top left no-repeat;
	}