/* General ================================ */
 
        /* Normalize some of the default styling of common (X)HTML browsers */
 
               * { margin: 0px; padding: 0px; } /* normalizes margin, padding of all elements  */
 
               ul, ol { list-style: none; } /* no list markers */ 
 
               a img, :link img, :visited img, fieldset { border: 0; } /* no borders on linked images and fieldsets */
 
               address { font-size: normal; } /* de-italicize address */
 
               table { border-collapse: collapse; border-spacing: 0; } /* normalizes table borders and spacing */
 
               caption, th { text-align: left; }
 
               q:before, q:after { content: ''; } /* removes quotation marks from q */
 
        
 
        /* Global Classes */
 
               .clear { clear: both; }
 
               hr, .hide { display: none; }
 
               .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
               .clear {display:inline-block;}
 
               /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */
 
               *html .clear { height: 1px; } /* For ie6 and lower */



body {font-family: Arial; color: #eaeaea; text-align: left; background-color: #000000;	margin: 0 0 0 0; padding: 0 0 0 0; scrollbar-base-color: #2986f0	}

div#mainheaderbg { background-color : #000000; width:1000px; height: 115px; }
a#esslogo { float:right; color: #000000;  margin: 4px 4px 0 0; width: 245px; height: 75px; background: url(../images/the_emergency_services_show_logo.png) no-repeat; text-indent: -10000px; position: relative;}

div#Container { padding: 0;	margin: 0 auto; width: 1000px; position: relative;}
div#mainContainer { padding: 0; margin: 0 auto; width: 1000px; height: 600px; position: relative; background-image: url(/images/emergency-services-show-intro-image.jpg); background-repeat:no-repeat;  }
div#mainheader { padding: 0; margin: 0 auto;   position: relative;}
div#mainheader h1 { float:left; padding: 0 0 0 4px ; font-family: Compacta Blk BT, Arial; color:#c0c0c0; font-size: 1.75em; font-weight: normal; }
div#mainheader p { float: left; font-family: Arial;	color: #ffffff;  font-weight: bold; font-size: 1.00em; text-align: right; margin: 5px 0 0 54px; padding: 2px; line-height: 15px; height: 16px; }
div#mainheader p.yellow { color: #ffff00; }
div#mainbody { padding: 0;	margin: 0 auto; width: 1000px; position: relative;}
div#mainbodyleft { float: left; padding: 0;	margin: 5px 0 0 5px; width: 495px; height: 400px; position: relative; overflow: auto;}
div#mainbodyright { float: right; padding: 0; margin: 5px 0 0 0;  width: 495px; height: 400px; position: relative; overflow: auto;}
div#allyouneedfooter { float: right; width: 350px; margin: 0 10px 0 0; z-index: 10; height: 20px; text-align: right; position: relative;}
div#fadeshow1 { float: right; padding: 0; margin:0 10px 0 0;}


a#esstopimage { float:right; color: #000000; width: 744px; height: 75px; background: url(../images/emergency_services_show_lights.png) no-repeat; text-indent: -10000px; position: relative; margin: 4px 0 0 0; padding:0;}
h2#award { font-family: Arial; color:#ffcc00; font-size: 0.88em; font-weight: bold;}
h3#details { font-family: Arial; color:#2986f0; margin: 20px 0 0 0; font-size: 0.75em; font-weight: bold;}


p { font-size: 0.75em; width: 475px;line-height: 16px; margin: 10px 0 0 0px; text-align: justify;}
p a {color: #ffffff; text-decoration: none; }
p a:hover { color: #2986f0; text-decoration: none; }

p#mainbody {float:left; font-size: 0.75em; width: 470px;line-height: 16px; margin: 10px 0 0 0px; text-align: justify;}
p#mainbody a {color: #ffffff; text-decoration: none; }
p#mainbody a:hover { color: #2986f0; text-decoration: none; }
p.error{ color: #ff0000; font-size: 0.75em;  line-height: 12px; margin: 0 0 0 170px; width: 280px;}
p.tampererror{ color: #ff0000; font-size: 1.00em;  line-height: 12px; margin: 0 0 0 0; width: 450px;}

#nav-menu { width:100% } 
#nav-menu ul { list-style: none; padding: 0; margin: 0 0 0 -10px; float: left; position: relative; }
#nav-menu li { float: left; padding: 0 25px 0 25px; margin: 5px 0 0 0; height: 25px; line-height: 20px;  display: block; text-align: center;}
#nav-menu li a { font-family: Helvetica, Arial;	color: #ffffff; font-weight: bold; font-size: 0.81em; text-decoration: none; }
#nav-menu li a:hover { color: #2986f0; }


#exhibitornav {  width:470px } 
#exhibitornav ul { list-style: none; padding: 0; }
#exhibitornav li {  float: left; margin: 5px 0 0 -3px; height: 15px; line-height: 15px; width: 140px; display: block; text-align: center;}
#exhibitornav li a { font-family: Helvetica, Arial;	color: #ffffff; font-weight: bold; font-size: 0.75em; text-decoration: none; }
#exhibitornav li a:hover { color: #2986f0; }

#tradernav {  width:470px } 
#tradernav ul { list-style: none; padding: 0; }
#tradernav li {  float: left; margin: 5px 0 0 -3px; height: 15px; line-height: 15px; width: 140px; display: block; text-align: center;}
#tradernav li a { font-family: Helvetica, Arial;	color: #ffffff; font-weight: bold; font-size: 0.75em; text-decoration: none; }
#tradernav li a:hover { color: #2986f0; }

/* Hide from IE5-Mac \*/
#nav-menu li a { float: none }
/* End hide */

#footer-menu { float: left; } 
#footer-menu ul { float: left; list-style: none; padding: 0 0 0 0; margin:  0 35px 0 0;  position: relative; }
#footer-menu li { float: left; margin: 3px 0 0 0; height: 25px; line-height: 20px; width: 100px; display: block; text-align: left;}
#footer-menu li a { font-family: Arial;	color: #eeeeee; font-weight: normal; font-size: 0.69em; text-decoration: none; }
#footer-menu li a:hover { color: #2986f0; }
div#footerquote { float: left; } 
div#companyinfo { float: right; font-weight: normal; font-size: 0.63em; text-align: right;} 


ul#details { font-size: 0.75em; margin: 5px 0 20px 0 ; text-align: justify;}
ul#details li{ list-style: square inside; margin: 5px 0 0 20px; width: 430px; text-align: justify;}
ul#details a { color: #2986f0;}
ul#details a:hover{ color: #ffffff;}

ul#twocolumn {float:left; font-size: 0.75em; margin: 5px 0 10px 0 ; width: 470px; text-align: center;}
ul#twocolumn li{float:left; list-style: square inside; width: 220px; margin: 5px 0 0 10px;  text-align: center;}
ul#twocolumn li a{ font-family: Arial;	color: #eeeeee; font-weight: normal; font-size: 1.00em; text-decoration: none;}
ul#twocolumn li a:hover{ font-family: Arial;	color: #0000ff; font-weight: normal; font-size: 1.00em; text-decoration: none;}

ul#exhibitors {float:left; float:left; font-size: 0.75em; margin: 5px 0 20px 0 ; width: 450px; }
ul#exhibitors li{float:left; width: 140px; margin: 5px 0 0 20px; }

ul#exhibits {float:left; float:left; font-size: 0.75em; margin: 5px 0 20px 0 ; width: 450px; }
ul#exhibits li{float:left; width: 140px; margin: 5px 0 0 20px; }

ul#Trader {float:left; float:left; font-size: 0.75em; margin: 5px 0 20px 0 ; width: 450px; }
ul#Trader li{float:left; width: 140px; margin: 5px 0 0 20px; }

ul#banners {float:left; width: 460px; text-align: center;}
ul#banners li{ margin: 0 0 5px 0;}

/* Hide from IE5-Mac \*/
#footer-menu li a { float: none }
/* End hide */

div#footer-scroler { float: left }

div#stylebar { float: left; width: 1000px; height: 2px; position: relative; background-color : #2986f0; margin: 0 0 10px 0; }

td { font-family: Arial; font-size: 0.75em; color: #8c8e8c; font-weight: bold;}

H1 { font-family: Arial; color:#2986f0; font-size: 1.00em; font-weight: bold;}
H2 { font-family: Arial; color: #2986f0; font-size: 0.88em; font-weight: Normal}
H2 a { float:left; font-family: Arial; color: #ffffff; font-size: 0.88em; font-weight: Normal; text-decoration: none;}
H2 a:hover { font-family: Arial; color: #2986f0; font-size: 0.88em; font-weight: Normal}
H3 { font-family: Arial; color: #2986f0; font-size: 0.75em; font-weight: Normal;}
H3 a { font-family: Arial; color: #ffffff; font-size: 0.75em; font-weight: Normal; text-decoration: none;}
H3 a:hover { font-family: Arial; color: #2986f0; font-size: 0.75em; font-weight: Normal}
a.addthis_button  { margin: 25px 0 0 0 ;}

div#allyouneedfooter p { float: right; color: #8c8e8c; font-size: 0.63; font-weight: bold; line-height: 20px; }
div#mainpanels { float: left; padding: 0; margin: 285px 10px 10px 10px; width: 180px; height: 200px; position: relative; background: url(../images/pannel-bg.gif) no-repeat;}
div#mainpanels p { padding: 0 0 0 9px; color: #ffffff; font-weight: normal; width: 160px; font-size: 0.68em; text-align: left;}
div#mainpanels p.image { margin: 20px 0 0 0;}
div#mainpanels p a { padding: 0 0 0 0; color: #ffffff; font-weight: normal; text-decoration: none; width: 160px;}
div#mainpanels p a:hover { padding: 0 0 0 0; color: #ff5b00; font-weight: normal; text-decoration: none; }
div#fadeshow1 { float: right; padding: 0; margin:0 9px 0 0;}
div#pannelshow1 {  padding: 0; margin:0 0 0 9px; text-align: center; }
div#pannelshow2 {  padding: 0; margin:0 0 0 9px; text-align: center; }
div#pannelshow3 {  padding: 0; margin:0 0 0 9px; text-align: center; }
div#pannelshow4 {  padding: 0; margin:0 0 0 9px; text-align: center; }
div#pannelshow5 {  padding: 0; margin:0 0 0 9px; text-align: center; }

img.imageborder {padding:0; margin:5px; border: 1px solid #2986f0;}

/* Gallery */

ul#gallery {float:left; font-size: 1.00em; margin: 5px 0 20px 0 ; text-align: justify;}
ul#gallery li{ list-style: square inside; margin: 5px 0 0 0; width: 450px; text-align: justify;}
ul#gallery a { color: #2986f0; text-decoration: none;}
ul#gallery a:hover{ color: #ffffff;}

ul#gallerydisplay {float:right; width:470px; margin:0 0 0 5px; }
ul#gallerydisplay li { display:inline;  width: 90px; }
ul#gallerydisplay li a{ float:left;  display:block;}
ul#gallerydisplay li img { padding:0px; margin:5px; border:1px solid #2986f0;}
ul#gallerydisplay li p { padding:3px; margin:3px; font-size: 1.00em; font-weight: bold; }

div#mainbodyright table {background-color: #ffffff; border:1px solid #808080;  }
div#mainbodyright table td {padding: 0.35em; color: #3a3a3a;font-weight: normal;}


div#disclaimer { float: left; font-size: 1.00em;  width: 470px; margin: auto 27% } 
div#disclaimer p { border: 2px solid #2986f0; text-align: center;}


div#fadeshow1 { text-align: center;}

/* Form css */



div#form { float:left; position: relative; overflow : auto; text-align: center; margin:  0 0 0 0;}
div#form form p{ width: 460px; margin:  10px 0 0 0; clear: both;}
div#form form p.error{ color: #ff0000; font-size: 0.75em;  line-height: 12px; margin: 0 0 0 170px; width: 280px;}


label {width: 150px; float: left; text-align: right; margin-right: 1.5em; display: block }
.submit input {margin-left: 168px; text-align: center;}
fieldset { border: 0; }
legend { display:  none; }
.mandatory {color: #ff0000; text-decoration: none;}