/* TEXT */
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 62.5%;
	margin: 2em;
	text-align: center; /* IE fix that coordinates w/text-align left in wrapper */
	background: white; /* if not white, use #002266 or #110066  #003399  #002b80 */
	}
h1 {
	font-size: 3em;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: normal; letter-spacing: 1px; color: #336699; /* was 0066cc */
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 25px;
	}
h5 {  /* colored band bkgrd */
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	color: #757575;
	margin-left: 25px;
	margin-top: 18px;
	margin-bottom: 25px;
	background-color: #E6E6E6;
	}
h2 {
	font-size: 1.8em;
	color: #1A0099;
	margin-left: 25px;
    margin-top: 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid silver;
	}
h3 {
	font-size: 1.5em;
	color: #003399;  /* was #008099 */
	margin-left: 25px;
    margin-top: 20px;
	margin-bottom: 10px;
	}
h4 {
	font-size: 1.4em;
	font-style: italic;
	color: slateblue;
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom: 10px;
	}
h6 {
	font-size: 2.4em;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: normal;
    font-variant: small-caps;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
	color: #929249;
    text-align: center;
	}
.h6small {
	font-size: 1.9em;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: normal;
    font-variant: small-caps;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #929249;
    text-align: center;
	}
.h46combo {
	font-size: 1.4em;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #929249;
    text-align: center;
	}

p {	font-size: 1.2em; line-height: 140%; margin-top: 0; margin-bottom: 20px; 
	margin-left: 25px; }
.block { font-size: 1.2em; line-height: 120%; margin-top: 0; margin-bottom: 20px; 
	margin-left: 25px; }
#positionA { margin-top: 10px; }  /* horiz menu bar top of disp apps chart pgs */
sup { font-size:  x-small; }  /* supersript */
.tiny { font-size: .9em; } /* map continent menu text */
.itty { font-size: 85%; } /* site map */
.bitty { font-size: 70%; }  /* sales rep h2 subtext - see Wisconsin */

.emphasis { font-weight: bold; }
.intro:first-line {	font-weight: bold; }
.italic { font-style: italic; }

.color { color: darkorange; } /* emphasize Trade Show dates */ 
.color2 { color: #0066cc; }  /* emphasize required fields in RFQ */ 
.dark { background-color: #cccc99; }
.gray { color: gray; }
.hot { color: red; }
.heated { color: orange; } /* emphasize for "heated" */ 
.reverse { background-color: #333300; }
.white { color: white; }

.h7 { font-size: 1.4em; font-weight: bold; font-style: italic; color: slateblue; 
	margin-left: 25px; margin-top: 15px; margin-bottom: 10px; 
	border-top: 1px solid silver; padding-top: 7px; }
.more { /* emphasize "series categories" table headings */ color: darkorange; 
	font-weight: bold; font-size: 140%; letter-spacing: 1px; } 
.stmt {  /* section header in Form table #1 */ color: #0066cc; font-size: 1.2em; 
	font-weight: bold;} 
.umph { color: darkorange; font-size: 1.3em; }
.umph2 { color: orange; font-weight: bold; font-size: 130%; }

.button { float: left; font-weight: bold; background-color: #e1e0c3; 
	background-image: url(/image/generic/button.jpg); background-repeat: repeat;
	background-position: 0 0; margin-left: 25px; margin-right: 400px; 
	margin-bottom: 40px; padding: 7px; border-top: 1px solid #e1e0c3;
	border-left: 1px solid #e1e0c3; border-bottom: 1px solid olive; 
	border-right: 1px solid olive; } /* button on T-Max pg_REPLACE W/SLIDING DOOR TECHNIQUE */ 
.button2 { float: right; background-color: #e1e0c3; font-size: 90%;
	background-image: url(/image/generic/button.jpg); background-repeat: repeat;
	background-position: 0 0; margin-left: 25px; margin-right: 25px; margin-top: -10px;
	margin-bottom: 30px; padding: 2px; border-top: 1px solid #e1e0c3;
	border-left: 1px solid #e1e0c3; border-bottom: 1px solid olive; 
	border-right: 1px solid olive; }
.top { /* format "top link" in sales rep headings */ font-size: 60%; float: right; 
	margin-top: -13px; }  
.left { float: left; margin-left: 25px; margin-right: 10px; }

/* LINKS (links also under LISTS_VERTICAL NAV BAR) */
a { text-decoration: none; }  /* actions, not just links */
a:link { color: royalblue; }
a:visited { color: purple; }
a:hover { color: darkorange; text-decoration: none; }
a.bookmark { text-decoration: none; }


/* MOUSEOVER display text (dispense summary pgs for apps & product ) */
#blurbfloat { float: left; font-size: 1em; margin-bottom: 0px; margin-left: -25px; 
	width: 280px; }
#blurb { position: relative; width: 230px; height: 160px; }
#blurb p{ color: black; font-size: 1.1em; margin-top: 10px; margin-left: 0px; 
	border: 1px solid darkorange; padding: 10px; }


/* LISTS */
ul { font-size: 1.2em; line-height: 150%; margin-bottom: 30px; }
ul.flat { /* text displayed upon mouseover in dispense summary pgs for apps & 
	product */margin-bottom: 0px; margin-top: -2px;} 
ul.intable {  font-size: 1em; margin-bottom: 0px; } /* bullets inside specs table cell */
ul.left { /* bulleted text on home page */margin-bottom: 10px; margin-left: 0px; margin-top: -5px; padding-left: 15px;} 
ol { font-size: 1.2em; line-height: 150%; margin-bottom: 15px; padding-left: 45px; }
#content ul { list-style-type: circle; }
#content li { margin-bottom: 6px; }


/* LISTS_VERTICAL NAV BAR */
.navleft ul { margin-left: 0px; padding-left: 20px; margin-bottom: 15px; }
.toplevel { margin-top: 1.2em; }
.navleft { margin-left: 20px; margin-top: -15px; padding-left: 0; font-size: 1.1em; 
	font-weight: bold; color: #666666; list-style-type: none; }
.navleft_sub { font-size: .8em; line-height: 140%; font-weight: normal; 
	text-transform: none; list-style-type: disc; margin-left: 10px; margin-top: 1px; }
.navleft_sub_emphasis { font-size: .9em; line-height: 140%; font-weight: heavy; 
	text-transform: none; list-style-type: disc; margin-left: 10px; margin-top: 1px; 
	color: darkorange; }
.navleft li a:hover { background-color: #ffcc00; color: black;  
	border-left: 2px none #A0282C; border-top: 2px none #A0282C; }
.navleft li a:link { border-bottom: 0px; color: #666666;}
.navleft li a:visited { border-bottom: 0px; color: darkblue;}


/* LISTS_HORIZONTAL NAV BAR_TOP (home & site map) */
ul.menu { float: right; padding-top: 125px; padding-right: 5px; margin-left: 0px; 
	margin-bottom: 0px; margin-top: 0px; list-style-type: none; font-size: 95%; 
	font-weight: bold; }
ul.menu li { display: inline; text-transform: lowercase; padding-right: 0px; }
ul.menu li a { padding: 2px 6px 2px 4px; border-bottom: 0px; text-decoration: none; 
	color: seashell; }
ul.menu li a:hover { background-color: orange; border-bottom: 1px solid #A0282C; 
	border-left: 1px solid silver; color: seashell; }
ul.menu li a:visited { color: seashell; }


/* LISTS_HORIZONTAL NAV BAR_MAIN */
ul.menumain { font-size: 1em; font-weight: bold; 
	list-style-type: none; padding-top: 4px; padding-left: 8px; padding-bottom: 5px; 
	border-top: 1px solid silver; border-bottom: 1px solid #000066;  /* same as 
	darkest color in banner bkgrd */ margin-left: -25px;  margin-top: 30px; 
	margin-bottom: 60px; background: #003399; }
ul.menumain li { display: inline; text-transform: uppercase; padding-right: 8px; }
ul.menumain li a { padding: 2px 8px 2px 8px; border-bottom: 0px; 
	text-decoration: none; color: seashell; }
ul.menumain li a:hover{ background-color: orange; 	border-bottom: 2px solid #A0282C; 
	border-left: 2px solid silver; border-right: 2px solid #A0282C; 
	border-top: 1px solid silver; color: seashell; }
ul.menumain li a:visited {	color: seashell; }


/* LAYOUT */
.clear { clear: both; } /* clear float */ 
#wrapper { background-color: white; position: relative; width: 760px; 
	margin-right: auto; margin-left: auto; margin-top: -20px; 
	border-right: 1px solid silver; border-left: 1px solid silver;
	text-align: left; /* IE fix coordinates w/text-align center in body */ 
	}
#banner { height: 150px; padding-left: 25px; color: black; 
	background: url(/image/other/world_map.jpg) no-repeat left top; }
#bannercaption { font-style: italic; font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: bold; font-size: 1.8em; line-height: 120%; padding-top: 75px; 
	margin-left: 50px; margin-top: 0px; margin-bottom: 0px; 
	 }
#logo { position: absolute; left: 25px; top: 15px; }
#main { margin-left: 150px; margin-right: 20px; margin-top: -42px; 
	padding: 0px 0px 10px 0px; }
#mainhome { margin-left: 20px; margin-right: 20px; margin-top: 20px; 
	padding: 0px 0px 10px 0px; background-image: url(/image/other/working/home_map.jpg); } /* home */
#mainsite { margin-left: 45px; margin-right: 45px; margin-top: 45px; 
	padding: 0px 0px 10px 0px; } /* site map */
#breadcrumbs { color:#7a7a7a; background-color: whitesmoke; font-size:87%; 
	letter-spacing: 1px; padding-top: 1px; padding-bottom: 1px; text-indent: 5px; margin-left: 0px;  
	margin-top: 65px;  margin-bottom: 0px; margin-right: -20px; 
	border-bottom: 1px solid silver;}
#breadcrumbs a:visited { color:#7a7a7a; /* previously #999 */ }
#breadcrumbs a:hover { color: darkorange; }
#sidebar { /* left vertical nav bar */
	float: left; width: 150px; margin-top: 40px; margin-left: 0px; margin-bottom: 20px;
	font-family: Helvetica,Arial,sans-serif; font-size: 105%; 
	border-right: 2px dotted silver;
	}
.rise { /* position right & raise chart on misc valve pg, dispense product summary pgs, 
	& about us pg) */  float: right;  
	background-color: #F9F9F9; /* was #fbef99 */
	border: solid 1px #cccc99; /* was orange or #fdd041 */
	border-top-width: 3px; border-bottom-width: 3px; margin-top: -70px; 
	margin-left: 10px; padding: 5px;
	}
.rise p { width: 80px; font-size: 1em;  line-height: 120%; margin-top: 5px; margin-bottom: 4px; 
	margin-left: 5px; padding-top: 2px; border-top: solid 1px #cccc99;/* was #fdd041 */ }
#col_left { float: left; margin-top: -20px; padding: 0px 0px 0px 0px; width: 280px; }    /* left aligned column_for 2 columns */
#col_right { float: right; margin-top: -20px; padding: 0px 0px 0px 0px; width: 280px; }  /* right aligned column_for 2 columns */
#col_left3 { float: left; margin-top: -20px; padding: 0px 0px 0px 0px; width: 217px; }    /* left column_for 3 columns */
#col_middle3 { float: right; margin-top: -20px; padding: 0px 0px 0px 0px; width: 217px;}  /* middle column_for 3 columns */
#col_right3 { float: right; margin-top: -20px; padding: 0px 0px 0px 0px; width: 217px; }  /* right column_for 3 columns */

#video { margin-left: 25px; margin-top: 5px; margin-bottom: 10px;}

/* FOOTER */
.foot { width: 720px; color: seashell; border: 0px; margin-left: 15px;}
#footer { clear: both; background: #336699; color: seashell; padding: 3px 3px 5px 0px; 
	margin-left: 0px; border-bottom: solid 2px orange; border-top: solid 1px #000066; 
	text-indent: 10px; }
#footer a:hover { color: orange; }
#footer a:link { color: seashell; }
#footer a:visited { color: seashell; }


/* IMAGES */
.noborder { border: 0; }
.check { /* checkmark image */ background-image: url(/image/generic/check.gif); 
	background-repeat:	no-repeat; background-position: center; padding: 0px; }

img.figure { /* image layout & border */ float: right; border-top: 3px solid #ccc; 
	border-left: 3px solid #ccc; border-right: 3px solid #999; 
	border-bottom: 3px solid #999; margin-left: 10px; margin-bottom: 5px; padding: 0px; }
img.rh {     /* image at right (up arrow) */ float: right; border: 0px; 
	margin-top: 10px; margin-bottom: 10px; }
div.figure250W { /* caption layout 250W */ float: right; width: 282px; 
	padding-left: 20px; }
div.figure200W { /* caption layout 200W */ float: right; width: 232px; }
div.figure120W { /* caption layout 120W */ float: right; width: 120px; 
	padding-left: 20px; }
.figure250W p {  /* caption appearance 250W */ font: .9em/normal Verdana, Arial, 
	Helvetica, sans-serif; color: #666; text-align: center; background-color: white; 
	border: 0px solid #ccc; padding: 5px; margin-left: 0px; width: 240px; }
.figure200W p {  /* caption appearance 200W */ font: .9em/normal Verdana, Arial, 
	Helvetica, sans-serif; color: #666; text-align: center; background-color: white; 
	border: 0px solid #ccc; padding: 5px; margin-left: -5px; width: 200px; }
.figure120W p {  /* caption appearance 120W, underfill pg */ 
	font: .9em/normal Verdana, Arial, Helvetica, sans-serif; color: #666; 
	text-align: center; background-color: white; border: 0px solid #ccc; 
	padding: 5px; margin-left: 0px; width: 120px; }

#main .figbox { /* caption, invisible borders, full column width */ width: 524px; 
	text-align: center; background-color: white; margin-top: -15px; margin-bottom: 15px; }
#main .figbox td { border: 0px; }
#main .figboxleft { /* no caption, left align, invisible borders */ background-color: white; 
	margin-left: 25px; margin-top: 0px;  margin-bottom: 15px; }

.indent { /* move left with fixed indention & no wrap around to right side (ds9000 & 
	cf10 pages) */ margin-left: 25px; }
#globe { /* float image right - home pg */ float: right; margin-top: -24px; 
	margin-right: 0px; margin-bottom: -10px; border-width: 0px; }


/* TABLES */
#main table { width: 543px; /* do not increase or else banner RH edge will misalign */
	border-collapse: collapse; 	font-size: 1em; text-align: left; vertical-align: top; 
	margin-left: 25px; }

#main td { padding: 5px 5px 3px 5px; border: 1px solid olive;}
#main th { background: transparent url(/image/other/td_bg.png) repeat left top; 
	font-weight: bold; letter-spacing: 1px; padding: 5px 5px 3px 5px; font-size: 95%;}
#main tr.odd { background-color: #e1e0c3;}
#main tr.even { background-color: #fbfbf6;}
#main td.odd { background-color: #e1e0c3;}

			.chart500 {width: 500px; margin-left: 0px; margin-top: -10px; } /* video w/UL text on left (tmax page) */

			#mainhome .box { /* home page */
				border-collapse: collapse; font-size: .95em; text-align: left; 
				vertical-align: top; margin-top: 20px; margin-left: 5px; margin-bottom: 0px;}
			#mainhome td.box, tr.box { 
				}

#main .chart { width: 200px; } /* MOUSEOVER display text (disp apps page) */
#main td#noline { border: 0px; }
#main td.noline { border: 0px;}

#main table.infobox { width: 180px; padding: 2.5px; margin-bottom: 15px; 
	background-color: #F9F9F9; float: right; } /*  product chart/table */
#main .infobox td { border-color: silver; text-align: left; padding-left: 30px; }
#main .infobox th { border: 1px solid silver; text-align: center; }
#main td.center { text-align: center; padding-left: 0px; padding-right: 0px;}


#main table.infobox2 { width: 180px; padding: 2.5px; margin-bottom: 15px; 
	background-color: #F9F9F9; float: right; } /*  product chart/table */
#main .infobox2 td { border-color: silver; text-align: left; padding-left: 20px; }
#main .infobox2 th { border: 1px solid silver; text-align: center; }
#main td.center { text-align: center; padding-left: 0px; padding-right: 0px;}



#main table.list { font-size: 1.1em;  background-color: ghostwhite; } /* summary table */
#main .list th { color: dimgray; padding-top: 2px; text-indent: 0px; 
	padding-bottom: 2px; border: 1px solid silver; border-left: 0px; border-right: 0px;}
#main .list td { border-color: silver; vertical-align: top; padding-top: 2px; 
	padding-bottom: 3px; border: 1px solid silver; border-left: 0; border-right: 0; 
	text-indent: 0px; }



#main table.list2 { width: 340px; font-size: 1.1em;  background-color: ghostwhite; } /* summary table */
#main .list2 th { color: dimgray; padding-top: 2px; text-indent: 0px; 
	padding-bottom: 2px; border: 1px solid silver; border-left: 0px; border-right: 0px;}
#main .list2 td { border-color: silver; vertical-align: top; padding-top: 2px; 
	padding-bottom: 3px; border: 1px solid silver; border-left: 0; border-right: 0; 
	text-indent: 0px; }



#main tr.on { background-color: white; }  /* or alicewhite? */
#main tr.off { background-color: white; }

#main .form { font-size: 1.1em; margin-left: 18px; } /* request form table #1 */
#main .form td { border-color: white;}
.label { text-align: right; }
.width100 { width: 100px; }
.align { vertical-align: 30%; padding: 0px 0px 0px 5px;}
.aligntop { vertical-align: top;}

#main .form2 { font-size: 1.1em; margin-left: -25px;} /* request form table #2 - "grouped checkboxes" section */
#main .form2 td { border-color: white; padding: 0px 0px 0px 5px;}

#main .form3 { font-size: 1.1em; margin-left: 8px; } /* request form table #3 reverts to table#1 horiz position when target table is located after table#2 */
#main .form3 td { border-color: white;}
#main .form3 th { border-color: white;}

#main .tight { padding: 0px;} /* applications table */
#main .tight td {border: 1px solid olive;}
#main .tight th {border: 0px; background: transparent; background-color: white; 
	padding: 0px 1px 0px 5px;}

#main .basic { border-collapse: collapse; font-size: .95em; text-align: left; 
	vertical-align: top; margin-top: -20px; margin-left: -5px; margin-bottom: 0px; }
#main .basic td, #main .basic tr {text-align: left; vertical-align: top; border: 0px;}

#main .basic2 { border-collapse: collapse; text-align: left; 
	vertical-align: top; margin-top: -20px; margin-left: -5px; margin-bottom: 0px; }
#main .basic2 td, #main .basic tr {text-align: left; vertical-align: top; border: 0px;}

col#30 { width: 30%; }
col#40 { width: 40%; }
col#50 { width: 50%; }
col#60 { width: 60%; }
col#70 { width: 70%; }

col#product { width: 200px; }  /* service programs table */

col#third { width: 33%; }  /* svc table */

col#quarter { width: 25%; }  /* job table */

col#field { width: 75%; }
col#label { width: 25%; }     /* request form table #1 */

col#contact { width: 85%; }  /* footer table */
col#legal   { width: 15%; }

col#descrip { width: 20%; }  /* specifications tables (& summary tables) */
col#details { width: 80%; }

col#desc { width: 20%; }    /* product series comparison table */
col#product1 { width: 15%; }
col#product2 { width: 15%; }
col#product3 { width: 15%; }
col#product4 { width: 15%; }
col#product5 { width: 15%; }

col#ckbox1 { width: 19%; }  /* request form table #2_"grouped checkboxes" section */
col#ckbox2 { width: 19%; }
col#ckbox3 { width: 19%; }
col#ckbox4 { width: 18%; }

col#type       { width: 15%; }  /* service programs table */
col#application { width: 43%; }
col#suggested   { width: 18%; }
col#proddescrip { width: 25%; }


/* Vert Nav - Upcoming Events */
.events { font-size: .8em; line-height: normal; width: 128px; margin: 20px 0px 0px -10px; 
    border-top: 1px orange solid; border-left: 1px #cccc99 solid; 
    border-right: 1px #cccc99 solid; border-bottom: 1px orange solid;
    padding: 0px 0px 10px 0px; background-color: #f9f9f9; }
.eventslist { font-size: 1.1em; color: #666666; margin: 0px 0px 3px 10px; }
.title4 { font-size: 1.2em; font-weight: bold; color: #666666; margin: 5px 0px 10px 0px; 
    text-align: center; }