/***** BEGIN 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

.clear {clear: both;}

/***** BASIC STYLES *****/
	@font-face {
		font-family: 'montserratlight';
		src: url('../fonts/montserrat-light-webfont.eot');
		src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-light-webfont.woff') format('woff'),
			 url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'montserratbold';
		src: url('../fonts/montserrat-bold-webfont.eot');
		src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-bold-webfont.woff') format('woff'),
			 url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	body {font-family: 'montserratlight'; font-size:16px; line-height: 24px; -webkit-text-size-adjust:none; background: #fafafa url(../siteart/crossword.png) repeat; background-attachment: fixed;}
	h1 {font-family: 'montserratbold'; font-size: 32px; line-height: normal;}
	h2 {font-family: 'montserratbold'; font-size: 24px; line-height: normal;}
	h1 span {color: #ef1922;}
	strong {font-family: 'montserratbold';}
	a:link, a:visited, a:active {text-decoration:none;  font-family: 'montserratbold';}
.link-text {
    color:#EA101B;
}
.link-text:hover {
    color:#871015;
}

	a:hover {text-decoration:none; color:#fff;}
	.wrapper {width: 80%; max-width: 100%; margin: 0 auto;}
	.textwrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 30px 0px;}
	
	ul.breadcrumb {padding: 10px 16px; list-style: none; background-color: #eee; margin-bottom: 10px; border: 1px solid #ccc;}
	ul.breadcrumb li {display: inline; font-size: 14px;}
	ul.breadcrumb li+li:before {padding: 8px; color: black; content: "/\00a0";}
	ul.breadcrumb li a {color: #871015; text-decoration: none;}
	ul.breadcrumb li a:hover {color: #ef1922; text-decoration: underline;}

/***** HEADER STYLES *****/
	header {max-width: 100%; background: #5a5044 url(../siteart/dirt.png) repeat; text-align: center;}
	.logo {max-width: 90%; height: auto; margin: 0 auto; padding: 20px 0px;}
	.logo img {display: inline-block; max-width: 100%; height: auto;}
	.topbar {background: #272727; width: 100%; height: auto; color: #fff;}
	.topbar a {color: #fff; font-family: 'montserratlight';}
	.topbar a:hover {color: #ef1922;}
	.topbar span {display: inline-block; padding-right: 5px;}
	.creditcards {float: right;}
	.creditcards img {display: inline-block; max-width: 100%; height: auto;}
#phone {color: #fff !important;}
#phone:hover {color: #ef1922 !important;}
	
/***** HOME STYLES *****/
	.blurb {background:url(../siteart/halftone-yellow.png) repeat; width: 100%: height: auto; padding: 20px 0px; text-align: center;}
	.blurb-cols {width: 75%; display: inline-block; vertical-align: top; box-sizing: border-box;}
	.blurbtxt-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; color: #ef1922;}
	.blurb-cols img {max-width: 100%; height: auto; display: inline-block;}
	
	.two-cols {width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
	.three-cols {width: 33%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
	.three-cols img {max-width: 80%; height: auto; display: inline-block; border: 1px solid #000;}
	
	form header {margin: 0 0 20px 0;}
	form header div {font-size: 90%; color: #999;}
	form header h2 {margin: 0 0 5px 0;}
	form > div {clear: both; overflow: hidden; padding: 1px; margin: 0 0 10px 0; -webkit-appearance: none;}
	form > div > fieldset > div > div {margin: 0 0 5px 0;}
	form > div > label, legend {width: 25%; float: left; font-size: 14px; box-sizing: border-box;}
	form > div > div, form > div > fieldset > div {width: 75%; float: right; box-sizing: border-box;}
	form > div > fieldset label {font-size: 90%;}
	fieldset {border: 0;padding: 0;}
	input[type=text], input[type=email], input[type=url], input[type=password], textarea {width: 100%; border: 1px solid #000; padding: 5px; box-sizing: border-box;}
	input[type=text], input[type=email], input[type=url], input[type=password] {width: 100%;}
	input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus {outline: 0; border-color: 1px solid #ed3338;}
	select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; float: right; padding: 5px;}
	input.button, input.button:focus, div.button, div.button:focus {width: 75%; float: right; padding: 7px 0; background: #EA101B; border: 1px solid #000; text-align: center; font-family: 'montserratbold'; color: #fff;-webkit-appearance: none; box-sizing: border-box;}
	input.button:hover, div.button:hover {background: none; color: #fff; background: #ac151b; border: 1px solid #000; cursor: pointer; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; box-sizing: border-box;}
	
	.formbg {background: #000; color: #fff; padding: 20px; box-sizing: border-box;}
	
	.CaptchaPanel {margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; text-align: center; line-height: normal !important; width: 75%; float: right;}
	.CaptchaPanel img {margin: 0 auto;}
	.CaptchaImagePanel {margin: 0 0 0 0; padding: 0 0 0 0;}
	.CaptchaMessagePanel {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
	.CaptchaAnswerPanel {margin: 0 0 0 0; padding: 2px 0px 2px 0px !important;}
	.CaptchaWhatsThisPanel {line-height: 0; margin: 0 0 0 0; padding: 8px 0 8px 0 !important;}
	.CaptchaWhatsThisPanel a {color: #000;}
	.CaptchaWhatsThisPanel a:hover {text-decoration: none;}
	
.flex-cont-1 {
    display: flex;
    flex-wrap: wrap;
}

/***** FOOTER STYLES *****/
	a.footerlink:link, a.footerlink:visited, a.footerlink:active {text-decoration: underline; font-family: 'montserratlight'; font-size: 13px;color: #fff;}
	a.footerlink:hover {text-decoration: none; font-family: 'montserratlight'; font-size: 13px; color: #fff;}
	.footertext {font-family: 'montserratlight'; font-size: 13px; color: #fff;}
	.smallfootertext {font-family: 'montserratlight'; font-size: 10px; color: #fff;}
	.divfooter {width: 100%; text-align: left; margin: 0 auto; padding-left: 10px; padding-top: 10px;}
	
	.footer {font-family: 'montserratlight'; font-size: 14px; background: #EA101B; max-width: 100%; color: #fff; border-top: 5px solid #fee602; padding: 20px 0px;}
	.footer a {font-family: 'montserratlight'; color: #fff;}
	.footer a:hover {color: #fff; text-decoration: underline;}
	.scrolling-wrap {width: 100%; height: 90px; overflow: hidden;}
	.scrolling {width: 100%; height: 92px;}
	
	.four-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 10px;}
	.confour-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 10px;}
	
	.footimg-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; text-align: center;}
	.footimg-cols img {max-width: 100%; height: auto; display: inline-block;}
	.footer-cols {width: 75%; display: inline-block; vertical-align: top; box-sizing: border-box;}

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

/************************************************ FACETED INVENTORY STYLES **/

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .faceted-search-content .selected-facets-container .selected-facet, .fractional-title-details, .detail-content .detail-additional-data .data-row .data-label, .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, .compare-listings-container .compare-container .button, .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, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input {
	background: #ac151b !important;
	color: #fff !important;
}

.list-container-flexrow .price-container .price, .currency-selector, .rent-title-details, .lease-title-details, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3, .compare-listings-container .compare-container .compare-price, .info, .list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price  {
	color: #ef1922 !important;
}

 .detail-content-mobile .contact-options a, .detail-content-mobile .detail-contact-bar .contact-bar-btn{
	background: #ef1922 !important;
}
 
.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a {
	border-color:#ac151b !important;
		color:#ac151b !important;
}

.list-content .list-title .list-title-text {
	color: #000 !important;
}
/************************************************ Responsive Styles **/

@media screen and (max-width: 1370px){
	.confour-cols {width: 50%;}

}


@media screen and (max-width: 1024px) {
	.blurb-cols {width: 100%;}
	.blurbtxt-cols {width: 100%;}
	body {font-size: 14px;}
	h1 {font-size: 28px;}
	h2 {font-size: 22px;}
	.two-cols {width: 100%; padding: 10px 0px;}
	
	form > div > label, legend {width: 100%; float: none;}
	form > div > div, form > div > fieldset > div {width: 100%; float: none;}
	.CaptchaPanel {width: 100%; float: none;}
	input.button, input.button:focus, div.button, div.button:focus {width: 100%; float: none;}
	
	.creditcards {float: none; display: none;}
}


@media screen and (max-width: 650px) {
	.four-cols {width: 50%;}
	.three-cols {width: 100%;}
	.three-cols img {max-width: 100%;}
	
	body {font-size: 14px;}
	h1 {font-size: 28px;}
	h2 {font-size: 22px;}
	body .full #wide_col {width: 100%;}
	.confour-cols {width: 100%;}
} 


@media screen and (max-width: 412px){
	.four-cols {width: 100%;}
	.footimg-cols {width: 100%;}
	.footer-cols {width: 100%;}
	.divfooter {text-align: center;}
	h1 {font-size: 24px;}
	h2 {font-size: 18px;}
}