body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


body nav ul ul {
    display: none;
    position:absolute;
    width: 100%;
     
    background: #5C87B2;
    border-top: 5px solid #5C87B2;;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
body nav ul ul li a{
    line-height: 3.1em;
}

h2 {
    margin-top: 40px;
}
.mech-entry { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    width: 75%;
    margin-top: 20px;
}
.mech-header { display: table;}
.mech-label-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.mech-row { display: table-row; }
.mech-field-left {
     display: table-cell;
    width: 50%;
}
input, select{
  box-sizing: border-box;
}
.mech-field-left select {
    width: 75%;
}
.mech-field-right {
     display: table-cell;
     width: 50%;
     font-size: 15px;
}
.mech-field-right input {
    width: 100%;
}
.mech-button {
    align-content: center;
    text-align: center;
}
.mechresults {
    margin-left:auto; 
    margin-right:auto;
}
.mechresults-header {
     display: table-header-group;
}
.mechresults-row {
     display: table-row;
}
.mechresults-col {
     display: table-cell;
    width: 200px;
    text-align: left;
    border: 1px solid black;
    background-color: #f0f0f5;
    font-weight: bold;
}
.mechresults-val {
     display: table-cell;
    width: 200px;
    text-align: left;
    border: 1px solid black;
    background-color: white;
}
.mechresults-colspanned {
      border: 1px solid black;
      align-content: center;
    align-items: center;
    text-align: center;
      background-color: #f0f0f5;
    font-weight: bold;
    }
.mechresults-rowheader { 
    display: table-cell;
    width: 100px;
}
.mechresults-rowdata { display: table-cell; }

.navbar-inverse-sri {
  background-color: #F6E8CB;
  border-color: #EFD6A0;
}
.lead-sri {
  margin-bottom: 20px;
  font-size: 16.099999999999998px;
  font-weight: 200;
  line-height: 1.4;
}

.jumbotron-sri {
  padding: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: white;
  background-color: #354F4B;
}

.jumbotron-sri h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron-sri p {
  line-height: 1.4;
}
.jumbotron table {
    width: 100%;
}
.jumbotron-image {
    text-align: right;
}
.container .jumbotron-sri {
  border-radius: 6px;
}

.jumbotron-sri-table {
    display: table;
    width: 100%;
}
.jumbotron-sri-row {
    display: table-row;
}
.jumbotron-sri-left {
    display: table-cell;
    vertical-align: top;
    width: 700px;
}
.jumbotron-sri-right {
    display: table-cell;
    text-align: right;
}
.headerpic {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: white;
  width: 100%;
  height: 600px;
  background-image: url(/Content/Images/home2.jpg);
  background-color: #354F4B;
  background-repeat: no-repeat;
  background-position: center;
}
.gauge-table {
     display: table;
     width:100%;
    height:100%;
    margin-top: 40px;
}
.gauge-table2 {
     display: table;
    width:100%;
    height:100%;
}
.gauge-header {
     display: table-row;
     font-weight: bold;
     background-color: #f0f0f5;
}
.gauge-header-identity {
    display: table-cell;
     font-weight: bold;
     background-color: #f0f0f5;
      width: 30%;
      border: 1px solid black;
}
.gauge-header-contact {
    display: table-cell;
     font-weight: bold;
     background-color: #f0f0f5;
      width: 30%;
      border: 1px solid black;
}
.gauge-header-contact2 {
    display: table-cell;
     font-weight: bold;
     background-color: #f0f0f5;
      width: 20%;
      border: 1px solid black;
}
.gauge-header-print {
    display: table-cell;
     font-weight: bold;
     background-color: #f0f0f5;
      width: 10%;
      border: 1px solid black;
}
.gauge-row {
     display: table-row;
}
.gauge-header-gallons {
     display: table-cell;
    font-weight: bold;
    text-align: left;
    border: 1px solid black;
    width: 5%;
    background-color: #f0f0f5;
}
.gauge-header-inches {
     display: table-cell;
     font-weight: bold;
     text-align: left;
    border: 1px solid black;
    width: 5%;
}
.gauge-gallons {
     display: table-cell;
     text-align: right;
    border: 1px solid black;
    width: 5%;
    background-color: #f0f0f5;
}
.gauge-inches {
     display: table-cell;
     text-align: right;
    border: 1px solid black;
    width: 5%;
}
.shoppingrequest-desc {
    margin-top: 40px;
}
.shoppingrequest-entry {
    display: table;
    width: 100%;
}
.shoppingrequest-row {
    display: table-row;
}
.shoppingrequest-label {
    display: table-cell;
    background-color: lightgray;
    width: 25%;
    border: 1px solid black;
    font-weight: bold;
}
.shoppingrequest-input-input {
    display: table-cell;
    width: 25%;
    border: 1px solid black;
    background-color: white;
}
.shoppingrequest-input {
    width: 100%;
}

.shoppingrequest-submit {
    align-content: center;
    text-align: center;
}
.validation-error
{
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}
.notfound {
    background: red;
    background-color: red;
    align-content: center;
    text-align: center;
    margin: 20px 0 0 0;
    font-weight: bolder;
}
/*.btn-style{
	border : solid 0px #638a00;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 2px 2px rgba(0,0,0,0.0);
	-moz-box-shadow : 0px 2px 2px rgba(0,0,0,0.0);
	box-shadow : 0px 2px 2px rgba(0,0,0,0.0);
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #05c87a;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05c87a), color-stop(100%,#648c00));
	background : -moz-linear-gradient(top, #05c87a 0%, #648c00 100%);
	background : -webkit-linear-gradient(top, #05c87a 0%, #648c00 100%);
	background : -o-linear-gradient(top, #05c87a 0%, #648c00 100%);
	background : -ms-linear-gradient(top, #05c87a 0%, #648c00 100%);
	background : linear-gradient(top, #05c87a 0%, #648c00 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#05c87a', endColorstr='#648c00',GradientType=0 );
    margin: 20px 0 0 0;
}*/

.btn-style{
border:px solid #FFFFFF; -webkit-border-radius: px; -moz-border-radius: px;border-radius: px;width:px;font-size:px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
 background-color: #CEDCE7; background-image: -webkit-gradient(linear, left top, left bottom, from(#CEDCE7), to(#596a72));
 background-image: -webkit-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -moz-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -ms-linear-gradient(top, #CEDCE7, #596a72);
 background-image: -o-linear-gradient(top, #CEDCE7, #596a72);
 background-image: linear-gradient(to bottom, #CEDCE7, #596a72);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CEDCE7, endColorstr=#596a72);
    margin-top: 15px;
}

.btn-style:hover{
 border:px solid #FFFFFF;
 background-color: #acc4d6; background-image: -webkit-gradient(linear, left top, left bottom, from(#acc4d6), to(#434f55));
 background-image: -webkit-linear-gradient(top, #acc4d6, #434f55);
 background-image: -moz-linear-gradient(top, #acc4d6, #434f55);
 background-image: -ms-linear-gradient(top, #acc4d6, #434f55);
 background-image: -o-linear-gradient(top, #acc4d6, #434f55);
 background-image: linear-gradient(to bottom, #acc4d6, #434f55);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#acc4d6, endColorstr=#434f55);
}
div.page {
    background-color: #FDFBEC;
    padding: 20px 20px 20px 20px;
}
div.home-blurb {
    margin-left: 5px;  
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;  
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FDFBEC;
    color: #354F4B;
    font-size: 11pt;
}
.home-blurb-title {
   color: #354F4B;
    font-size: 12pt;
    font-weight: bold;
}
.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}
.home-blurb {
    display: table-cell;
    width: 33.333333333%;
}
.show-more {
    padding: 10px 0;
    text-align: center;
}
.contact-form {
    width: 90%;
    margin-left:auto; 
    margin-right:auto;
}
.contact-message {
    width: 70%;
}
.contact-name td {
    width: 30%;
}
.contact-name input {
    width: 100%;
}
.contact-company td {
    
}
.contact-company input {
    width: 100%;
}
.contact-email td {
    
}
.contact-email input {
    width: 100%;
}
.contact-job-title td {
    
}
.contact-job-title input {
    width: 100%;
}
.contact-phone td {
    
}
.contact-phone input {
    width: 100%;
}
.contact-request td {
    
}
.contact-request textarea {
    width: 100%;
    height: 100%;
    min-height: 150px;
}
.contact-label {
    font-weight: bold;
}
.contact-submit {
    width: 100%;
}
.contact td {
    vertical-align: top;
}
.contact table {
    vertical-align: top;
}
.bordertop {
	border-top-width: thin;
	border-top-color: #625320;
	border-top-style: solid;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.borderbottom {
	border-bottom-width: thin;
	border-bottom-color: #625320;
	border-bottom-style: solid;
	margin-bottom: 20px;
	margin-top: 10px;
}


a {
	color: #557574;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #AAAAAA;
    background-color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}
a:visited {
}
a:active {
}
a:link {
	color: #557574;
	text-decoration: none;
	font-weight: bold;
}
.navbar-default .navbar-nav > .active > a:focus {
  color: #BBBBBB;
  background-color: #FFFFFF;
}
.titlebox{
    width: 105px;
    text-align: left;
}
.senderror {
    background-color: red;
    color: white;
    width: 25%;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sendsuccess {
    background-color: green;
    color: white;
    width: 25%;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.home-company-name {
    color: white;
    font-weight: bold;
    font-size: 50px;
}

.navbar-toggle .icon-bar {
    background-color: #000;
}