/* MAIN STYLES */
body { margin: 5px 0px 5px 0px; text-align: center; min-width: 1000px; background: url(images/bg.jpg) repeat-x top center #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #191919; }
h1 { color: #191919; font-size: 21px; text-transform: uppercase; border-top: 1px dashed #191919; border-bottom: 1px dashed #191919; margin: 0px 0px 5px 0px; font-weight: bold; }
h2 { color: #191919; font-size: 15px; text-transform: uppercase; border-top: 1px dashed #191919; border-bottom: 1px dashed #191919; margin: 0px 0px 5px 0px; font-weight: bold; }
h3 { color: #191919; font-size: 21px; text-transform: uppercase; font-weight: bold; text-align: center; margin: 5px; }
h3 a { color: #191919; text-decoration: none; }
h3 a:hover { color: #F50000; }
h4 { color: #FF7F00; font-size: 37px; text-transform: uppercase; margin: 0px 20px 0px 0px; font-weight: normal; text-align: right; }
h4 a { color: #FF7F00; text-decoration: none; }
h4 a:hover { color: #191919; }
h5 { color: #191919; font-size: 19px; margin: 50px 20px -10px 0px; font-weight: normal; text-align: right; }
h5 a { color: #FF7F00; text-decoration: none; }
h5 a:hover { color: #191919; }
h6 { font-size: 11px; font-weight: bold; margin: 0px 0px 10px 0px; }
h7 { font-weight: bold; font-size: 11px; margin: 0px; display: inline; }
h8 { font-weight: bold; font-size: 16px; margin: 0px; display: inline; color: #FF0000; }
h9 { color: #191919; font-size: 14px; margin: 5px 0px 5px 0px; font-weight: bold; display: block; }
a { color: #000000; text-decoration: underline; }
a:hover { color: #6D6E73; text-decoration: none; }
a img { opacity: 1; filter: alpha(opacity=100); }
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
li a { color: #000000; text-decoration: none; }
li a:hover { color: #FFFFFF; }
img { border: 0px; }
* { behavior: url(scripts/iepngfix.htc); }
hr { width: 100%; color: #191919; border: 1px dashed #191919; border-style: none none dashed; }
table { border: 0px; }
th { text-align: right; vertical-align: text-top; font-weight: bold; }

/* PAGE STYLES */
#outer { margin: auto; width: 1000px; text-align: left; position: relative; }
#header { width: 1000px; height: 100px; position: relative; overflow: hidden; background: url(images/header-bg.jpg) repeat-x; }
#logo { position: relative; bottom: 240px; margin: 0px; }
#mainouter { background-color: #191919; position: relative; float: left; }
#mainarea { width: 730px; position: relative; float: left; padding: 5px 0px 5px 5px; /*border: 1px solid red;*/ }
#mainright { width: 260px; position: relative; float: right; padding: 5px 5px 5px 0px; bottom: 25px; margin-bottom: -25px; }
#mainright div { bottom: 5px; }
#footer { width: 1000px; text-align: center; position: relative; float: left; background: url(images/footer-bg.jpg) repeat-x; color: #FFFFFF; font-size: 10px; height: 50px; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.dldl { position: relative;top: 4px; }
.back { float: right; }

/* MENU STYLES */
#menucontainer { height: 30px; width: 1000px; position: relative; z-index: 9995; overflow: hidden; background: url(images/menu2.jpg) no-repeat; }
#menucontainer #menu  { margin: 0px; padding: 0px; }
#menucontainer #menu li { display: inline; font-size: 0px; }
#menucontainer #menu li a { float: left; height: 30px; padding-top: 30px; background: url(images/menu2.jpg) no-repeat; }
#menucontainer #menu li#nav_home a { width: 64px; background-position: 0px 0px; }
#menucontainer #menu li#nav_hivi a { width: 56px; background-position: -64px 0px; }
#menucontainer #menu li#nav_work a { width: 85px; background-position: -120px 0px; }
#menucontainer #menu li#nav_pers a { width: 147px; background-position: -205px 0px; }
#menucontainer #menu li#nav_rail a { width: 108px; background-position: -352px 0px; }
#menucontainer #menu li#nav_fire a { width: 111px; background-position: -460px 0px; }
#menucontainer #menu li#nav_prin a { width: 70px; background-position: -571px 0px; }
#menucontainer #menu li#nav_embr a { width: 96px; background-position: -641px 0px; }
#menucontainer #menu li#nav_cont a { width: 73px; background-position: -737px 0px; }

#menucontainer #menu li#nav_home a:hover { background-position: 0px -30px; }
#menucontainer #menu li#nav_hivi a:hover { background-position: -64px -30px; }
#menucontainer #menu li#nav_work a:hover { background-position: -120px -30px; }
#menucontainer #menu li#nav_pers a:hover { background-position: -205px -30px; }
#menucontainer #menu li#nav_rail a:hover { background-position: -352px -30px; }
#menucontainer #menu li#nav_fire a:hover { background-position: -460px -30px; }
#menucontainer #menu li#nav_prin a:hover { background-position: -571px -30px; }
#menucontainer #menu li#nav_embr a:hover { background-position: -641px -30px; }
#menucontainer #menu li#nav_cont a:hover { background-position: -737px -30px; }

#menucontainer #menu li#nav_home a:active { background-position: 0px -60px; }
#menucontainer #menu li#nav_hivi a:active { background-position: -64px -60px; }
#menucontainer #menu li#nav_work a:active { background-position: -120px -60px; }
#menucontainer #menu li#nav_pers a:active { background-position: -205px -60px; }
#menucontainer #menu li#nav_rail a:active { background-position: -352px -60px; }
#menucontainer #menu li#nav_fire a:active { background-position: -460px -60px; }
#menucontainer #menu li#nav_prin a:active { background-position: -571px -60px; }
#menucontainer #menu li#nav_embr a:active { background-position: -641px -60px; }
#menucontainer #menu li#nav_cont a:active { background-position: -737px -60px; }

#menucontainer.home #menu li#nav_home a { background-position: 0px -60px !important; cursor: default; }
#menucontainer.hivi #menu li#nav_hivi a { background-position: -64px -60px !important; }
#menucontainer.work #menu li#nav_work a { background-position: -120px -60px !important; }
#menucontainer.pers #menu li#nav_pers a { background-position: -205px -60px !important; }
#menucontainer.rail #menu li#nav_rail a { background-position: -352px -60px !important; }
#menucontainer.fire #menu li#nav_fire a { background-position: -460px -60px !important; }
#menucontainer.prin #menu li#nav_prin a { background-position: -571px -60px !important; }
#menucontainer.embr #menu li#nav_embr a { background-position: -641px -60px !important; }
#menucontainer.cont #menu li#nav_cont a { background-position: -737px -60px !important; }

/* MAIN AREA CONTENT STYLES */
#chevron { width: 700px; position: relative; float: left; margin: 5px; padding: 10px; background: url(images/chevron.jpg) repeat-x bottom left #FF7F00; }
#chevron.product img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #191919; }
h6.special { font-size: 13px; }
#chevron form { width: 100%; display: inline-table; padding: 10px 0px 10px 0px; margin: 0px; border-top: 1px dashed #191919; text-align: center; }
#chevron form input { margin-right: 10px; display: inline; }
#chevron form select { margin-right: 10px; display: inline; }
#chevron table { display: inline-table; border: 1px solid #191919; width: 100%; background-color: #FF7F00; margin: 0px 0px 5px 0px; }
#chevron th { font-weight: bold; background-color: #191919; color: #FFBF51; padding: 5px; text-align: center; }
#chevron td { background-color: #FFBF51; padding: 5px; color: #191919; text-align: center; }
#chevronslideshow { width: 370px; height: 200px; position: relative; float: left; margin-right: 10px; }
#chevron ul.home { font-size: 13px; font-weight: bold; text-transform: uppercase; display: inline-block; position: relative; }
#chevron ul.home li { margin: 0px 0px 3px 0px; }
#prodspec { position: relative; float: right; width: 480px; }
.number { font-size: 30px; list-style: none; }
#prodsubmenu { width: 700px; position: relative; float: left; padding: 10px; margin: 5px; background-color: #FFAA18; color: #000000; }
.prod { width: 100%; position: relative; float: left; margin-bottom: 10px; }
#prodsubmenu img { float: left; margin: 0px 10px 10px 0px; border: 1px solid #191919; }
#prodinfo { width: 700px; min-height: 500px; position: relative; float: left; margin: 5px; padding: 10px; background: #FFAA18; color: #000000; }
#prodimgs { width: 300px; position: relative; float: right; padding: 10px; border-bottom: 10px solid #FFAA18; border-left: 10px solid #FFAA18; background: #FFBF51; text-align: center; }
/*#prodinfo img { float: right; margin: 5px 0px 10px 10px; position: relative; }*/
#prodinfo img.border { border: 1px solid #191919; margin: 10px 0px 0px 0px; }
#prodinfo h2 { margin-top: 10px; }
#prodinfo form { display: inline-block; margin: 0px 0px 0px 10px; }
#prodinfo iframe { width: 700px; height: 750px; background: #FFFFFF; }
#info { width: 700px; min-height: 200px; position: relative; float: left; margin: 5px; padding: 10px; background: #FFBF51; color: #000000; }
#call { width: 700px; position: relative; float: left; }
#chevron.product img.logo { border: none; float: none; margin: 0px 10px 0px 0px; }
#chevron.product img.first { float: left; }
#infowindow img { float: right; margin: 0px 0px 10px 10px; }
#infowindow { padding: 10px; background: #FFBF51; color: #000000; min-height: 130px; }
#infowindow ol { list-style: upper-alpha; }
#info li li { list-style-type: lower-roman; }
#info table { display: inline-table; border: 1px solid #191919; width: 100%; margin: 0px 0px 5px 0px; }
#info tr { background-color: #FFAA18; }
#info th { font-weight: bold; background-color: #191919; color: #FFBF51; padding: 3px; text-align: center; }
#info td { padding: 3px; color: #191919; text-align: center; }
#info td.figure { width: 64px; }
#info tr.alt { background-color: #FF7F00; }
#info li li { list-style-type: lower-roman; }
#bottomcopy { height: 150px; width: 700px; position: relative; float: left; margin: 5px; padding: 10px; background: #FFBF51; color: #000000; overflow: auto; }
#bottomcopy img.right { float: right; margin: 10px 0px 10px 10px; }
.promobox { position: relative; float: left; padding: 5px; }
.more { width: 100%; text-align: right; }
#contactaddress { width: 280px; position: relative; float: right; background: #FFBF51; padding: 0px 10px 10px 10px; margin: 0px 0px 10px 10px; }

#coltit { float: left; position: relative; margin: 0px 5px 5px 0px; padding: 2px 2px 2px 0px; }
.colbox { border: 1px solid #191919; padding: 2px; margin: 0px 5px 5px 0px; text-align: center; float: left; position: relative; display: inline; }
.start { border-right: 0px; margin-right: 0px; }
.middle { border-right: 0px; border-left: 0px; margin-right: 0px; }
.end { border-left: 0px; }
.yellow { background-color: yellow; }
.orange { background-color: orange; }
.green { background-color: green; }
.blue { background-color: blue; color: #FFFFFF; }
.black { background-color: black; color: #FFFFFF; }
.red { background-color: red; }

.bottle { background-color: #003B12; color: #FFFFFF; }
.white { background-color: #FFFFFF; }
.ash { background-color: #D4ECFB; }
.midnight { background-color: #10222C; color: #FFFFFF; }
.navy { background-color: navy; color: #FFFFFF; }
.heather { background-color: gray; color: #FFFFFF; }
.charcoal { background-color: gray; color: #FFFFFF; }
.sealgrey { background-color: gray; color: #FFFFFF; }
.grey { background-color: gray; color: #FFFFFF; }
.kelly { background-color: #009F3C; color: #FFFFFF; }
.brown { background-color: #5C3900; color: #FFFFFF; }
.khaki { background-color: #BAAF99; color: #FFFFFF; }
.sky { background-color: aqua; }
.pink { background-color: #F49F9C; }
.maroon { background-color: #820010; color: #FFFFFF; }
.silver { background-color: silver; }
.midblue { background-color: #49BDEF; }
.lightblue { background-color: #BEF2F9; }
.lemon { background-color: #FFFDDA; }
.lilac { background-color: #D4CAE2; }
.olive { background-color: #7A7700; }
.firebrick { background-color: orange; }
.clear { background: #FFFFFF; }
.smoked { background: #666666; color: #FFFFFF; }

.fielderror { background-color: #FF9999; }

/* MAIN RIGHT CONTENT STYLES */
#padbox { position: relative; float: left; top: 0px; padding: 0px 0px 0px 5px; }
#padbox img { z-index: 9996; }
#brochurebox { position: relative; float: left; margin: 5px; }
#offerbox { width: 230px; position: relative; float: left; margin: 5px; padding: 10px; background-color: #FF7F00; text-align: center; font-size: 14px; }
#offerbox p {  border-bottom: 1px dashed #191919; margin: 0px; }
#quotenote { width: 230px; position: relative; float: left; margin: 5px 5px 0px 5px; padding: 41px 10px 10px 10px; background: url(images/quote-pad.jpg) no-repeat; color: #000000; line-height: 15px; }
#quotenote.request { margin: 15px 5px 0px 5px; border: 1px solid #191919; }
#quotecontents { height: 150px; width: 230px; overflow: auto; border-top: 1px solid #000000; padding: 15px 0px 14px 0px; }
#quotecontents table { width: 100%; }
#quotecontents th { font-weight: normal; vertical-align: top; text-align: right; padding-right: 3px; white-space: nowrap; }
#quotebuttons { height: 20px; width: 230px; border-top: 1px solid #000000; text-align: center; }
#quotebuttons a { color: #000000; font-weight: bold; text-decoration: underline;}
#quotebuttons a:hover { text-decoration: none; }

/* FACEBOX STYLES */
#facebox .b { background:url(images/b.png); }
#facebox .tl { background:url(images/tl.png); }
#facebox .tr { background:url(images/tr.png); }
#facebox .bl { background:url(images/bl.png); }
#facebox .br { background:url(images/br.png); }
#facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { margin: auto; border-collapse: collapse; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }