@charset "utf-8";
/* CSS Document */
body, html{
	height:100%;
}
body {
	background-image:url(/images/carbon_fibre_bolts2.jpg);
	background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
	background-color: #000000;	
	height: 100%;
	margin:0;
	padding:0;
}

body, td, th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: medium;
	color: #000000;
}

h1 {
	padding:2px;
	margin:0px;
	margin-bottom:8px;
	border-bottom:2px solid #c6001b;
	}
#HeaderTable {
	margin: 0px auto;
	position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
	z-index:1000;
	width: 100%;
	background-color: #333;
	border-top: 2px solid #000;
	border-bottom:2px solid #000;
}
#HeaderTable ul {
	width:950px;
	margin: 0px auto;
	display: flex;
    flex-direction: row;
    padding: 0;
	/*list-style-type: none;*/
    /*overflow: hidden;*/
}

#HeaderTable ul li {
    /*float: left;*/
	font-size: 125%;
	font-weight: normal;
	color: white;
	list-style: none;
    flex-grow: 1;
    text-align: center;
	list-style: none;
}

#HeaderTable ul li a {
    display: block;
	font-weight: normal;
	color: white;
    text-align: center;
    padding: 14px 16px;
    /*text-decoration: none;*/
}
#brandBox {
	width: 950px;
	margin: 0px auto;
    padding: 0;
}
#linkBox {
	width: 950px;
	margin: 0px auto;
    padding: 0;
}

/* Change the link color to #111 (black) on hover */
#HeaderTable li a:hover {
    background-color: #111;
}
.active {
    background-color: #c6001b;
}
img {
	border: 0px;
}
#wrapper {
	/*min-height:100%;*/
	height:auto !important;
	height: 100%;
	position: relative;
	margin: 0px auto;
	background-image:url(/images/background2018mro2.jpg);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #000000;
	background-position: top;
    background-repeat: no-repeat;
	background-size: auto;
}
#fullbg{
	background-image:url(../images/white.jpg);
	background-size:cover;
	background-position:bottom;
}

#content {
	width: 950px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:0px;
	background-color: #fff;
	height: 100%;
	clear:both;
	/*padding-bottom: 179px; /*Height of Footer*/
}
.contentPadding{
	padding:15px;
}
#column1 {
	float: left;
	width: 48%;
}
#column2{
	float:right;
	width:48%;
}
#clearcolumns{
	clear:both;
}
#footer {
	width: 100%;
	min-height: 179px;
	height: 100px;
	position: absolute;
	/*bottom: 5px;*/
	/*left: -6px;*/
	/*background-color: #c6001b;*/
	background-color: #333;
	border-top: 2px solid #000;
	background-image:url(/images/carbon_fibre_bolts.jpg);
	background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer_message {
	width: 950px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	color: #FFFFFF;
	text-shadow:#000000 1px 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align:right;
}
.affiliated_distributors {
	border: 5px solid #FFFFFF;
	float: left;

	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 5px;
}
.asaipd {
	border: 5px solid #FFFFFF;
	float: left;

	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-right: 5px;
}
.background_box {
	background-image: url(/images/oilfield.png);
	background-size:cover;
	background-position:center;
	min-height: 400px;
	text-align:center;
	margin:0px;
	margin-top:8px;
	padding:10px;
	background-color:#FFFFFF;
}
/*Line Items Graphic*/
.lineitems {
	padding-top: 45px;
	padding-left: 0px;
	margin: 0px auto;
}
/*Link Panel*/
#linkpanel {
	float: right;
	clear: both;
	margin-right: 75px;
}
/*Updates*/
#updates{
	padding:5px;
	margin:0 auto;
	margin-top:8px;
	margin-bottom:8px;
	text-align:center;
	overflow: hidden;
}
#updates ul {
	padding: 0px;
	list-style-position: inside;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#updates li {
	float:left;
	display: block;
	clear: right;
	padding-left: 5px;
	padding-right:5px;
	border-right:1px solid #ADADAD;
}
#updates li:first-child {
	padding-left: 0px;
}
#updates li:last-child {
	padding-left: 5px;
	border:none;
}
a:link {
	color: #c50021;
	text-decoration:none;
}
a:visited {
	color: #c50021;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #c50021;
	text-decoration:none;
}
/*STORES TABLE*/
.CSSTableGenerator {
	padding: 0px;
	margin: 0 auto;
	clear: both;
 width:80%;
 border:1px solid #0057af;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}
.CSSTableGenerator table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
.CSSTableGenerator tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
/*
.CSSTableGenerator tr:hover td {
	background-color: #d3e9ff;
}
*/
.CSSTableGenerator td {
	vertical-align: top;
	background-color: #ffffff;
	border: 1px solid #0057af;
	border-width: 0px 1px 1px 0px;
	text-align: left;
	padding: 7px;
	font-weight: normal;
	color: #000000;
}
.CSSTableGenerator tr:last-child td {
	border-width: 0px 1px 0px 0px;
}
.CSSTableGenerator tr td:last-child {
	border-width: 0px 0px 1px 0px;
}
.CSSTableGenerator tr:last-child td:last-child {
	border-width: 0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td {
	background: -o-linear-gradient(bottom, #0057af 5%, #0057af 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
	background: -moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");
	background: -o-linear-gradient(top, #0057af, 0057af);
	background-color: #0057af;
	border: 0px solid #0057af;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.CSSTableGenerator tr:first-child:hover td {
	background: -o-linear-gradient(bottom, #0057af 5%, #0057af 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
	background: -moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");
	background: -o-linear-gradient(top, #0057af, 0057af);
	background-color: #0057af;
}
.CSSTableGenerator tr:first-child td:first-child {
	border-width: 0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child {
	border-width: 0px 0px 1px 1px;
}
/* IMAGES */
.image_float_right{
	float:right;
	clear:both;
	padding-left:10px;
	padding-bottom:10px;
}
/* PLACEMENT */
.place_center{
	margin: 0 auto;
}
/* HIGHLIGHT ROW INTERNET SPECIALS */
#tblpty th, td{font-size:medium; border-collapse:collapse;}
#tblpty td{border-bottom:1px solid #6C6C6C;}
#tblpty td{padding: 5px;}
/* CONTACT TABLE */
#contact_table_1{
	border:1px solid #000000;
	width:100%;
}
#contact_table_1 tr, #contact_table_1 td{
	border-bottom:1px solid #000000;
}

/* BRAND IMAGE */
.brand_container{
	text-align:center;
}
.brand_image{
	padding:10px;
	display:inline-block;
	position:relative;
	top:150;
}
#safety{width:100%; font-size:small; text-align:center; vertical-align: middle; border-bottom:1px dotted #ffffff; padding-bottom:8px; padding-top:8px;}
#safety img{vertical-align: middle;}
/* INTERACTIVE STORE MAP */
.map {
	background: url(/images/oklahoma-texas_map_mmsupply.png) center no-repeat;
	width: 925px;
	height: 453px;
	display: block;
	position: relative;
	align-self: center;
	margin: 0px auto;
	margin-top: 15px;
}
.map-marker {
	background: url(/images/map-icon.png) top left no-repeat;
	width: 29px;
	height: 28px;
	z-index: 10;
	cursor: pointer;
	position: absolute;
}
.tooltip {
	position: absolute;
	display: none;
	z-index: 1000;
	background-color: black;
	color: white;
	border: 1px solid black;
	top: 0px;
	left: 0px;
	width: 200px;
	padding: 10px;
	margin: 2px;
}
.map-pop {
	position: absolute;
}
.locations{
	position: absolute;
	z-index: 9;
	left: 7px;
	top: 169px;
}
/* Stores Page */
.tableTop{
	background-color:#5F5F5F;
	border-bottom:1px solid #5F5F5F;
	margin-bottom: 4px;
}
.tableTop td {
	padding:5px;
	background-color:#5F5F5F;
	color:#FFFFFF;
}
.storeListTbl{
	font-size:85%;
}
.storeListTbl td{
	padding:5px;
}
.storeListTbl tr{
	padding:5px;
}
.even {
	padding:5px;
	background-color: #E5E5E5;
}
.even td{
	padding:5px;
	background-color: #E5E5E5;
}
.odd {
	padding:5px;
}
.odd td{
	padding:5px;
}
 UL Animation 
#aniMenu div {padding:4px; background-color:#ffffff;}
#aniMenu div a{display:block;}
.ulDivPad4 {padding:4px; background-color:#ffffff; position:relative;}

#scam_alert{
	margin:10px;
	padding:10px;
	background-color:#FDD359;
	border-radius:10px;	margin:10px;
	padding:10px;
	background-color:#FFFFFF;
	border-radius:10px;
	border:dotted 1px #D2A648;
	border:dotted 1px #D2A648;
}
#scam_alert h1{
	color:#B26C60;
	margin:0px;
	padding:0px;
}

#caseKnives{
	margin:0px;
	margin-top:8px;
	padding:10px;
	background-color:#FFFFFF;
	border-radius:10px;
	border:dotted 1px #D2A648;
	text-align:center;
	background-image:url(../images/case_knifeBG.jpg);
	background-size:cover;
	color:#FFFFFF;
}
#slider-wrapper{
	width: 950px;
	min-width:950px;
	min-height:400px;
	margin:0 auto;
	margin-top:20px;
	border:solid 1px #000;
}

#layerslider{
	background-color:ffff;
	min-width:950px;
	min-height:400px;
}

#caseKnives h1{
	color:#B26C60;
	margin:0px;
	padding:0px;
}

      #map-canvas {
        width: 460px;
        height: 400px;
      }
	  .redTitle{
		  font-size: 150%;
		  color:#BD0003;
	  }
	  .redUnderline{
		  border-bottom:2px solid #BD0003;
		  margin-bottom:6px;
	  }
	  .greyTitle{
		  fontsize: 90%;
		  color:#5C5C5C;
		  width:120px;
	  }
	  
.flex-container {
  display: flex;
  align-items: stretch;
  margin:0px;
}
.flex-container > div {
  min-width: 100px;
  margin: 10px;
  text-align: left;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
}
.flex-container > ul {
  list-style-type: none;
  line-height:120%;
}
.socialMediaIcons{
	text-align: center;
	font-size: xx-large;
	color: #c50021;
	margin:0px auto;
	align-items: center;
	padding:25px;
	
}
.socialMediaIcons a i{
	margin: 0 12px;
}
.storeTable {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.storeTable > div {
  background-color: #f1f1f1;
  padding: 20px;
  margin: 10px;
  width:25%;
}