/* CSS Document */

body,html				{font-family:Arial, Helvetica, sans-serif; font-size:100%; z-index:0; text-align:center;color:#555555; margin:0; padding:0;}
h1						{display:none;}
h2						{color:#21b24d; font-size:120%;}
.hide					{position:absolute; top:-10000px;}
input					{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#555;}
h2#choose				{margin:0;}
fieldset				{border:none;}
h3.policy				{margin:0; padding:3px 0 5px 0;color:#21b24d; font-size:120%;}
textarea				{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#555;}

legend					{display:none;}

#outer					{width:750px; margin:0 auto; font-size:0.75em; text-align:left; }
#frametop				{width:750px; margin:0 auto; font-size:0.75em; text-align:left; height:150px; }
#framebottom			{width:750px; margin:0 auto; font-size:0.75em; text-align:left; }


#topnav					{text-align:right; padding:5px 5px 3px 0; margin:0;  }
#topnav a				{color:#4d4d4f; text-decoration:none; font-size:90%;}
#topnav a:hover, #topnav a:active{text-decoration:underline;}
#headerwapper			{}
#header					{height:130px;}
#logobox				{position:absolute;}

#header_home			{background:url(../images/template/banner.gif) no-repeat; height:130px;}

/*navigation*/
#nav					{background:url(../images/template/nav/topbar.gif) top no-repeat;}
#navtop					{margin:0; padding:0;}
#nav ul					{margin:0; padding:6px 0 0 0; list-style:none; }
#nav li					{list-style:none; text-align:center; font-size:100%; font-weight:bold; display:block; margin:0; float:left; padding:0; background:url(../images/template/nav/navbac_tile.gif) repeat-x; position: relative;}
#nav li	a				{color:#555; text-decoration:none;color:#131314; background:url(../images/template/nav/bar.gif) top right no-repeat; display:block; padding:5px 0 20px 0; }
#nav li	a:hover, #nav li	a:active{text-decoration:underline;}

#nav li#home			{width:70px;}
#nav li#homeon			{background:url(../images/template/nav/bac_on.gif) repeat-x;width:70px;}
#nav li#fuelcards		{width:100px;}
#nav li#fuelcardson		{background:url(../images/template/nav/bac_on.gif) repeat-x;width:100px;}
#nav li#workshop		{width:100px;}
#nav li#workshopon		{background:url(../images/template/nav/bac_on.gif) repeat-x;width:100px;}
#nav li#warehousing		{width:115px;}
#nav li#warehousingon		{background:url(../images/template/nav/bac_on.gif) repeat-x;width:115px;}
#nav li#thegroup		{width:95px;}
#nav li#thegroupon		{background:url(../images/template/nav/bac_on.gif) repeat-x;width:95px;}
#nav li#contactusnav		{width:100px;}
#nav li#contactusnavon		{background:url(../images/template/nav/bac_on.gif) repeat-x;width:100px;}


#nav li ul {position:absolute;display: none; left:0px; top:18px;}

#nav li:hover ul, #nav li.over ul {display: block;}

#nav ul li .item {text-align:left;}
#nav ul li .item a{color:#000;text-decoration:none; background:#b1b1bf;  width:89px; padding:3px 0 5px 10px;font-weight:normal;}
#nav ul li .item a:hover{color:#000; text-decoration:underline;background:#b1b1bf;  width:89px; padding:3px 0 5px 10px;}


#nav li#end	 a		{color:#555; text-decoration:none;color:#131314; display:block; padding:5px 0 20px 0; background:url(../images/template/nav/navbac_tile.gif) repeat-x; width:170px;}
#nav li#end	a:hover, #nav li#end	a:active{text-decoration:underline;}
#nav li#on				{background:url(../images/template/nav/bac_on.gif) repeat-x;}
#side					{background:url(../images/template/nav/bar.gif) top right no-repeat;  padding:5px 0 20px 0; display:block; }
#sidefuel				{background:url(../images/template/nav/bar.gif) top right no-repeat;  display:block; }
#sideend				{ padding:5px 0 20px 0; display:block; }


#clearbar				{clear:both;}


#content				{clear:both; padding:5px 0 0 0;width:750px; margin:0 0 10px 0;}

/*right col*/
#rightcol				{margin:0 0 0 373px;}
#righttop				{background:url(../images/template/rightcol/righttop.jpg) top no-repeat; width:374px; height:130px;}
#rightmid				{}
#logofolder				{background:url(../images/template/rightcol/logofolder.gif) top no-repeat; height:177px; width:374px; margin:8px 0 0 0; padding:7px 0 0 0;}

/*leftcol*/
#leftcol				{width:370px; float:left; padding:10px 0px;}
#leftcol h2				{margin:0; padding:2px 0;}
#leftcol_fuel			{width:350px; float:left; padding:5px 0 10px 0;}
#leftcol_fuel p			{padding:0 ;}
#leftcol_fuel h2		{margin:0; padding:0 0 10px 30px;}
#leftcol_fuel h2#sec	{background:url(../images/template/secondlevel/h2.gif) bottom no-repeat; padding:0 0 10px 0;}


#boxone					{}
#request				{background:url(../images/template/leftcol/request_fuel_price_home.gif) no-repeat; height:112px; margin:5px 0 0 0;}
#apply_home				{background:url(../images/template/leftcol/applyonline_home.gif) no-repeat; height:62px; margin:5px 0 0 0; width:370px;}
#apply					{background:url(../images/template/leftcol/applyonline.gif) no-repeat; height:87px; margin:5px 0 0 0; width:370px;}
#applyR					{background:url(../images/template/rightcol/applyonline.gif) no-repeat; height:87px; margin:5px 0 0 0;}



#requestform			{text-align:right; padding:0;width:360px; }
#go						{background:url(../images/template/leftcol/gobtn.gif) 0 7px no-repeat; width:46px; height:35px; cursor:pointer; border:none;}
#go:hover,#go a:active	{background: url(../images/template/leftcol/gobtn.gif) 0 7px no-repeat; width:46px; height:35px; cursor:pointer; border:none;}	
#go-home				{background:url(../images/template/leftcol/gobtn.gif)  no-repeat; width:46px; height:35px; cursor:pointer; border:none;}
#go-home:hover,#go-home a:active	{background: url(../images/template/leftcol/gobtn.gif)  no-repeat; width:46px; height:35px; cursor:pointer; border:none;}	


#applybut				{text-align:right; height:31px; padding:30px 0 0 0; width:360px; }
#applybut_home			{text-align:right; height:31px; padding:15px 0 0 0; width:360px; }


/*#applybut a				{background:url(../images/template/leftcol/apply_go.gif) no-repeat;  width:45px; height:31px; cursor:pointer; }	
#applybut a:hover, #applybut a:active	{background:url(../images/template/leftcol/apply_go_on.gif) no-repeat;  width:45px; height:31px; cursor:pointer; }	*/


#footer					{background:url(../images/template/footer/footerline.gif) repeat-x; clear:both; padding:10px;font-size:90%;}
#footer a				{display:block; float:right; color:#555; text-decoration:none; }
#footer a:hover, #footer a:active{text-decoration:underline;}

/*secondlevel page*/
#leftcol_sec			{float:left; padding:10px 0px; width:436px;} 
#leftcol_sec a			{color:#21B24B; text-decoration:none; }
#leftcol_sec a:hover, #leftcol_sec a:active{ text-decoration:underline;}
#rightcol_sec			{margin:0 0 0 460px;width:286px;}

#leftcol_sec h2			{background:url(../images/template/secondlevel/h2.gif) bottom no-repeat; padding:0 0 10px 0;}

#leftcol_single			{padding:10px 0px;} 
#leftcol_single a		{color:#21B24B; text-decoration:none; }
#leftcol_single a:hover, #leftcol_single a:active{ text-decoration:underline;}

#leftcol_single h2		{background:url(../images/template/secondlevel/h2.gif) bottom repeat-x; padding:0 0 10px 0;}

#imageone				{margin:0 0 10px 0; text-align:right;}
#imagetwo				{margin:0 0 10px 0; text-align:right;}

.label-tag				{display: block; width: 200px; float: left; padding-top: 3px; font-weight:bold;}
.label-tag-home			{display: block; width: 50px; float: left; padding-top: 3px; font-weight:bold;}


#footergroup			{clear:both;}

/*button styles*/
#submit					{background:url(../images/template/button/bg.gif) repeat-x; padding:2px 0 6px 0; cursor:pointer; border:none;}
#submit2				{background:#922011; padding:2px 0 6px 0; cursor:pointer; border:none;}



/*font size*/
#contactus				{font-size:120%;}
#contactus	a			{font-size:120%;}


.eurofuelhead			{color:#21b24d; font-size:120%; padding:10px 0 8px 0; font-weight:bold;}
.eurolink				{font-size:90%;color:#4d4d4f; font-weight:normal; }

.eurolink a				{text-decoration:underline; color:#21b24d; }

#eurocard strong		{color:#21b24d; font-size:120%; padding:10px 0 8px 0; font-weight:bold;}
#eurocard a				{text-decoration:underline; color:#21b24d; }
#eurocard a:hover, #eurocard a:active{text-decoration:none;}

#eurocard h4			{font-size:100%; }

#policy h4				{color:#21b24d; font-size:120%; padding:10px 0 8px 0; font-weight:bold;}
#policy strong			{color:#21b24d; font-size:120%; padding:10px 0 8px 0; font-weight:bold;}


#error 					{list-style:none; padding:0 ; margin:0 ; text-align:left; }
#error  li				{list-style:none; padding:0 ; margin:0; color:#cc0000; font-size:90%;}