@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;

	

}




