@charset "utf-8";
/* CSS Document */

<!--
body, div, span, table, tr, td a, b {}   
h1, h2, h3, h4, h5, p, ul, li, img  { margin:0; padding:0; border:0; background:none; vertical-align:top; }   

@media print {
	#body-table { width:1024px; float:none; }   
} 
html { background-color:#eee; }
.bkg-grey { background-color:#eee; }
.bkg-blue { background-color:#0067a6; }
.shadow-b1 { background:#0067a6 url(../images/shadow-b1.gif) right bottom no-repeat; }
.shadow-b2 { background:#0067a6 url(../images/shadow-b2.gif) center bottom repeat-x; }
.shadow-b3 { background:#0067a6 url(../images/shadow-b3.gif) left bottom no-repeat; }
.shadow-b4 { background:#0067a6 url(../images/shadow-b4.gif) right center repeat-y; }
.shadow-b6 { background:#0067a6 url(../images/shadow-b6.gif) left center repeat-y; }
.shadow-g4 { background:#eee url(../images/shadow-g4.gif) right center repeat-y; }
.shadow-g6 { background:#eee url(../images/shadow-g6.gif) left bottom repeat-y; }
.shadow-g7 { background:#eee url(../images/shadow-g7.gif) right top no-repeat; }
.shadow-g8 { background:#eee url(../images/shadow-g8.gif) center top repeat-x; }
.shadow-g9 { background:#eee url(../images/shadow-g9.gif) left top no-repeat; }

.top-banner {   }
#topLink { padding-top:10px; font:normal 11px Arial, Helvetica, sans-serif; color:#3366cc; text-align:right; vertical-align:top; white-space:nowrap; }
#topLink a, #topLink a:hover, #topLink a:visited { padding:0 4px; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#topLink a:hover  { text-decoration:none; color:#f90; } 

.blueBandBkg { background:url(../images/blue-band.gif) repeat-x; border-top:1px solid #ddd; border-bottom:1px solid #eee; }
#blueBand { margin:0; margin-right:8px; margin-left:auto; padding:0; border:0; float:right; }
#blueBand td { margin:0; padding-left: 8px; padding-right:8px; vertical-align:middle;  }
#blueBand a, #blueBand a:visited { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#0067a6; text-decoration:none; white-space:nowrap;}
#blueBand span { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#0067a6; text-decoration:none; white-space:nowrap; padding-top:2px;  }
#blueBand a:hover {  text-decoration:none; color:#f60; }

#bottomLink { font:normal 10px Arial, Helvetica, sans-serif; color:#999; text-align:right; white-space:nowrap; } 
#bottomLink a, #bottomLink a:visited  { padding:0 4px; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#999; text-decoration:underline; } 
#bottomLink a:hover { color:#f60; }			
		
#copyright-print   { text-align:left; font:11px Arial, Helvetica, sans-serif; color:#666; } 
#copyright-print a, #copyright-print a:visited, #copyright-print a:hover { color:#666; text-decoration:none; }

.shade-light-blue-bkg { background:#fcfeff url(../images/shade-box-light-blue-bkg.gif) center top repeat-x; }
.shade-light-grey-bkg { background:#ffffff url(../images/shade-box-light-grey-bkg.gif) center top repeat-x; }
#leftColumn   { background-color:#ffffff; }

.mainBox           { padding:17px 20px; text-align:left; background-color:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif; color:#000; } 
.mainBox a 		   { color:#06c; text-decoration:underline; }
.mainBox a.more    { color:#06c; }
.mainBox a:visited { color:#06c; }
.mainBox a:hover   { color:#f60; }
.mainBox b.more0   { font-size:13px; color:#06c; font-family:Verdana, Arial, Helvetica, sans-serif;   }

.mainBox h1        { margin:0 5px 8px 0; color:#44a0ee; font:bold 16px  Arial, Helvetica, sans-serif; }  /* #39b4f0 */ 
.mainBox h2        { margin:0 5px 6px 0;  color:#666; font:bold 14px/130% Verdana, Arial, Helvetica, sans-serif; }
.mainBox h2 em	   { font-weight:normal; font-size:13px; white-space:nowrap; }
.mainBox h2.paragraph-head { margin:5px 5px 4px 0; color:#777777; font:bold 13px/140% Arial, Helvetica, sans-serif; }
.mainBox h2.paragraph-head-EB { margin:12px 5px 10px 0; color:#777777; font:bold 13px/140% Arial, Helvetica, sans-serif; }
.mainBox h2.paragraph-head-blue { margin:5px 5px 4px 0; color:#44a0ee; font:bold 13px/140% Arial, Helvetica, sans-serif; }

.mainBox h3  	   { margin:0; padding:0; color:#999; font:normal 11px Arial, Helvetica, sans-serif; text-align:left; }
.mainBox h3 a         { color:#666; text-decoration:none; }
.mainBox h3 a:visited { color:#666; text-decoration:none; }
.mainBox h3 a:hover   { color:#f60; text-decoration:underline; }
.mainBox h3.float-right   { margin:0; padding:0; float:right; color:#999; font:normal 11px Arial, Helvetica, sans-serif;  }

.mainBox h4		      { margin:0 30px 4px 0; color:#600; font:bold 14px Verdana, Arial, Helvetica, sans-serif; }


.mainBox h5 { margin:1px 0 9px 0; padding:1px 8px 2px 2px; color:#666; font:bold 13px/120% Arial, Helvetica, sans-serif; text-align:left; 
		vertical-align:baseline;   background:url(../images/icon-f0-2x17.gif) left 1px repeat-x;  }




.mainBox p         { margin:0 20px 8px 0; font:normal 12px/160% Arial, Helvetica, sans-serif; }

.mainBox p.caption { margin:0 0 8px 0;       font:normal 11px/150% Arial, Helvetica, sans-serif; color:#06c; }
.mainBox p.caption2 { margin:0 0 8px 0;       font:bold 11px/150% Arial, Helvetica, sans-serif; color:#06c; }
.mainBox p.fine     { margin:0 0 12px 0;      font:normal 11px/130% Arial, Helvetica, sans-serif; color:#000; }

.mainBox img.float-right		{ margin:0 0px 8px 18px; padding:0; float:right; border:0; }

.mainBox ul.grey    { margin:0 0px 11px 0; padding:0; color:#666; font:normal 12px/150% Arial, Helvetica, sans-serif;  list-style:outside url(../images/bullet-aaa-12.gif); }
.mainBox ul.grey li { margin:0 0 3px 15px;  padding:0; line-height:150%; color:#000; vertical-align: middle; }
.mainBox ul.blue    { margin:0 10px 11px 10px; padding:0; color:#666; font:normal 12px/150% Arial, Helvetica, sans-serif;  list-style:outside url(../images/bullet-039-12.gif); }
.mainBox ul.blue li { margin:0 0 3px 15px;  padding:0; line-height:150%; color:#000; vertical-align: middle; }

.mainBox ul.numerical    { margin:0 0px 8px 41px; padding:0; list-style:outside decimal ; }
.mainBox ul.numerical li { margin:0 0px 4px 0px;  padding:0 3px; color:#aaa; font:bold 12px/150% Arial, Helvetica, sans-serif; vertical-align: middle; }
.mainBox ul.numerical li span { font-weight:normal; color:#000; }
.mainBox ul.numerical li.even { background-color:#f6f6ff; }

.mainBox ol     { margin:0 0px 8px 31px; padding:0; list-style:outside decimal ; }
.mainBox ol li { margin:0 0px 4px 0px;  padding:0 3px; color:#000; font:normal 12px/150% Arial, Helvetica, sans-serif; vertical-align: middle; }
.mainBox ol li span { font-weight:normal; color:#000; }



.dotted-divider { border-top:2px dotted #ccc; margin:8px 0; height:2px; font-size:2px; clear:both; } /*  width:100%;  */

.grey-rnd1 { margin:0; padding:0; background:url(../images/rnd-corner-gr-1.gif) right top no-repeat; }
.grey-rnd2 { margin:0; padding:0; background:url(../images/rnd-corner-gr-2.gif) left top no-repeat; }
.grey-rnd3 { margin:0; padding:0; background:url(../images/rnd-corner-gr-3.gif) left bottom no-repeat; }
.grey-rnd4 { margin:0; padding:0; background:url(../images/rnd-corner-gr-4.gif) right bottom no-repeat; }

.glossy-tab { font:bold 12px/140% Verdana, Arial, Helvetica, sans-serif; height:34px; margin-bottom:8px; margin-top:12px; }
.glossy-tab td       { margin:0; padding:0; vertical-align:top; padding-top:2px; text-align:center; border:0; border-bottom:1px solid #aaa; }
.glossy-tab td.dark  { background:#d6d7d9 url(../images/nav-glossy-dark.gif) left top repeat-x;  border-top:1px solid #bbb;  }
.glossy-tab td.light { background:#d6d7d9 url(../images/nav-glossy-light.gif) left top repeat-x; border-top:1px solid #ddd;  }
.glossy-tab td.gap   { background:#ffffff url(../images/nav-glossy-gap.gif) left top repeat-x; border-top:1px solid #fff;  margin:0; padding:0; width:5px;   }
.glossy-tab td.left  { border-left:1px solid #ccc; }
.glossy-tab td.right { border-right:1px solid #aaa; }
.glossy-tab td.dark, .glossy-tab td.dark a, .glossy-tab td.dark a:visited { color:#fff;  } /* #fa5 */
.glossy-tab td.light a, .glossy-tab td.light a:visited { font-size:11px; color:#666; }
.glossy-tab td a        { text-decoration:none; }
.glossy-tab td.light a:hover  { color:#f60; text-decoration:none; }  /*  #06c  */


/*   ################## for Engineering Spec. pages  #########################  */
.table4 { margin-top:15px; width:100%; border:1px solid #003399; font-size:12px; }
.titleBlock { padding:6px 8px; color:#ffffff; font-size:14px; font-weight:bold; background-color:#0067a6;  }
.oddBlock  {  padding:6px 8px; line-height:130%; border-bottom:1px solid #999999; background-color:#ffffff; }
.evenBlock {  padding:6px 8px; line-height:130%; border-bottom:1px solid #999999; background-color:#E0F3FE; }
.cellL { margin:0; padding:0px 0  0  4px; float:left; line-height:16px; /* vertical-align:top;*/}
.cellR { margin:0; padding:0px 3px 0px 30px; line-height:16px; vertical-align:top;} 

.table2 { margin-top:15px; width:100%; border:0; font-size:12px; color:#000;  border:1px solid #ccc; } /* #0067a6 */
.table2 tr			  { border:1px solid #999; border-top:0; background-color:#fff; }
.table2 td { margin:0; padding:6px 15px; font-size:12px; line-height:130%; font-family:Arial, Helvetica, sans-serif; text-align:center; vertical-align:top; text-align:left; } 
.table2 tr.titleBlock { color:#fff; font-size:11px; font-weight:bold; background:#4096C1 url(../images/nav-glossy-dark.gif) center top repeat-x; border:0; }  /*     */
.table2 tr.titleBlock td { padding:4px 15px; }
.table2 tr.evenBlock  { background-color:#DDD; }
.table2 td.nr { width:20px; padding-right:0; font:bold 11px Arial, Helvetica, sans-serif; color:#999; }

/*   ################## for product pages - pdf list #############################  */
.table5 { margin-top:7px; width:100%; border:0; font-size:12px; color:#000;  border:1px solid #ccc; }  /* style="border:1px solid #0067a6;" */
.table5 tr			  {  }  /* background-color:#fff; border:1px solid #999; border-top:0;  */
.table5 td  { margin:0; padding:5px 5px; font-size:12px; line-height:130%; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#f3f3f3;}

.table5 tr.titleBlock td { color:#fff; font-size:11px; font-weight:bold; background:#ccc url(../images/nav-glossy-dark0.gif) center top repeat-x; border:0; }  
.table5 tr.evenBlock td, .table5 tr.evenBlock table  { background-color:#e9e9e9; }
.table5 tr.tbordered td { border-top:1px solid #ccc; }
.table5 td.far-left   { border-left:1px solid #999; }
.table5 td.far-right  { border-right:1px solid #999; }

.table5 td.lefty { text-align:left; }  /*   width:64px; */
.table5 td a img { border:1px solid #aaa; margin:0; padding:0; }  

.table5 td.pdfBlock b   { float:left; margin:18px 35px 0 35px; text-decoration:underline; font-weight:bold; } 
.table5 td.pdfBlock a { text-decoration:underline; }  /* float:right; margin-right:8px;  */
.table5 td.pdfBlock a:hover img { border:1px solid #f50; }

/*   ################## for Flexible Hose Assemblies page #############################  */
.table7 { margin-top:7px; width:100%; border:0; font-size:12px; color:#000;  border:1px solid #ccc; border-left:0;  }  /* style="border:1px solid #0067a6;" */
.table7 td  { margin:0; padding:5px 4px; font-size:12px; line-height:130%; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#f3f3f3; border-left:1px solid #ddd; }

.table7 tr.titleBlock td { color:#fff; font-size:11px; font-weight:bold; background:#ccc url(../images/nav-glossy-dark0.gif) center top repeat-x; }  
.table7 tr.evenBlock td   { background-color:#e9e9e9; }
.table7 tr.white-top td { border-top:1px solid #fff; }
.table7 tr.grey-bottom td { border-bottom:1px solid #aaa; }
.table7 td.sf { font-size:11px; }
/* .table7 td.far-left   { border-left:0px solid #999; }
.table7 td.far-right  { border-right:1px solid #999; }
*/

.table-order-info { margin:0 0 12px 0; padding:0; border:0; }
.table-order-info td { margin:0; padding:4px 0; text-align:left; vertical-align:top; font:normal 11px/140% Arial, Helvetica, sans-serif;  }
.table-order-info tr.legend td { margin:0; padding:0 0 0 5px; text-align:left; font:bold 10px/135% Arial, Helvetica, sans-serif;  }
.table-order-info td.boxes { margin:0; padding:0; height:28px; border:2px solid #000; }
.table-order-info td.gap { border:0; padding:6px 1px; font:bold 16px Verdana, Arial, Helvetica, sans-serif; }
.table-order-info td img { margin:0; padding:0; border:0; } 


.table-order-info2 { margin:0 0 8px 0; padding:0; border:0; }
.table-order-info2 tr td { margin:0; padding:4px 0; text-align:left;   font:normal 11px/140% Arial, Helvetica, sans-serif; vertical-align:top;  }
.table-order-info2 tr.legend td    { padding:2px 0; text-align:center; font:bold 10px/135% Arial, Helvetica, sans-serif;  }
.table-order-info2 tr.boxes td     { margin:0; padding:0; border:1px solid #000; }
.table-order-info2 tr.boxes td.gap { border:0; padding:7px 1px; font:bold 14px Arial, Helvetica, sans-serif; text-align:right;}

.table-order-info2 tr td table { margin:0; padding:0; border:0; }
.table-order-info2 tr td table tr td { margin:0; padding:0; text-align:left; font:normal 11px/140% Arial, Helvetica, sans-serif; vertical-align:baseline; }
.table-order-info2 tr td table tr td.indicator { margin:0; padding:0 2px 0 0; white-space:nowrap; }


.ddm4 { position:relative; margin:0; padding:0; border:0;  }
.ddm4 table { display:none;  position:absolute; vertical-align:top; left:-4px; top:-4px; margin:0; padding:0; border:0; }   /* z-index:??; not necessary, visibility:hidden|visible won't do   */
.ddm4 table td { margin:0; padding:0; border:0; } 

.ddm4 table td a:hover img { border:1px solid #f50; }  

a.hilite:hover img { border:1px solid #f50; }

.ddm4 a, .ddm4 a:visited { display:block; background:url(../images/easm-2-bkg.gif) 2px 2px no-repeat; }   /*  2px 2px */
.ddm4:hover a,  .ddm4 a:hover { margin:0; padding:0; background-image:none; }  /* margin:?? padding:?? or border:??  somehow trigger IE to work  */

.ddm4:hover table { display:block; }   
.ddm4 a:hover table { display:block; }  

span.red-star { color:#f30; font:bold 12px Verdana, Geneva, sans-serif; }




/* ############# for tradeshow schedule page   #######################   */
table.table3col         { border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:35px; width:94%;}
td.cell-left, td.cell-center, td.cell-right  { font:12px Arial, Helvetica, sans-serif; padding:8px 8px; vertical-align:top; 
	                                       border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
td.cell-left   { width:235px; }
td.cell-center { width:200px; }
td.cell-right  { width:50%; }
td.header-row  { background-color:#d9dfe8; font:bold 10px Verdana, Arial, Helvetica, sans-serif; }
td.even-row    { background-color:#f3f3f3; }




.accmenu		    { margin:0 0px 20px 16px; padding:0; border:1px solid #ddddff; overflow:visible; white-space:nowrap; }   /* overflow:hidden;   */
.accmenu h1         { padding-top:10px; color:#fff; font:bold 11px Verdana, Arial, Helvetica, sans-serif; overflow:hidden; white-space:nowrap; }  
.accmenu td.aCell   { text-align:left; background-color:#ECF4F9; border:0; border-bottom:1px solid #bbb; border-top:1px solid #fff;  }
.accmenu img.navicon  { margin:0 6px 0 2px; float:left; }  
 
.accmenu div		  { }  
.accmenu a, .accmenu a:visited, .accmenu a:hover { color:#666; }
.accmenu a:focus { outline:none; }
.accmenu a.category, .accmenu a.category0 { height:17px; padding:5px 2px 2px 4px;  font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block;}   
.accmenu a.category0 { padding-left:24px; }						
.accmenu a.category:hover { background:url(../images/nav-glow.gif) 2px 2px no-repeat; color:#999; background-color:#f6f6f6; }	 /* #ededed */ 
 
.accmenu a.aItem0     { height:17px; padding:4px 0px 3px 25px; font:normal 12px Arial, Helvetica, sans-serif; display:block; text-decoration:none; 
							background:#ECF4F9 url(../images/nav-T.gif) 11px top no-repeat; } /*  */
.accmenu a.aItem2     { height:31px; padding:4px 0px 3px 25px; font:normal 12px Arial, Helvetica, sans-serif; display:block; text-decoration:none; 
							background:#ECF4F9 url(../images/nav-T2.gif) 11px top repeat-y; }  /*  */
.accmenu a.aItem9     { height:18px; padding:4px 0px 4px 25px; font:normal 12px Arial, Helvetica, sans-serif; display:block; text-decoration:none; 
							background:#ECF4F9 url(../images/nav-L.gif) 11px top no-repeat; }  /*   */
.accmenu a.aItem0:hover, .accmenu a.aItem2:hover, .accmenu a.aItem9:hover, .accmenu a.aCategory0:hover  { text-decoration:none; color:#f60; background-color:#f6f6f6; } 

.accmenu a.aLink       { font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; border:0; }
.accmenu a.aLink:hover { color:#f30; text-decoration:none; }








/* using CSS only */	
.cssddm { position:relative; margin:0; padding:0; border:0; text-align:left; }
.cssddm table, .cssddm a table {  display:none; position:absolute; vertical-align:top; left:183px; top:0px; font:normal 12px Arial, Helvetica, sans-serif;   
		margin:0; padding:0; border:3px solid #f99; background-color:#d5d5d5;  z-index:40; border:1px solid #fff; }  /* #ECF4F9   */
	
.cssddm table td, .cssddm a table td { margin:0; padding:0; border:0; list-style-type:none; white-space:nowrap; display:block; border-bottom:1px dotted #fff; }  /* border:1px solid #c6d1d3; border-top:0; border-bottom:1px dotted #c6d1d3; */
/*
.cssddm table td.top1, .cssddm a table td.top1 { border-top:0px solid #c6d1d3; } */
.cssddm table td.bottom1, .cssddm a table td.bottom1 { border-bottom:0; } 

.cssddm a,        .cssddm a:visited  { text-decoration:none; display:block; }  
.cssddm:hover a,  .cssddm a:hover    { visibility:visible; display:block;  }  

.cssddm:hover table, .cssddm a:hover table     { display:block; }     
.cssddm table td a, .cssddm table td a:visited       { margin:1px; padding:5px 8px; color:#333; }  /*  border:1px solid #E6F1F3;    */
.cssddm table td a:hover { background-color:#fff; color:#f60;  } /* border:1px solid #999; */

	
/*    using JavaScript only    */
/*
.sddm     { z-index:30; visibility:hidden; position:absolute; border:1px solid #999;
			margin:-35px 0 0 140px; padding:1px; color:#666; background-color:#eee; vertical-align:top;  } 
			
.sddm ul    { margin:0; padding:0; list-style:none; }			
.sddm ul li { margin:0; padding:0px; font:normal 12px Arial, Helvetica, sans-serif; display:block; border:0; }
.sddm ul li a, .sddm a:visited {  margin:0; padding:3px 8px; position:relative; text-align:left; text-decoration:none; color:#666; display:block; }
.sddm ul li a:hover            { color:#f70; background-color:#fff; text-decoration:none; }
*/



table.eDrawing-frame { margin:0px 0 10px 10px; width:330px;  background-color:#f6f6f6; border:1px solid #999;float:right; }
table.eDrawing-frame td { margin:0; padding:0; border:0; }


.mainBox h1.EB     { margin:0; padding:0; float:left; width:120px;  background:#fff url(../images/icon-f0-120x17.gif) left 2px no-repeat; font-size:18px; vertical-align:baseline;  }

.mainBox h5.where-am-i { margin:1px 0 9px 0; padding:3px 8px 3px 0; color:#999; font:bold 11px/120% Arial, Helvetica, sans-serif; text-align:right; 
		vertical-align:baseline;   background:url(../images/icon-f0-2x17.gif) left 1px repeat-x;  }

.mainBox h5.where-am-i b { font-family:Verdana, Geneva, sans-serif; padding:0 3px; }

.mainBox h5.where-am-i a, .mainBox h5.where-am-i a:visited { color:#999; text-decoration:underline; }
.mainBox h5.where-am-i a:hover { color:#f80; text-decoration:underline; }


/*   ############################# site map, 404 error pages #################################################################   */
#sitemap-list  { }
#sitemap-list td.sitemap-cat { font:bold 12px Arial, Helvetica, sans-serif; color:#fff; background-color:#ccc; margin:1px; padding:4px 10px; text-align:left; }
#sitemap-list h4     { font:bold 13px Arial, Helvetica, sans-serif; color:#999; margin-top:0; }
#sitemap-list h4 a, #sitemap-list h4 a:visited { font:bold 13px Arial, Helvetica, sans-serif; color:#0067a6; margin-top:0; }
#sitemap-list h4 a:hover { color:#f60; }
#sitemap-list ul	{ margin:0 0px 14px 0; padding:0; list-style-type:square; list-style-position:outside; font:12px/150% Arial, Helvetica, sans-serif; }
#sitemap-list ul li  { margin:0 0 6px 18px; padding:0; color:#ccc; vertical-align:middle; } 
#sitemap-list a, #sitemap-list a:visited  { color:#0067a6; text-decoration:underline; }
#sitemap-list a:hover { color:#f60; text-decoration:underline; }