/*  start styles */
/* global settings */

@import "ie6win.css";
 


/* -------------------------------------- */

#wrapper {
        position: relative;
        top:0px;
        text-align: left;
        margin: 0px auto;
        }
 
 #horizon {
   position:relative;
   top: 0;
   left: 0px;
   width: 100%;
   text-align: center;
   min-width: 900px; 
 }
 /* end IE 5 hack */ 
          


body {
font-family: arial, helvetica, serif;
font-size:11px;
}

.linespacing1 {
	line-height:1em;
	}

.linespacing15 {
	line-height:1.5em;
	}
	
.linespacing175 {
	line-height:1.75em;
	}
	
.linespacing2 {
	line-height:2em;
	}

.pointSize12 {
	font-size:12px;
	}

tr {
font-family: arial, helvetica, serif;
}

td { 
font-family: arial, helvetica, serif;
font-size:12px;
}

.header {
	postion: absolute;
	margin-left:45px;
	top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#353366;
	font-weight:bold
	}
.footerType {
	font-size:10px;
	}


#productContainer {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	
	}
	

#contentHolder { /* centering tool */
	position:relative;
	top:0px;
	width:800px;
	z-index:700;
	margin: 0 auto;
		
	}
	
#pageBackground {
	top:-230px;
	position:relative;
	z-index:600;
	width:798px;
	background: url(../images/pageBackground.gif) repeat;
	z-index:900;

		}
#movie {
	position:relative;
	
	width:800px;
	z-index:100;
	margin:0 auto;
	left:-1px;
	top:0;
	
	}
	
#success {
	position:relative;
	left:-235px;
	z-index:800;
	top:125px;
	height:210px;
	width:244px;
	background:#ccc;
	text-align:left;
	margin: 0 auto;
	}

.successContainer {
	positon:absolute;
	left:1px;
	top:5px;
	padding-top:15px;
	padding-left:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	display:block;
	
	}
	
.successHeadline {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#bottomArea {
	position:absolute;
	left:0;
	top:-1px;
	top:397px;
	background: url(../images/pageBackground.gif) repeat;
	z-index:600;
	}
	
#yellowStripe {
	position:relative;
	background: url(../images/footerLine.gif) repeat;
	width:773px;
	height:10px;
	margin-left:13px;
	
	}


	
#bottomCopy {
	position:relative;
	font-size:12px;
	left:15px;
	z-index:800;
	top:168px;
	width:690px;
	text-align:left;
	margin: 0 auto;
	clear:both;
		}
	

#bottomFooter {
	postion:relative;
	left:0px;
	z-index:901;
	top:600px;
	height:60px;
	width:700px;
	text-align:left;
	margin:0 auto;
	padding-left:25px;
	}


#keyWords {
	position:relative;
	z-index:900;
	top:275px;
	width:600px;
	text-align:left;
	margin: 0 auto;
	visibility:hidden;
	}

	
/* menu are begins here product image holder  */

#productImage {
 position:relative;
 left:154px;
 top:150px;
 width:452px;
 height:241px;
 z-index:900;
 margin: 0 auto;
}

#menuArea {
	position:relative;
	left:-2px;
	top:103px;
	z-index:999;
	width:797px;
	height:39px;
	background: url(../images/menuBackground.jpg) repeat;
	margin: 0px Auto;
	text-align:left;
		}

/* positions tabs */



.success {
position:absolute;
left:77px;
width:108px;
}


.company {
position:absolute;
left:182px;
}

.specialtyValves {
	position:absolute;
	left:270px;
	}

.employment {
	position:absolute;
	left:375px;
	}

.brassSurcharge {
	position:absolute;
	left:480px;
	}

.contactUs {
	position:absolute;
	left:585px;
	}

#nav {	/* positions nav bar left to right on interface */
	position:relative;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:left;
	left:30px;
	z-index:900;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size:11px;
	font-weight:bold;
	position:absolute;
}

#nav a {
	display: block;
	width: 11.5em;
	text-decoration:none;
	text-align:left; /* centers for mozilla */
	clear:left;


}

#nav li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
	display:block;
	
}

#nav li ul { /* second-level lists */
	padding-top:5px;
	padding-left:5px;
	padding-bottom:0px;
	padding-right:5px;
	position: absolute;
	background:#353366;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	/* border-left:1px solid #999;  controls color of menu outline on drop downs */
	border-right:1px solid #999;
	color:#000;
}

#nav li ul li { /* controls spacing in the menu items */
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:-10px;
	border-bottom:solid 1px #232243;
	margin-right:-5px;
	width:12em;
	margin-left:-5px;
	margin-top:0px;
	}

#nav li ul li:hover, #nav li ul li.sfhover { /* first level lists */
	background:#434185;
	color:#000;
	
	width:12em;
	
	}

#nav li ul ul { /* third-and-above-level lists sub menus */
	margin: -2.9em 0 0 12em;
	border-top:#bdc01c;
	background:#434185;
	color:#fff;


	
}

#nav li ul li ul li {
	border-top:#bdc01c;
	width:12em;
	


	display:block;


	}
	
#nav li ul ul li:hover, #nav li ul ul li.sfhover {


	background:#9998b5;
	width:12.5em;
	display:block;


	}

#nav li li li.sfhover a:active, #nav li li li.sfhover a:link {
	color:#fff;
	}

#nav li.sfhover ul ul, #nav li:hover ul ul { /* lists nested under hovered list items */
	width:11.5em;
	left: -999em;
	display:block;

}

#nav li.sfhover ul ul li, #nav li:hover ul ul li {
	left:-999em;
	width:11.5em;
	margin-left:-5px;  /* PULLS hover back over to ligh up with menu */
	margin-top:-5px;
	border-bottom:solid 1px #232243;
	padding-top:10px;
	padding-bottom:10px;
	padding-bottom:10px;
	display:block;
	
	}

#nav li:hover ul {
	left: auto;
}
#nav li li:hover ul	{
	left: auto;
}

#nav li.sfhover ul	{
	left: auto;
}

#nav li li.sfhover ul { 
	left: auto;
}

#nav li:sfhover a:visited {
	#fff;
	}
	
#content {
	clear:both;
	}


/* declaire the link colors */
/*  color scheme for the links in the menu */

#nav li:hover ul ul a:visited, #nav li.sfhover ul ul a:visited {

	color:#fff;
	}
	
#nav li:hover ul ul a:active, #nav li.sfhover ul ul a:active {
	color:#000;
	}

#nav li:hover ul ul a:link, #nav li.sfhover ul ul a:link {

	color:#fff;
	}

#nav li ul ul:hover li a:active, #nav li ul ul.sfhover li a:active {

	color:#fff;
	}
	

	
	
#nav li ul a:hover {
	color:#fff;
	}
	
#nav li ul a:visited, #nav li ul a:link {
	color:#fff;
	}
	
#nav li ul li a:hover {
	#000;
	}
	
#nav li:hover ul a:visited a:hover {
	#000;
	}
	
#nav li ul li ul a:visited, #nav li ul li ul a:link{
	color:#fff;
	}
	

#nav li ul ul li a:active, #nav li ul ul li a:link, #nav li ul ul li.sfhover a:link {
	color:#fff;
	}

#nav ul ul ul:hover a:active, #nav ul ul ul:hover a:link, #nav ul ul ul.sfhover a:active, #nav ul ul ul.sfhover a:link {
	color:#fff;
	}