/*----- Essentials Begin -----*/
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5a5454; background-color: #dcddde; margin:0px }
table, td { border-spacing:0px; border-collapse:collapse; padding:0px; vertical-align:top }
div.divmainholder { width:761px; background-color:#FFFFFF; border-left:15px solid #f1f1f2; border-bottom:15px solid #f1f1f2; border-right:15px solid #f1f1f2; text-align:left }
a:link, a:active, a:visited { color:#4180b7 }
a:hover { color:#ff3312; text-decoration:none }
h1 { color:#4180b7; font-size:22px; font-weight:normal; line-height:19px; padding:0px; margin:0px 0px 7px }
h2 { color:#000000; font-size:18px; font-weight:bold; padding:0px; margin:0px }
h3, h4 { color:#000000; font-size:15px; padding:0px; margin:15px 0px 2px }
h4 { font-size:14px; font-weight:bold }
input, textarea, select { font-size:12px; border:1px solid #4180b7 }

/*----- Essentials End -----*/

/*----- Header Begin -----*/
.logo, .splash01 { float:left }
.splash01 { width:621px; height:198px; background-image:url(/img/splash01.jpg) }
.splash02 { width:180px; height:40px; background-image:url(/img/splash02.jpg) }
.splash03 { width:374px; height:40px; background-image:url(/img/splash03.jpg) }
.splash01 a:link, .splash01 a:active, .splash01 a:visited { color:#FFFFFF; text-decoration:none; padding:0px 10px 0px 2px }
.splash01 a:hover { color:#000000; background-color:#FFFFFF; border:1px solid #ff3312 }
.splash01 ul { list-style-image:url(/img/arrow-white.gif); padding:0px; margin:10px 0px 0px 454px }
.splash01 li { margin:4px 0px 4px 0px }
/*----- Header End -----*/

/*----- Right Column Begin -----*/
.rightcolumn { width:185px; padding:20px 9px 0px 13px; margin-bottom:7px }
.columnheaderR { height:18px; font-size:14px; color:#000000; font-weight:bold; background-color:#f1f1f2; border-top:1px solid #d5d3d4; border-bottom:1px solid #d5d3d4; padding:5px 5px 0px 5px; margin:0px 0px 1px }
.hpevents { margin:10px 0 0 }
.newsdate { color:#000000; font-weight:bold; background-color:#f1f1f2; border-top:1px solid #d5d3d4; padding:2px 5px 0px 6px; margin:1px 0px 0px }
.newslist { padding:0px 0px 0px 6px }
.newslistall { padding:13px 0px 15px 6px }
.rightcolumn br { line-height:5px }
/*----- Right Column End -----*/

/*----- Left Column Begin -----*/
.leftcolumn { margin:23px 0px 7px 7px }
.leftcolumn br { line-height:8px }
.columnheaderL { color:#000000; font-size:14px; font-weight:bold; border-bottom:1px solid #d5d3d4; padding:0px 0px 5px }
.navL { background-color:#f1f1f2; border-bottom:1px solid #d5d3d4; padding:2px 0px 2px 5px }
.navL a:link, .navL a:active, .navL a:visited { background-image:url(/img/arrow-gray.gif); background-repeat:no-repeat; color:#ff3312; font-weight:bold; text-decoration:none; padding:0px 0px 0px 17px }
.navL a:hover { color:#000000 }
.navSub { padding:0px; margin:0px }
.navSub li { list-style-type:none; border-bottom:1px solid #d5d3d4; padding:2px 0px 2px 17px; margin:0px }
.navSub a { text-decoration:none }
.navSub a:hover { color:#ff3312 }
/*----- Left Column End -----*/

/*----- Navigation Show/Hide -----*/
.testingHide, .servicesHide, .trainingHide, .documentsHide, .sensorsHide { display:none }
/*----- Navigation Show/Hide -----*/

/*----- Middle Column Begin -----*/
td.middleBorder { background:url(/img/bkg-rightcolumn.jpg) right repeat-y }
.middlecolumn { width:360px; margin:21px 0px 0px 15px }
.middlecolumn b, .middlecolumn strong { color:#000000 }
.middlecolumnInternal { width:560px; margin:21px 15px 0px 15px }
.middlecolumnInternal b, .middlecolumnInternal strong { color:#000000 }
.content { line-height:16px; margin:0px 13px 0px 3px }
.content br { line-height:5px }
.content ul { list-style-type:none; padding:0px; margin:5px 5px }
.content ul ul { margin:0px }
.content li { background:url(/img/arrow-orange2.gif) 0 6px no-repeat; padding:0px 12px; margin:-2px 5px }
.content ul ul li { background:url(/img/arrow-blue2.gif) 0 6px no-repeat }
.content h2 { color:#000000; font-size:16px; font-weight:bold; padding:0px; margin:10px 0px 3px }
.content .mainImage { float:right; border:1px solid #4180b7; padding:2px; margin:0px 0px 5px 5px }
.content .mainImage2 { float:left; border:1px solid #4180b7; padding:2px; margin:5px 5px 5px 0px }
.content .quickShipImg { float:left; margin:2px 5px 0px 0px }

#valveTable table { width:100%; font-size:13px }
#valveTable td { vertical-align:middle; border-bottom:1px solid #d5d3d4; padding:5px 0px; text-align:center }
#valveTable2 table { width:100%; font-size:13px }
#valveTable2 td { vertical-align:middle; border-bottom:1px solid #d5d3d4; padding:5px 0px; text-align:center }

#quoteBrochure { width:40%; margin:10px 0px 0px }
#quoteBrochure img { border:1px solid #000 }
#quoteBrochure td { width:50%; text-align:center }

#news .mainimg { float:right; width:275px; border:1px solid #4180b7; padding:2px; margin:0 0 5px 10px }
#news .click { float:right; display:block; width:275px; text-align:center }
/*----- Middle Column End -----*/

/*----- Footer Begin -----*/
.footer { font-size:10px; color:#999999; border-top:1px solid #d5d3d4; padding:8px 0px 8px 12px; margin-top:10px }
.footer a:link, .footer a:active, .footer a:visited { color:#999999; text-decoration:none }
.footer a:hover { color:#000000; text-decoration:underline }
a:link.graylink, a:active.graylink, a:visited.graylink, a:hover.graylink { color:#999999; text-decoration:none }
/*----- Footer End -----*/

/*--------- Contact Form Styles Begin ---------*/
table#cx { font-family:Arial, Helvetica, sans-serif; font-size:14px }
table#cx td{ padding:0px; }
table#cx td#space { width:15px; }
table#cx th { text-align:left; font-weight:normal; color:#000; padding:2px 0px }

td#label { }

div#req { padding:0px; border-left:5px solid #4180b7; float:left }

input.cx { margin:0px; font-size:13px; height:16px; width:145px; border:1px solid #4180b7; background-color:#F3F3F3; padding-left:3px }
input#x_state { width:35px; margin-right:10px }
input#x_zip { width:90px }
textarea#x_comments { width:322px; height:100px; border:1px solid #4180b7; background-color:#F3F3F3 }

/*OnSubmit required fields will change to this class by js*/
input.error { border:2px solid red; background-color:#F3F3F3 }
/*--------- Contact Form Styles End ---------*/

/*----- Survey Start -----*/
#surveyForm { padding:0px; margin:0px }
#theSurvey { width:100% }
#theSurvey td.surveyLabel { width:320px; font-weight:bold; color:#4180b7; padding:10px 5px 15px 0px; text-align:right }
#theSurvey td.surveyUserInput { padding:10px 0px 0px }
#theSurvey td.surveyUserInput input, #theSurvey td.surveyUserInput select, #theSurvey td.surveyUserInput option, #theSurvey td.surveyUserInput textarea { font-size:12px; border:1px solid #4180b7; padding:1px 0px 0px 2px; margin:0px }
#theSurvey td.surveyUserInput option { border:0px }
#theSurvey td.surveyUserInput .oneLiner { width:230px; height:15px }
#theSurvey td.surveyUserInput .dropDown { width:234px }
#theSurvey td.surveyUserInput .multiSelect { width:234px }
#theSurvey td.surveyUserInput div.radioCheckbox { height:16px }
#theSurvey td.surveyUserInput div.radioCheckbox input { float:left; width:12px; height:12px; margin-right:5px }
#theSurvey td.surveyUserInput div.radioCheckbox label { float:left; color:#000000; margin:-2px 10px 0px 0px }
#theSurvey td.surveyUserInput .textarea { width:230px; height:150px }
#theSurvey td.surveyUserInput .button { font-weight:bold; padding:2px 7px }
/*----- Survey  End  -----*/

/*----- Employment Listing Begin -----*/
.employmentList a { font-size:14px; font-weight:bold }
.employmentList .thePosition { padding-left:3px }
td.required { font-size:12px; color:#ff3312; padding:3px 0px 0px }
td.notRequired { font-size:12px; padding:3px 0px 0px }
/*----- Employment Listing  End  -----*/