@charset "utf-8";

/* CSS Document */



* {margin:0; padding:0;}


.indexLinks a:link, a:visited { color: #023719; }

.indexLinks a:hover, a:active { color: #036; }

#productsTablegrid {
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

#productsTablegrid tr:first-child{
	background: transparent url(imagesnew/products-by-series-table-header.jpg) repeat-x 0 0;
}

#productsTablegrid tr td {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

#productsTablegrid tr td a:link, #productsTablegrid tr td a:visited, #productsTablegrid tr td a:hover, #productsTablegrid tr td a:active {
	text-decoration:none;
	color:#FFF;
	}

#productsTablegrid tr:nth-child(odd){
	background-color:#030;
	line-height:20px;
}

#productsTablegrid tr td {
	border-right: solid 1px #030;
	}

#productsTablegrid tr td:first-child {
	border-left:solid 1px #030;
	} 

#productsTablegrid tr td:last-child {
	border-right:solid 1px #030;
}

.bigListTable {
	width:224px;
	height:542px;
	background:url(../imagesnew/rightlistbox_new.jpg);
}
	
.bigProductList {
	list-style-image:url(../imagesnew/blt2.gif);
	text-align:left;
	padding-left:6px;
	font: bold normal 12px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

.bigProductList ul li a:link, 
.bigProductList ul li a:visited  {
		font: bold normal 12px/12px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		}

.bigProductList ul li a:hover,
.bigProductList ul li a:active {
  text-decoration:underline;
}

.productsTablebkgrnd {
	background-color:#030;
	margin-left:auto;
	margin-right:auto;
	height:25px;
}

.boxesLeft{
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#CCC;
	border-right-style:dotted;
	border-right-width:2px;
	border-right-color: #999;
}

.boxesMiddle{
	border-right-style:dotted;
	border-right-width:2px;
	border-right-color: #999;
}

.boxesRight{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#CCC;
}

#wrapper {
	display: block;
	position: relative;
	height:auto;
	height:100%;
	width: 900px;
	margin: 0 auto;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

#argalContent {text-align:left;
float:left;
padding-left:35px;
padding-right:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
width:450px;}

#argalImages{float:right;
padding-right:25px;
}

#productTable{
	background-image:url(imagesnew/products-bar-table-back.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#FFF;
	text-align:center;
	font-size:10px;
	height:252px;
}

.productTablelinks{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#FFF;
	text-align:center;
	font-size:10px;
	}

.keywords {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-family: Arial, verdana, helvetica, sans-serif;
}

.bodytext {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	list-style-position: outside;
	list-style-type: circle;
}

.bodytextSmall {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	list-style-position: outside;
	list-style-type: circle;
}

.GridBodyText{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	list-style-position: outside;
	list-style-type: circle;
}

.topnumber {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	list-style-position: outside;
	list-style-type: square;
}

.top {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	list-style-position: outside;
	list-style-type: square;
}

.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.printable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #518C5E;
}

.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.biglist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

.bottom2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #366441;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #366441;
	text-decoration:none
}

.header4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.biglist2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #366441;
	text-decoration:none;
}

.biglist3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration:underline
}

.biglist4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f3f3f3;
	text-decoration:none
}

.myStyle{
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	list-style-position: outside;
	list-style-type: square;
}

.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* STYLES AND FORMATTING FOR BODY CONTENT AREA */
#body_content {
float : left;
margin : 0;
padding : 10px;
width : auto;
height : 100%;

/*setting the height will ensure that the footer will be "pushed" to the bottom regardless if the body content contains test.  if not specified the footer will "overlap" any floating elements*/
min-height:100%;      /*for mozilla*/
font-size : 1em;
clear : both;
}

html>body #body_content   /*for mozilla */
{
    height : auto;
}

#body_content p {
    margin: 0 0 10px 0;
}

	/* BODY CONTENT LINK FORMATTING */
	#body_content a {
	font-weight : bold;
	text-decoration : underline;
	color : #aa5445;
	white-space : nowrap;
}

	#body_content a:hover {
	color : #000066;
}

	/* BODY HEADERS FORMATTING */

	#body_content h1 {
    border-left : 1px solid #000000;
	border-bottom : 1px solid #000000;
	padding : 5px;
	font-size : 1.5em;
	color : #660000;
}

	#body_content h1.normal,
	#body_content table h1.normal {
	border : none;
  margin: 0 0 5px 0;
	padding : 0;
	font-size : 1.5em;
	color : #660000;
}

	#body_content h1.normalplus,
	#body_content table h1.normalplus {
	border : none;
  margin: 0 0 5px 0;
	padding : 0;
	font-size : 2em;
	color : #660000;
	text-align: center;
	}

#body_content h1.small,
#body_content table h1.small {
      font-size: 1.45em;
}

#body_content h2 {
font-size : 1.3em;
color : #660000;
}

	#body_content h3 {
	font-size : 1.1em;
	color : #660000;
	}

	/* BODY LIST FORMATTING */

	#body_content li {
	padding : 0;
	font-family : verdana, arial, helvetica, sans-serif;
  font-size: 10px;
	font-weight : bold;
 color : #00405b;
}

	#body_content li ul li {
	list-style : square;
	padding : 5px 0;
	font-size : 11px;
	font-weight : bold;
	color : #7a7a7a;
}

	#body_content ul.large-list {
      list-style: none;
      margin: 0;
      padding: 0;
}

	#body_content ul.large-list li {
      background: url(images/bullet.gif) no-repeat 0 3px;
      margin: 1.25em 0;
      padding: 0 0 0 14px;
      font-size: 9px;
      font-weight: bold;
      color: #00405B;
}

    

    * html body #body_content ul.large-list li {
        background-position: 0 6px;
}

	table td.borderpad {
		height: 1px;
		background-color: #cacaca;
}

	table td.padbottom {
	padding-bottom: 8px;
}

	table td.padtop {
	padding-top: 8px;
}

	table#3col ul {
	text-align: left;
	margin-left: 40px;
}

	table#3col li {
	font: normal normal bold 13px Arial;
	margin-bottom: 6px;
}

td.specialbackgroundcell {
	background-image: url(imagesnew/rightline.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
}

.ProductsGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.bodyTextJustified {
	font-family: Arial, Verdana, Helvetica, sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
}

.stylez2,
.stylez2 a:link {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	color: #fff;
	font-family: Arial, verdana, helvetica, sans-serif;
	text-decoration: none !important;
}

.stylez3 {
	font-weight: bold;
	font-size: 18px;
	font-style: normal;
	color:#fffdfd;
	font-family: Arial, verdana, helvetica, sans-serif;
}

.stylez {
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	font-family: Arial, verdana, helvetica, sans-serif;
}

.style1 {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	list-style-position: outside;
	list-style-type: square;
	font-family: Arial, verdana, helvetica, sans-serif;
}

.style2 {
	font-size: 12px; 
	font-style: normal; 
	color: #333333; 
	list-style-position: outside; 
	list-style-type: square; 
	font-family: Arial, verdana, helvetica, sans-serif;
	line-height:14px;}

.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

#apDiv1 {
	position:absolute;
	left:298px;
	top:593px;
	width:111px;
	height:141px;
	z-index:1;
	visibility: visible;
	background-color: #00FFCC;
}

#container {
	display: block;
	position: relative;
	height:auto;
	height:100%;
	width: 902px;
	margin: 0 auto;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

.body{
	background: scroll url(../imagesnew/bgnew.jpg) repeat-x;
	height: 100%;
	background-color:#FFF;
}

#topDiv {
	border-top:#000 solid 0px;
	border-left: #000 solid 0px;
	border-right: #000 solid 0px;
	width: 900px;
	height: 100px;
	background-image:url(../imagesnew/magnatex-pumps.png)
	}

#quotePumpstools{
	position:absolute;
	top: 0;
	right: 10px;
}

#quotePumpstools ul li{
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASCAIAAAAVNSPrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYCADMDIyotCKiooAAQYAAWIAau0xl5UAAAAASUVORK5CYII=) scroll repeat-x 0 0;
float: left;
white-space:nowrap;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
border-left: solid 1px #000;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
margin-left: 10px;
color:#fff;
font: bold normal 11px/18px Arial, Helvetica, sans-serif;
}

#quotePumpstools ul li a, 
#quotePumpstools ul li a:visited{
font-weight:bold;
color:#fff;
text-decoration:none;
padding: 0 8px;
display:block;
height:100%;

}

#quotePumpstools ul li:hover{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASCAIAAAAVNSPrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiEBDlZ+AT5WMQlBBkEJYVYRCUFmIQlhdlEFUUZxBXlmSQUJWGYA1ZBikteQYZHUUGRT1VJk4eLiYmThYmJhZGpr+//wAEGAC2ZweHuOOy9wAAAABJRU5ErkJggg==);
}

#homeLink a:link{
	width:272px;
	height:72px;
	position:absolute; 
	text-decoration:none;
	top:10px;
	right: 15px;
}

#magnatexLogo {
	background: transparent url(../imagesnew/magnatex-pumps-magnetic-pumps-logo.png) scroll no-repeat 0;
	width:270px;
	height:0;
	display:block;
	padding-top: 62px;
	overflow:hidden;
	position:absolute;
	top: 28px;
	left: 50px;
	}
	
.addressTop {
	font: normal 12px/14px Arial, Helvetica, sans-serif; 
	position:absolute;
	top: 60px;
	left: 540px;
	color:#000;
	text-decoration:none;
	text-align:right;
	
	
}

.addressTop a:link, a:visited  {
	text-decoration:none;
	color:#000;
}

.addressTop a:hover, a:active  {
	text-decoration:none;
	color:#063;
}


#headerImg {
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}

footer {
	background: #dde6d3 url(../imagesnew/footerback.jpg) scroll no-repeat;
	font: 500 13px/13px Arial, Helvetica, sans-serif;
	color:#518c5e;
	text-align:center;
	height: 85px;
	width:900px;
	clear:both;

}

footer .footerLinks a:link, .footerLinks a:visited {
	font-weight: 400;
	font-size:11px;
	color:#000;
}

footer .footerLinks a:hover, .footerLinks a:active {
	font-weight: 400;
	font-size:11px;
	color:#000;
}


footer .footerGaps{
	border-left: solid 2px #518c5e;
	margin: 5px 0 5px 5px;
	padding-left:5px;
	display:inline-block;
}

footer .footerGaps:first-child{
	border-left: 0 none;
	margin-left: 0 none;
	padding-left: 0 none;
}


.productLinks  {
	background: #dde6d3;
	text-align:center;
	padding: 5px 0 8px 0;
	border-left: #000 solid 0px;
	border-right: #000 solid 0px;
}

.productLinks a:link,
.productLinks a:visited {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}


#product{
	background: #FFF url(../imagesnew/product-bg.png) scroll no-repeat;
	font: normal normal 12px/12px Arial, Helvetica, sans-serif;
	color: #333333;
	list-style-position: outside;
	list-style-image:url(../imagesnew/blt.jpg);
}

.productHeader {
	font: bold normal 16px/16px Arial, Helvetica, sans-serif; 
	color: #366441;
}

.smallProductHeader {
	font: bold normal 13px/13px Arial, Helvetica, sans-serif; 
	color: #366441;
}


.keywordsTop {
	font: normal normal 11px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 25px;
}

.keywordsBottom {
	font: normal normal 11px/11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 25px 0 25px 30px;
}

.bodytext {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	list-style-position: outside;
	list-style-image:url(../imagesnew/blt.jpg);

	
}


.textBasedLinks a:link, .textBasedLinks a:visited{
font: normal bold 12px/12px  Arial, verdana, helvetica, sans-serif;
color: #366441 !important; 
text-decoration: underline;

}

#productTable {
    background-image: url("imagesnew/products-bar-table-back.jpg");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: 900;
    height: 252px;
    text-align: center;
}
		
		
		
.productTablelinks{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#FFF;
	text-align:center;
	font-size:10px;}


.ul, p {
	margin: 5px 0;
}
.p +ul {
	margin-top: 0;
	}



.imgRight {
	float:right
}



div.table {
	display:table;
	width: 800px;
	margin-bottom: 50px;

	}
	
div.table.fourHndpx {
	width:400px;
}

div.table.nineHndpx {
	width: 900px;
}




div.table div {
	display: table-row-group;
}


/*
div.table div:first-child {
	display: table-header-group;
	font: bold normal 14px/14px Arial, Helvetica, sans-serif; 
	color: #366441;
}
*/



div.table div span  {
	display:table-cell;
	line-height:16px;

}

div.table.two span {
	width:50%;
}

div.table.five span{
	width: 20%;
}

div.table.four span{
	width: 25%;
}





div.table div p  {
	font: bold normal 14px/14px Arial, Helvetica, sans-serif; 
	color: #366441;
	line-height:20px;
}

div.table img {
	display: block;
}


div.table a,
div.table a:visited {
	font: bold normal 14px/14px Arial, Helvetica, sans-serif; 
	color: #366441;
	text-decoration:none;

}

p.productPages {
	width:600px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom:35px;
	margin-top:35px;
}


.bigListTable {
	width:224px;
	height:542px;
	background:url(../imagesnew/rightlistbox_new.jpg);
}
	
.bigProductList {
	list-style-image:url(../imagesnew/blt2.gif);
	text-align:left;
	padding-left:6px;
	font: bold normal 12px/12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}



.bigProductList ul li a:link, 
.bigProductList ul li a:visited,
.bigProductList ul li a:hover,
.bigProductList ul li a:active {
		font: bold normal 12px/12px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
		

}
.printable, 
.printable a:links,
.printable a:visited {
	font: bold normal 10px/10px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}


.productTabTop {
	background:url(/imagesnew/tab_green_t.jpg) no-repeat;
	height: 40px;
	width: 600px;
	padding-top: 10px;
	padding-left: 30px;
	
	
}

.productMiddleBack {
	background:url(/imagesnew/tab_green_m.jpg) repeat-y;
	width:600px;
}

.productBottomBack {
	
background:url(/imagesnew/tab_green_b.jpg) no-repeat;
	height: 28px;
	width: 600px;
	
}	
	
	

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}