/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 10, 2015 */

@font-face {
    font-family: 'oswaldbold';
    src: url('../webfonts/oswald-bold-webfont.eot');
    src: url('../webfonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/oswald-bold-webfont.woff2') format('woff2'),
         url('../webfonts/oswald-bold-webfont.woff') format('woff'),
         url('../webfonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../webfonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'oswaldlight';
    src: url('../webfonts/oswald-light-webfont.eot');
    src: url('../webfonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/oswald-light-webfont.woff2') format('woff2'),
         url('../webfonts/oswald-light-webfont.woff') format('woff'),
         url('../webfonts/oswald-light-webfont.ttf') format('truetype'),
         url('../webfonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'oswaldmedium';
    src: url('../webfonts/oswald-medium-webfont.eot');
    src: url('../webfonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/oswald-medium-webfont.woff2') format('woff2'),
         url('../webfonts/oswald-medium-webfont.woff') format('woff'),
         url('../webfonts/oswald-medium-webfont.ttf') format('truetype'),
         url('../webfonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'oswald_regularregular';
    src: url('../webfonts/oswald-regular-webfont.eot');
    src: url('../webfonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../webfonts/oswald-regular-webfont.woff') format('woff'),
         url('../webfonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../webfonts/oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'oswaldlight';
    margin: 0;
	padding:0;
	background:url(../siteart/p6.png) repeat;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    height: 1px;
    width: 100%;
    border: none;
    background: #ccc;
	margin:40px auto;
 }  

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'oswaldbold';
	margin: 0;
	padding:0 0 2% 0;
	font-weight:normal;
	line-height:1.5em;
	color:#000;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size:30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
	}

p {
    font-family: 'oswaldlight';
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}
strong{font-family: 'oswaldmedium';font-weight:normal;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ffcd07;
	} 
.center {text-align:center;}	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#231f20; padding:2px 0;font-size:14px;color:#fff;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;}
.topbar ul li{float:left;padding:7px 40px 7px 0;}
.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}

header{width:100%;margin:0;padding:20px 0;background:#fff;}

.headerwrap{width:96%;max-width:1170px;margin:0 auto;}
.logo{float:left;margin-right:25px;}
.address{text-align:left;float:left;padding-top:5px;}
.address p{font-size:16px;font-family: 'oswaldmedium';}
.address p strong{font-size:16px;font-family: 'oswaldbold';}

.phone1 {text-align:right;padding-top:20px;font-family: 'oswaldbold'; font-size:22px; line-height:36px;}
.phone1 p{font-size:20px ;padding:5px 0 0 0;}
.mobilephone {text-align:center;padding-top:20px;font-family: 'oswaldbold';font-size:22px;line-height:36px;display:none;}



/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */


/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1170px;margin:0 auto;padding:0;}
.sitecontainer{background:#fff;width:calc(97% - 2px);max-width:1170px;margin:0 auto;padding:0 1.5%;border:#ccc 1px solid;}


	
/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/cream_pixels.png) repeat;padding:1.5% 0;color:#fff;position:relative;}

.cycle-slideshow{float:left;width:870px;}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}



/*===================== 
	banner styles 
=======================*/

	
/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
	color:#000;
}
.form-wrapper input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:100%;
	margin-bottom:10px;
}
.form-wrapper input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

.form-wrapper select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:102%;
}
.form-wrapper textarea{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:100%;
}

.section group



/*===================== 
	layout styles 
=======================*/
.padit{padding-top:1.5%;padding-bottom:2%;}
.welcome h1{color:#000;}
.welcome{background:url(../siteart/cream_pixels.png);}
.scrolling{display:block;background:#fefe01; padding:10px 0;}
#address{text-align:center;}
.linkbox{}
.linkbox img{float:left;margin-right:10px;border:#ccc 1px solid;}
.linkbox p{font-size:15px;}

#marktwain{background:#2d2d2d;text-align:center;padding:20px 0;}

.contacts{background:#fefe01;padding:20px 0;text-align:center;}
.contacts p{font-size:16px;padding:5px 0;}

.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

.title {
	font-weight:bold;font-size:20px;margin-bottom:10px;
}

.thumbnails{text-align:center;font-family: 'oswaldmedium';}
.thumbnails img{opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
		-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;}
.thumbnails img:hover{opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */}
	
.paintbooth{background:#000 url(../siteart/PAINT-BOOTH-bg.jpg) center center no-repeat;padding:2%;text-align:center;}
.paintbooth h1,.paintbooth h2,.paintbooth h3,.paintbooth h4{padding:0 0 0 0;}
.paintbooth h1{font-size:72px;color:#fefe01;text-transform:uppercase;}
.paintbooth h2{font-size:60px;color:#fefe01;}
.paintbooth h3{font-size:40px;color:#fff;}
.paintbooth h4{font-size:32px;color:#fff;}



/*===================== 
                PARTS SEARCH 
=======================*/
iframe.parts_search{
	width:100%;
	min-height:900px; 
	height:100%;
	margin-top: 50px;
	background: #FFFFFF;
	border: 1px solid #000000;
}

.parts_container{
	margin: 0 auto 30px auto;
	width: 90%;
}


/* ZOOM */

.contact-box{
	float:left;
	width: 25%;
	*width: 20%;
	background: #fff;
	padding: 10px 25px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoom-container-home {
	float:left;
	width: 25%;
	*
	width: 25%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container-home img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-home .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-home .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	/* margin: 50% 0 0; */
	background: rgba(182, 32, 43, 0.6);
	background: #000 \9;
}
.zoom-container-home:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container-home:hover .zoom-caption {
	background: none;
}






.usedzoom-container-home {
	float:left;
	width: 12.5%;
	*
	width: 16.66%;
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.usedzoom-container-home img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.usedzoom-container-home .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.usedzoom-container-home .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	padding: 5px 0;
	/* font-family: helvetica; */
	font-family: 'oswald';
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	/* margin: 50% 0 0; */
	background: rgba(0, 0, 0, 0.6);
	background: #000 \9;
}
.usedzoom-container-home:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.usedzoom-container-home:hover .zoom-caption {
	background: none;
}





.zoom-container {
	float:left;
	width: 25%;
	*width: 23%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-button{
	display: block;
	background: url(../images/button.png) no-repeat;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	right: 0;
	height: 47px;
	width: 47px;
	margin: 15px;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'oswaldmedium';
	font-size: 24px;
	line-height: 64px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	margin: 50% 0 0;
	background: rgba(0, 0, 0, 0.6);
	background: #000 \9;
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: none;
}




/*-- detailed search--*/
.detailed-search-wrap {width:80%; margin:20px auto 0 auto; padding: 20px 0;}
.detailed-search-wrap .column4 {
	width: 24%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-search-wrap .column3 {
	width: 32%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-row .column3.second{vertical-align: middle; margin-top: 20px;}
.detailed-search input[type='submit'] {
	font-size:15px;
	color:#000;
	font-weight:700;
	background: #ffcd07;
    width: 100%;
	padding: 9px 0;
	margin-top: 20px;
	letter-spacing: .50px;
	outline: none;
	border: none;
	-webkit-appearance: none;
}
.detailed-search input[type='submit']:hover{
	background:#ccc;
	color:#000;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}


/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #ffcd07 !important; border: 1px solid #333; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #111; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search .example-val{font-size: 18px; color: #fff;} .detailed-search .example-val span{font-weight: 400;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}



/***** SEARCH *****/

/*===================== 
	Quick Search 
=======================*/

#quick-search{background: #000;margin:0 auto;display:inline-block;text-align:left;z-index:9000;padding: 10px;float:left;width:280px;min-height:351px;}
#quick-search h4{
	 color: #fff;
}
#quick-search form{}
#quick-search label{
	padding:.2em .4em .2em 0;
	display:inline-block;
	text-align:left;
	font-size:18px;
	color:#fff;
	margin: 0 10px 0 0;
	}
#quick-search input, #quick-search select, #quick-search textarea{
	padding:.2em;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #c7c8ca;
	margin-bottom:10px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:2px;
	width:100%;}
#quick-search input[type='radio']{float:none;width:auto;margin:0 2px 0 0;vertical-align:middle;}	
#quick-search input[type='submit']{width:auto; width:80px; cursor:pointer;}
#quick-search select{width:100%; margin-bottom: 25px;}
#quick-search label.short{width:50px;}
#quick-search input.short{width:100px; margin-right:10px;}
#quick-search textarea.short{width:100px; margin-right:10px;}
#quick-search label.mini{width:135px;}
#quick-search input.mini{width:96%;}
#quick-search textarea.mini{width:50px;}

#quick-search label.checkbox, #quick-search input.checkbox{width:auto; font-weight:normal; padding:1px; margin-bottom:5px;}

.color-it{color:#fff;}
small{color:#fff; font-size:12px;}
.thirds {width:30%; float:left; color:#484848;}
.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}
.halves {width:48%; float:left; margin:0px 3% 0px 0px;}
.halves.last {margin:0px;}

.search {
  position: relative;z-index:1000;
}
.search-title{float:left; padding: 5px 0;}

.search:before {
  position: absolute;
  right: 0;
  width: 20px;
  height: 16px;
  font-family: 'FontAwesome';
  content: '\f002';
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smooth: always;
  background: #262626;
  padding: 8px;
}

.search input[type=text]{
  display:block;
  width: 95%;
  height: 20px;
  background: #fafafa;
  border: 1px solid #ccc;
  padding: 5px 2%;
  color: #000;
}

.searchButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  opacity: 0;
  cursor: pointer;
}





/*--------Scrolling Inventory--------*/

.scrolling-wrap {
    width:100%;
    height:115px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }
.hosted-content .col{margin:0 0 0 0 !important;}
.hosted-content input{width:auto;}
/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

.quote h5{
	text-align:center;
}


/*JOB LISTING*/
#job-header {
	color: #e2041d;
}

h2#job-header {
	padding: 0px;
}

#job-list {
	font-size: 18px; line-height: 22px;    margin-left: 30px;
}

#job-list li {
	font-size: 18px;
    line-height: 30px;
}

#job-para {
	font-size: 18px; padding-bottom: 0 !important;
}

.job-opening {
	    border: 3px solid #000;
    padding: 20px;
	    width: 80%;
	margin: 0 auto;
}
/*FACETED INVENTORY*/

.list-content .list-main-section {background:#fff !important;}
.list-top-section .list-listings-count {color:#121212 !important; font-weight:normal !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {
	width: auto !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}

.faceted-option-checkbox-container label {
	width: auto !important;	
		
}
/** category pop up styles **/

.option-container label{
	display:flex;
	padding:0;
	flex-direction:row;
	width:auto!important;
}

.ts-flexbox{
	display:flex;
	flex-direction:row;
}
.ts-flexbox input[type=checkbox]{
	width:7%;
}
.option-container.two-column input[type=checkbox]{
	width:7%;
}

.compare-chkbox-container .compare-listings .compare-chkbox {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: -1px !important;
	margin-left: 5px !important;
}

.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 0 !important;
	margin-left: 5px !important;
	margin-top: -6px !important;
	
}

.compare-chkbox-container .compare-listings .fa-check {
	    top: 5px !important;
    left: 2px !important;
}

.container1 {
	padding: 20px;
	    background: #fff;
    width: 98%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 1.5%;
    border: #ccc 1px solid;
}

.body-wrapper {
 margin-top: 20px !important;
padding-bottom: 20px !important;
}

.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {font-size:18px !important; color: #000 !important;}
.detail__machine-location-label-text {font-weight:normal !important;}
.list-redesign .other-site-data-section .rent-lease .rent-lease-price {color: #000 !important;}

.compare-listings__checkbox {width:auto!important; margin-bottom: 0 !important; }

.rent-prices, .lease-prices, .fractional-prices {
	font-size: 14px !important;
	line-height: 18px !important;
}
.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price,.detail-content-mobile .detail-main-body .main-detail-data .detail-price, .detail-content-mobile .detail-main-body .main-detail-data .alternate-retail-price,.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .info, .error-message {
	color: #000 !important;
}

.rent-title-details, .lease-title-details, .fractional-title-details, .compare-listings-container .compare-container .compare-price,.list-content .list-title .list-listings-count,.rent-title, .lease-title, .fractional-title  {
	color: #222 !important;
}

.rent-title, .lease-title, .fractional-title {
	font-size: 13px !important;
}

.faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .buy-now-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .compare-listings-container .compare-container .button, .contact-options a,.detail-content-mobile .detail-contact-bar .contact-bar-btn,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input {
	background: #e9e200  !important;
	font-weight: bold !important;
	color: #000 !important;
}

.fin-calc-mobile>a,#calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn,.detail-content-mobile .detail-additional-data .data-row .data-label,.list-content .list-container .list-listing .buy-now-link, .list-content .list-container .list-listing .contact-btn, .list-content .list-container .list-listing .check-availability, .list-content .list-container .list-listing .email-seller, .list-content .list-container .list-listing .video-chat, .list-content .list-container .list-listing .facebook-messenger, .list-content .list-container .list-listing .whatsapp, .list-content .list-container .list-listing .text {
	background: #000 !important;
	
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {
	font-size: 13px !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #fe0000 !important;
		border-color: #fe0000 !important;
}

.detail-additional-data h3 {
	padding-bottom: 3px !important;
}

.detail-content .detail-additional-data .data-row .data-label {
	background: #000 !important;
}

.faceted-search-content .faceted-section-box .faceted-text-input-searchType input {
	    margin-top: 10px !important;
    /* display: flex; */
    flex-wrap: wrap !important;
    font-size: 11px !important;
    width: auto !important;
    margin-right: 4px !important;
	
}
.faceted-search-content .faceted-section-box .faceted-text-input-searchType input:last-child {
	    margin-left: 10px !important;
	
}

.error {
	border: none !important;
    padding: 0;
    font-size: 14px;
    width: auto;
   margin-bottom: 0px;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}			
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#fff;padding:40px 0;}
.pagebottom p{color:#fff;font-size:14px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ffcd07;}

.footer-logos{margin:0 auto; text-align: center}
.footer-logos img{vertical-align:middle;padding:0 35px;display:inline-block;}


footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:left; 
	margin:0 auto;
	padding:20px 0;
	}


/*===================== 
	Responsive styles 
=======================*/



@media screen and (max-width: 1270px) {
	.cycle-slideshow{width: 730px;}
#quick-search{width: 216px;min-height:291px;}
#quick-search input, #quick-search select, #quick-search textarea{
	padding: 2px;
	margin-bottom: 5px;
	font-size: 12px;
	}
}


@media screen and (max-width: 1170px) {
.logo{float:left;margin-right:20px;}
.address{text-align:left;float:left;padding-top:25px;}
.address p{font-size:16px;font-family: 'oswaldmedium';}	
.phone1 {text-align:right;padding-top:20px;font-family: 'oswaldbold';font-size:20px;line-height:36px;}
.phone1 p{font-size:16px;padding:5px 0 0 0;}


.usedzoom-container-home {
	width: 16.66%;
	*
	width: 16.66%;
}	
}

@media screen and (max-width: 1024px) {
	.cycle-slideshow{width: 100%;}
	#quick-search{display:none;}
}

@media screen and (max-width: 900px) {
}
@media screen and (max-width: 800px) {
	
.logo{float:none;margin-right:0;text-align:center;}
.address{display:none;}
.phone1 {text-align:center;padding-top:20px;font-family: 'oswaldbold';font-size:26px;line-height:36px;}
.phone1 p{display:none;}
.cycle-slideshow{width: 100%;}
#quick-search{display:none;}
.linkbox img{float:none;margin-right:0;width:100%;}
.contacts{padding:10px 0;font-size:12px;}
.contacts h6{font-size:12px;}
.paintbooth h1{font-size:60px;}
.paintbooth h2{font-size:48px;}
.paintbooth h3{font-size:36px;}
.paintbooth h4{font-size:28px;}

	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}

p {
	font-size:16px;
	}
.footer-logos{display:none;}	
	
}
@media screen and (max-width: 600px) {
.phone1 {font-size:20px;line-height:36px;}
.scrolling,.scrolling-wrap{display:none;}
.usedzoom-container-home {
	width: 25%;
	*
	width: 25%;
}
.wrapper{width:100%;}	
.sitecontainer{width:90%;padding:0 5%;}
	
}


@media screen and (max-width: 462px){
	#job-para {font-size: 16px;}
}

@media screen and (max-width: 447px){
.phone1 {display:none;}
.mobilephone {display:block;}
.cycle-slideshow{display:none;}
.sidebar{display:none;}
.contacts{padding:10px 0;font-size:16px;}
.contacts h6{font-size:16px;}
.pagebottom{padding:20px 0;text-align: center;}
.divfooter {
	text-align:center; 
	}
.usedzoom-container-home {
	width: 50%;
	*
	width: 50%;
}		
}
@media screen and (max-width: 414px){
	
}