/*===================== 
	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
=======================*/



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

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

body {
    font-family: 'Heebo', sans-serif;
    margin: 0;
	padding:0;
	background:url("../siteart/grunge.jpg") fixed repeat !important;
	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 {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Heebo', sans-serif;
    margin: 0;
	font-weight:normal;
	line-height:1.5em;
	color:#fcde0e;
	}
	h1 {font-size: 36px;font-weight:900;}
	h2 {font-size: 30px;font-weight:700;}
	h3 {font-size: 24px;font-weight:500;}
	h4 {font-size: 20px;font-weight:500;}
	h5 {font-size: 18px;font-weight:500;}

p {
    font-family: 'Heebo', sans-serif;
    padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
    font-weight:400;
	}
strong{font-family: 'Heebo', sans-serif;font-weight:700;}

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

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

a:hover  {
	text-decoration: none;
	color: #fcde0e;
	} 
	
	
.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 
=======================*/
header{width:100%;margin:0;position:absolute;top:0;z-index: 1000;}
.headleft{width:30%;float:left;}
.logo{padding:5% 0 0 15%;}
.headright{width:65%;float:right;}
.headinfo{position:relative;background:#000;float:right;padding:7px 5%;width:60%;margin-bottom:1px;text-align: center;}
.headinfo:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -20px;
    z-index: -1;
    background: #000;
    transform-origin: top left;
    -moz-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
    box-shadow:5px 5px 5px rgba(0,0,0,0.4);    
}
.headinfo a{display:inline;margin:0 2%;color:#fff;font-weight:bold;font-size:18px;}
.headinfo a span{color:#fcde0e;}
.navbar{position:relative;background:#fcde0e;float:right;width:90%;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);}
.navbar:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fcde0e;
    transform-origin: top left;
    -moz-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
    box-shadow:5px 5px 5px rgba(0,0,0,0.4);    
}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1580px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1620px;margin:0 auto;}

.bannerphoto{-moz-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);-webkit-box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);box-shadow:0px 2px 5px 1px rgba(0,0,0,.75);position:relative;}
.bannerphoto img{display:block;width:100%;height:100%;}

#internal{padding:2% 0;}
#internal h2{color:#000;}
	
/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}

.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
.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;}



/*===================== 
	search styles 
=======================*/
.searchblock{position:absolute;z-index: 1000;left:0;padding:2%;width:30%;top:25%;background:rgba(0,0,0,0.8);text-align:center;display:none;}
#searchwrap h2{color:#fff;padding:0;font-weight:700;line-height: 1em;}
#searchwrap h3{color:#fcde0e;font-weight:500;}
#searchwrap h4{text-align:left;color:#fff;font-weight:900;}
.agfilter{background:#fcde0e;}
.consfilter{background:#fcde0e;}
.truckfilter{background:#fcde0e;}
.agfilter:hover,.consfilter:hover,.truckfilter:hover{cursor:pointer;}
.agselected{background:#fff;}
.consselected{background:#fff;}
.truckselected{background:#fff;}

.agfilter,.consfilter,.truckfilter{width:29%;margin:1% 1% 2% 1%;display:inline-block;zoom: 1;*display: inline;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.agfilter img,.consfilter img,.truckfilter img{margin-bottom:-5px;max-width:70%;}
.agfilter p,.consfilter p,.truckfilter p{padding:0 0 5px 0;font-weight:bold;color:#000;font-size:14px;}
.search select{width:100%;margin-bottom:10px;}
.search label{padding:0;color:#fcde0e;font-weight:500;text-align:left;}
.search input{padding:7px 4px;}
.search select{padding:6px 4px;}
.keyed{width:45.5%;margin:0 2%;display:inline-block;zoom: 1;*display: inline;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#full{width:96%;}
#half input{padding:7px 0px 7px 4px;}
#sendsearch{width:98%;margin:0 auto;margin-top:2%;float:none;}
.searchsubmit{background:#fcde0e;padding:8px 0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-weight:bold;}
.searchsubmit:hover{cursor:pointer;}

/*===================== 
	quicklink styles 
=======================*/
.quicklinks{margin:0 auto;text-align:center;width:100%;padding:2% 0;background:url("../siteart/grunge.jpg") repeat; background-color:#000;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:22%;position:relative;height:340px;overflow:hidden;margin:1%;}
.linkbox img{height:100%;width:100%;}
.linktitler{position:absolute;width:100%;background:rgba(0,0,0,0.8);text-align:center;padding:15px 0;}
#one{bottom:-15px;}
#two{bottom:-60px;}
#three{bottom:-72px;}
#four{bottom:-100px;}
#five{bottom:-110px;}
#six{bottom:-142px;}
#seven{bottom:-150px;}
#eight{bottom:-192px;}
#nine{bottom:-215px;}
#ten{bottom:-228px;}
#eleven{bottom:-250px;}
.linktitler img{margin-bottom:5px;width:80%;}
.linktitler h3{padding:0;font-size:24px;line-height:1em;font-weight:700;}
.linktitler h5{color:#fff;font-size:16px;font-weight:500;padding:0;line-height:1.2em;}
.linktitler p{color:#ccc;font-size:14px;padding:0;line-height:1.4em;}
.linkbox:hover > .linktitler{bottom:0 !important;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
/*--.linkbox:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}--*/
.linktitler p:hover{color:#fcde0e;font-weight:500;cursor:pointer}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}
.contactform h3{color:#000;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:97.8%;
	margin-bottom:10px;
}
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;
}

select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
    margin-bottom:10px;
}

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

input[type='checkbox'],input[type='radio']{width:15px !important;min-width:15px !important;margin-right:2px;}

.half{width:48%;float:left;margin-right:2%;}
.sendbutton{background:#fcde0e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:900;border:none;padding:8px 0;text-transform:uppercase;font-size:18px;}
.sendbutton:hover{cursor:pointer;background:#000;color:#fcde0e;-moz-transition:0.5s all ease;-webkit-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;transition:0.5s all ease;}

/*===================== 
	layout styles 
=======================*/

.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}


.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}


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

/*===================== 
	welcome styles 
=======================*/
.padit{padding:2% 0;}
.welcome h1{color:#000;line-height:1.2em;padding-bottom:2%;}
.welcome{background:#fff}
.welcomeleft{float:left;width:65%;padding-right:5%;border-right:5px inset #000;}
.welcomeleft h3{padding:0;line-height:1.2em;color:#666;}
.learnbutton{width:420px;margin:10px 0;background:#fcde0e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 0;text-align:center;}
.learnbutton h5{color:#000;font-weight:900;padding:0;}
.learnbutton:hover{background:#000;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.learnbutton:hover h5{color:#fcde0e;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
#reversed{background:#000;}
#reversed h5{color:#fcde0e;}
#reversed:hover{background:#fcde0e;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
#reversed:hover h5{color:#000 !important;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}

.welcomeright{float:left;width:24%;padding-left:5%;}
.welcomeright h4{color:#000;font-weight:900;border-bottom:5px solid #fcde0e;padding:0;margin-bottom:5px;}
.storeinfo{text-align:center;}
.contactbutton{width:90%;margin:10px auto;background:#fcde0e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 0;text-align:center;}
.contactbutton h5{color:#000;font-weight:900;padding:0;}
.contactbutton:hover{background:#000;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.contactbutton:hover h5{color:#fcde0e;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.welcomeright p{/*padding-left:5%;*/padding-bottom:0;}
.numbersblock{margin:3% 0;}

/*===================== 
	rugby styles 
=======================*/
.rugby{position:relative;background:#dadada;padding:2% 0;width:100%;border-bottom:2px solid #fff;}
.rugbyleft{width:46%;float:left;padding-right:4%;}
.rugbyleft h2{color:#000;font-weight:900;line-height:1.2em;padding:0;}
.register{font-size:14px;line-height:1em;margin:0 0 0 2px;}
.rugbyleft h2,.register{display:inline-block;zoom: 1;*display: inline;vertical-align:top;}
.drop{display:block;}
.rugbyright{width:50%;float:left;}
.rugbytruck{position:absolute;right:0;top:-100px;}
.rugbytruck img{max-width:450px;}

/*--------Scrolling Inventory--------*/
.cf{background:#fff;}
.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;color:#000;padding-bottom:0.5%;}
.hosted-content h2{font-size:22px !important;padding-bottom:0.25%;}
.hosted-content h3{font-size:20px !important;padding-bottom:0.125%;}
.hosted-content h5,.hosted-content h4{color:#000;}
.currency-capital-price-container{display:none !important;}

.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
}


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

.pagebottom{background:#000;padding:30px 0 0 0;border-top:#fcde0e 20px solid;}
.footercenter a,.footerright a{color:#fff;display: block;}
.footercenter a:hover,.footerright a:hover{color:#fcde0e;}
.footerleft{width:17%;margin-right:3%;float:left;padding-bottom:30px;}
.footercenter{width:42%;margin-right:3%;float:left;padding-bottom:30px;}
.invlinks{width:50%;float:left;}
.footerright{width:35%;float:left;padding-bottom:30px;}
.footercenter h3,.footerright h3{border-bottom:5px solid #fcde0e;font-weight:700;padding:0;margin-bottom:15px;}
.legal{padding:1% 0;background:#fff;}

footer {
	margin: 0 auto;
	width: 90%;
    text-align: center;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #666;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fcde0e;
		}

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

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

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

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1620px) {
    .searchblock h2{font-size:26px;}
    .searchblock h3{font-size:22px;}
    .agfilter img,.consfilter img,.truckfilter img{margin-bottom:-5px;max-width:60%;}
    .agfilter p,.consfilter p,.truckfilter p{font-size:13px;}
    .search input{margin-bottom:5px;padding:5px 4px;}
    .search select{margin-bottom:5px;}
    #keywords{padding:7px 4px;}
    #sendsearch{width:99%;}
    .rugbyleft{width:40%;}
    .rugbytruck{top:-50px;}
    .rugbytruck img{max-width:370px;}
}

@media screen and (max-width: 1450px) {
	h1 {font-size: 30px;}
	h2 {font-size: 26px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;} 
    p {font-size: 16px;}
    .searchblock{top:25%;}
    .agfilter img,.consfilter img,.truckfilter img{margin-bottom:-10px;max-width:50%;}
    .searchblock h2{font-size:24px;}
    .searchblock h3{font-size:20px;}    
    .searchblock h4{font-size:18px;}
    .search label{font-size:14px;}
    #half{width:45.4%;}
    .search select{padding:5px 4px;}
    #half input{padding:6px 0 6px 2.5px;}
    #keywords{padding:6px 4px;}
    .searchsubmit{padding:5px 0 !important;}
    .linkbox{width:22%;height:300px;}
    .linktitler h3{font-size:20px;}
    .linktitler h5{font-size:14px;}
    .linktitler p{font-size:13px;}
    #three{bottom:-70px;}
    #five{bottom:-105px;}
    #six{bottom:-132px;}
    #seven{bottom:-142px;}
    #ten{bottom:-214px;}
}

@media screen and (max-width: 1300px) {
    .headinfo{width:80%;}
    .headinfo a{font-size:16px;}
    .navbar{width:100%;}
    .searchblock{width:96%;position:relative;z-index:1;}
    .agfilter,.consfilter,.truckfilter{width:18%;}
    .keyed{width:30% !important;margin:0 1% 5px 1%;float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:top;}
    .search input,.search select{margin-bottom:0;}
    #searchwrap h4{text-align:center;}
    #sendsearch{width:97% !important;margin-top:10px;}
    .searchsubmit{padding:8px 0 !important;}
    #half input,#keywords{padding:6px 3px;}
    .linkbox{height:280px;width:23.5%;margin:0.5%;}
    .linktitler h3{font-size:18px;}
    .linktitler h5{font-size:14px;}
    .linktitler img,.linkbox:hover .linktitler img{margin-bottom:0;width:90%;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
    .linktitler p{font-size:12px;}
    #three{bottom:-65px;}
    #five{bottom:-97px;}
    #six{bottom:-132px;}
    #seven{bottom:-130px;}
    #ten{bottom:-197px;}    
    #reversed{width:80%;}
    .drop{display:inline;}
    .rugbyleft h2{font-size:24px;}
    .rugbyright img{max-width:320px;}
    .rugbytruck{top:-40px;}
    .rugbytruck img{max-width:300px;}    
}

@media screen and (max-width: 1040px) {
    .headinfo{padding:7px 1%;width:88%;}
    #sendsearch{width:97.5% !important;}
    .linkbox{width:29%;margin:1%;}
    #reversed{width:100%;}
    .drop{display:block;}
    .rugbyleft{padding-right:2%;width:43%;}
    .rugbyright{width:40%;padding-left:2%;}
    .rugbyleft h2{font-size:20px;}
    .rugbyright img{max-width:300px;}
    .rugbytruck{top:0px;}
    .rugbytruck img{max-width:220px;} 
    .footerleft{width:22%;}
    .footerright{width:30%;}
    .footercenter h3,.footerright h3{font-size:18px;margin-bottom:5px;border-bottom:3px solid #fcde0e;}
    .footercenter a,.footerright a{font-size:14px;}
    
    #internal{padding:4% 0;}
}

@media screen and (max-width: 900px) {
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;} 
    p {font-size: 15px;} 
    .linkbox{height:265px;width:30.9%;}
    #reversed{width:420px;}
    .rugbyleft{width:63%;}
    .rugbyright{width:33%;padding-right:2%;padding-left:0;}
    .rugbyright img{max-width:100%;}
    .rugbytruck{display:none;}
    
    .hosted-content h1{font-size:22px !important;color:#000;padding-bottom:0.5%;}
    .hosted-content h2{font-size:20px !important;padding-bottom:0.25%;}
    .hosted-content h3{font-size:18px !important;padding-bottom:0.125%;}    
}
    
@media screen and (max-width: 800px) {
    .headinfo{width:90%;}
    .headinfo a{font-size:14px;margin:0 1%;}
    .searchblock{padding:4% 2%;}
    .agfilter,.consfilter,.truckfilter{width:23%;}
    #half input,#keywords{padding:6px 2px;}
    .linkbox{width:40%;height:300px;}
    .welcomeleft,.welcomeright{float:none;display:block;width:100%;margin:2% auto;padding:0;border:none;text-align:center;margin-bottom:4%;}
    #homewelcome iframe{display:none;}
    .learnbutton{margin:10px auto;}
    #reversed{margin:10px 0;}
    .storeinfo{width:46%;padding:0 2%;float:left;/*text-align:left;*/}
    .pagebottom{text-align:center;}
    .footerleft{width:100%;float:none;display:block;margin:0 auto;text-align:center;padding:0;}
    .footerleft img{margin:0 auto;}
    .footercenter,.footerright{float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:top;width:45%;margin:0 auto;text-align:center;padding:0 2% 30px 2%;}
    
    .half{float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:top;width:47.5%;margin:0 1%;text-align:left;}
    .commentbox{text-align:left;width:98%;float:none;margin:0 auto;}
    textarea{float:none;display:block;width:98%;margin:0 auto;}
}

@media screen and (max-width: 700px) {
    .linkbox{width:47%;}
    #reversed{width:100%;}
    .footercenter a,.footerright a{font-size:13px;}
}
    
@media screen and (max-width: 650px) {
    header{position:relative;}
    .headright,.headleft{float:none;width:100%;}
    .logo{width:60%;padding:10px 0 0 0;display:block;float:none;margin:0 auto;}
    .headinfo{width:100%;padding:7px 0;}
    .navbar:after,.headinfo:before{display:none;}
    .agfilter,.consfilter,.truckfilter{width:29%;}
    .keyed{width:46% !important;}
    .linkbox{height:270px;}
    .linktitler h5{margin-bottom:-3px;}
    .drop{display:inline;}
    .rugbyleft h2{font-size:18px;}
    .invlinks{width:100%;float:none;display:block;margin:0 auto;}
    
    .half{width:98%;}
}

@media screen and (max-width: 480px) {
    .logo{width:70%;}
    .agfilter p,.consfilter p,.truckfilter p{font-size:12px;}
    .searchblock h2{font-size:18px;}
    .searchblock h3{font-size:16px;}
    .searchblock h4{font-size:14px;}
    .search label{font-size:13px;}
    .linkbox{height:240px;}
    .linktitler{padding:10px 0;}
    .linktitler h3{font-size:16px;}
    .linktitler h5{font-size:12px;}
    .linktitler p{font-size:11px;}
    #three{bottom:-57px;}
    #five{bottom:-88px;}
    #six{bottom:-109px;}
    #seven{bottom:-120px;}
    #ten{bottom:-182px;}
    #textwrap{width:92%;}
    .learnbutton{width:98%;}
    .storeinfo{width:96%;float:none;display:block;margin:6% auto;padding:0;}
    .contactbutton{width:98%;}
    .rugby{padding:35% 0 2% 0;}
    .rugbyleft{width:96%;margin:0 auto;float:none;display:block;padding:0;text-align:center;}
    .rugbyright{position:absolute;left:20%;right:20%;width:60%;top:10%;}
    .footercenter,.footerright{width:70%;float:none;display:block;margin:0 auto;padding:0 0 30px 0;}
    
    #internal{width:92%;}
}

@media screen and (max-width: 447px){
    #homeslides{display:none;}
    .quicklinks h2{font-size:20px;}
    .linkbox{width:70%;height:270px;margin:2% auto;}
    .pagebottom{padding:20px 0;text-align: center;}
    .divfooter {text-align:center;}	
}

@media screen and (max-width: 414px){
    .headinfo a{font-size:12px;}
    .linkbox{width:90%;height:300px;}
    .linktitler p{font-size:12px;}
    #one{bottom:-13px;}
    #three{bottom:-62px;}
    #five{bottom:-95px;}
    #six{bottom:-126px;}
    #seven{bottom:-130px;}
    #ten{bottom:-195px;} 
}

@media screen and (max-width: 340px){
    .agfilter p,.consfilter p,.truckfilter p{font-size:11px;}
    .search label{font-size:12px;}
}



/* 12/28/2020 CHANGES */
.detail__specs-heading{color:#000!important;}
/* -- listings page -- */
.section-head h5 {
    color: #000!important;
}
.list-content .list-title .list-listings-count {
    color: #898686!important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count {
    color: #898686!important;
}
.list-content .listing-portion-title {
    color: #000!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {
    color: #000!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
    color: #000!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    color: #000!important;
    background-color: #fcde0e!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {
    color: #fff!important;
    background-color: #333!important;
}
.captcha-placeholder .g-recaptcha {
    color: #000!important;
    background-color: #fcde0e!important;
}
.captcha-placeholder .g-recaptcha:hover {
    color: #fff!important;
    background-color: #333!important;
}
.faceted-search-content .selected-facets-container .selected-facet {
    background: #333333!important;
}

/* -- mobile listings page -- */
.faceted-search-content .mobile-done-button-container .mobile-done-button {
    color: #000!important;
    background-color: #fcde0e!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {
    color: #fff!important;
    background-color: #333!important;
}
.list-content .list-listing-mobile .view-listing-details-link {
    color: #000!important;
    background-color: #fcde0e!important;
}
.list-content .list-listing-mobile .view-listing-details-link:hover {
    color: #fff!important;
    background-color: #333!important;
}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {
    border: 1px solid #898686!important;
    color: #898686!important;
}

/* -- details page -- */
.detail-content .search-results {
    color: #898686!important;
}
.detail-content .detail-main-body .main-detail-data .detail-price {
    color: #000!important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn {
    border: 1px solid #898686!important;
    color: #898686!important;
}
.detail-additional-data .data-row .data-label {
    color: #000!important;
    background-color: #fcde0e!important;
}

/* -- mobile details page -- */
.mobile-breadcrumb {
    background-color: #000!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {
    color: #000!important;
}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    color: #000!important;
    background-color: #fcde0e!important;
}
.detail-content-mobile .detail-contact-bar .contact-bar-btn:hover {
    color: #fff!important;
    background-color: #333!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    color: #000!important;
    background-color: #fcde0e!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover {
    color: #fff!important;
    background-color: #333!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    color: #fff!important;
    background-color: #333!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
    color: #fff!important;
    background-color: #333!important;
}