@import "reset.css";
html,body { height: 100%; }
body, th, td, dd, dt, textarea { font: 11px/16px verdana; line-height: 16px; }

body { background: #002447 url('../images/header_bg.gif') repeat-x;}

.title, h1 a { text-indent: -9999px; overflow: hidden; display: block; }
.clear { clear: both; }

p, table { margin: 0 0 12px 0;}
h2, h3, h4, h5 { margin: 0 0 16px 0; }

hr { border-bottom: 0; height: 1px; margin: 15px 0; border-top: 1px solid #F0D1BC; background: #F0D1BC;}

strong { font-weight: bold; }
em { font-style: italic; }
a { font-weight: bold; text-decoration: underline;}

#content h3 { font-weight: bold; font-size: 14px; margin-top: 24px; }
#content h4 { font-weight: bold; font-size: 12px; margin: 24px 0 8px;  }

#content ul, ol { list-style-position: outside; }
#content ul { margin: 8px 0 8px 18px; }
#content ol { margin: 8px 0 8px 24px; }

#content li { margin-bottom: 4px; }
#content ul li { list-style-type: disc; }
#content ul li li { list-style-type: circle;}
#content ul li li li { list-style-type: square; }

#content ol li { list-style-type: decimal; }
#content ol li li { list-style-type: lower-alpha; }
#content ol li li li { list-style-type: lower-roman; }

#content th, td { padding-right: 10px; }
#content th { font-weight: bold; text-align: left; background: #EEE; border-right: 0px solid #AAA; border-bottom: 0px solid #AAA;}
#content td { border-right: 0px solid #AAA; border-bottom: 0px solid #AAA; font-size: 10px; }

#content img.border { border: 1px solid #000; }

.imagepad { margin: 0 0 15px 15px;}

/* Layout */

div#container { width: 760px;  margin: 0 auto; position: relative; background: url('../images/container_bg.gif') repeat-y; height: 100%;}

/* Header */
h1 { height: 93px; background: url('../images/header_bg.gif') repeat-x;}
h1 a { height: 93px; background: url('../images/emit.jpg') no-repeat; width: 183px; }
h1 span { width: 109px; height: 23px; display: block; position: absolute; right: 23px; top: 55px; background: url('../images/breathe-easy.jpg'); text-indent: -9999px; overflow: hidden;}

/* Top Menu */

ul#menu { height: 20px; background: url('../images/m_bg.gif') repeat-x;} 
ul#menu li { float: left; height: 20px;} 
ul#menu li.home { float: right; margin-right: 19px;}

ul#menu a { height: 20px; display: block; text-indent: -9999px; overflow: hidden;}
ul#menu a:hover { background-position: 0 -20px ;}

li.home a { background: url('../images/m_home.gif') no-repeat; width: 52px; }
li.about a { background: url('../images/m_about.gif') no-repeat; width: 84px; margin-left: 30px;}
li.products a { background: url('../images/m_products.gif') no-repeat; width: 72px; }
li.services a { background: url('../images/m_services.gif') no-repeat; width: 68px; }
li.news a { background: url('../images/m_news.gif') no-repeat; width: 54px; }
li.contact a { background: url('../images/m_contact.gif') no-repeat; width: 64px; }



/* Content */

div#main { background: url('../images/wrapper_bg.gif') repeat-y; padding: 0 9px;}
div#home_modules { margin-left: 9px;}

div#leftcol { float: left; color: #FFF; width: 159px; padding: 25px 20px;}
div#content { float: right; width: 509px; padding: 20px 17px; min-height: 350px; height: auto !important; height: 350px; background: url('../images/content_bg.gif') no-repeat;}

body#home div#leftcol { background: url('../images/lt_latest_news.jpg') no-repeat; padding-top: 74px;}
body#home div#content { background: url('../images/home_welcometoemit.jpg') no-repeat; padding-top: 74px;}

body#home h2 { display: none; }

div#leftcol a { color: #FFF; }
div#content a { color: #b95915; }

#content h2 { height: 26px; margin: 0 -2px 25px 0;}

p.breadcrumbs { margin: 0 0 14px 0; font-size: 10px ;}

h2.about_emit { background: url('../images/t_about_emit.gif'); }
h2.corporate_profile { background: url('../images/t_corporate_profile.gif'); }
h2.guiding_principles { background: url('../images/t_guiding_principles.gif'); }
h2.history { background: url('../images/t_history.gif'); }
h2.locations { background: url('../images/t_locations.gif'); }
h2.our_brand { background: url('../images/t_our_brand.gif'); }

h2.products { background: url('../images/t_products.gif'); }
h2.catalytic { background: url('../images/t_catalytic_converters.gif');}
h2.catalytic_models { background: url('../images/t_converter_models.gif');}
h2.catalytic_applications { background: url('../images/t_cc_standard.gif');}
h2.catalytic_quote { background:url('../images/t_cc_request_quote.gif');}

h2.silencer { background: url('../images/t_catalyst_silencer.gif');}
h2.silencer_models { background: url('../images/t_silencer_models.gif');}
h2.silencer_application { background: url('../images/t_cs_standard.gif');}
h2.silencer_quote { background: url('../images/t_ccs_request_quote.gif');}

h2.replacement_elements { background: url('../images/t_replacement_elements.gif'); }
h2.non_selective { background: url('../images/t_non-selective.gif');}
h2.shapes { background: url('../images/t_shapes.gif');}
h2.quote { background: url('../images/t_elements_quote.gif');}

h2.air_fuel { background: url('../images/t_air_fuel.gif'); }
h2.edge_ng { background: url('../images/t_edgeng.gif'); }
h2.edge_lb { background: url('../images/t_edgelb.gif'); }
h2.edge_st12 { background: url('../images/t_edgest12.gif'); }
h2.valve_options { background: url('../images/t_valve_options.gif'); }
h2.ac_request_quote { background: url('../images/t_ac_request_quote.gif'); }

h2.news { background: url('../images/t_news.gif'); }

h2.services { background: url('../images/t_services.gif'); }
h2.installation { background: url('../images/t_installation.gif'); }
h2.after_sales { background: url('../images/t_after_sales.gif'); }
h2.training { background: url('../images/t_training.gif'); }
h2.cleaning { background: url('../images/t_cleaning.gif'); }
h2.recycling { background: url('../images/t_recycling.gif'); }

h2.sales { background: url('../images/t_sales.gif'); }
h2.service { background: url('../images/t_service.gif'); }
h2.careers { background: url('../images/t_careers.gif'); }
h2.newsletter { background: url('../images/t_newsletter.gif'); }


/* Sub menu*/



div.submenu p { height: 92px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
div.submenu {  margin: -25px -20px -30px -20px; }
div.submenu ul { background: #00274c; }
div.submenu li a { display: block; padding: 4px 20px 4px 30px; margin: 0 4px 0 1px; text-decoration: none; }
div.submenu li a.section:hover,  div.submenu li a:hover  { background: #E56F1C;}
div.submenu li a.section, div.submenu li a { border-bottom: 1px solid #000; text-decoration: none; background: #b95915;  font-weight: bold; font-size: 10px; padding-left: 15px; padding-right: 10px; }
div.submenu li a.selected { background: #E56F1C;}
div.submenu ul ul li a.selected { background: #001427 url('../images/bullet.gif') 18px 10px no-repeat; }
div.submenu ul ul li a:hover { background: #001427 url('../images/bullet.gif') 18px 10px no-repeat; text-decoration: underline;}
div.submenu ul ul a { border: 0; background: #00274c url('../images/bullet.gif') 18px 10px no-repeat; font-weight: normal;padding: 4px 20px 4px 30px;}

div.submenu li.selected a { background: #E56F1C;}
div.submenu  li.selected li a { background: #00274c url('../images/bullet.gif') 18px 10px no-repeat; ;}

div.submenu li { _display: block; _float: left; _width: 199px;  }


p.about { background: url('../images/lt_about.gif') no-repeat; }
p.products { background: url('../images/lt_products.gif') no-repeat;  }
p.services { background: url('../images/lt_services.gif') no-repeat;  }
p.news { background: url('../images/lt_news.gif') no-repeat;}
p.contact { background: url('../images/lt_contact.gif') no-repeat;  }

/* Footer */

div#footer { background: url('../images/container_bg.gif') repeat-y; color: #FFF; height: 55px; font-size: 10px; position: relative; _margin-top: -10px; }
div#footer a { color: #FFF; }
p.copyright { background: transparent url('../images/footer_top.gif') no-repeat; padding: 24px 22px 0 22px;  }
p.powered {  position: absolute; right: 22px; top: 24px; }

/* Forms */
form {  }
form p { margin: 0 0 5px;}
label { display: block; margin: 0; font-size: 10px; font-weight: bold; color: #002447; }
input.field, textarea.field, select.field { border: 1px solid #002447; width: 350px; font-size: 11px; padding: 3px;}
textarea.field { height: 150px; } 
select.field { width: auto; padding: 0;}
select.full, input.full, textarea.full { width: 490px; }
select.half, input.half { width: 235px; }

input.field:focus, textarea.field:focus, select.field:focus { background: #E7F1FE; border: 1px solid #3589FD;}
label em { font-weight: normal;}
textarea.resume { height: 300px;}

p.model_number { margin: 25px 0; height: 25px;}
p.model_number span { height: 17px; text-align: center;  padding: 3px; border: 1px solid #000; background: #EEE; font-size: 14px; font-weight: bold; display: block; float: left; margin-right: 3px; }
p.model_number span.divider { border: 0; background: transparent;}

.hidden { display: none;}

label.inline { display: inline; margin-right: 15px; font-weight: normal;}

p.instructions { font-weight: bold; font-size: 12px; font-style: italic;}