body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#100c47;
	margin:0; 
	padding:0;
	
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 15px;
}

.bodystyle-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2f98d8;
	line-height: 15px;
}

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

}

span.white {
	color:#fff;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

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

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

hr#FooterRule {
	height: 1px;
	border-top: 1px solid #FFFFFF;
	border-bottom: #888;
	border-left: #888;
	border-right: #333;
	background-color: #FFFFFF;
	line-height: 10px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: 94abc7;
}
.FooterLinks, a.FooterLinks:link, a.FooterLinks:active, a.FooterLinks:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.FooterLinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #94abc7;
	text-decoration: underline;
}
img {
	border: 0px none;
}
img#PDFicon {
	padding-right: 5px;
}



/*****************************Jons new styles***********************************/

table#main-content {background:url(images/main-bg.gif)no-repeat; margin:15px auto 0 auto;}

table#main-content p {color:#fff;}

table#main-content td {valign:top;}

table#product-table {margin:20px 0 0 0;}

table#product-table td a {font-size:11px; padding:15px 0px 0 0px; display:block;}

td.product-table {border-right:solid 1px #2f98d8; text-align:center;}

table#footer {width:800px; margin:20px auto 0 auto; text-align:left;}

div.clearfix {clear:both;}

div#header-bg {background:url(images/header-bg.gif) no-repeat; height:167px; width:100%; border-bottom:solid 15px #fff;}

div#header-wrapper {width:800px; margin-left:auto; margin-right:auto; }

div#logo {float:left; margin:10px 0 0 0;}

div#contact-area {margin:0px 0 0 455px; background:url(images/contact-bg.png) no-repeat; width:183px; height:31px; float:left; padding:15px; color:#fff; display:inline;}

div#contact-area a, div#contact a:active, div#contact a:visited {text-decoration:none; color:#fff;}

div#contact-area a:hover {text-decoration:underline;}

ul#nav {list-style:none; margin:12px 0 0 0px; height:30px; padding:0;}

ul#nav li {float:left; padding:15px 0 0 40px; margin:0 0 0 30px; display:inline;}

ul#nav li#home {background:url(images/home-icon.png) top left no-repeat; padding-left:35px!important; margin-left:15px!important;}

ul#nav li#flanges {background:url(images/flanges-icon.png) top left no-repeat;}

ul#nav li#valves {background:url(images/valves-icon.png) top left no-repeat;}

ul#nav li#contact {background:url(images/contact-icon.png) top left no-repeat;}

ul#nav li a {color:#100c47; text-decoration:none; font-size:18px; text-transform:uppercase; text-shadow: 1px 1px white, -1px -1px #abadad}

h1 {color:#2f98d8; font-size:24px;}

h1.mainimg {border-bottom:solid 1px #2f98d8; margin:15px 0 15px 0; padding-bottom:5px;}

p.floatimg {float:right;}

p.blue {color:#2f98d8;}

h3.product-ttl {border-bottom:solid 1px #2f98d8; padding-bottom:8px;}

h3 {font-size:12px; color:#fff;}

p.order-now {background:#2f98d8; padding:15px; width:150px; text-align:center; font-weight:bold;}

p.order-now a, p.order-now a:active, p.order-now a:visited {color:#fff; text-decoration:none;}

p.order-now a:hover {text-decoration:underline;}

a.back-btn {float:right; display:block;}

div.horzline {border-bottom:solid 1px #2f98d8;}

p.flange-desc {height:75px; margin:0; padding:10px 0 10px 0; border-bottom:solid 1px #2f98d8; color:#fff; }

tr.flange-type-cell {border-bottom:solid 1px #2f98d8; height:60px; padding:10px 0 10px 0;}

tr.flange-type-cell td  {border-bottom:solid 1px #2f98d8; height:60px; padding:10px 0 10px 0;}

a.flange-type, a:active.flange-type,  a:visited.flange-type { background:url(images/flange_up.gif) no-repeat; display:block; padding:11px 0 8px 40px;}

a:hover.flange-type { background:url(images/flange_down.gif) no-repeat; color:#2f98d8;}