@charset "utf-8";

/*  -----------------------------------------------------------------------
    Redefine Tag ---------------------------------------------------------- */

   	* {
		border:0; margin:0; padding:0;
		font-family:Arial, Helvetica, sans-serif; /* Helvetica,  */
		font-size:15px; line-height:18px;
	}

	html {
		height:100%;
		overflow-y:scroll;
		}

	body {
		background:#d0d1d3;/* url(/img/bg_body.gif) repeat-y top center*/
		height:100%;
		text-align:center;
	}

	table, td, th, p, div, li, a, address, dl, dt, dd, input, select, textarea, label, strong, b {
		text-align:left;
	}

	p {	color:#737373; margin:0 0 25px 0; font-size:15px; line-height:20px; }

	p em {  }


	a, a:link, a:active, a:visited {
		color:#b5ba05; outline:none;  /*  */
		text-decoration:none; font-size:15px;
		}

	a:hover, a:visited:hover, a:hover *, a:visited:hover * { color:#333399; } /* 737373 */


	h3 {
		color:#638f38;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px; line-height:20px; font-weight:bold;
		margin:0 0 10px 0;
	}

	h4 {
		color:#638f38;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px; line-height:20px; font-weight:bold;
		margin:0 0 5px 0;
	}

	h5 {
		color:#737373;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px; line-height:20px; /*font-weight:bold;*/
		margin:0 0 5px 0;
	}


	ul {
		list-style-type:none;

		font-size:15px;
	}

	li {
		font-size:15px; color:#737373;
	}

	p small {
		font-size:11px; line-height:13px;
	}

	hr {
		border-bottom:.5px solid #638f38;
		margin:0 0 5px 0
	}


/*  -----------------------------------------------------------------------
    Shell ----------------------------------------------------------------- */

	#shell {
		width:1024px; /*height:100%;*/
		margin:25px auto;
		/*background:#fff;*/
	}

	#shell_white {
		background:#fff;
		padding:0 0 150px 0;
	}


/*  -----------------------------------------------------------------------
    Header ---------------------------------------------------------------- */

	#header {
		width:1024px; height:100px;
		border-bottom:1px solid #638f38;
	}

	#h1_envirotankers a {
		background:url(/img/h1_envirotankers.gif) no-repeat;
		width:253px; height:29px;
		margin:40px 0 0 50px;
		display:block;
		text-indent:-9999px;
		float:left;
	}

	#h2_fueling-solutions {
		background:url(/img/h2_fueling-solutions.gif) no-repeat;
		width:435px; height:12px;
		margin:52px 50px 0 0;
		display:block;
		text-indent:-9999px;
		float:right;
	}


/*  -----------------------------------------------------------------------
    main_nav -------------------------------------------------------------- */

	#main_nav {
		height:26px;
	}

	#main_nav ul {
		margin:5px 0 0 30px;
		float:left;
	}

	#main_nav ul li {
		border-right:1px solid #638f38;
		float:left;
		padding:3px 0;
	}
		#main_nav ul li.last { border:0; }


	#main_nav ul li a {
		text-transform:uppercase;
		display:block;
		height:10px;
		text-indent:-9999px;
		margin:0 20px;
	}
		#main_nav ul li a:hover { background-position:0 -20px; }
		#main_nav ul li a.active { background-position:0 -40px; }

	a.a_about { background:url(/img/a_about.gif) no-repeat; width:35px; }
	a.a_products { background:url(/img/a_products.gif) no-repeat; width:53px; }
	a.a_environmental { background:url(/img/a_environmental.gif) no-repeat; width:147px; }
	a.a_regulatory { background:url(/img/a_regulatory.gif) no-repeat; width:134px; }
	a.a_testamonials { background:url(/img/a_testamonials.gif) no-repeat; width:72px; }
	a.a_tool { background:url(/img/a_tool.gif) no-repeat; width:105px; }
	a.a_media { background:url(/img/a_media.gif) no-repeat; width:30px; }
	a.a_links { background:url(/img/a_links.gif) no-repeat; width:28px; }
	a.a_contact { background:url(/img/a_contact.gif) no-repeat; width:45px; }

	#h2_1-866-382-6537 {
		background:url(/img/h2_1-866-382-6537.gif) no-repeat;
		width:125px; height:12px;
		float:right;
		text-indent:-9999px;
		margin:8px 50px 0 0;
	}


/*  -----------------------------------------------------------------------
    pics ------------------------------------------------------------------ */

	#pic {
		width:1024px; height:200px;
	}

	#pic p {
		color:#638f38; font-size:15px; line-height:29px;
		margin:0 50px 0 475px;
		position:relative;
	}

	#pic.about-us p { top:60px; }
	#pic.history p { top:40px; }
	#pic.testamonials p { top:80px;text-align:center;  }
	#pic.products p { top:13px;  }
	#pic.environmental p { top:48px; }
	#pic.regulatory p { top:85px; line-height:17px;  }
	#pic.summary p { font-size:12px; top:13px; line-height:17px;  }
	#pic.links p { top:75px;text-align:center;  }
	#pic.contact-us p { top:60px;  }
	#pic.cost-tool p { top:45px;  }
	#pic.media p { top:70px;  }


	#pic div.panel_wrapper {
		width:1024px; height:202px; position:relative; top:92px;
		overflow:hidden;
	}


	#pic div.panel {
		width:1024px; height:202px;
		margin-left:-1024px;
	}
		*html #pic div.panel { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/index_panel.png", sizingMethod="crop"); background:none; }

/*
	#pic div.panel div.main {
		background:#e6eedf url(/img/index_panel_img.jpg) no-repeat;
		float:left;
		width:428px;height:162px;
		padding:40px 0 0 392px;
	}
*/


	#pic div.panel div.main {
		background:#e6eedf /*url(/img/index_panel_LatestNews.jpg) no-repeat*/;
		float:left;
		width:806px;height:202px;
	}

	div.png { width:38px; height:202px; background:url(/img/index_panel_right.png) no-repeat; float:left; }
		*html div.png { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/index_panel_right.png", sizingMethod="crop"); background:none; }

	#pic div.panel h3 { font-size:27px; line-height:32px; text-transform:uppercase; width:600px; }
	#pic div.panel h4 { color:#c2c604; font-size:20px; line-height:22px; text-transform:uppercase;  }


	#index_wrapper a {
		background:url(/img/bullet2.gif) no-repeat 0 5px;
		padding:0 0 0 10px;
	}

		#index_wrapper a:hover { background-position:0 -45px; }



/*  -----------------------------------------------------------------------
    subnav ---------------------------------------------------------------- */

	#subnav {
		width:120px;
		float:left;
		margin:0 30px 0 50px; padding:15px 0 10px 0;
		border-right:1px solid #638f38;
	}

	#subnav ul {

	}

	#subnav ul li {
		margin:0 0 15px 0;
		font-size:10px; line-height:14px;
		text-transform:uppercase;
	}

	#subnav ul li.active {
		margin:0 0 15px 0;
		font-size:10px; line-height:14px;
		background:url(/img/bullet1.gif) no-repeat 0 -94px;
		color:#737373;
		padding:0 0 0 10px;
	}

	#subnav ul li a {
		font-size:10px; line-height:14px;
		text-transform:uppercase;
		background:url(/img/bullet1.gif) no-repeat 0 6px;
		color:#737373;
		padding:0 0 0 10px; display:block;
	}

	#subnav ul li a:hover {
		background-position:0 -44px;
		color:#000; /* b5ba05 */
	}

	#subnav ul li ul {
		margin:10px 0 0 -5px;
	}


	#subnav ul li ul li {
		margin:0 0 3px 0; padding:0;
	}

	#subnav ul li ul li a {
		padding:0 0 0 5px; line-height:12px;
		background:url(/img/bullet3.gif) no-repeat 0 6px;
	}

	#subnav ul li a:hover {
		background-position:0 -44px;
		color:#000; /* b5ba05 */
	}


/*  -----------------------------------------------------------------------
    Footer ---------------------------------------------------------------- */

	#footer {
		background:url(/img/bg_footer.gif) no-repeat;
		width:1024px; height:40px;
		padding:10px 0 0 0;
		text-align:center;
	}

	#footer p {
		font-size:11px; color:#fff; text-align:center;  line-height:15px;
	}

	#footer p a { font-size:11px; line-height:15px; color:#c9cc48; }




/*  -----------------------------------------------------------------------
   Objects ---------------------------------------------------------------- */


	#regulatory_legend {
		float:left;
		width:350px;
		text-align:right;
	}

	#regulatory_legend a {
		background:#ececec; border:1px solid #ccc;
		color:#666; font-size:10px; line-height:14px; padding:0 2px;
	}

	#regulatory_legend a:hover { background:#CED956; color:#000; border:1px solid #638F38; }




/*  -----------------------------------------------------------------------
    Formatting ------------------------------------------------------------ */

	.col, .left { float:left; }
	.right { float:right; }

	#content_wrapper { margin-top:20px; }

	#content_wrapper div.col1 { width:750px; margin:14px 0 0 0; }

	#index_wrapper div.col { width:250px; }
		*html #index_wrapper div.col { width:240px; }

	#index_wrapper div.col2-1 { margin:0 40px 0 50px; padding:20px 0 30px 0; }
		*html #index_wrapper div.col2-1 { margin:0 40px 0 30px; padding:20px 0 30px 0; }

	#index_wrapper div.col2-2 { border-left:1px solid #76a048; margin:0 40px 0 0; padding:20px 0 20px 50px;  }
	#index_wrapper div.col2-3 { border-left:1px solid #76a048; padding:20px 0 20px 50px;  }

	#content_wrapper div.col3-1 { width:500px; }
	#content_wrapper div.col3-2 { width:250px; }

	#content_wrapper div.col4-1 { width:390px; }
	#content_wrapper div.col4-2 { width:360px; }

	#index_wrapper h3 {
		font-size:20px;
	}

	div.col1 ul {
		list-style-type:disc;
		margin:0 0 20px 30px;
	}

	div.col1 ul li {
		padding:0 0 8px 0;
	}


	div.col1 blockquote {
		color:#737373; margin:0 0 30px 0;
	}

	div.col1 blockquote strong {
		display:block;
		color:#638f38; text-align:right;
	}


	.no_border { border:0; }

	div.col ul { list-style-type:circle; }
	div.col ul li {
		/*background:url(/img/bullet2.gif) no-repeat 0 5px;*/
		padding-left:10px; margin:5px 0;
	}

	div.col ul li.hover { background-position:0 -95px; }





/*  -----------------------------------------------------------------------
    Stuff ----------------------------------------------------------------- */

	a.a_pdf {
		width:93px; height:68px;
		background:url(/img/a_download-pdf.gif) no-repeat;
		display:block;
		text-indent:-9999px;
		margin:30px 0 0 0
		/*position:relative; top:120px; */
	}

	a.a_watch-movie {
		width:93px; height:68px;
		background:url(/img/a_watch-movie.gif) no-repeat;
		display:block;
		text-indent:-9999px;
		margin:30px 0 0 0
		/*position:relative; top:120px; */
	}

/*  -----------------------------------------------------------------------
    Accordion ------------------------------------------------------------- */

	#summary {
		list-style-type:none; margin:0; padding:0;
	}

	#summary li div {
		padding:0; margin:5px 0 0 0;
		border-top:1px dashed #999;
	}

	#summary li {
		border:1px solid #638f38;
		margin:0 0 5px 0; padding:5px;
		background:#e0e9d7 url(/img/bg_accordion_link.gif) no-repeat;
	}

	#summary li.active {
		background-color:#fff;
		background-position:-768px 0;
	}

	#summary li a.acc_head {
		display:block;
		font-size:12px; text-transform:uppercase; font-weight:bold;
		padding:0 0 0 25px
	}

	#summary h5 {
		font-size:11px; text-transform:uppercase; font-weight:normal;
		margin:8px 0 0 0;
		color:#000;
	}

	#summary li ul {
		list-style-type:none; margin:0 0 0 0; padding:0;
	}

	#summary li ul li {
		border:0; padding:0; background:none;
	}


	#summary p { font-size:12px; margin:0; line-height:16px; margin:0 0 10px 0; }

	#summary div ul li a {
		color:#B5BA05; font-weight:normal; font-size:14px; margin-top:5px;
		display:inline;
	}


	table.t_logos * {
		font-size:12px;
	}


	#logos div.clearfix {
		border-bottom:1px dotted #aaa;
		margin:0 0 20px 0; padding:0 0 20px 0;
	}

	#logos div.logo { float:left;  width:280px; text-align:center;}

	#logos div.text { float:left;  width:420px; font-size:12px; }





/*  -----------------------------------------------------------------------
    Forms ----------------------------------------------------------------- */

	input { width:200px; border:1px solid #737373; }
    select { font-size:11px; width:200px; border:1px solid #737373; }

	input.submit {
		display:block;
		margin-top:24px;
		text-align:center;
		width:31px;height:31px;
		background:url(/img/bg_inp_submit.gif) no-repeat 0 -40px;
		text-indent:-9999px;
		border:0; cursor:pointer;
	}

	textarea {
		width:250px;height:150px;
		border:1px solid #737373;
		font-size:12px;
		overflow:scroll;
	}



	label {
		display:block;
		margin-top:10px;
		color:#638F38; line-height:20px;
	}

	div.formRow label {
		float:left; width:150px; text-align:right;
	}
    div.formRow label.checkbox { width:280px; text-align:left; }

	div.formRow input, div.formRow select {
		float:left;
		margin:12px 0 0 15px;
		width:280px;
        border:1px solid #737373;
	}

	div.formRow textarea {
		float:left;
		margin:8px 0 0 15px;
		width:280px;
	}
    div.recaptcha { color:#638F38; }

    div.formRow input.checkbox { width:auto; border:none; }

	input.inputSubmit { width:auto; margin:15px 0 0 405px; padding:2px; background-color:#76ab42; }


	#frm_access div div {
		float:left;
		margin:0 25px 0 0;
	}

	#ContactStreet { height:80px; overflow:hidden; }

	.error { color:red; }
    .fieldError, .statusMessage { color:#f00; }
	div.alert p { color:red; }

	div.col1 ul {
			list-style-type:disc;
			font-size:15px;
		}


	p.gallery a { width:102px; height:102px; margin:0 25px 20px 0;  display:block; float:left; border:2px solid #fff; }
	p.gallery a:hover { border:2px solid #638F38; }
	p.gallery a img { border:1px solid #fff; }


/*  -----------------------------------------------------------------------
    Other/Hacks ----------------------------------------------------------- */

	.debug { border:1px solid red; }
	.hide { display:none; }

	.left { float:left; }



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

	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/

	.clearfix { display:block; }
	/* End hide from IE Mac */

	* html .clearfix { height:1px; } /*IE6*/