/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Oswald', sans-serif;
	
}



a {
	color:#000;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none!important;
}

p{
	padding:2px 15px!important;
	
}

.white h1 {color:#fff; font-size:2rem; padding-top:20px;}
.white h5 {color:#fff!important;}
.white p {color:#fff;}
.white a {color:#fff;}


.img-responsive {width:100%; padding:10px;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left; text-align: center;}
.text-left {float:left;}
.right {float:right;}
.center-left {text-align: left; margin-left:25%;}
.none{display:none;}




*{
	box-sizing:border-box;
}

body { 
	overflow-x:hidden;

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}
.col-8, .col-9 {
	margin:0 auto;
}


/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	margin:0 auto;
	background:transparent;
	padding:10px 0px;
}

.toptext {font-size:14px;}

.logo{
	display:inline-block;
	padding:20px 0 20px 0;
}
.logo img{
	width:200px;
	margin:0 auto;
	display:inline-block
}
.logotext {font-size:70px;}

.welcome {width:80%; padding:10px 0px; margin:0 auto;}

.caret {    
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
	border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
}

.contact {display:block; margin-bottom:15px;}

.mfg-logos {background:#000; width:100%; text-align: center;}
.mfg img {height:50px; padding-right:10px; margin:0 auto; text-align: center;}
.mfg img:hover {height: 40px;}
.title a {padding:10px 50px; margin:0 auto; text-align: center; color:#fff; font-size: 13px;}

ul.secondary li {
			display:inline-block;
			margin:0;
			list-style-type:none; 
			width:9%;
			}
ul.secondary li a {
				color:#fff;
				font-size:13px;
				line-height:18px;
				text-decoration:none;
				padding:20px 20px;
				display:block;
}


/*  SUB NAV
------------------------------------------------*/
ul.secondary li li a:link, ul.secondary li li a:visited{
	font-size: 12px;
	line-height:14px;	
	color:#fff;
	background: #000; 
	width: 210px;
	border-right:none;
	border-left:none;
	border-bottom: #ccc solid 1px;
}

ul.secondary li li a:hover,ul.secondary li li a:active {
	background:#666;
	color:#fff;
}


/*  NAV DROPDOWNS
------------------------------------------------*/
ul.secondary ul  {
    display: none;
    position: absolute; 
}
  
ul.secondary ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
ul.secondary li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 500;
}
  
ul.secondary ul li {
    float: none; 
    position: relative;
    margin:0;
	display:block;
}





.mobile-contact {display:none;}


/* HOME PAGE STYLES
-----------------------------------------------*/

.red-wrapper {background:url(/siteart/red-bg.png);
	background-color: #740707;
	background-size: cover; 
	width:100%; 
	padding:20px 0px 40px 0px;
	overflow:auto;
	overflow-x:hidden;
}

.img-box {width:250px; background:#241011; position:relative; text-align: left;margin:0 auto;}
.img-box .links {position:absolute; text-shadow:-2px 2px 3px #000; color:#fff; font-size:1.7rem; font-weight: 700; font-family: 'Oswald', sans-serif; z-index: 98; margin-left:-67%;}
.img-box img {width:250px; cursor:pointer; margin-right: -71px;}
.img-box img:hover {margin-left:-20px;}

.home-col {flex:1 0 18%; margin:0 auto; padding-top:50px;}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



/*--- KEYWORD SEARCH--------------------------*/



#quick-search-wrap{display: inline-block;; position:relative;vertical-align: top; margin-top:20px;}

#quick-search-wrap form{
	position:relative;
	display:block;
}

#quick-search-wrap form input{
	width:200px;
	background:#fff;
	color:#9F9F9F;
	height:50px;
	line-height:30px;
	padding:0 0 0 10px;
	border:1px solid #000;
	float:left;
	position:relative;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	border-radius: 0px!important;
}

#quick-search-wrap form .button{
	border:0;
	position:relative;
	text-transform:uppercase;
	width:50px;
	height:50px;
	background:#000 url(../siteart/search-icon.png) center center  no-repeat;
	cursor:pointer;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	border-radius:0px!important;
	margin: 0!important;
}

#quick-search-wrap form .button:hover{
	background:#00245d url(../siteart/search-icon.png) center center  no-repeat;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	border-radius:0px!important;
	
}


.spacer {margin-bottom:31%;}
.spacer-sm {margin-bottom:10%;}


/* ----- INVENTORY  -----*/

.compare-link {display: none!important;}
.at-share-btn-elements {display:none!important;}


/*--------FORM STYLES--------------------------------------*/
.form-wrap {width:100%; display: inline-block; padding:2% 0; }
#formpage { 
	vertical-align:top; 
	margin: 0 auto;  
	text-align:left;
	font-family: 'Oswald', sans-serif;
}

#formpage div {
	vertical-align:top;
	padding:5px 16px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}

#formpage input {
	padding:6px 5px 10px;
	background:#fff;
}

#formpage textarea {
	padding:6px 6px;
	font-weight: 500;
	background:#fff;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #b3282f;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:8px ;
	width:100%;
}

.formfield {
	width:46%; 
	float:left; 
	margin-right: 12px; 
	color: #e6e6e6;
	text-align:left;

	
}
#select-location {
	max-width: 300px;
	width: 100% !important;
	float:left; 
	margin-right: 12px; 
	color: #e6e6e6;
	text-align:left;
}
#formpage input  {
    width:100%;
}
#formpage input#interest  {
    width:auto;
}
#formpage input#service  {
    width:auto;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:93%;
    height:85px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
	text-align: left;	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#ddd; 
	color:#000;
	border:1px solid #abacac;
	outline-style:none;
	-webkit-transition-duration: 0.4s; 
	/* Safari */ transition-duration: 0.4s;
}


#formpage input.button,
#formpage input.button:focus {
	max-width: 300px;
    width:100%;
    margin:0;
    background: #000; 
	border:2px solid #000; 
	padding: 15px 20px; 
	font-weight: 300;
	font-size:14px;
    line-height:14px;
	letter-spacing: 2px;
    color:#fff;
	float: none;
	font-family: 'Oswald', sans-serif;
	-webkit-transition-duration: 0.4s; 
	/* Safari */ transition-duration: 0.4s;
}
#formpage input.button:hover {
	width:100%;
    margin:0;
    padding:15px 20px;
    background: none; 
    border: 2px solid #000;
    line-height:14px;
    color:#000;
	-webkit-transition-duration: 0.4s; 
	/* Safari */ transition-duration: 0.4s;
	cursor: pointer;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
	background-color: fff !important;}



/* Hosted Styles *************/

.hosted-content .pagination .btn, .hosted-content .pagination-blog .btn { 
	width: 200px;
    font-size: 22px;
}

.hosted-content .pagination>a, .hosted-content .pagination>span, .hosted-content .pagination>.drop-down-form select, .hosted-content .pagination-blog>a, .hosted-content .pagination-blog>span, .hosted-content .pagination-blog>select {padding:7px;}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:14px;
	text-align:center;
	background:#000;
	padding: 0 0 30px 0;
}

.footer a{
	color:#eaeaea;
	text-decoration:none;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}



@media screen and (max-width: 1450px)  {
	.mfg img {height:35px; padding:none;}
	.home-col {flex:1 0 31%;}
	.img-box .links {margin-left:-45%;}
	.img-box img {width:200px;}
	.img-box {width:200px;}
	.text-left {font-size:13px;}
}



@media screen and (max-width: 1090px)  {
	.welcome {display:none;}
	.center-left {font-size:12px;}
	.contact {display:none;}
	.secondary {display:none;}
	.img-box .links {font-size:1rem;}
	
	.mobile-contact {display:block; padding-top:20px; font-weight:bold;}
	
}

@media screen and (max-width: 768px) {
	.home-col {flex:1 0 51%;}
	.img-box .links {margin:6% 0 0 -80%;}
	.img-box {width:49%; text-align:none;}
	.img-box img {width:365px;}
	
	
}

@media screen and (max-width: 640px) {
	.img-box img {width:250px;}
	.img-box .links {margin:6% 0 0 -60%;}
	.formfield {width:100%;}
}