/*---GLOBALS---*/

html {min-height: 100%; position: relative;}

body {margin:0 0 210px; font-family: "franklin-gothic-urw-cond",sans-serif;}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}

.clearfix {clear: both;}

a img {border: none;}

#content {padding:10px; margin-left: 60px;}

p.bold {font-weight: bold;}

a[href^=tel] {color: inherit; text-decoration: none;}

/*---HEADER---*/
 
.headerBackground {background: url(../img/header_bg-NEW.gif) repeat-x 0 0; height: 360px; width: 100%;}
/*.headerBackground {background: url(../img/header-bg-new.gif) repeat-x 0 0; height: 369px; width: 100%;}*/

.header {margin: 0 80px;}

.headerImg {top: 0; position: relative; display: block; border: 0;}

#logo img {position: relative; display: block;}

.search-button {background: url(../img/search-button-new.png) no-repeat right bottom; height: 67px; width: 257px;}

.search-button:hover {background-position: left top;}

.headerPhone {font-family: helvetica, sans-serif; font-weight: bold; font-size: 16pt; text-align: center; letter-spacing: 1pt; margin-top: 30px;}

.phone {color: #595757;}

.nav ul {text-align: center; margin: 0 auto;}

.nav li {display: inline; text-align: center; color: #FFFFFF; margin-right: 10px;}

.nav li a {font-family: helvetica, sans-serif; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 11pt; letter-spacing: 1px;}

.nav li a:hover {font-size: 11pt; color: #bababa;}

.banner {margin-left: 0; margin-top: 13px;}

.banner img {width: 100%; max-width: 1020px; /*margin-top: 11px;*/}

@-moz-document url-prefix() {
	.banner {margin-top: 11px;}
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .banner {margin-top: 12px;} 
}

.hideMenu li {display: none;}
 

/*---CONTENT---*/

h1 {font-family: "franklin-gothic-urw-cond",sans-serif; color: #3b5061; font-weight: 400; font-size: 24pt;}

h2, .interior {font-family: "franklin-gothic-urw", sans-serif; color: #33a2df; font-weight: 400; font-size: 17pt; letter-spacing: 7px; text-transform: uppercase; margin-top: 30px; }

.interior {letter-spacing: 1px; padding-left: 0;}

h3 {font-family: "franklin-gothic-urw-cond",sans-serif; color: #3b5062; font-weight: 700; font-size: 18pt; line-height: 140%; padding-left: 20px; margin-bottom: 10px;}

h4 {font-family: "franklin-gothic-urw-cond",sans-serif; color: #FFFFFF; font-weight: 700; font-size: 20pt; position: absolute; margin-left: 10px; margin-top: 5px;}

p, li {color: #3b5061; font-family: "franklin-gothic-urw-cond",sans-serif; font-weight: 400; font-size: 16pt; /*line-height: 120%;*/ margin-bottom: 10px;}

.pinterior {line-height: 140%;}

.inventory-button {display: block; height: 30px; width: 200px; background: #ffb76b; background: -moz-linear-gradient(top, #ffb76b 0%, #e99328 0%, #e58924 32%, #e17f20 63%, #de761d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(0%,#e99328), color-stop(32%,#e58924), color-stop(63%,#e17f20), color-stop(100%,#de761d)); background: -webkit-linear-gradient(top, #ffb76b 0%,#e99328 0%,#e58924 32%,#e17f20 63%,#de761d 100%); background: -ms-linear-gradient(top, #ffb76b 0%,#e99328 0%,#e58924 32%,#e17f20 63%,#de761d 100%); background: linear-gradient(to bottom, #ffb76b 0%,#e99328 0%,#e58924 32%,#e17f20 63%,#de761d 100%); border: 1px solid #FFB700; font-family: "franklin-gothic-urw-cond",sans-serif; color: #FFFFFF; text-transform: uppercase; font-weight: 700px; text-decoration: none; padding-top: 12px; padding-left: 12px; letter-spacing: 1px; font-size: 12pt;}

.inventory-button:hover {background: #1D4C7B; border: 1px solid #33A2DF;}

.dottedHR {width: 100%; max-width: 497px; height: 3px; margin: 20px auto;}

#buyBushings {width: 100%; max-width: 443px;}

#imageText {font-family: "franklin-gothic-urw-cond",sans-serif; color: #FFFFFF; font-weight: 400; font-size: 13pt; position: absolute; margin-left: 10px; margin-top: 40px; width: 290px; line-height: 110%;}

#ruleTop {margin: 30px 20px auto 20px;}

.caseHistoryIntro {font-weight: 700;line-height: 135%; margin:0;font-size:14pt; margin-bottom: 15px;}

.caseHistory {padding-left: 0; margin-bottom: 20px;}

.caseHistoryHR {margin-top:20px;}

.caseHistoryText {padding-left: 20px; margin-top: 0; line-height: 140%;}

.caseHistoryLink {padding-left: 20px; font-family: "franklin-gothic-urw-cond",sans-serif; font-weight: 700; color: #3b5062; text-decoration: none; font-size: 15pt;}

.caseHistoryLink:hover {color: #33a2df;}

.caseHistoryHead:before {content:url(/img/plus-img.png); margin-left:-20px; margin-right:6px;}

.caseHistoryHead a {color: #3b5062; text-decoration: none;}

.caseHistoryHeadInterior {padding-left: 0;}

.caseHistoryHeadInterior a {color: #3b5062; text-decoration: none;}

.caseHistoryTextInterior {margin-top: 0; line-height: 140%;}

.caseHistoryHeadSidebar {padding-left: 0; margin:0; line-height: 120%;}

.caseHistoryHeadSidebar a {color: #3b5062; text-decoration: none;}

.caseHistoryTextSidebar { margin-top: 10px; line-height: 140%; font-size: 14pt;}

.readMore {font-family: "franklin-gothic-urw", sans-serif; color: #33a2df; font-weight: bold; font-size: 14pt; text-transform: uppercase; text-align: right; margin-top: 0;}

.readMore a {color: #3b5062; text-decoration: none;}

.readMore:after {content:url(/img/plus-img.png);}

.headshot {padding: 15px 20px 5px 0;}

.sendInquiry {color: #E07F1D; text-decoration: none;}

.sendInquiry:hover {text-decoration: underline;}


/*.buy-button {background: url(../img/buy-button.png) no-repeat right bottom; height: 41px; width: 175px; float: left; margin-right: 20px; margin-top: 20px;}

.sell-button {background: url(../img/sell-button.png) no-repeat right bottom; height: 41px; width: 175px; float: left; margin-top: 20px;}

.buy-button:hover, .sell-button:hover {background-position: left top;}*/


/*---SIDEBAR---*/

.helpImg {display: block; position: relative; margin-right: 30px;}

.help p {margin-left: 20px; color: #000000; font-size: 12pt; font-weight: 700; width: 160px; line-height: 100%; z-index: 1000; margin-top: 0;}

#sidebarPhone {color: #1d4c7b; font-weight: 700; font-size: 15pt; margin-left: 0; margin-top: 10px; margin-bottom: 5px;}

#email {color: #3b5061; font-weight: 700; font-size: 14pt; max-width: 90%; line-height: 0; margin-left:0;text-decoration: none;}

.sidebarHR {margin: 10px auto; width: 100%;}

.app h1 {font-weight: 700; font-size: 15pt; color: #df781d; margin-top: 0;}

#buttons {padding-top: 25px;}

#appStore, #googPlay {display: block;}


/*---TABLE---*/

.inventoryTable {display: table; width: 100%; float: left; margin-top: 10px; margin-bottom:20px; border-top: 1px solid #145477;border-right: 1px solid #145477; border-left: 1px solid #145477;}

.headRow {background-color: #61747d; display: table-row; text-align: center; font-size: 10pt; width: 100%;}

.headCell {display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #145477; font-weight: bold; color: #FFFFFF; padding: 1%; width: 14%; border-bottom: 1px solid #145477;}

.headCell:last-child {border-right: none;}

.divRow {background-color: #f5f6f7; display: table-row;}

.divRow:nth-child(odd) {background-color: #e1e5e7;}

.divRow:last-child {border-bottom: none;}

.cell {display: table-cell; color: #000000; text-align: center; padding: 1%; font-size: 10pt; border-right: 1px solid #145477; border-bottom: 1px solid #145477; vertical-align: middle; height: 30px;}

.cell:last-child {border-right:none;}

.cell1 {width: 16%;}

.cell2 {width: 7%;}

.cell3 {width: 14%;}
		
.cell4 {width: 13%;}

.cell5 {width: 7%;}

.cell6 {width: 21%;}

.cell7 {width: 13%;}

.inquireBtn {display: block; background-color: #DF781D; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-align: center; padding: 3% 2%; border: 1px solid #FDDD9A;width:90%; margin: 0 auto; font-family: "franklin-gothic-urw-cond",sans-serif; font-size: 10pt; -webkit-appearance: none; -webkit-border-radius: 0;} 

.inquireBtn:hover, .searchBtn:hover {background-color: #1D4C7B; border: 1px solid #33A2DF;}

.searchBtn {background-color: #DF781D; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-align: center; padding: 1% 3%; border: 1px solid #FDDD9A; margin-left: 10px; font-family: "franklin-gothic-urw-cond",sans-serif; -webkit-appearance: none; -webkit-border-radius: 0;}

/*---FORMS---*/

#content form fieldset {padding: 10px; margin: 20px auto 10px; border: 2px solid #145477;}

#content form fieldset legend {color: #E07F1D; font-size: 14pt;}

#content form fieldset legend img {vertical-align: middle; padding-right: 3px;}

#content form p.required, #content form label span {font-weight: bold; color: #ee2e24; font-size: 12pt; margin: 0 0 5px 0}

#content form div {width: 50%; float: left; margin: 0 0 5px 0;}

#content form div label {clear: both; float: left; margin-bottom: 5px; font-weight: bold; color: #5E5E5E;}

#content form div input {clear: both; float: left; width: 95%; height: 20px;}

#content form div.large {clear: both; width: 100%;}

#content form div.large input {clear: both; width: 98%;}

#content form div.quarter {width: 25%; float: left;}

#content form div.quarter input {clear: both; width: 90%;}

#content form textarea {width: 98%; height: 70px;}

#content form #submit-btn {display: block; background-color: #DF781D; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-align: center; border: 1px solid #FDDD9A; float: right; padding: 5px 10px; -webkit-appearance: none; -webkit-border-radius: 0;}

#content form #submit-btn:hover {background-color: #1D4C7B; border: 1px solid #33A2DF;}

.error {font-weight: bold; color: #ee2e24; font-size: 12pt;}

.search-box {width: 83%; height: 20px;}

/*---FOOTER---*/

/*#footer {position: absolute; height: 167px; width: 100%; bottom: 0;left: 0;background-color: #bababa;}*/

#footer {position: absolute; width: 100%; left: 0;background-color: #bababa;}

.bottom {background-color: #bababa;}

.footer-img {background: url(../img/footer-bg.png) no-repeat 0 0; width: 1020px; height: 167px; margin: 0 auto; }

.footerInvRec {margin-top: 50px; margin-left: 150px;}

#footerContent {margin-left: 50px;}

#whiteLogo {margin-top: 50px; position: relative; display: block;}

.footerText {font-family: "trebuchet ms", sans-serif; text-transform: uppercase; font-size: 8pt; color: #000000; margin: 67px auto auto 10px;}

#footerNav ul {padding-left: 0; margin-bottom: 0; margin-top: 10px;}

#footerNav li {display: inline; text-align: center; color: #FFFFFF; margin-right: 10px; font-size: 8pt;}

#footerNav li a {color: #4e4e4e; font-family: helvetica, sans-serif; text-transform: uppercase; text-decoration: none;}

#footerNav li a:hover {color: #FFFFFF;}

.copyright {font-family: "trebuchet ms", sans-serif; font-size: 8pt; margin-top: 0; color: #000000;}


/*---MEDIA QUERIES---*/

@media screen and (max-width: 355px) {
	
	body {margin:0 0 100px;}
	
	#content {margin: 0 auto;}
	
	.grid-container {padding-left: 0; padding-right: 0;}
	
	.headerBackground, .header {background: #DEDEDE; height: 60px; border-top: 2px solid #BABABA;}
	
	.header {margin: 0; width: 100%;}
	
	#headerName {float: left; margin: 10px auto auto 10px; }
	
	.mnav {float:left;width: 100%;background-color:#DEDEDE; padding-left: 0;margin-right: 0; margin-top: 0; margin-bottom: 0;}
	
	.mnav ul {background-color:#DEDEDE;margin-right: 0;margin-top: 0;}
	
	.mnav li {width:100%;float:right;list-style:none;margin:0;background-color:#DEDEDE;font-weight:700;}
	
	.menuDD {float:right;height:26px;width:40px;padding-top:10px;margin-right: 10px;padding-top:20px}
	
	.mnav a {font-family: "franklin-gothic-urw-cond",sans-serif; border:none; text-decoration:none; color:#3e3e3e; display:block; font-size:15pt; text-transform:uppercase; text-align: center;}
	
	.mnav li ul {display:none;height:auto;margin:0;padding:0;}
	
	.mnav li:hover ul {display:block;position:relative;z-index: 2000;}
	
	.mnav li ul li a {color:#3B5061;}
	
	.mnav li ul li {background-color:#DEDEDE;padding-right:10px; padding-top: 10px; padding-bottom: 5px;}
	
	.mnav li ul li a:hover {color: #FFFFFF;} 
	
	.headerPhone {font-size: 10pt; float: right; margin-top: 50px; margin-right: 5px;}
	
	#headerHR {margin-top: 0; max-width: 1024px; width: 100%;}
	
	#content {margin: auto; padding: 0;}
	
	h1 {margin-top: 0; font-size: 18pt;}
	
	h2 {font-size: 15pt;}
	
	h4 {margin-left: 5px; font-size: 13pt;}
	
	#imageText {width: 200px; margin-left: 5px; font-size: 9pt; margin-top: 24px;}
	
	#footer {height: 100px;}
	
	.footerInvRec {margin-top: 0; padding-top: 5px;}
	
	.footerText {text-align: center; padding-top: 20px; margin-top: 0;}
	
	.copyright {text-align: center;}
	
	.banner a {background-color: #DEDEDE;}
	
	.headRow, .cell {font-size: 8pt; height: 30px;}
	
	.help {margin-top: 20px;}
	
	.sidebarHR {width: 100%;}
	
}

@media screen and (max-width: 450px) {
	
	.headRow, .cell {font-size: 6pt;}
	
	.inquireBtn {font-size: 6pt; padding: 1%; height: auto;}
	
	.cell {padding: 0;}
	
	.headCell {font-weight: normal;}
	
	#imageText {margin-top: 25px;}
	
	.search-box {width: 61%;}
	
}

@media screen and (max-width: 700px) {
	
	#content form div, #content form div.large, #content form div.quarter {width: 100%; float: left; margin: 0 0 5px 0;}
	
	#content form div input, #content form div.large input, #content form div.quarter input {width: 95%; float: left; margin: 0 0 5px 0;}

}

@media screen and (min-width: 400px) and (max-width: 514px) {
	
	.help img {margin-right: 20%;}
	
/* 	.help p, .help a, #sidebarPhone, #email {margin-left: 13%;} */
	
}

@media screen and (min-width: 360px) and (max-width: 514px) {
	
	#buttons {margin-left: 35%; padding-top: 0;}
	
}

@media screen and (min-width: 515px) and (max-width: 767px) {
	
	.help img {margin-right: 30%;}
	
/* 	.help p, .help a, #sidebarPhone, #email {margin-left: 27%;} */
	
	#buttons {margin-left: 40%; padding-top: 0;}
}


@media screen and (min-width: 360px) and (max-width: 767px) {
	
	h1 {margin-top: 10px;}
	
	.banner img {width: 100%; max-width: 767px; }
	
	.footerText {text-align: center; padding-top: 20px; margin-top: 0;}
	
	.copyright {text-align: center;}
	
	.sidebar {margin-top: 30px;}
	
	.help img {display: block; margin: auto;}
	
	.app {padding-top: 20px; text-align: center;}
	
	.app img {float: none;}
		
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.inventory-button {margin-bottom: 20px;}
	
	.footerInvRec {margin-top: 0; padding-top: 5px; margin-right: 20px; margin-left:35%;}
	
	.footerText {text-align: left; padding-top: 20px; margin-top: 0;}
	
	.copyright {text-align: left;}
	
	.sidebar {margin-top: 30px;}
	
	.help {padding-left: 75px;}
	
	.help img {margin-right: 30px; padding-right:10px;}
	
	.app {float: right; position: relative;}
	
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {

	.banner {margin-top: 2px;}
	
}*/

@media screen and (min-width: 356px) and (max-width: 1024px) {
	
	body {margin:0 0 100px;}
	
	#content {margin: 0 auto;}
	
	.grid-container {padding-left: 0; padding-right: 0;}
	
	.headerBackground, .header {background: #DEDEDE; height: 60px;}
	
	.header {margin: 0; width: 100%;}
	
	#headerName  {float: left; margin: 10px auto auto 10px; max-width: 250px;}
	
	#headerNameTab  {float: left; margin: 10px auto auto 10px; width: 100%; max-width: 250px;}

	.mnav {float:right;width: 100%;background-color:#DEDEDE;margin-right: 0; margin-top: 0; margin-bottom: 0;}
	
	.mnav ul {background-color:#DEDEDE;margin-right: 0;margin-top: 0;}
	
	.mnav li {width:100%; float: right;list-style:none;margin:0;background-color:#DEDEDE;font-weight:700;}
	
	.menuDD {float:right;height:26px;width:40px;padding-top:20px; margin-right: 10px;}
	
	.mnav a {font-family: "franklin-gothic-urw-cond",sans-serif; border:none;text-decoration:none; color:#3e3e3e; display:block; text-align: center; font-size:15pt; text-transform:uppercase;}
	
	.mnav li ul {display:none;height:auto;margin:0;padding:0;}
	
	.mnav li:hover ul {display:block;position:relative;z-index: 2000;}
	
	.mnav li ul li a {color:#3B5061;}
	
	.mnav li ul li:first-child {padding-top:30px;}
	
	.mnav li ul li {background-color:#DEDEDE;padding-right:10px; padding-top: 10px; padding-bottom: 5px;}
	
	.mnav li ul li:last-child {padding-bottom:30px;}
	
	.mnav li ul li a:hover {color: #FFFFFF;} 
		
	.headerPhone {font-size: 10pt; float: right; margin-top: 50px; margin-right: 5px;}
	
	#headerHR {margin-top: 0; max-width: 1024px; width: 100%;}
	
	#content {margin: auto;}
	
	h1 {margin-top: 0; font-size: 20pt;}
	
	h4 {margin-left: 10px; font-size: 17pt;}
	
	#imageText {width: 200px; margin-left: 10px; font-size: 10pt;}
	
 	.footerInvRec {margin-top: 0; padding-top: 5px; margin-right: 20px; margin-left:25%;} 
	
	.banner a {background-color: #DEDEDE;}
	
	#footer {height: 100px;}
}