/* 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: 100%;
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  

.hosted-content{color:#000;}
.hosted-content h1,.hosted-content h2,.hosted-content h3,.hosted-content h4,.hosted-content h5{color:#000;text-transform:uppercase;}
.hosted-content h1{font-size:30px;}
.hosted-content h2{font-size:24px;}
.hosted-content h3{font-size:20px;}
.hosted-content h4{font-size:18px;}
.hosted-content h5{font-size:16px;}


.detail-btn-calc {margin:0!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .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, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#ae141e !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #ae141e !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #ae141e !important;}
.page-nav{background-color:#ae141e!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#ae141e!important}
.return-links span, .return-links i {color:#ae141e!important;}
.body-wrapper h2 {color:black!important;}
.faceted-section-title span {color:black!important;}
.faceted-option-checkbox-container {color:black!important;}
.specs-container,.spec-container, .machine-location, .listing-description, .list-listing-title, .listing-category, .data-value ,.dealer-info {text-align:left!important;}
.sort{color:black!important;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#d46166;
		text-decoration:none;
	}
	a:hover, a:active {
		color:#d71f29;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 18px; line-height:1.3; color:#eaeaea;}

	/* HEADERS */
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: normal;}
	h1, .h1 {font-size:30px;}
	h2, .h2, h1.h2 {font-size:30px; color:#fff; line-height:1;}
	h3, .h3, h2.h3 {font-size: 35px; color: #363636; margin: 50px 0 10px 0px}
	h4, .h4 {font-size:18px;}
	h5, .h5 {font-size:16px;}
	h6, .h6 {font-size:14px;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	background:#eaeaea;
	margin:0;
	min-width:320px;
	line-height:1.3;
	font-family: 'Open Sans', sans-serif;
}

.wrap {
	max-width:1500px;
	padding:0 5px;
	margin:0 auto;
}

.wrap-inventory {

	padding:0 10%;
}

.greybar {
	width:100%;
	background-color:#828282;
	height:8px;
}

.redbar {
	width:100%;
	background-color:#d71f29;
	height:8px;
}

.linebreak {
	display:none;
}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER
------------------------------------------------*/	
header {
	width:100%;
	margin:0 auto;
	background:#FFF;
}

.headerinset {
	max-width:1060px;
	margin:0 auto;
	text-align:center;
	padding:0 10px;
}

/* HERO
------------------------------------------------*/	
.hero	{
	width:100%;
	height:auto;
	*height:140px;
	position:relative;
    margin-bottom: -4px;
}

.hero img	{
	width:100%;
}

.redoverlay {
	position:absolute;
	width:100%;
	bottom:40px;
	padding:10px 0 15px;
	background:#d71f29;
	z-index: 99;
}

.redoverlay a:link, .redoverlay a:visited {
		color:#fff;
		text-decoration:none;
	}
.redoverlay a:hover, .redoverlay a:active {
		color:#fff;
		text-decoration:none;
	}

/* LOGO
------------------------------------------------*/	
.logo {
	max-width:500px;
	width:100%;
	margin:10px auto;
}	

/*  MAIN
------------------------------------------------*/	
.main {
	position:relative;
	width:100%;
	background:#eaeaea;
	color:#FFF;
	padding: 40px 0 60px;
}

.cardlink {
	display:block;
}

.cardlink:hover {
	transform:scale(1.02,1.05);
	box-shadow:0px 0px 5px #363636;
}

.TwoCards1 {
	position:relative;
	width:49%;
	height:505px;
	display:block;
	float:left;
	background:#363636;
}

.TwoCards1 p {
	font-size: 18px;
	color:#eaeaea;
	line-height:1.3;
	padding:20px 20px 100px;
}

.TwoCards2 {
	position:relative;
	width:49%;
	height:505px;
	display:block;
	float:right;
	overflow:hidden;
	background:#363636;
	text-align:center;
}

.TwoCards2 img {
	width:94%;
	margin:20px auto 100px;
	border:4px solid #000;
	box-sizing:border-box;
}

.TwoCards2-map {
	width:94%;
	margin:20px auto 100px;
	border:4px solid #000;
	box-sizing:border-box;
}

.FullCard {
	position:relative;
	width:100%;
	padding:20px 0;
	display:block;
	background:#363636;
}

.ThreeCards {
	position: relative;
    width: 282px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
	overflow:hidden;
    margin:20px 7px 60px;
    background: #363636;
}
	
.FourCards {
	position: relative;
    width: 282px;
    height: 292px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
	overflow:hidden;
    margin: 0px 7px 15px;
    background: #363636;
}

.FourCards a:hover {
	transform:scale(1.05,1.05);
	box-shadow:0px 0px 10px #000;
	top: 210px;
}

.FourCards img {
	width:100%;
    float: none;
    padding: 0;
    margin:0 auto 18px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.FourCardsLong {
	position: relative;
    width: 282px;
    height: 550px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    margin:0px 5px 10px;
    background: #363636;
    border: 2px solid #eaeaea;
}

.FourCardsLong p {
	margin:40px 20px;
}
	

.FourCardsLong img {
	width:100%;
    float: none;
    padding: 0;
    margin:0 auto 32px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}


/*  CARD INNARDS
------------------------------------------------*/
.greybar-innard {
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#828282;
	height:9px;
}

.redbar-innard {
	position:absolute;
	top:0;
	width:100%;
	background-color:#d71f29;
	height:5px;
}

.redoverlay-innard {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	bottom:25px;
	padding:10px 0 15px;
	background:#d71f29;
}

.redoverlay-innard a:link, .redoverlay-innard a:visited {
		color:#fff;
		text-decoration:none;
	}
.redoverlay-innard a:hover, .redoverlay-innard a:active {
		color:#fff;
		text-decoration:none;
	}

.FourCardsRedoverlay-innard {
	position: absolute;
	display:block;
    width: 100%;
    text-align: center;
    top: 213px;
    height:60px;
    background: #d71f29;
	font-size:18px;
	line-height:55px;
}

.FourCardsRedoverlay-innard span {
	padding:0 5px;
	display: inline-block;
	vertical-align: middle;
	line-height:1;
	font-size:21px;
	color:#fff;
}

.FourCardsLongRedoverlay-innard {
	position: absolute;
	display:block;
    width: 100%;
    text-align: center;
    top: 213px;
    height:60px;
    background: #d71f29;
	font-size:18px;
	line-height:55px;
}

.FourCardsLongRedoverlay-innard span {
	padding:0 5px;
	display: inline-block;
	vertical-align: middle;
	line-height:1;
	font-size:21px;
	color:#fff;
}
/*  INVENTORY
------------------------------------------------*/
.InventoryHeader {
	width:100%;
	padding:10px 0 15px;
	margin:0 0 40px 0;
	background:#d71f29;
}

.rentalbutton {    
	background: #fffb5e;
    padding: 10px 40px;
    margin-right: 0px;
    float: right;
    margin-top: -34px;
}

.rentalbutton:hover {
	transform:scale(1.05,1.05);
	box-shadow:0px 0px 5px #363636;
}

.rentalbutton p {
	font-weight:700;
	color:#363636;
}

p.listing-category, p.disclaimer {
    color: #000;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrollinginv {
	background:#000;
	padding:40px;
	box-shadow:inset 0 0px 7px #363636;
}

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

/*  FORM
------------------------------------------------*/
.column1 {
	width:45%;
	float:left;
	display:inline-block;
	margin-right:50px;
}

.column2 {
	width:45%;
	float:left;
}

form {
    width: 100%;
}
div.field {
    margin: 10px 10px 15px;
	width:100%;
}
div.fieldfull {
	width:100% !important;
	display:inline-block;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 630px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
}
    .ie7 form select { width: 400px; }

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical;
	height:85px;
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
.Actions {
	text-align: center;
	padding: 20px 0 0;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: #b80000;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
		margin:10px auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 13px;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #C80000;
        color: #fff;
		cursor:pointer;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:before {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:before {
        color: #d71f29;
        content: "* Indicates a required field";
        display:block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }




section img {
	max-height:113px;
	padding:0 15px;
}
 
/* MARQUEE
------------------------------------------------*/
.marquee {
  height: 115px;
  width: 100%;
  max-width:1060px;
  margin-bottom:80px;
  overflow: hidden;
  position: relative;
}

.marquee img {
	max-height:113px;
	padding:0 15px;
}

.marquee div {
  display: block;
  width: 321%;
  position: absolute;
  overflow: hidden;

  animation: marquee 30s linear infinite;
}

.marquee span {
	display:inline-block;
  	float: left;
  	width: 50%;
}

@keyframes marquee {
  0% { left: 0%; }
  100% { left: -160.5%; }
}

/* ADDRESS
------------------------------------------------*/	
address {
}

  

/*  FOOTER
------------------------------------------------*/
footer {
	margin-top:60px;
	padding:25px 0;
	background:#363636;
}

.footernav {
	width:22%;
	display:inline-block;
	margin-right:40px;
}

.footernav a{
	font-size:16px;
	color:#d46166;
}

.footernav a:hover{
	color:#eaeaea;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#eaeaea;
	margin-right:0;
	line-height:1;
	text-align:right;
}

.footertext{
	color:#eaeaea;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#d46166;
	font-size:13px;	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
	color:#eaeaea;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.smallfootertext{
	color:#eaeaea;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

@media screen and (max-width:999px){
.footernav {display: block; margin: 0 auto 30px;; float:none; width:300px; text-align:center;}
.divfooter {margin:0 auto; text-align:center;}
}
@media screen and (max-width:900px) {
.TwoCards2 {display:block; width:100%; margin-bottom:40px; height:auto;}
.TwoCards2 img {max-width:480px; margin:20px auto 40px;}
.TwoCards1 {display:block; width:100%; height:auto;}
}
@media screen and (max-width:800px){
h3 {font-size: 35px; color: #363636; margin: 70px 0 15px 0px}
.wrap {text-align:center;}
.redoverlay {position: relative;}
.InventoryHeader {text-align:center}
.rentalbutton {float:none; display:block; margin:15px auto 0; max-width:310px;}
.wrap-inventory {text-align:center;}
.redoverlay-innard {position: initial; margin-bottom: 20px;}
.column1 {width:100%; float:none; margin:0 auto;}
.column2 {width:100%; float:none; margin:0 auto;}
form label {margin-bottom: 5px; width:50%;}
form input.text, form textarea, form .textajaxuniquetext, form select {width:90%;}
@media screen and (max-width:625px){
.ThreeCards {margin:20px; auto;}
.FourCards {margin:10px; auto;}
.FourCardsLong {margin:10px auto;}
}
@media screen and (max-width:500px){
.linebreak {display:block;}
}