/* CSS Document */
@import url("reset.css");
/*---------------Main Setting----------------*/
.bodyMain               { background: url(../img/BkgFill.gif) repeat-x top center;}
.bodyProd               { background: url(../img/BkgFillPage.gif) repeat-x top center;}

#mainPage                   { background: url(../img/HeadBkg.png) no-repeat center top;  min-width: 100%; min-height: 100%}
#prodPage                   { background: url(../img/HeadBkgPage.png) no-repeat center top;  min-width: 100%; min-height: 100%}

#wrap                   { width: 959px; padding: 0 21px 0 20px; margin: 0 auto; min-height: 100%;}
#head                   { float: left; padding: 0; margin: 0; height: 92px; width: 960px}

.logo                   { float: left; padding: 0; margin: 7px 0 0 38px; width: 287px; height: 85px}
#headMenu               { float: right; background: url(../img/HeadMenuBkg.gif) no-repeat top; padding: 12px 0 0 12px ; margin: 0; 
                        overflow: hidden; height: 47px; width: 604px;}
#headMenu li            { padding: 3px 5px 0 5px; margin: 0; height: 19px; border-right: 1px solid #FFFFFF; list-style: none; float: left}
#headMenu a             { font-size: 9px;font-weight: bolder;  color: #1f2fa7; padding: 0; margin: 0;}
#headMenu a:active,
#headMenu a:hover       { text-decoration: underline; }
.active                 { color: #FFF !important; font-size: 9px !important; text-decoration:none !important}
.search                 { float: right; padding: 0 20px 0 0; margin: 0; width: 217px}
.search input           { float: left; border: 1px solid #0d1c8c; width: 141px; height: 15px; margin: 0 5px 0 0; padding: 2px 0 0 7px; 
                        font: normal 1.1em Arial, Helvetica, sans-serif; color: #9d9d9d;}
.submit                 { float: right !important; width: 59px !important; height: 19px !important; background-color: #0d1c8c; 
                        border:1px solid #FFF !important; text-transform: uppercase; color: #FFF !important; font-weight: bolder !important;  
                        padding: 0 !important; cursor: pointer}
.formbtn {border: 1px #000000 solid; font-weight: bold; text-transform:uppercase;font-size: 11px;padding: 2px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; background-color: #8ab337;}
#itemsummary a.formbtn {text-transform: uppercase; border: 1px #000000 solid; font-weight: bold; font-size: 10px;white-space:nowrap; padding: 2px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; background-color: #8ab337;}
#itemsummary a.formbtn:hover {text-decoration:none;}
.noMargin       { margin: 0 !important }
/*-----------Title home page-------------------*/
#title                  { float: left; padding: 0; margin: 0; width: 978px; overflow:hidden}
.fade                   { float: left; padding: 0; margin: 0; width: 603px; height: 229px; background-color: #0d1c8c}
.fade img               { width: 584px; padding: 11px 9px 10px 10px; margin: 0; background-color: #0d1c8c; float: left; }
#navigation             { float: left; background: url(../img/NavigationFill.gif) repeat-y; border-top: 16px solid #0d1c8c; padding: 0; 
                        margin: 17px 0 0 0; width: 356px}
#navigation li          { list-style: none; background: url(../img/HorizontalLine.gif) no-repeat 19px bottom; margin: 0 0 0 15px; 
                        height: 33px; padding: 16px 0 0 0;  }
#navigation a           { background:url(../img/Arrow.gif) no-repeat 2px; font: normal 1.8em/1.5em Arial, Helvetica, sans-serif; 
                        text-transform: uppercase; margin: 0; padding-left: 25px; color: #3f3f3f}
#navigation a:active,
#navigation a:hover     {color: #3f3f3f; text-decoration: underline}
/*-----------------Content home page-----------------*/
#content                { float: left; padding: 0; margin: 0; width: 972px; position: relative}

#column1                { float: left; padding: 0; margin: 0; width: 402px; background: url(../img/VerticalLine.gif) repeat-x 0px 51px;}
#column1 h2             { width: 386px; height: 23px; background: #9bbe54; padding: 28px 0 0 16px; margin: 0; 
                        font: bold 1.6em/1.0em Arial, Helvetica, sans-serif; color: #FFFFFF}
.cellProducts           { float: left ;  width: 373px; background: #f4f4f4; padding: 22px 14px 0 14px; margin: 0;}
.cellProducts img       { float: left !important; padding: 0; margin: 0}
.text                   { padding: 0 0 0 12px; margin: 0; width: 290px; float: left}
.padingBottom           { padding-bottom: 16px !important}
.cellProducts h3        { width: 290px}
.cellProducts a         { }
.cellProducts h3,
.cellServices h3,
.cellNews h3            { font-size: 1.3em !important; font-weight: bold; color: #0d1c8c; margin-bottom: 0.2em; }
.cellNews h4 	        { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #aa0001; padding: 0; margin: 0;}
.cellProducts p         { padding: 0; color: #666; line-height: 1.0em; margin: 0}
.cellProducts a,
.cellServices a,    
.cellNews a             { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;color: #0d1c8c}
.arrow                  { background:url(../img/BlueArrow.gif) no-repeat right 3px; padding-right: 11px; color: #0d1c8c !important; margin: 0;}

#column2                {float: left; padding: 0; margin: 0; width: 202px; background: url(../img/VerticalLine.gif) repeat-x 0px 51px;}
#column2 h2             {width: 186px; height: 23px; padding: 28px 0 0 16px; margin: 0 ; font: bold 1.6em/1.0em Arial, Helvetica, sans-serif; 
                        color: #FFFFFF; background: url(../img/CustServiceIcon.gif) no-repeat right 11px #b5cf81}
.cellServices           { float: left; width: 172px; margin: 0 0 0 1px; padding: 22px 14px 0 14px; background-color: #FFF; position:relative; min-height: 220px}
.cellServices p,
.cellNews p             { padding: 6px 0 0 0; color: #666; line-height: 1.4em; margin: 0; color: #393939; font-size: 1.1em;}
.linkArrow              { float: left; background:url(../img/LinkArrow.gif) no-repeat right 1px; padding-right: 20px; 
                            font-size: 1.1em !important; margin-top: 8px; clear: both; display: block; color: #0d1c8c !important;}
.email                  { width: 50px}
.number                 { float: left; font: bolder 1.1em Verdana, Arial, Helvetica, sans-serif !important; color: #8bb438 !important; 
                        display: block; padding-top: 8px}
.numberi                 {color: #8bb438 !important; }

#column3                { float: left; padding: 0; margin: 0; width: 355px; background: url(../img/VerticalLine.gif) repeat-x 0px 51px}
#column3 h2             { width: 339px; height: 23px; padding: 28px 0 0 16px; margin: 0; font: bold 1.6em/1.0em Arial, Helvetica, sans-serif; 
                        color: #FFFFFF; background: url(../img/NewsIcon.gif) no-repeat right 11px #ccdea8}
.cellNews               { float: left; width: 326px; background: #FFF; margin-left: 1px; padding: 22px 14px 10px 14px; position:relative; min-height: 220px}
.date                   { margin-bottom: 7px !important; padding: 0 !important; font:  bold 1.1em/1.2em Arial, Helvetica, sans-serif !important; 
                        color: #3f3f3f !important}
.cellNews h3            { margin: 0 !important; line-height: 1.0em}
/*------------------------------Footer------------------*/
#footer                 { clear: both; padding: 18px 0 0 300px;  margin: 0 auto; width: 660px; border-top: 2px solid #ccc;  }
.footMenu               { float: left; margin: 0;  padding: 0 0 8px 0; width: 660px}
.footMenu li            { float: left; list-style: none; border-right: 1px solid #abaaaa; padding: 0 7px; margin: 0;}
.footMenu a:link,
.footMenu a:visited     { float: left; font: normal 1.1em/1.0em Arial, Helvetica, sans-serif; color: #abaaaa }
.footMenu a:active,
.footMenu a:hover       { color: #abaaaa ; text-decoration: underline;}
.footerPadding          { padding-left: 58px }
#footer p               { float: left; font: normal 1.1em/1.0em Arial, Helvetica, sans-serif; color: #abaaaa; padding-left: 132px}
#footer   ul            { width: 560px;}
/*-------------------------Content detal page------------*/

#topNav                 { float: left; padding: 18px 0 0 13px; margin: 0; width: 744px; height: 52px}
#topNav li              { float: left; list-style: none; padding: 18px 0 0 0; margin: 0 7px; height: 34px}
#topNav a:link,
#topNav a:visited       { float:left; display:block; overflow:hidden; font: bold 1.5em/1.1em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; padding: 0 17px 0 17px}
#topNav a:hover         {  text-decoration: underline}

.activeTop              { background:url(../img/right-menu.gif) right no-repeat; padding-top:0 !important; height: 52px !important}
.activeTop a            { background:url(../img/left-menu.gif) left no-repeat; color: #8ab337 !important; text-decoration:none !Important; height: 34px; padding-top: 18px !important}


#leftNav                { float: left; padding: 4px 0 0 0; margin: 0; border-top: 7px solid #0d1c8c; background: url(../img/LeftNavBkg.gif) no-repeat #fff; 
                        width: 208px;z-index: 1;}
#levev0                 { float: left; width: 176px; padding: 0 17px 0 15px; margin: 0}
#levev0 li              { list-style: none; border-top: 1px solid #ccc; padding: 16px 0; margin: 0;}
#levev0 li .noLnk        { font: bolder 1.4em/1.2em Arial, Helvetica, sans-serif; color: #0d1c8c}
#levev0 a               { font: bolder 1.4em/1.2em Arial, Helvetica, sans-serif; color: #0d1c8c}
#level1                 { margin: 0; padding: 0;}
#level1 li              { padding: 16px 0 0 0; margin: 0; border: none}
#level1 a               { font-size: 1.2em; color: #393939}
#level2                 { padding: 0 0 0 10px; margin: 0;}
#level2 li              { padding: 12px 0 0 0; margin: 0;}
#level2 a               { font-weight: normal; font-size: 1.1em}
#levev0 a:hover,
#levev1 a:hover,
#levev2 a:hover         { text-decoration: underline}
.activeLeftNav          { font-weight: bold !important; color: #8ab337 !important; text-decoration:none !important}
.paddingBottom16        { padding-bottom: 16px !important}
.paddingBottom0         { padding-bottom: 0 !important}
.paddingTop6            { padding-top: 6px !important}

#information            { float: left; padding: 8px 0 0 35px; margin: 0; width: 727px; overflow: hidden;position:relative;}
#information h3         { font: bold 1.8em Verdana, Arial, Helvetica, sans-serif; color: #0d1c8c; padding-bottom: 18px; margin: 0;}
#information h2         { font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #aa0001; padding: 0 0 12px 0; margin: 0;}
#information h2.ov      { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #aa0001; padding: 0 0 12px 0; margin: 0;}
#information .ovlabel    { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #aa0001; padding: 0; margin: 0;}
#information h2.b6						{padding-bottom:6px;}
#information p          { clear: both; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #393939; margin: 0; padding: 0 0 8px 2px}
#information a          { border: 1px solid #502e2e; font: bold 1.1em/1.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase}
#information span       { color: #aa0001}

#industries td          {width: 354px;}
.tblIndustries          {margin-left: 10px;margin-top: 10px;}
#industry               {width: 316px;border-bottom: #ccc 1px solid;padding-bottom: 20px;margin-bottom: 20px;}
#industries .aero       {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_aero.jpg'); background-repeat:no-repeat;}
#industries .bearing    {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_bearing.jpg'); background-repeat:no-repeat;}
#industries .energy     {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_energy.jpg'); background-repeat:no-repeat;}
#industries .food       {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_food.jpg'); background-repeat:no-repeat;}
#industries .hvac       {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_hvac.jpg'); background-repeat:no-repeat;}
#industries .medical    {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_medical.jpg'); background-repeat:no-repeat;}
#industries .motors     {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_motors.jpg'); background-repeat:no-repeat;}
#industries .oem        {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_oem.jpg'); background-repeat:no-repeat;}
#industries .pharm      {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_pharm.jpg'); background-repeat:no-repeat;}
#industries .process    {margin-left: 4px;padding-left: 85px;background-image: url('../img/ind_process.jpg'); background-repeat:no-repeat;}
#industries .industry       { font: bold 12pt Verdana, Verdana, Arial, Helvetica, sans-serif; 
                                color:#3f3f3f;margin-bottom: 5px;}
#industries a, #itemsummary a   {font: normal  Verdana, Arial, Helvetica, sans-serif; color: #0d1c8c;
                            text-transform:none; border:none; font-size:9pt;}

#industryMenu           { float: left; padding: 0 0 16px 0; margin: 0; width: 737px;}
#industryMenu span      { color: #8ab337; font: normal 1.0em/1.0em Verdana, Arial, Helvetica, sans-serif}
#industryMenu li        { float: left; padding: 0; margin: 0; list-style: none}
#industryMenu a         { float: left; font: normal 1.0em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #0d1c8c; margin: 0; display:block; 
                                padding: 0 9px 0 5px; background: url(../img/marker.gif) no-repeat right 5px; border: none !important; text-transform: none}
#industryMenu a:active,
#industryMenu a:hover   { color: #0d1c8c;text-decoration: underline}
.activIndustry          { font-weight: bold !important; color: #8ab337 !important; text-decoration: none !important}

#specifications         { clear: both; width: 502px; padding: 0 0 0 0px; margin: 0}
#specifications li    { list-style: disc; padding: 0 0 8px 0; margin: 0 0 0 14px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #393939}

.print                  { padding: 0 0 0 30px; margin: 14px 0 18px 4px; width: 192px; height: 20px; background: url(../img/AcrobatReader.gif) no-repeat 8px 2px #8ab337; display: block}
#companyinfo a.qbutton  { color: #FFFFFF;padding: 5px; height: 20px; background-color: #aa0001; text-decoration: none;}
#printp a               { border: 1px solid #502e2e; font: bold 1.1em/1.8em Arial, Helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase}

#markBox                { float: left;  padding: 0; margin: 0 0 28px 0; border: 1px solid #dedede; width: 500px}

.form,
.form ul                { float:left; width: 500px; margin:0}
.form li                { float:left; list-style:none; margin:0; width: 489px; padding:3px 0 3px 11px; height: 18px }   
.form legend            { display: none}
.form label             { float:left; font: bold 1.2em/1.1em Verdana, Arial, Helvetica, sans-serif; color: #8ab337; margin:2px 0 0 8px}
.form select            { float:right; margin:0; font: normal 1.1em/1.1em Verdana, Arial, Helvetica, sans-serif; color: #000}
.form input             { float:right; margin:0; font: normal 1.1em/1.1em Verdana, Arial, Helvetica, sans-serif; color: #000; width: 50px}

.grauL                  { background: #dedede}
.grauL label            {color: #0d1c8c !important; margin-left:0 !important}
.drawing                { padding: 0 0 0 30px; margin: 14px 0 0 0; width: 140px; height: 20px; 
                        background: url(../img/AcrobatReader.gif) no-repeat 8px 2px #8ab337; display: block; float: left}
.quote                  { padding: 0 0 0 0; margin: 14px 0 0 15px; text-align: center;width: 125px; height: 20px; 
                        background: #0d1c8c; display: block; float: left}

.links                  { float:left; width: 500px; overflow:hidden; padding-bottom: 36px}

#directions h2      { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #aa0001; padding: 7px 0 7px 0; margin: 0;}
#sensdens table { border-collapse:collapse;}
/* #sensdens tr { background-color: white;} */
#sensdens td { padding: 1px;border: 1px black solid;}
#sensdens td.hd { background-color:#37568A;}
#sensdens td.first{ background-color: #cccccc;}
#sensdens a, #companyinfo a { border:none;font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #aa0001; text-decoration:underline;text-transform:none;}
#tcselection ol li {font-size: 12px; margin-bottom: 0px;color: black;}
#companyinfo, #companyinfo p    { clear: both; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #393939;margin-bottom: 8px; padding-left: 0;}
#companyinfo ul li {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #393939; margin-left: 15px;margin-bottom: 0px;margin-top:5px;}
#companyinfo ul {margin-left: 0;padding-left: 0;}
#companyinfo td {padding: 3px;}
#itemsummary .longdesc {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #393939;}
.faq {padding-top: 8px;}
#directions, #directions p {clear: both; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #393939;}
#directions ol li {color: black;margin-top:0; margin-bottom:0;}
#itemsummary .srcat {color: #6699ff; font-size: 9px;}
#itemsummary .sritem {font-size: 12px;}