/* CSS Document */

a {
	color: #014897;
	text-decoration: none;
}

a:hover{
	color: #5aa2ce;
	text-decoration: underline;
}

body {
margin: 0 ; 
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
background: url(../images/back_egm.gif);
background-repeat:repeat-y;}

h1 { font: 1.1em Arial, Sans-Serif; padding: 0px 0 0 0; margin: 0px 0px 0px 0px; }
h2 { margin: 0; padding: 0; font: bold 1.2em Arial, Sans-Serif ;}
h3 { margin: 0; padding: 0; font: bold 1.1em Arial, Sans-Serif ;}

#container {margin: 0px;
			width: 833px;
			}

#top 		{width: 100%;
			padding: 0px 0px 0px 0px;
			height:100px;	
			background: url(../images/top_egm.gif) no-repeat top left;}
			
#inner     {background: url(../images/innerback.gif);
            padding: 6px;
			clear:both;}
			
/*-------------------------------------------------   left menu   ------------------------------------------------------------*/

#left   {float: left;
		 width: 192px;
		 padding: 0px; 
		 }
.leftbars {	 background: url(../images/leftmenu/leftbar.gif);
			padding: 7px 10px;
			color: #FFFFFF;}	
				 
#lefttable { width: 192px;}

#lefttop {padding-top: 4px; background-image: url(../images/leftmenu/lefttop.gif);}

#leftbot  {padding-top: 8px; background-image: url(../images/leftmenu/leftbot.gif);}	

.leftpics1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/leftmenu/reqinfo_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 192px;
height: 69px;
margin: 0;
padding: 0;
}

.leftpics1 a
{
display: block;
color: #000;
font-size: 1.1em;
width: 192px;
height: 69px;
display: block;
float: left;
color: black;
text-decoration: none;
font-weight: bold;
}

.leftpics1 a:hover { color: #fff;}

.leftpics1 img
{
width: 192px;
height: 69px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.leftpics1 a:hover img
{
visibility:hidden
}

.leftpics1 span
{
position: absolute;
left: 75px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leftpics2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/leftmenu/training_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 192px;
height: 69px;
margin: 0;
padding: 0;
}

.leftpics2 a
{
display: block;
color: #000;
font-size: 1.1em;
width: 192px;
height: 69px;
display: block;
float: left;
color: black;
text-decoration: none;
font-weight: bold;
}

.leftpics2 a:hover { color: #fff;}

.leftpics2 img
{
width: 192px;
height: 69px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.leftpics2 a:hover img
{
visibility:hidden
}

.leftpics2 span
{
position: absolute;
left: 75px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leftpics3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/leftmenu/egmsales_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 192px;
height: 69px;
margin: 0;
padding: 0;
}

.leftpics3 a
{
display: block;
color: #000;
font-size: 1.1em;
width: 192px;
height: 69px;
display: block;
float: left;
color: black;
text-decoration: none;
font-weight: bold;
}

.leftpics3 a:hover { color: #fff;}

.leftpics3 img
{
width: 192px;
height: 69px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.leftpics3 a:hover img
{
visibility:hidden
}

.leftpics3 span
{
position: absolute;
left: 75px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leftpics4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/leftmenu/egmsupport_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 192px;
height: 69px;
margin: 0;
padding: 0;
}

.leftpics4 a
{
display: block;
color: #000;
font-size: 1.1em;
width: 192px;
height: 69px;
display: block;
float: left;
color: black;
text-decoration: none;
font-weight: bold;
}

.leftpics4 a:hover { color: #fff;}

.leftpics4 img
{
width: 192px;
height: 69px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.leftpics4 a:hover img
{
visibility:hidden
}

.leftpics4 span
{
position: absolute;
left: 75px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.reqbutton
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/orbar_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 192px;
height: 31px;
margin-top: 20px;
padding: 0;
}

.reqbutton a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 192px;
height: 31px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.reqbutton a:hover { color: #333333;}

.reqbutton img
{
width: 192px;
height: 31px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.reqbutton a:hover img
{
visibility:hidden
}

.reqbutton span
{
position: absolute;
left: 15px;
top: 7px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*----------------------------------------------- left features menu	------------------------------------------------------*/

.features
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/features/back_over.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 193px;
height: 66px;
margin: 0;
padding: 0;
}

.features a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 193px;
height: 66px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.features a:hover { color: #333333;}

.features img
{
width: 193px;
height: 66px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.features a:hover img
{
visibility:hidden
}

.features span
{
position: absolute;
left: 15px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
		 
/*-----------------------------------------------   middle content  --------------------------------------------------------*/
#mid     {float: left;
		  width: 329px;
		  padding: 4px; 
		  margin-left: 40px;
			}
			 
.maintext   {padding: 10px 0px 4px 0px;}

.midbars   {background: url(../images/midbar.gif);
			padding: 7px 10px;
			color: #FFFFFF;}


/*-----------------------------------------------   template 3 middle content  -------------------------------------------------*/			
#midtemp3     {float: left;
		  width: 569px;
		  padding: 4px; 
		  margin-left: 10px;
			}
			
/* ---------------- news -----------------*/


#news {width: 329px;}

.newstop {padding-top: 12px;  margin-top: 20px; background-image: url(../images/newstop.gif);}

.newsbot  {padding-top: 12px; background-image: url(../images/newsbot.gif);}	

.newsback  {padding-top: 0px; background-image: url(../images/newsback.gif);}	

.newscontent  {float: left; width: 240px; padding: 0px 8px; background-image: url(../images/newsmid.gif);}	

.newspic  {margin-left: 260px; padding: 0px 0px 0px 8px; background-image: url(../images/leftbot.gif);}	



/*-----------------------------------------------   right content  --------------------------------------------------------*/
			 
#right 	 {padding: 0px; 
			 margin-left: 602px;
			 }
			 
#rightbluetable { width: 213px;}

#righttop {padding-top: 11px; background-image: url(../images/topright.gif);}

#rightbot  {padding-top: 11px; background-image: url(../images/botright.gif);}	

 	
/* ----------------------------------------------------right pics ---------------------------------------------------------*/
	 
.pics1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/comms_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics1 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics1 a:hover { color: #333333;}

.pics1 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible;
text-decoration: none;
}

.pics1 a:hover img
{
visibility:hidden
}

.pics1 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/vrm_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics2 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics2 a:hover { color: #333333;}

.pics2 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics2 a:hover img
{
visibility:hidden
}

.pics2 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/egmfleet_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics3 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics3 a:hover { color: #333333;}

.pics3 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics3 a:hover img
{
visibility:hidden
}

.pics3 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/3rdparty_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics4 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics4 a:hover { color: #333333;}

.pics4 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics4 a:hover img
{
visibility:hidden
}

.pics4 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/demolog_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics5 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics5 a:hover { color: #333333;}

.pics5 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics5 a:hover img
{
visibility:hidden
}

.pics5 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics6
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/fsa_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics6 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics6 a:hover { color: #333333;}

.pics6 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics6 a:hover img
{
visibility:hidden
}

.pics6 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics7
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/superlite_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics7 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics7 a:hover { color: #333333;}

.pics7 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics7 a:hover img
{
visibility:hidden
}

.pics7 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.pics8
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/egmbikes_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics8 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics8 a:hover { color: #333333;}

.pics8 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics8 a:hover img
{
visibility:hidden
}

.pics8 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


.pics9
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/right_menu/singlecomms_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 70px;
margin: 0;
padding: 0;
}

.pics9 a
{
display: block;
color: #fff;
font-size: 1.1em;
width: 213px;
height: 70px;
display: block;
float: left;
color: white;
text-decoration: none;
font-weight: bold;
}

.pics9 a:hover { color: #333333;}

.pics9 img
{
width: 213px;
height: 70px;
border: 0
}

* html a:hover
{
visibility:visible
}

.pics9 a:hover img
{
visibility:hidden
}

.pics9 span
{
position: absolute;
left: 85px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}	
	   
/* end of right pics */

#spacer		{clear: both;}

/* footer*/

#footer {background: url(../images/footer_egm.gif) no-repeat;
			padding: 36px 0px 14px 20px;
			color: #fff;
			}
			
#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
	color: #FEA002;
	text-decoration: underline;
}

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

.thisform {
color: #000;
text-align:left;
}

input, select, textarea{
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
padding: 1px;
color: #666;
font-size: 100%;
}

label {
font-weight: bold;
}

fieldset {
border: 1px solid #ccc;
padding: 1px 5px 5px 5px;
}

.error {color: #ff0000;}