@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6e6e6e;
}
body {
	background-color: #000000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
}
.footer {
color:#c6c6c6;
font-size:10px;
}
.footer a:link{
color:#c6c6c6;
font-size:10px;
text-decoration:none;
}
.footer a:visited{
color:#c6c6c6;
font-size:10px;
text-decoration:none;
}
.footer a:hover{
color:#66ccff;
font-size:10px;
text-decoration:none;
}
.footer a:active{
color:#c6c6c6;
font-size:10px;
text-decoration:none;
}
.black {
color:#000000;
font-weight:bold;
}
.imageBrder a:link{

}
.imageBrder a:visited{

}
.imageBrder a:hover{
	border: 3px solid #666666;
}
.imageBrder a:active{

}

#menuwrapper{
	z-index:10;
}

.Content{
	position:relative;
	width:584px;
	height:60px;
}

.Navigation{
	position:absolute;
	width:330px;
	height:60px;
	top:4px;
	left:250px;
	z-index:5;
}

.nomargin{
	top:0px;
}

#nav_articles a{
	text-indent:-9999999px;
	margin-left:2px;
	background: url(../images/articles.gif) no-repeat top left;
	width:106px;
	height:24px;
	display:block;
	float:left;
}
#nav_articles a:hover{
	background-position:left -24px;
}

#nav_testimonials a{
	text-indent:-9999999px;
	margin-left:2px;
	background: url(../images/testimonials.gif) no-repeat top left;
	width:106px;
	height:24px;
	display:block;
	float:left;
}
#nav_testimonials a:hover{
	background-position:left -24px;
}

#nav_orderform a{
	text-indent:-9999999px;
	margin-left:2px;
	background: url(../images/order_form.gif) no-repeat top left;
	width:105px;
	height:24px;
	display:block;
	float:left;
}
#nav_orderform a:hover{
	background-position:left -24px;
}

.nav_print{
	position:absolute;
	right:20px;
	bottom:10px;
	width:174px;
	height:16px;
	text-align:right;
}


p{
	margin:15px;
	font:12px Arial, Helvetica, sans-serif;
	color:#777777;
}

p .blue{
	color:#009cc4;
}

p .red{
	color:#c00000;
}

p .black{
	color:#000000;
}

.orderform-fields{
	position:relative;
	margin:10px 0px 0px 10px;
	padding:0px;
	width:228px;
	border:1px solid #bbbbbb;
	float:left;
	overflow:hidden;
}
*html .orderform-fields{
	margin-left:2px;

}

.orderform-fields-blue{
	background:url(../images/order_form_bkg.jpg) repeat-x top left #017c9d;
}


.orderform-fields input{
	width:216px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	border:none;
	background-color:#cccccc;
	margin:5px 4px;
	padding:2px;
}
*html .orderform-fields input{
	margin-left:1px;
}


.orderform-fields-blue input{
	width:216px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	border:none;
	background-color:#82b7ca;
	margin:5px 4px;
	padding:2px;
}
*html .orderform-fields-blue input{
	margin-left:1px;
}
.orderform-fields-blue input.button_submit{
	background:url(../images/order_form_next.gif)left top no-repeat;
	background-color:transparent;
	color:#ffffff;
	width:75px;
	height:22px;
	border:none;
	cursor:pointer;
}

.orderform-fields-blue input.button_submit:hover{
	color:#000000;
	/*background:url(../images/order_form_next.gif)left -22px no-repeat;*/
}

.orderform-form{
	position:relative;
	margin:0px 0px 0px 10px;
	width:480px;
}

.orderform-form td{
	border:1px solid #aaaaaa;
}

.orderform-form td.header1{
	vertical-align:middle;
	text-align:center;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#000000;
	height:35px;
}
.orderform-form td.header2{
	vertical-align:middle;
	text-align:center;
	font:12px/13px Arial, Helvetica, sans-serif;
	color:#000000;
	height:35px;
}

.orderform-form td input{
	width:100%;
	border:none;
	background-color:#dddddd;
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
}

.SubmitWrapper{
	width:470px;
	height:50px;
	background-color:#0f6989;
	text-align:right;
	
}
.SubmitWrapper input.button_submit{
	position:relative;
	margin:10px;
	background:url(../images/order_form_next.gif)left top no-repeat;
	background-color:transparent;
	color:#ffffff;
	width:75px;
	height:22px;
	border:none;
	cursor:pointer;
	font:bold 11px Arial, Helvetica, sans-serif;
}

.SubmitWrapper input.button_submit:hover{
	color:#000000;
}



.PopWrapper{
	position:relative;
	margin:0px;
	background: url(../images/farr-plunger-parts.jpg) no-repeat top left;
	width:355px;
	height:496px;
}
.PopUp{
	position:absolute;
	top:294px;
	left:117px;
	text-align:center;
	width:107px;
	height:23px;
}
.PopUp a{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
}
.PopUp a:hover{
	color:#000000;
}


table.chart{
	width:450px;
	margin-left:15px;
	border:1px solid #999999;	
}
*html table.chart{
	margin-left:0px;
	margin-top:5px;
}

table.chart td, table.chart th{
	background-color:#eeeeee;
	border:1px solid #ffffff;
	text-align:center;
	padding:5px;
}
table.chart th{
	background-color:#999999;
	color:#ffffff;
}
table.chart tr.odd td{
	background-color:#cccccc;
	
}