@charset "utf-8";
/* This style sheet seems not necesssary as it is duplicates of sytle.css
Search for "Remove Me" to jump down to the styels from style.css and everything above that coudl possibly be deleted.
*/
@media print { .pagetop{ display: none; } .previous{ display: none; } .print{ display: none;} }
#fancybox-content img {
  max-width: 100%;
}
#fancybox-content table {
  margin: 5px!important;
}
body{
	margin: 0 auto; 
	padding: 0;
	width: 960px;
	max-width: 100%;
	background: #FFFFFF; }
html{
	padding: 0;
	margin: 0; }
a{
	color: #009900;
	font-weight: bold; }
a:hover{
	color: #003300; }
.main{
	padding: 0;
	margin: 0 auto; }
.top_header{
	margin: 0;
	padding: 0; }
.header{
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF; }
a.logo{
	padding: 0;
	margin: 0 20px;
	float: left;
	display: block;
	width: 169px;
	height: 150px;
	overflow: hidden; }
a.logo:hover{
	display: block;
	text-indent: -170px; }
.phone{
	padding: 0;
	margin: 0 20px 0 0;
	width: 710px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right; }
/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
/* The Nivo Slider styles */
.nivoSlider{
	margin: 0 20px;
	float: left;
	position: relative;
	width: 440px;
	height: 220px;
	overflow: hidden;
	top: 19px;
	/* -moz-box-shadow: 0 1px 8px #000000;
 	-webkit-box-shadow: 0 1px 8px #000000;
 	box-shadow: 0 1px 8px #000000; */} 
.nivoSlider img{
	position: absolute;
	top: 0;
	left: 0; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none; }
/* The slices in the Slider */
.nivo-slice{
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%; }
/* Caption styles */
.nivo-caption{
	position: absolute;
	right: 0;
	top: 0;
	color: #CCCCCC;
	z-index: 89;
	display: block;
	width: 250px;
	padding: 20px;
	font-size: 12px; }
.nivo-caption h2{
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: -6px; }
.nivo-caption p{
	padding: 5px; }
.nivo-caption a{
	display: inline !important; }
.nivo-html-caption{
	font: normal 14px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 22px;
    display: none; }
.nivo-html-caption h2{
	font: bold 28px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 20px 0 0 0;
	text-shadow: -1px 0 1px #000000; }
#nivo_caption_wrapper{
	color: #CCCCCC;
	float: right;
    width: 430px;
    height: 240px;
    overflow: hidden;
    margin: 0 10px 20px 0; }
#nivo_caption_wrapper h4{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{
	position: absolute;
	top: 450px;
	z-index: 99;
	background:url(/images/arrows.png) no-repeat;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: block; }
/*.nivo-prevNav {
	left: 33px;
	background: transparent url('../images/left_slide_nav.png') no-repeat;
	text-indent: -9999px;
}
.nivo-nextNav {
	left: 80px;
	background: transparent url('../images/right_slide_nav.png') no-repeat;
	text-indent: -9999px;
}*/
.nivo-directionNav a:hover{
  /* CSS3 standard */
  opacity: 0.6; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
	display: none;
	background: transparent url('../images/000_80.png') repeat;
	z-index: 99;
	float: none;
	margin: auto;
	padding: 10px 0 0 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	visibility: visible;
	position: absolute;
	bottom: 0px; /* Put the nav below the slider */ }
.nivo-controlNav a{
	position: relative;
	background:url(/images/bullets.png) no-repeat;
	z-index: 99;
	cursor: pointer; }
.nivo-controlNav a.active{
	font-weight: bold; }
.nivo-controlNav img{
	display: inline; /* Unhide the thumbnails */
	position: relative;
	margin-right: 10px;
	border: 1px solid transparent;
	opacity: 0.4; }
.nivo-controlNav a.active img, .nivo-controlNav a:hover img{
	opacity: 1; }
.slider_wrapper{
	height: 259px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background-color: #006600;
	border-bottom: 1px solid #002A00; }
.slider_wrapper .div .left1{
	float: right;
	width: 480px;
	padding: 0 10px 0 10px;
	margin: 0; }
.slider_wrapper .div .left1 h2{
	font: bold 30px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 27px 0 13px 0;
	margin: 0; }
.slider_wrapper .div .left1 img{
	float: left;
	margin: 0 20px 0 0;
	padding: 0; }
.slider_wrapper .div .left1 a{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF; }
.slider_wrapper .div .left1 a:hover{
	color: #99FF99; }
.slider_wrapper p{
	font: normal 14px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 10px 10px 0 0;
	margin: 0;
	line-height: 22px; }
.header_text{
	width: 960px;
	height: 124px;
	margin: 0 auto;
	padding: 0;
	background: #006600;
	border-top: 1px solid #006600;
	border-bottom: 1px solid #002A00; }
.header_text h2{
	width: 300px;
	float: left;
	font: bold 34px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 45px 0 0 45px; }
#menu{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 52px;
	background: #003300;
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	z-index: 200; }
#menu li.main{
	display: block;
	float: left; }
#menu li a.main{
	padding: 0 0.09px;
	display: block;
	float: left;
	height: 50px;
	line-height: 47px;
	background: #003300;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #002A00; }
#menu li a.main span{
	padding: 0 24px;
	display: block;
	float: left;
	height: 35px;
	background: #003300; }
#menu li a.main span.mnowrap{
	padding: 0;
	display: block;
	float: left;
	width: 157.82px;
	height: 35px;
	background: #003300;
	text-align: center; }
#menu li a.main span.mwrap{
	padding: 11px 0 0 0;
	display: block;
	float: left;
	width: 157.82px;
	height: 35px;
	background: #003300;
	text-align: center;
	line-height: 13px; }
#menu li:hover a.main, #menu a.main:hover{
	background: #009900;
	color: #FFFFFF; }
#menu li:hover a.main span, #menu a.main:hover span{
	background: #009900; }
#menu li:hover a.main span.mnowrap, #menu a.main:hover span.mnowrap{
	background: #009900; }
#menu table{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse; }
#menu li:hover{
	position: relative;
	z-index: 200; }
#menu a:hover{
	position: relative;
	z-index: 200;
	white-space: normal; }
/*History outer*/
#menu :hover ul.sub{
	padding: 0;
	width: 179px;
	height: auto;
	top: 51px;
	left: 0px;
	background: #003300;
	border: 1px solid #003300;
	white-space: nowrap;
	z-index: 300; }
#menu :hover ul.sub li{
	display: block;
	float: left;
	position: relative;
	width: 90px;
	height: 30px;
	font-weight: normal; }
#menu :hover ul.sub li a{
	display: block;
	width: 177px;
	height: 28px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 27px;
	text-indent: 5px;
	border: 1px solid #002A00; }
#menu :hover ul.sub li a span.spadding{
	padding:0 0 0 5px;
	display: block; }
#menu :hover ul.sub li.wrap{
	display: block;
	float: left;
	position: relative;
	width: 90px;
	height: 42px;
	font-weight: normal; }
#menu :hover ul.sub li.wrap a{
	display: block;
	width: 177px;
	height: 40px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 12px;
	text-indent: 5px;
	border: 1px solid #002A00; }
#menu :hover ul.sub li.wrap a span.swrap{
	padding: 8px 0 0 5px;
	display: block; }
#menu li ul.sub li a.expand{
	background: #003300 url(images/arrow.gif) 163px 10px no-repeat; }
#menu :hover ul.sub li a:hover{
	background: #009900;
	color: #FFFFFF;
	border-color: #009900; }
#menu :hover ul.sub li a.expand:hover{
	background: #009900 url(images/arrow_over.gif) 163px 10px no-repeat;
	color: #FFFFFF; }
#menu li b{
	margin-bottom: 3px;
	display: block;
	width: 159px;
	height: 18px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
	text-indent: 15px;
	border-bottom: 1px solid #FFFFFF;
	cursor: default; }
#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul, #menu a:hover a:hover a:hover a:hover ul, #menu a:hover a:hover a:hover a:hover a:hover ul{
	padding: 0;
	width: 90px;
	height: auto;
	top: -4px;
	left: 89px;
	background: #009900;
	border: 1px solid #009900;
	white-space: nowrap;
	z-index: 400; }
#menu ul, #menu a:hover ul ul, #menu a:hover a:hover ul ul, #menu a:hover a:hover a:hover ul ul, #menu a:hover a:hover a:hover a:hover ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 0;
	height: 0;
	top: -9999px;
	left: -9999px; }
/*Pennsylvania Machine Works, Inc. outer*/
#menu li:hover li:hover > ul{
	padding: 0;
	width: 179px;
	height: auto;
	top: -1px;
	left: 178px;
	background: #003300;
	border: 1px solid #002A00;
	white-space: nowrap;
	z-index: 400; }
#menu li:hover > ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 0;
	height: 0;
	top: -9999px;
	left: -9999px; }
#menu li:hover li:hover > a.expand{
	background: #009900 url(images/arrow_over.gif) 163px 10px no-repeat;
	color: #FFFFFF;
	border-color: #009900; } 
#menu li:hover li:hover > li a.expand{
	background: #009900 url(images/arrow.gif) 163px 10px no-repeat;
	color: #FFFFFF;
	border-color: #009900; }
#menu li a#active, #menu li a#active span.mnowrap, #menu li a#active span.mwrap{
	background: #009900;
	color: #FFFFFF; }
a.button span{
	position: relative;
	top: 0;
	width: 100%;
	text-align: center;
	display: block; }
#format{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	line-height: 22px; }
#format th{
	color: #006600;
	border-bottom: 2px solid #006600; }
#format td{
	color: #333333; }
#format tbody tr:hover td{
	color: #009900; }
#format1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	line-height: 22px; }
#format1 th{
	color: #006600;
	text-align: left; }
#format1 td{
	color: #333333; }
#format1 tbody tr:hover td{
	color: #009900; }
#format2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	line-height: 22px;
	border: 1px solid #CCCCCC; }
#format2 th{
	color: #333333;
	border-bottom: 2px solid #CCCCCC; }
#format2 td{
	color: #333333;
	border-bottom: 1px solid #CCCCCC; }
#format2 tbody tr:hover td{
	color: #009900; }
#format3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	line-height: 22px; }
#format3 th{
	color: #333333;
	border-bottom: 2px solid #CCCCCC; }
#format3 td{
	color: #333333; }
#format3 tbody tr:hover td{
	color: #009900; }
#format4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	line-height: 10px; }
#format4 th{
	color: #333333;
	border-bottom: 2px solid #CCCCCC; }
#format4 td{
	color: #333333; }
#format4 tbody tr:hover td{
	color: #009900; }
/*body*/
#format, #format1, #format2 {
  margin: 0px!important;
  width: 100%;
}
#format td, #format1 td, #format2 td {
  padding: 7px 3px; 
}
.body{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #003300; }
/*.body h2{
	color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 15px 5px; }
.body h3{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #2c2c2c;
	margin: 5px 0;
	padding: 15px 5px;
	border-bottom: 1px solid #e1e1e1; }*/
.body span{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 10px 10px 10px;
	margin: 0;
	line-height: 22px;
	display: block; }
.body p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 5px 15px 5px;
	margin: 0;
	line-height: 22px; }
.body p.grey{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #A4A4A4;
	padding: 10px 5px 0 5px;
	margin: 0;
	line-height: 22px; }
.body a{
	font: bold Arial, Helvetica, sans-serif;
	color: #009900; }
.body a:hover{
	color: #003300; }
/*.body img.port{
	margin: 10px 10px;
	padding: 0;
	text-align: center; }
.body img.but{
	margin: 0;
	padding: 15px 0 0 0;
	float: right; }*/
a.potracking{
	padding: 0;
	margin: 0 0 30px 0;
	float: left;
	display: block;
	width: 135px;
	height: 54px;
	overflow: hidden; }
a.potracking:hover{
	display: block;
	text-indent: -135px; }
a.mtrrequest{
	padding: 0;
	margin: 0 0 30px 5px;
	float: left;
	display: block;
	width: 135px;
	height: 54px;
	overflow: hidden; }
a.mtrrequest:hover{
	display: block;
	text-indent: -135px; }
a.forged{
	margin: 0;
	display: block;
	width: 554px;
	height: 175px;
	overflow: hidden; }
a.forged:hover{
	display: block;
	text-indent: -555px; }
a.bar{
	margin: 0;
	display: block;
	width: 554px;
	height: 175px;
	overflow: hidden; }
a.bar:hover{
	display: block;
	text-indent: -555px; }
a.branch{
	margin: 0;
	display: block;
	width: 554px;
	height: 175px;
	overflow: hidden; }
a.branch:hover{
	display: block;
	text-indent: -555px; }
a.buttons{
	margin: 0;
	float: left;
	display: block;
	width: 125px;
	height: 45px;
	overflow: hidden; }
a.buttons:hover{
	display: block;
	text-indent: -129px; }
#addr{
	margin: 0;
	padding: 10px 0 0 260px;
	float: left;
	color: #FFFFFF;
	font: 11px  Arial, Helvetica, sans-serif; }
/*material grade pages*/
.body2{
	background-color: #FFFFFF;
	position: absolute; }
.body2 h2{
	color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 150px;
	padding: 15px 5px 10px 5px; }
.body2 h3{
	color: #006600;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 150px;
	padding: 15px 5px 10px 5px; }
.body2 p{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 0 150px;
	padding: 5px 5px 15px 5px;
	line-height: 22px; }
.body2 span{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 0 92px;
	padding: 5px 5px 15px 5px;
	line-height: 22px; }
	
/*2 column pages*/
.left{
	width: 579px;
	float: left;
	padding: 10px 15px 20px 22px; }
.left h2{
	color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 15px 5px 10px 5px; }
.left h3{
	color: #006600;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 5px;
	padding: 10px 0; }
.left img{
	float: left;
	margin: 10px 10px 15px 5px;
	padding: 0; }
.left form{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 5px;
	margin: 0;
	line-height: 22px; }
.left p.addr{
	line-height: 17px; }
/*no column pages*/
.left2{
	width: 100%;
	float: left;
	padding: 10px 15px 20px 22px;
	overflow: auto; }
.left2 h2{
	color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0;
	padding: 15px 5px 10px 5px; }
.left2 img{
	float: left;
	margin: 10px 10px 15px 5px;
	padding: 0; }
.right{
	width: 305px;
	float: right;
	padding: 10px 22px 10px 15px; }
.right h2{
	color: #006600;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 5px 0 0 5px;
	padding: 15px 5px 5px 5px; }
.right h3{
	color: #006600;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 3px;
	padding: 10px 0; }
.right img{
	float: left;
	margin: 5px 10px 15px 15px;
	padding: 0; }
.right_small{
	float: left;
	background: #FFFFFF;
	width: 300px;
	padding: 10px 7px;
	margin: 0 auto; }
.right_small ul{
	margin: 10px 5px;
	padding: 0;
	list-style: none; }
.right_small li{
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 5px;
	margin: 0; }
.right_small a{
	font: bold 12px Arial, Helvetica, sans-serif; }
/*.right_small p.center{
	text-align: center; }
.right_small p.centerimg{
	margin: 0 75px; }
.right_small a.center{
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 40px; }*/
.right_small img{
	border: none; }
/* Reposition fancybox */
div#fancybox-wrap {
	left:-30px !important; }
.footer{
	margin: 0 auto;
	padding: 0 0 8px 0;
	width: 960px;
	background: #003300;
	border-top: 1px solid #003300;
	border-bottom: 1px solid #002A00; }
.footer ul{
	margin: 0;
	padding: 10px 10px 5px 10px;
	list-style: none;
	float: left; }
.footer img{
	display: inline;
	margin: 5px 10px;
	padding: 0; }
.footer ul li{
	margin: 0;
	padding: 0 10px;
	float: left; }
.footer p{
	margin: 0;
	padding: 10px 20px 5px 20px;
	float: left;
	color: #FFFFFF;
	font: normal 11px Arial, Helvetica, sans-serif; }
.footer a{
	color: #FFFFFF;
	font: bold 11px Tahoma, Geneva, sans-serif;
	text-decoration: none; }
.footer a:hover{
	color: #00CC00; }
/*contact form*/
.form{
	float: left;
	width: 600px;
	margin-top: 40px;
	margin-left: 10px; }
.form1{
	margin: 0;
	padding: 0 10px; }
.form1 *{
	color: #333333; }
.form1 ol{
	margin: 0;
	padding: 0;
	list-style: none; }
.form1 li{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	display: block; }
.form1 li.buttons{
	margin: 5px 0; }
.form1 label{
	margin: 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666; }
.form1 label span{
	font: normal 10px Arial, Helvetica, sans-serif; }
.form1 input.text{
	border: 2px solid #CCCCCC;
	margin: 0 5px;
	padding: 2px 2px;
	height: 18px;
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif; }
.form1 textarea{
	width: 270px;
	height: 100px;
	border: 2px solid #CCCCCC;
	margin: 5px 5px;
	padding: 2px 2px;
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif; }
.form1 li.buttons input{
	padding: 3px 0;
	margin: 0 0 0 80px;
	border: 0;
	color: #FFFFFF; }
.form2{
	margin: 0;
	padding: 0 10px; }
.form2 ol{
	margin: 0;
	padding: 0;
	list-style: none; }
.form2 li{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	display: block; }
.form2 li.buttons{
	margin: 5px 0; }
.form2 label{
	margin: 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666666; }
.form2 label span{
	font: normal 10px Arial, Helvetica, sans-serif; }
.form2 input.text{
	border: 2px solid #CCCCCC;
	margin: 0 5px;
	padding: 2px 2px;
	height: 18px;
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif; }
.form2 textarea{
	width: 270px;
	height: 100px;
	border: 2px solid #CCCCCC;
	margin: 5px 5px;
	padding: 2px 2px;
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif; }
.form2 li.buttons input{
	padding: 3px 0;
	margin: 0 0 0 80px;
	border: 0;
	color: #FFFFFF; }
p.response{
	text-align: center;
	color: #2C2C2C;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 22px;
	width: auto; }
p.clr, .clr{
	clear: both;
	padding: 0;
	margin: 0; }
li.bg, .bg{
	clear: both;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	background: none;
	list-style: none; }
li.line, .line{
	border-top: 1px solid #D9D9D9;
	padding: 0;
	margin: 10px 0;
	background: none;
	list-style: none; }
	
	/* REMOVE ABOVE if not needed */
@media print {
  .pagetop {
    display: none;
  }
  .previous {
    display: none;
  }
  .print {
    display: none;
  }
}
*,
::before,
::after {
  box-sizing: border-box;
}
.form1 {
  background: white;
}
body {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  background: #eeeeee;
}
html {
  padding: 0;
  margin: 0;
}
a {
  color: #009900;
  font-weight: bold;
}
a:hover {
  color: #003300;
}
img,
iframe {
  max-width: 100%;
}
.left img,
.right img {
  float: none;
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none;
  }
}
.main {
  padding: 0;
}
.top_header {
  margin: 0;
  padding: 0;
}
.header {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
}
a.logo {
  padding: 0;
  margin: 0 20px;
  float: left;
  display: block;
  width: 169px;
  max-width: 40vw;
  height: 150px;
  overflow: hidden;
}
a.logo img {
  max-width: 80vw;
}
a.logo:hover {
  display: block;
  text-indent: -170px;
}
.phone {
  padding: 1.5em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #006600;
  text-align: right;
  text-transform: uppercase;
  line-height: 14px;
}
.phone a {
  color: #006600;
  letter-spacing: 1px;
  text-decoration: none;
  font-weight: bold;
}
.phone-24 {
  margin-top: 10px;
}
.phone-num {
  letter-spacing: 1px;
  font-size: 18px;
}
.phone-num-2 {
  display: block;
  font-size: 13px;
  padding: 7px 0;
}
.color-light {
  color: rgb(0, 153, 0);
}
/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
  margin: 0 20px 20px;
  float: left;
  position: relative;
  width: 440px;
  height: auto;
  overflow: hidden;
  top: 19px;
  background-image: none !important;
  /* -moz-box-shadow: 0 1px 8px #000000;
 	-webkit-box-shadow: 0 1px 8px #000000;
 	box-shadow: 0 1px 8px #000000; */
  flex: 1;
}
#nivo_caption_wrapper {
  flex: 1;
}
@media (max-width: 767px) {
  .nivoSlider {
    flex: 35%;
  }
  .nivo-html-caption p,   .nivo-html-caption h2,   .nivo-html-caption h3 {
	  height:auto!important
  }
  #nivo_caption_wrapper {
    flex: 65%;
  }
}
@media (max-width: 667px) {
  .nivoSlider {
    flex: 100%;
  }
  #nivo_caption_wrapper {
    flex: 100%;
  }
  .slider_wrapper .d-flex {
    flex-wrap: wrap;
  }
}
.nivoSlider img {
  display: block !important;
  height: auto !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 60;
  display: none;
}
/* The slices in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 50;
  height: 100%;
}
/* Caption styles */
.nivo-caption {
  position: absolute;
  right: 0;
  top: 0;
  color: #cccccc;
  z-index: 89;
  display: block;
  width: 250px;
  padding: 20px;
  font-size: 12px;
}
.nivo-caption h2 {
  color: #ffffff;
  margin-bottom: 15px;
  margin-top: -6px;
}
.nivo-caption p {
  padding: 5px;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #ffffff;
  line-height: 22px;
  display: none;
}
.nivo-html-caption h2 {
  font: bold 28px Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 20px 0 0 0;
  text-shadow: -1px 0 1px #000000;
}
#nivo_caption_wrapper {
  color: #cccccc;
  margin: 0 10px 20px 0;
}
#nivo_caption_wrapper h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 450px;
  z-index: 99;
  background: url(/images/arrows.png) no-repeat;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
}
/*.nivo-prevNav {
	left: 33px;
	background: transparent url('/images/arrowl.png') no-repeat;
	text-indent: -9999px;
}
.nivo-nextNav {
	left: 80px;
	background: transparent url('/images/arrowr.png') no-repeat;
	text-indent: -9999px;
}*/
.nivo-directionNav a:hover {
  /* CSS3 standard */
  opacity: 0.6;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  display: none;
  background: transparent url("../images/000_80.png") repeat;
  z-index: 99;
  float: none;
  margin: auto;
  padding: 10px 0 0 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  visibility: visible;
  position: absolute;
  bottom: 0px; /* Put the nav below the slider */
}
.nivo-controlNav a {
  position: relative;
  background: url(/images/bullets.png) no-repeat;
  z-index: 99;
  cursor: pointer;
}
.nivo-controlNav a.active {
  font-weight: bold;
}
.nivo-controlNav img {
  display: inline; /* Unhide the thumbnails */
  position: relative;
  margin-right: 10px;
  border: 1px solid transparent;
  opacity: 0.4;
}
.nivo-controlNav a.active img,
.nivo-controlNav a:hover img {
  opacity: 1;
}
.slider_wrapper {
  margin: 0 auto;
  padding: 0.5em 1em 1em;
  background-color: #006600;
  border-bottom: 1px solid #002a00;
}
.slider_wrapper .div .left1 {
  max-width: 100%;
  padding: 0 10px 0 10px;
  margin: 0;
}
.slider_wrapper .div .left1 h2 {
  font: bold 30px Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 27px 0 13px 0;
  margin: 0;
}
.slider_wrapper .div .left1 img {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}
.slider_wrapper .div .left1 a {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #ffffff;
}
.slider_wrapper .div .left1 a:hover {
  color: #99ff99;
}
.slider_wrapper p {
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 10px 10px 0 0;
  margin: 0;
  line-height: 22px;
}
.header_text {
  padding: 3.5em 1em 2em 5%;
  margin: 0 auto;
  background: #006600;
  border-top: 1px solid #006600;
  border-bottom: 1px solid #002a00;
}
.header_text h2 {
  font: bold 34px Arial, Helvetica, sans-serif;
  color: #ffffff;
  margin: 0;
}
#menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  background: #003300;
  font-family: Verdana, Geneva, sans-serif;
  position: relative;
  z-index: 200;
}
#menu li.main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#menu li a.main {
  padding: 0.4em 1em;
  text-align: center;
  background: #003300;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #002a00;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#menu li a.main span {
  background: #003300;
}
#menu li a.main span.mnowrap {
  background: #003300;
}
#menu li a.main span.mwrap {
  background: #003300;
}
#menu li:hover a.main,
#menu a.main:hover {
  background: #009900;
  color: #ffffff;
}
#menu li:hover a.main span,
#menu a.main:hover span {
  background: #009900;
}
#menu li:hover a.main span.mnowrap,
#menu a.main:hover span.mnowrap {
  background: #009900;
}
#menu table {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
}
#menu li:hover {
  position: relative;
  z-index: 200;
}
#menu a:hover {
  position: relative;
  z-index: 200;
  white-space: normal;
}
/*History outer*/
#menu :hover ul.sub {
  padding: 0;
  width: 179px;
  height: auto;
  top: 43px;
  left: 0px;
  background: #003300;
  border: 1px solid #003300;
  white-space: nowrap;
  z-index: 300;
}
#menu :hover ul.sub li {
  display: block;
  float: left;
  position: relative;
  width: 90px;
  height: 30px;
  font-weight: normal;
}
#menu :hover ul.sub li a {
  display: block;
  width: 177px;
  height: 28px;
  color: #ffffff;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 27px;
  text-indent: 5px;
  border: 1px solid #002a00;
}
#menu :hover ul.sub li a span.spadding {
  padding: 0 0 0 5px;
  display: block;
}
#menu :hover ul.sub li a span#spadding {
  padding: 0 0 0 5px;
  display: block;
}
#menu :hover ul.sub li.wrap {
  display: block;
  float: left;
  position: relative;
  width: 90px;
  height: 42px;
  font-weight: normal;
}
#menu :hover ul.sub li.wrap a {
  display: block;
  width: 177px;
  height: 40px;
  color: #ffffff;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 12px;
  text-indent: 5px;
  border: 1px solid #002a00;
}
#menu :hover ul.sub li.wrap a span.swrap {
  padding: 8px 0 0 5px;
  display: block;
}
#menu :hover ul.sub li.wrap a span#swrap {
  padding: 8px 0 0 5px;
  display: block;
}
#menu li ul.sub li a.expand {
  background: #003300 url(images/arrow.gif) 163px 10px no-repeat;
}
#menu :hover ul.sub li a:hover {
  background: #009900;
  color: #ffffff;
  border-color: #009900;
}
#menu :hover ul.sub li a.expand:hover {
  background: #009900 url(images/arrow_over.gif) 163px 10px no-repeat;
  color: #ffffff;
}
#menu li b {
  margin-bottom: 3px;
  display: block;
  width: 159px;
  height: 18px;
  color: #ffffff;
  font-size: 10px;
  line-height: 18px;
  text-indent: 15px;
  border-bottom: 1px solid #ffffff;
  cursor: default;
}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover a:hover ul {
  padding: 0;
  width: 90px;
  height: auto;
  top: -4px;
  left: 89px;
  background: #009900;
  border: 1px solid #009900;
  white-space: nowrap;
  z-index: 400;
}
#menu ul,
#menu a:hover ul ul,
#menu a:hover a:hover ul ul,
#menu a:hover a:hover a:hover ul ul,
#menu a:hover a:hover a:hover a:hover ul ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 0;
  height: 0;
  top: -9999px;
  left: -9999px;
}
/*Pennsylvania Machine Works, Inc. outer*/
#menu li:hover li:hover > ul {
  padding: 0;
  width: 179px;
  height: auto;
  top: -1px;
  left: 178px;
  background: #003300;
  border: 1px solid #002a00;
  white-space: nowrap;
  z-index: 400;
}
#menu li:hover > ul ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 0;
  height: 0;
  top: -9999px;
  left: -9999px;
}
#menu li:hover li:hover > a.expand {
  background: #009900 url(images/arrow_over.gif) 163px 10px no-repeat;
  color: #ffffff;
  border-color: #009900;
}
#menu li:hover li:hover > li a.expand {
  background: #009900 url(images/arrow.gif) 163px 10px no-repeat;
  color: #ffffff;
  border-color: #009900;
}
#menu li a#active,
#menu li a#active span.mnowrap,
#menu li a#active span.mwrap {
  background: #009900;
  color: #ffffff;
}
a.button,
a.button:hover,
a.button:active {
  float: left;
  background: #009900;
  display: block;
  color: #ffffff;
  border: 0;
  width: 100px;
  font-weight: bold;
  text-shadow: -1px 0 1px #333333;
  cursor: pointer;
  padding: 5px 0 10px 0;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background: transparent url("images/button_bg.png") no-repeat top left;
}
a.button span {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  display: block;
}
#format {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  text-align: center;
}
#format th {
  color: #006600;
  border-bottom: 2px solid #006600;
}
#format td {
  color: #333333;
  line-height: 1.3em;
  padding: 7px 4px;
}
#format tbody tr:hover td {
  color: #009900;
}
#format1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  line-height: 22px;
}
#format1 th {
  color: #006600;
  text-align: left;
}
#format1 td {
  color: #333333;
}
#format1 tbody tr:hover td {
  color: #009900;
}
#format2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  text-align: center;
  line-height: 22px;
  border: 1px solid #cccccc;
}
#format2 th {
  color: #333333;
  border-bottom: 2px solid #cccccc;
}
#format2 td {
  color: #333333;
  border-bottom: 1px solid #cccccc;
}
#format2 tbody tr:hover td {
  color: #009900;
}
#format3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  text-align: center;
  line-height: 22px;
}
#format3 th {
  color: #333333;
  border-bottom: 2px solid #cccccc;
}
#format3 td {
  color: #333333;
  border: 1px solid #cccccc;
}
#format3 tbody tr:hover td {
  color: #009900;
}
h3#sspace {
  line-height: 0px;
}
h3#sspace2 {
  padding: 10px 0 5px 0;
}
/*body*/
.body {
  width: 960px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-color: #ffffff;
  border-top: 1px solid #003300;
}
.body span {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 10px 10px 10px;
  margin: 0;
  line-height: 22px;
  display: block;
}
.body span#sspace {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 10px 10px 10px;
  margin: 0;
  line-height: 10px;
}
.body span#sspace2 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 10px 10px 7px 10px;
  margin: 0;
  line-height: 5px;
}
.body span#sspace3 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 10px;
  margin: 0;
  line-height: 17px;
}
.body p {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px 15px 5px;
  margin: 0;
  line-height: 22px;
}
.body p#sspace {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px 10px 5px;
  margin: 0;
  line-height: 15px;
}
.body p#sspace2 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px 10px 5px;
  margin: 0;
  line-height: 20px;
}
.body p#sspace3 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px 5px 5px;
  margin: 0;
  line-height: 10px;
}
.body p#sspace4 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px 5px 0;
  margin: 0;
  line-height: 7px;
}
.body a {
  font: bold Arial, Helvetica, sans-serif;
  color: #009900;
}
.body a:hover {
  color: #003300;
}
/*.body img.port{
	margin: 10px 10px;
	padding: 0;
	text-align: center; }
.body img.but{
	margin: 0;
	padding: 15px 0 0 0;
	float: right; }*/
a.ot {
  padding: 0;
  margin: 0 0 0 17px;
  float: left;
  display: block;
  width: 255px;
  height: 70px;
  overflow: hidden;
}
a.ot img,
a.mtr img,
a.completecatalog img,
a.forged img,
a.bar img {
  max-width: none;
}
a.ot:hover {
  display: block;
  text-indent: -253px;
}
a.mtr {
  padding: 0;
  margin: 0 0 0 17px;
  float: left;
  display: block;
  width: 255px;
  height: 70px;
  overflow: hidden;
}
a.mtr:hover {
  display: block;
  text-indent: -253px;
}
a.completecatalog {
  padding: 0;
  margin: 0 0 0 0;
  float: left;
  display: block;
  width: 255px;
  height: 70px;
  overflow: hidden;
}
a.completecatalog:hover {
  display: block;
  text-indent: -253px;
}
a.catalogrequest {
  padding: 0;
  margin: 0 0 0 0;
  float: left;
  display: block;
  width: 255px;
  height: 70px;
  overflow: hidden;
}
a.catalogrequest:hover {
  display: block;
  text-indent: -253px;
}
a.forged {
  margin: 0;
  display: block;
  width: 554px;
  height: 175px;
  overflow: hidden;
}
a.forged:hover {
  display: block;
  text-indent: -555px;
}
a.bar {
  margin: 0;
  display: block;
  width: 554px;
  height: 175px;
  overflow: hidden;
}
a.bar:hover {
  display: block;
  text-indent: -555px;
}
a.branch {
  margin: 0;
  display: block;
  width: 554px;
  height: 175px;
  overflow: hidden;
}
a.branch:hover {
  display: block;
  text-indent: -555px;
}
a.na {
  margin: 0;
  display: block;
  width: 180px;
  height: 230px;
  overflow: hidden;
}
a.na:hover {
  display: block;
  text-indent: -185px;
}
a.ot img,
a.mtr img,
a.completecatalog img,
a.catalogrequest img,
a.forged img,
a.bar img,
a.branch img,
a.na img {
  max-width: none;
  overflow: hidden;
}
a.buttons {
  margin: 0;
  float: left;
  display: block;
  width: 135px;
  height: 50px;
  overflow: hidden;
}
a.buttons:hover {
  display: block;
  text-indent: -141px;
}
a#kevind {
  color: #333333;
}
a#kevind:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#tomf {
  color: #333333;
}
a#tomf:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#mattj {
  color: #333333;
}
a#mattj:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#tiffanyr {
  color: #333333;
}
a#tiffanyr:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#joeh {
  color: #333333;
}
a#joeh:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#peggyl {
  color: #333333;
}
a#peggyl:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#annm {
  color: #333333;
}
a#annm:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#hals {
  color: #333333;
}
a#hals:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#ronw {
  color: #333333;
}
a#ronw:target {
  position: relative;
  padding-top: 15em;
  color: #009900;
  font-size: 18px;
}
a#nt {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 22px;
}
a#nt2 {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 10px;
}
a#ntb {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 22px;
}
a#ntb2 {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 17px;
}
a#nti {
  font: italic 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 22px;
}
a#ntbi {
  font: bold italic 13px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 0 15px 0;
  margin: 0;
  line-height: 22px;
}
a#nth {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 5px 0 0 0;
  padding: 15px 5px 10px 5px;
}
a#nth3 {
  color: #006600;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 10px 0;
}
span#faddr {
  margin: 0;
  color: #ffffff;
  font: 11px Arial, Helvetica, sans-serif;
}
/*material grade pages*/
.body2 {
  background-color: #ffffff;
  position: absolute;
}
.body2 h2 {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0px!important;
  padding: 15px 5px 10px 5px;
}
.body2 h3 {
  color: #006600;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0 0 10px 150px;
  padding: 15px 5px 10px 5px;
}
.body2 p {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  margin: 0 0 0 150px;
  padding: 5px 5px 15px 5px;
  line-height: 22px;
}
.body2 span {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  margin: 0 0 0 92px;
  padding: 5px 5px 15px 5px;
  line-height: 22px;
}
/*2 column pages*/
.left {
  padding: 10px 15px 20px 22px;
}
.left h2 {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 5px 0 0 0;
  padding: 15px 5px 10px 5px;
}
.left h3 {
  color: #006600;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0 5px;
  padding: 10px 0;
}
.left img {
  float: left;
  margin: 10px 10px 15px 5px;
  padding: 0;
}
.left form {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
  padding: 5px 5px;
  margin: 0;
  line-height: 22px;
}
.left p#addr {
  line-height: 17px;
}
/*no column pages*/
.left2 {
  width: 100%;
  float: left;
  padding: 10px 15px 20px 22px;
  overflow: auto;
}
.left2 h2 {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 5px 0 10px 0;
  padding: 15px 5px 10px 5px;
}
.left2 img {
  float: left;
  margin: 10px 10px 15px 5px;
  padding: 0;
}
/*Price Sheets*/
.left3 {
  width: 579px;
  float: left;
  padding: 10px 15px 20px 22px;
}
.left3 h2 {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 5px 0 0 0;
  padding: 15px 5px 10px 5px;
}
.right {
  padding: 10px 22px 10px 15px;
}
.right h2 {
  color: #006600;
  font: bold 18px Arial, Helvetica, sans-serif;
  margin: 5px 0 0 5px;
  padding: 15px 5px 5px 5px;
}
.right h3 {
  color: #006600;
  font: bold 13px Arial, Helvetica, sans-serif;
  margin: 0 3px;
  padding: 10px 0;
}
.right img {
  float: left;
  margin: 5px 10px 15px 15px;
  padding: 0;
}
.right_small {
  background: #ffffff;
  padding: 10px 7px;
  margin: 0 auto;
}
.right_small ul {
  margin: 10px 5px;
  padding: 0;
  list-style: none;
}
.right_small li {
  border-bottom: 1px solid #eaeaea;
  padding: 5px 5px;
  margin: 0;
}
.right_small a {
  font: bold 12px Arial, Helvetica, sans-serif;
}
.right_small img {
  border: none;
}
/* Reposition fancybox */
div#fancybox-wrap {
  left: -30px !important;
}
.footer {
  margin: 0 auto;
  padding: 0 0 8px 0;
  width: 960px;
  background: #003300;
  border-top: 1px solid #003300;
  border-bottom: 1px solid #002a00;
}
.footer ul {
  margin: 0;
  padding: 10px 10px 5px 10px;
  list-style: none;
  float: left;
}
.footer img {
  display: inline;
  margin: 5px 10px;
  padding: 0;
}
.footer ul li {
  margin: 0;
  padding: 0 10px;
  float: left;
}
.footer p {
  margin: 0;
  padding: 10px 20px 5px 20px;
  float: left;
  color: #ffffff;
  font: normal 11px Arial, Helvetica, sans-serif;
}
.footer a {
  color: #ffffff;
  font: bold 11px Tahoma, Geneva, sans-serif;
  text-decoration: none;
}
.footer a:hover {
  color: #00cc00;
}
/*contact form*/
.form {
  float: left;
  width: 600px;
  margin-top: 40px;
  margin-left: 10px;
}
.form1 {
  margin: 0;
  padding: 0 10px;
}
.form1 * {
  color: #333333;
}
.form1 ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.form1 li {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  display: block;
}
.form1 li.buttons {
  margin: 5px 0;
}
.form1 label {
  margin: 0;
  padding: 0;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #666666;
}
.form1 label span {
  font: normal 10px Arial, Helvetica, sans-serif;
}
.form1 input.text {
  border: 2px solid #cccccc;
  margin: 0 5px;
  padding: 2px 2px;
  height: 18px;
  background: #ffffff;
  font: normal 12px Arial, Helvetica, sans-serif;
}
.form1 textarea {
  width: 270px;
  height: 100px;
  border: 2px solid #cccccc;
  margin: 5px 5px;
  padding: 2px 2px;
  background: #ffffff;
  font: normal 12px Arial, Helvetica, sans-serif;
}
.form1 li.buttons input {
  padding: 3px 0;
  margin: 0 0 0 80px;
  border: 0;
  color: #ffffff;
}
.form2 {
  margin: 0;
  padding: 0 10px;
}
.form2 ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.form2 li {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  display: block;
}
.form2 li.buttons {
  margin: 5px 0;
}
.form2 label {
  margin: 0;
  padding: 0;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #666666;
}
.form2 label span {
  font: normal 10px Arial, Helvetica, sans-serif;
}
.form2 input.text {
  border: 2px solid #cccccc;
  margin: 0 5px;
  padding: 2px 2px;
  height: 18px;
  background: #ffffff;
  font: normal 12px Arial, Helvetica, sans-serif;
}
.form2 textarea {
  width: 270px;
  height: 100px;
  border: 2px solid #cccccc;
  margin: 5px 5px;
  padding: 2px 2px;
  background: #ffffff;
  font: normal 12px Arial, Helvetica, sans-serif;
}
.form2 li.buttons input {
  padding: 3px 0;
  margin: 0 0 0 80px;
  border: 0;
  color: #ffffff;
}
#msg {
  display: none;
  position: absolute;
  z-index: 200;
  background: url(images/msg_arrow.gif) left center no-repeat;
  padding-left: 7px;
}
#msgcontent {
  display: block;
  background: #f3e6e6;
  border: 2px solid #924949;
  border-left: none;
  padding: 5px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  min-width: 150px;
  max-width: 250px;
}
#msg2 {
  display: none;
  position: absolute;
  z-index: 200;
  /*background: url(images/msg_arrow2.gif) left center no-repeat;*/
  padding-left: 7px;
}
#msgcontent2 {
  display: block;
  background: #f3e6e6;
  border: 2px solid #924949;
  /*border-right: none;*/
  padding: 5px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  min-width: 150px;
  max-width: 250px;
}
p.response {
  text-align: center;
  color: #2c2c2c;
  font: bold 11px Arial, Helvetica, sans-serif;
  line-height: 22px;
  width: auto;
}
p.clr,
.clr {
  clear: both;
  padding: 0;
  margin: 0;
}
li.bg,
.bg {
  clear: both;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
  background: none;
  list-style: none;
}
li.line,
.line {
  border-top: 1px solid #d9d9d9;
  padding: 0;
  margin: 10px 0;
  background: none;
  list-style: none;
}
/*
#addsearch-rp-sortby {
	position: relative; 
	width: 64px;
    height: 29px;
	color: white;
	display: block; 
}
#addsearch-rp-sortby:before {
	content:'Close';
	position: absolute;
	inset: 0;
	color: white;
	font-size: 14px;
	background:#b50505;
	padding: .5em 1em;
}
#addsearch-rp-sortby:hover:before  {
	background: #333;
}
*/
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
body > *,
body,
.slider_wrapper,
.body,
table,
.header {
  max-width: 100%;
}
table {
  overflow-x: scroll;
}
.p-2 {
  padding: 0.5rem;
}
.order-md-1 {
  order: 1;
}
.order-md-2 {
  order: 2;
}
.footer-address span {
  margin-bottom: 3px;
  display: block;
}
.language-menu {
  text-align: right;
  margin-top: -30px;
  margin-bottom: 10px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#glogo {
  margin-right: -60px;
  margin-top: 3px;
}
#fancybox-content {
  overflow:scroll;
}
@media (min-width: 767px) {
  .body {
    display: flex;
  }
  .left {
    width: 75%;
  }
  .right {
    width: auto;
    max-width: 305px;
  }
}
.body2 {
  background-color: #ffffff;
 position: relative;  
  padding: 1.5em;
  height: 100%!important;
}
.navbar-toggler {
  background: none;
  border: none;
  position: absolute;
  top: 7px;
  right: 12px;
  z-index: 999999999;
}
.nav-icon {
  width: 25px;
  height: 4px;
  background: #006600;
  display: block;
  margin: 4px;
}
.bg-white .nav-icon {
  transform: rotate(45deg);
}
.bg-white .nav-icon.first {
  transform: rotate(-45deg);
  top: 7px;
  position: relative;
}
.bg-white .nav-icon:nth-child(2) {
  display: none;
}
@media (max-width: 768px) {
  .body2, .print {
    padding: 5px!important;
    margin: 0px!important;
  }
  body {
  background: #fff;
  }
	.body2 span, .body2 p, .body2 h3, .body2 h2, .body2 h4, .body2 h1 {
		margin: 0!important;
		padding: 5px!important;
	}
    img {
      margin-left: 0;
      margin-right: 0;
    height: auto!important
    }
    .body p {
      font-size: 14px;
    }
    
    .left img {
      margin-right: 15px;
    margin-left: 0!important;
    }
    p, div, h2, h3, h4, h5, span li {
      margin: 0;
    }
    a.ot,
    a.branch,
    a.mtr,
    a.completecatalog,
    a.forged,
    a.bar {
      max-width: 90vw;
    }
    a.ot img,
    a.branch img,
    a.mtr img,
    a.completecatalog img,
    a.forged img,
    a.bar img {
    max-width: 180vw;
  }
    .right img {
      margin-left: 15px;
    margin-right:0!important;
    }
    .body.home-page {
      display: flex;
      flex-wrap:wrap;
    }
    .home-page .right {
    order:1;
    flex:100%;
    padding-bottom: 0px;
    margin-bottom: -10px;
  }
  .home-page .left {
    order:2;
    flex:100%;
  }
  .home-page .right_small {
    display: flex;
    width:100%;
    flex-wrap:wrap;
    justify-content: center;
  }
  .home-page p {
    width: 100%;
    flex:100%;
  }
  .logo-mobile {
    padding: 4px 13px 0px;
      max-height: 60px;
  }
  #caption0 {
    padding-top:15px;
  }
  .slider_wrapper {
    margin-top:125px;
  }
    .top_header {
      height:125px;
      position: fixed;
      top: 0;
    box-shadow: 0 0 10px;
      transition: all ease 300ms;
    }
    .header_text h2 {
      overflow: hidden;
      margin-top: 96px;
      margin-bottom: -20px;
    }
    .sticky .top_header{
      position: fixed;
      height: 85px;
      z-index: 99999;
      background: white;
    transition: all ease 300ms;
    }
    .sticky .top_header a.logo img {
    width: 246px;
    }
  .sticky .phone {
    display: none;
  }
    .navbar-toggler {
      position: fixed;
      background: white;
    }
  
    .sticky .top_header a.logo {
      max-width: 123px;
      max-height: 50px;
      max-height: 76px;
      margin-top: -10px;
      margin-bottom: 0;
    }
    .phone {
      position: absolute;
      right: 33px;
      top: -7px;
      padding-left: 0;
      width: 100%;
    }
    #menu li.main > a span.mwrap br {
      display: none;
    }
    #menu {
      height: 0;
      opacity: 0;
      z-index: 11111111;
      position: fixed;
      top: 0;
      left: -100%;
      height: 100%;
      width: 80%;
      max-width: 300px;
      overflow-y: scroll;
      transition: all ease 300ms;
    }
    #menu.show {
      height: 100%;
      opacity: 1;
      display: block;
      left: 0;
    }
    #menu li.main {
      display: block;
      clear: both;
      pointer-events: none;
    }
    #menu li a.main {
      padding: 1rem;
      display: inline-block;
      text-align: left;
      position: relative;
      width: 85%;
      pointer-events: all;
    }
    #menu li ul.sub {
      display: none;
    }
    #menu :hover ul.sub li a.expand:hover,
    #menu li:hover li:hover > a.expand {
      background-image: none;
    }
    #menu li.open ul.sub {
      display: block;
      top: 0;
      width: 100%;
    }
    #menu li.open ul.sub li ul,
    #menu li.open ul.sub li ul li .sub2 {
      display: none;
    }
    #menu li.open ul.sub li.open ul,
    #menu li.open ul.sub li.open ul li.open .sub2 {
      display: block;
    }
    #menu li ul.sub li {
      pointer-events: none;
    }
    #menu li ul.sub li a.expand,
    #menu ul.sub li a {
      display: inline-block;
      text-align: left;
      position: relative;
      width: 85%;
      padding: 0.5em 1.1em;
      pointer-events: all;
    }
  
    #menu ul.sub {
      width: 100%;
      top: 0;
      position: relative;
      display: none;
    }
    #menu :hover ul.sub li,
    #menu :hover ul.sub li a {
      width: 100%;
      float: none;
      clear: both;
      height: auto;
    }
    #menu :hover ul.sub li {
      pointer-events: none;
    }
    #menu li:hover li:hover > ul {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      color: #000;
      padding-left: 1.5em;
    }
    #menu :hover ul.sub li.wrap a,
    #menu :hover ul.sub li.wrap {
      width: 100%;
      height: auto;
      border: none;
    }
    #menu :hover ul.sub li a span#spadding {
      padding: 0px 0 5px 5px;
    }
    #menu :hover ul.sub li a.expand:hover,
    #menu li ul.sub li a.expand {
      background-image: none;
    }
    .indicator {
      display: block;
      width: 30px;
      height: 30px;
      background: none !important;
      position: absolute;
      right: -17%;
      top: 8px;
      z-index: 99999999;
    }
    .expand .indicator {
      top: 1px;
    }
    .indicator::before {
      content: "";
      width: 8px;
      height: 8px;
      color: white;
      border: 3px solid;
      border-top: 0;
      border-left: 0;
      top: 7px;
      left: 7px;
      position: absolute;
      transform: rotate(45deg);
    }
    li.open > a .indicator:before {
      color: #009900;
    }
    .spadding.indicator::before {
      content: "";
      width: 5px;
      height: 5px;
      color: white;
      border: 2px solid;
      border-top: 0;
      border-left: 0;
      top: 7px;
      left: 7px;
      position: absolute;
      transform: rotate(45deg);
    }
  }
  
  @media (max-width: 627px) {
    .phone-num {
      display: block;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 0.7em;
    }
    .phone-24 {
      display: none;
    }
    .color-light {
      padding-bottom: 7px;
    }
  
  }
  @media (max-width: 576px) {
    .footer ul li {
      float: none;
    }
    .left img,
    .right img {
      float: none;
    }
  }
  
  @media (max-width: 476px) {
    body
      .addsWg-searchfield-container-class
      .addsWg-searchfield
      input[type="search"] {
      min-width: 150px;
      max-width: 170px;
    }
    a.ot, a.mtr {
      margin: 0 auto;
    }
  }
  
  @media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
      
    #lhnContainerDone {
      display: none;
    }
    body .form1 * {
      margin: 3px 0 0 0 !important;
      width: auto;
    }
   
    /* Force table to not be like tables anymore */
  
    div#fancybox-wrap, #fancybox-content {
      left: auto!important;
      width: 100%!important;
      z-index: 11111;
    }
    tr {
      height: auto !important;
    }
    .print {
      text-align: right;
      padding: 5px;
      margin: 10px 0 0 !important;
    }
    .print td {
      padding: 10px;
    }
  * {
      max-width:100%;
    }
    body .form1 input.text,
    textarea {
      padding: 1em 0.5em;
      max-width: 100%;
    }
  
    td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
    }
  }
  @media only screen and (max-width: 576px), (max-device-width: 576px) {
    body .form1 input.text {
      width: 100%;
    }
    body a.addsWg--hit .addsWg--highlight {
  
      font-size: 12px;
      color: black;
      line-height: 1.2em;
      letter-spacing: 0;
    }
    .search-wrapper {
      right: -25px;
      position: absolute;
      width: 100%;
      bottom: -15px;
     margin-left: -25px;
      } 
      .search-wrapper .addsWg-widget-container-class {
        right: 0;
      } 
  }