/*

EDSON PUMPS

Vacuum Page (Blue)
Dark 32 61 9C
Light D0 D7 E8

Pumpout Page (Green)
Dark 2E 81 59
Light b8 ce c1

Diaphragm Page (Orange)
Dark D4 86 25
Light F3 DA B6

Accessories Page (Gray)
Dark 99 00 00
Light CC CC CC

*/

/* *********************** NEARLY ALL PAGES ***************************** */


/* begin rollover for top right header */
.rollVisitMarine {
	background-image:url(http://www.edsonpumps.com/pumpsImages/head/head_rt_swap.jpg); /* over */
	background-repeat:no-repeat;
	width:220px;
	height:17px;
}
.rollVisitMarine a {
	display:block;
	width:220px;
	height:17px;
}
/* This is a star hack which is read by <=IE6. */
* html .rollVisitMarine a:hover {
	visibility:visible
}
.rollVisitMarine a:hover img {
	visibility:hidden
}
/* end css rollover for top right header */


.siteSearchContainer {
 /* display:none; */
 position: absolute;
 top: 18px;
 left: 270px;
 font-size:8pt
}

.screenKill { display: none }

body {
 margin: 0;
 padding: 0;
 font: 80%/1.2 Arial, Helvetica, sans-serif;
 color: #000;
 /* background-color: #66cc99; */
 background-color: #fff;
}

.pageContainer {
 width: 770px;
 padding: 5px;
 background-color: #fff
}

.mainmenuHolder {
 /* font-size: 105%; */
 font-size:12px;
  /* font-weight: bold; */
 color: #FFF;
 background-color: #00875D; /* In case of leaks in WinIE5 */
}

.redLine {
background-color: #990000;
color: #990000;
font: 1px/1px Arial, sans-serif; /* so IE can make 1px high div on top and bottom */
}

.homePageBottom {
 padding: 20px 0 0 0;
 text-align: center;
}

.homePageBottom hr {
 background-color: #9f001e; /* for FF */
 color: #9F001E;            /* for EI */
 height: 2px;
}

/* ********************* ACCESSORIES PAGES ONLY ************************** */

.acc_select {
 margin-top:15px;
 font-weight:bold;
 font-size:12pt;
}

.acc_select a {
 padding:0 10px 0 10px;
 color:#2E8159;
 text-decoration:none;
}

.acc_select a:hover {
 text-decoration:underline;
} 


/* ********************* APPLICATION PAGES ONLY ************************** */

.appTitle {
 font-size: 130%;
 font-weight: bold;
 color:#9f001e;
}

.apps li {
 text-align: left;
 padding-bottom: 20px;
}

.apps li .headline {
 color: #990000;
 font-weight: bold;
}


/* ******************* CATALOG FORM REPLIES ONLY ************************ */

.form_reply_head { font-size:220%;font-weight:bold;color:#2e8159;padding:15px; }

.form_reply { 
 font: bold 140%/1.2 Verdana, Arial, Helvetica, sans-serif;
 margin: 10px 0 50px 0;
}

.form_reply a:link,.form_reply a:visited,.form_reply a:active { color: #00f; }

.form_reply a:hover { color: #900; }

/* ********************* CONTACT US PAGE ONLY ************************** */

.contact_us span {
 font-weight: bold;
 color: #2e8159;
}

/* ********************* DEALERS PAGE ONLY ***************************** */


.deal_list {
	font-size:12px;
 padding: 2px;
 text-align: left;	
}

.deal_list_heading {
 padding: 6px 2px 6px 2px;	
 text-align: left;
 font-weight: bold;
 font-size: 140%;
 color: #990000;
}

/* *********************** ALL DATA SHEETS PAGES ************************* */

#newDataListing {
	text-align:left;
	font-weight:bold;
}
#newDataListing div {
	font-size:110%;
	margin-bottom:5px;
}
#newDataListing a {
	text-decoration:none;
	color:#000;
}
#newDataListing .grayed a {
	text-decoration:none;
	color:#666;
}
#newDataListing a:hover, #newDataListing .grayed a:hover{
	color:#990000;
}
#newDataListing h2 {
	font-weight: bold;
	font-size: 140%;
	margin-bottom:5px;
	margin-top:0px;
}
#newDataListing h3 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom:5px;
	margin-top:0px;
}
#newDataListing h2 a, #newDataListing h3 a {
	color:#990000;
}
#newDataListing span {
	color:#990000;
	font-style:italic;
}
#newDataListing .indenter {
	padding-left:20px;
}


.man_list_heading {
 padding: 6px 2px 6px 2px;	
 text-align: left;
 font-weight: bold;
 font-size: 140%;
 color: #990000;
}

.man_list_left {
 padding: 2px;
 text-align: left;
}

.man_list_right {
 padding: 2px;
 text-align: left;
 white-space: nowrap;
}

.acc_list a { display: block; }
.acc_list p { margin: 10px 0 20px 0; }
.acc_list div { padding: 0 0 20px 0; }
.acc_list img { margin: 0 0 2px 0; }

/* **************************** HOME PAGE ONLY *************************** */

.jobs {
 text-align:right;
 font-size: 105%;
 font-weight: bold;
 padding-top:5px;
}

.jobs a {
 text-decoration: none;
}

.jobs a:link,.jobs a:visited,.jobs a:active { color: #2e8159; }

.jobs a:hover { color: #900; }

.pop_but_all_wrap {
 position:relative;
 left: 20px;
 top: 0;
}

.pop_but_anc_wrap {
 margin: 0 0 25px 0;
 width: 360px;
 height: 185px; /* adjust height here was 155px */
 text-align: left;
}

.pop_but_anc_wrap a {
 display: block;
 width: 100%;
 height: 99px;
}

.pop_but_ul_wrap {
 position: absolute;
 top: 55px;
 left: 0;
 width: 227px;
 font: bold 100%/110% Verdana, Arial, Helvetica, sans-serif;
 color: #00875D
}

.pop_but_ul_wrap ul {
 margin: 0;
 padding: 0;
 padding-left: 20px;
 top: 0;
}

.pop_but_ul_wrap ul li {
 padding-bottom: 5px;
}

/* ************** AIR, ELEC, GAS, and MANUAL DATA PAGES *************** */

.columnLeft { float:left; width:49%; } /* background-color:#eee; */
.columnRight { float:right; width:49%; }
.columnNoFloat { width:49%; }
.columnCenter { width:2px;background-color:#990000; }
.bottomRedLine { 
 clear:both;
 height: 2px;
 background-color: #990000;
 color: #990000;
 font: 1px/1px Arial, sans-serif; /* so IE can make 1px high div on top and bottom */
}

/* was 130% */          
.sectionTitle {text-align: center; font-size: 160%; color: #00875D; font-weight: 800; white-space:nowrap;}

#vac_container .sectionTitle { color: #32619C; }


.features {
 width: 245px;
 padding-top: 67px;
 background-color: #0f0;
}

#dia_container .features { background-color: #f3dab6; }
#vac_container .features {
 margin:0 0 30px 0;
 padding:50px 0 24em 0;
 background-color: #d0d7e8;
}

#pump_out_container .features {
 width:100%;
 text-align:left;
 padding:0 0 25px 0;
 margin:15px 0 0 0;
 background-image: url(http://www.edsonpumps.com/pumps_out/images/out_background.jpg);
 background-repeat: repeat-y;
 background-color: #fff;
}

#pump_out_container .features ul {
 width:265px;
 margin: 5px 0 2px 15px; /* was 7px */
 padding: 0 0 2px 15px;
}

#pump_out_container .features ul ul {
 margin: 2px 5px 2px 5px; /* was 7px */
 padding: 2px 0 2px 5px;
}


#pump_out_container .features .outfloat {
 float:right;
 text-align:center;
 width:432px;
}

#acc_container .features { background-color: #cccccc; }

#dia_container .features p { background-color: #D48625; }
#vac_container .features p { background-color: #32619c; }
#pump_out_container .features p {
 clear:both;
 width:550px;
 background-color: #2e8159;
}
#acc_container .features p {
 background-color: #990000;
 padding: 5px 0 5px 0; 
}

.features p {
 padding: 0;
 margin: 0 10px 0 10px;
 text-align: center;
 /* background-color: #ff9933; */
 font-size: 130%;
 font-style: italic;
 color: #fff;
 font-weight: bold;
}

.features ul {
 text-align: left;
 margin: 5px 5px 20px 12px; /* was 7px */
 padding: 0 0 0 12px;	
}

.features ul li {
 margin-bottom: 3px;
}

.features ul ul {
 list-style: none;
 margin: 3px 5px 20px 5px;
 padding: 0 0 0 2px;	
}

#pump_out_container .belowheadline { padding: 10px 0 20px 10px; }

.belowheadline {
 padding: 0 0 20px 10px;
 text-align: justify;
}

/* For vacuum page printing. (has float problem) Hides from IE-mac \*/
* html .belowheadline {height: 1%;}
/* End hide from IE-mac */

#dia_container .dataHead { background-color: #d48625; }
#vac_container .dataHead { background-color: #32619c; }
#pump_out_container .dataHead { background-color: #2e8159; }

.dataHead {
 padding: 5px 0 5px 0;
 margin: 20px 0 20px 0;
 text-align: center;
 color: #fff;
 /* background-color: #D48625; */
 font-weight: bold;
}

.dataHead div {
 font-size: 85%;
}

.backtoTop {
 margin: 15px 0 59px 0;
 text-align: center;
}

.backtoTop a {
 font-size: 85%;
 color: #9F001E;
 font-weight: bold;
}

/* **************** 2 COLUMN DATA WITH DOTS ***************** */

.dBold {
 text-align: left;
 font-size: 85%;
 font-weight: bold;
 margin-left: 7px;
}


.dDot { /* main container and right text */
 text-align: left;
 font-size: 85%;
 margin-left: 14px;
}

.dDot div { /* dots and left column width */
 float: left;
 width: 170px;
 background-image:   url(http://www.edsonpumps.com/pumpsImages/dots/dot_01.gif);
 background-repeat: repeat-x;
}

.dDot div div {	/* left text */
 padding: 0 4px 0 0;
 float: none;
 width: 10%;
 display: inline;
 background-color: #fff;
 background-image: none;
}

.dDot p { /* right text */
 margin: 0;
 padding: 0 0 0 170px;
}

.dDotNarrowLeft { /* main container and right text */
 text-align: left;
 font-size: 85%;
 margin-left: 14px;
}

.dDotNarrowLeft div { /* dots and left column width */
 float: left;
 width: 135px;
 background-image:   url(http://www.edsonpumps.com/pumpsImages/dots/dot_01.gif);
 background-repeat: repeat-x;
}

.dDotNarrowLeft div div {	/* left text */
 padding: 0 4px 0 0;
 float: none;
 width: 10%;
 display: inline;
 background-color: #fff;
 background-image: none;
}

.dDotNarrowLeft p { /* right text */
 margin: 0;
 padding: 0 0 0 135px;
}

.dParagraph { /* main container */
 text-align: justify;
 font-size: 100%;
 margin-left: 14px;
}

.dPlain { /* main container */
 text-align: left;
 font-size: 85%;
 margin-left: 14px;
}

.dPlain div { /* left column width and left text */
 float: left;
 font-style: italic;
}

.dPlain p { /* right text */
 margin: 0;
 padding: 0 0 0 175px;
}

.dNote { /* main container and right text */
 padding: 0 0 0 175px;
 text-align: left;
 font-size: 75%;
 margin-left: 14px;
}

.dTab {
 padding: 0 0 0 80px;
 text-align: left;
 font-size: 85%;
 margin-left: 14px;	
}

.dList {
 font-size: 85%;
 text-align: left;
 margin: 0 0 0 14px;
 padding: 0 0 0 14px;
}

/* ******************* SITE MAP PAGE ONLY ****************** */

#siteMap {
 margin: 0 0 20px 0;
 font-weight: bold;
}

#siteMap a { font-weight: normal }

#siteMap ul {
 margin:0 0 5px 10px;
 padding:0 0 5px 10px;
}

/* *********************** MAIN MENU *********************** */

/*
 NOTE: green behind buttons is handled in the table holding the menu, not here!
 ALTERNATE  CSS FOR HORIZONTAL MENU: This is slightly more complicated :).
 See the Vertical menu CSS for comments and instructions.
 IE SOMETIMES NEEDS "clear: both" IN STATEMENT FOLLOWING THESE MENUS
 
*/

/* Keep menu on top */
#listMenuRoot {
 position: relative;
 width: 100%; /* stop IE vanishing bug */
 z-index: 9999;
}

/* All  UL tags */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: center;
}

/* All  submenus - hidden by default, positioned down from parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 26px; /* was 28px */
 left: -1px;
 /* width: 85px; irrelevent, overridden by id's below */
 text-align: left;
}

/* Second  and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px;
 /* left: 90px; irrelevent, overridden by id's below */
}

/* All  menu items ('li' tags). These are the horizontal styles with borders/overlapping */
.menulist li {
 float: left;
 position: relative;
 background: #00875D; /* Top menu items have green background until image loads. */
 border: 1px solid #000;
 margin-right: -1px;
 /* width: 111px; irrelevent, overridden by id's below */
}

/* All items below the top have gray background. */
.menulist li li {
 background: #EEE;
}

/* Marv - Overrides */
.menulist li#topPro { width: 97px; }
.menulist li#topAcc { width: 172px; }
.menulist li#topApp { width: 125px; }
.menulist li#topDat { width: 120px; }
.menulist li#topMan { width: 84px; }
.menulist li#topDea { width: 81px; }
.menulist li#topCon { width: 83px; }

/* 2nd level */
.menulist ul#subPro li { width: 210px; }
.menulist ul#subPro li a { width: 205px; } /* -5 */
/* 3rd level */
.menulist ul#subPro ul { left: 215px; } /* li +5 */
.menulist ul#subPro ul#subPumpOut li { width: 250px; }
.menulist ul#subPro ul#subPumpOut li a { width: 245px; } /* -5 */
.menulist ul#subPro ul#subDia li { width: 100px; }
.menulist ul#subPro ul#subDia li a { width: 95px; } /* -5 */
/* 4th level */
.menulist ul#subPro ul#subDia ul { left: 105px; } /* li +5 */
.menulist ul#subPro ul#subDia ul li { width: 85px; } 
.menulist ul#subPro ul#subDia ul li a { width: 80px; } /* -5 */

/* 2nd level */
.menulist ul#subAcc li { width: 225px; }
.menulist ul#subAcc li a { width: 220px; }  /* -5 */
/* 3rd level */
.menulist ul#subAcc ul { left: 230px; } /* li +5 */
.menulist ul#subAcc ul li { width: 210px; }
.menulist ul#subAcc ul li a { width: 205px; }  /* -5 */
/* 4th level */
.menulist ul#subAcc ul ul { left: 215px; } /* li +5 */
.menulist ul#subAcc ul ul li { width: 105px; }
.menulist ul#subAcc ul ul li a { width: 100px; }  /* -5 */
/* 5th level */
.menulist ul#subAcc ul ul ul { left: 110px; } /* li +5 */
.menulist ul#subAcc ul ul ul li { width: 150px; }
.menulist ul#subAcc ul ul ul li a { width: 145px; }  /* -5 */
/* 6th level+ */
.menulist ul#subAcc ul ul ul ul { left: 155px; } /* li +5 */

/* 2nd level */
.menulist ul#subApp li, .menulist ul#subDat li, .menulist ul#subMan li { width: 143px; }
.menulist ul#subApp li a, .menulist ul#subDat li a, .menulist ul#subMan li a { width: 138px; } /* -5 */

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}

/*
 Links inside the menu
 Must use 0 padding on sides if width = 100%
 Width 100% stretches Win/IE's 'a' to fit the 'li'
 Use &nbsp; for side padding
*/
.menulist a, .menulist a:link, .menulist a:visited {
 display: block;
 padding: 3px 0 3px 0;
 color: #FFF;
 text-decoration: none;
 width: 100%;
}

/*
 Marv - links inside of submenus
 Background image on headers anchor only
*/
.menulist ul a, .menulist ul a:link, .menulist ul a:visited {
 color: #00875D;
 padding-left:5px; /* Ties into all Marv Overrides */
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #00875D;
 background-color: #FFF;
 background-image: none;
}
.menulist a.highlighted {
 color: #00875D;
 background-color: #FFF;
 background-image: none;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */











/* ********************************* EXTRAS MENUS ******************************** */

/*
 NOTE: text next to pictures is handled above, not here.
 IE SOMETIMES NEEDS "clear: both" IN STATEMENT FOLLOWING THESE MENUS
*/

/* SPECIAL CASE - DOUBLE KIT PICTURES !!!!!!!!!!! */
#dia_portable_listMenuRoot ul { top: 2px; left: 16px; width: 155px; }
#dia_grout_listMenuRoot ul { top: 250px; left: 16px; width: 155px; }

/* Keep menu on top */
.extrasmenu {
 position: relative;
 width: 100%; /* stop IE vanishing bug */
 z-index: 10;
}

.extrasmenu, .extrasmenu ul {
 margin: 0 0 20px 0;
 padding: 0;
 list-style: none;
}

/* Submenus ('ul' tags) are hidden by default. You may want to hide them with scripting? */
.extrasmenu ul {
 visibility: hidden;
 position: absolute;
 top: 55px;
 left: 0;
 width: 135px;
 font-size: 85%;
 font-weight: bold;
}

/* Second  and third etc. level submenus - position across from parent instead */
.extrasmenu ul ul {
 top: -1px;
 left: 137px;
 font-size: 100%; /* stop shrinkage */
}


/* shrink 3rd level for AL and BR */
.extrasmenu ul ul ul {
	width:60px;
}

/* All menu items ('li' tags). They have borders and are slightly overlaid on one another. */
.extrasmenu li {
 position: relative;
 margin-bottom: -1px;
 /* background: #f00;   kill me */
}

.extrasmenu ul li {
 border: 1px solid #000;
 background: #EEE;
}

/* Links inside the menu
 Must use 0 padding on sides if width = 100%
 Width 100% stretches Win/IE's 'a' to fit the 'li'
 Use &nbsp; for side padding
*/
.extrasmenu a {
 display: block;
 padding: 3px 0 3px 0;
 color: #00875D;
 text-align: left;
 text-decoration: none;
 width: 100%;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
 Feel free to use background-image:url(file.gif) instead of background-color:#123 here!
*/
.extrasmenu ul a:hover, .extrasmenu ul a.highlighted:hover, .extrasmenu ul a:focus {
 color: #00875D;
 background-color: #FFF;
}
.extrasmenu ul a.highlighted {
 color: #00875D;
 background-color: #FFF;
}

/* Only style submenu indicators within submenus. */
.extrasmenu a .subind {
 display:  none;
}
.extrasmenu ul a .subind {
 display:  block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.extrasmenu a {
 float: left;
}
.extrasmenu ul a {
 float: none;
}
/* \*/
.extrasmenu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .extrasmenu ul li {
 float: left;
 width: 100%;
}

* html .extrasmenu ul li {
 float: left;
 height: 1%;
}
* html .extrasmenu ul a {
 height: 1%;
}
/* End Hacks */




/*
<span> inside of <a> helps FireFox show only <a> outline, except for tabbing where it shows one for each pic.
Must use <span> to validate xhtml because <a> can only contain inline elements and <span> is inline originally
*/
#pump_out_container .extrasmenu span {
 display: block;
 text-align: center; /* text-align: right; */
 padding: 0; /* padding-right: 15px; */
 margin: 0;
}

.extrasmenu span { /* all the OLD stuff */
 display: block;
 text-align: right;
 padding-right: 15px;
 margin: 0;
}