/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'robotoregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

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

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


.b-header, .header-nav, article, .b-footer {display:block;}

body {
	color:#000;
	font-size:14px;
	font-weight:normal;
	font-family: 'robotoregular';
	background:url('/siteart/layout/bg.jpg') repeat;
	-webkit-text-size-adjust: none;
}
body.homepage {overflow-x:hidden;}
.b-wrap {width:90%; margin:0 auto; max-width:1230px;}

.show-tablet, .show-wide-tablet {display:none;}

.col2 {width:48%; float:left; margin-right:2%;}
.col3 {width:31.33333%; float:left; margin-right:2%;}



/***************** typography styles **/

p {margin-bottom:14px;}
.no-margin {margin:0 !important;}

strong {font-family: 'robotobold'; font-weight:normal;}

.orange {color:#f89b27;}
.black {color:#000;}
.white {color:#fff;}

h1 {color:#f89b27; font-size:28px; font-weight:normal; margin-bottom:14px; font-family: 'robotobold';}
h4 {color:#f89b27; font-size:20px; font-weight:normal; margin-bottom:10px; font-family: 'robotobold';}
h5 {color:#000; font-size:18px; font-weight:normal; margin-bottom:5px; font-family: 'robotobold';}
h6 {color:#000; font-size:14px; font-weight:normal; margin-bottom:7px; font-family: 'robotobold';}

a {color:#000; text-decoration:underline;}
a:hover {color:#f89b27;}

ul.dots{
	list-style: disc;
    padding-left: 14px;
}
ul.dots li{
	padding-bottom: 14px;
}
.rt-image {width:30%; float:right; margin:0 0 15px 5%; font-size:12px;}
.rt-image img {width:100%; display:block; height:auto; max-width:500px; margin-bottom:5px;}

.lt-image {width:30%; float:left; margin:0 5% 15px 0; font-size:12px;}
.lt-image img {width:100%; display:block; height:auto; max-width:500px; margin-bottom:5px;}

.photo-box {width:45%; float:left; margin:0 5% 15px 0; font-size:12px; font-weight:bold;}
.photo-box img {width:100%; width:calc(100% - 4px); border:2px #000 solid; display:block; height:auto; margin-bottom:5px;}


/***************** header styles **/

.b-header {width:100%; background:#fff; padding:20px 0; border-bottom:3px #f89b27 solid;}

.b-logo {width:12.2%; float:left; margin-right:1%;}
.b-logo img {width:100%; display:block; height:auto; max-width:151px;}



/***************** nav styles **/

.header-nav {width: 86%;
    float: right;
    margin-top: 35px;position: relative;}
.header-nav ul {width:100%; float:right; text-align:right;}
.header-nav li {display:inline-block; zoom:1; *display:inline; position: relative;}
.header-nav a:link, .header-nav a:active, .header-nav a:visited {
	text-decoration:none;
	display:block;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
	padding:45px 14px 0 14px;
	color:#000;
	font-weight:normal;
	font-size:14px;
	font-family: 'robotobold';
}
.header-nav span {font-family: 'robotobold';}
.header-nav a:hover {color:#f89b27;}

.header-nav a#home {background:url('/siteart/icons/home.png') no-repeat center top; background-size:85%;}
.header-nav a#home:hover {background:url('/siteart/icons/home-hover.png') no-repeat center top; background-size:85%;}
.header-nav a#used-inv {background:url('/siteart/icons/used-inv.png') no-repeat center top; background-size:45%;}
.header-nav a#used-inv:hover {background:url('/siteart/icons/used-inv-hover.png') no-repeat center top; background-size:45%;}
.header-nav a#new-inv {background:url('/siteart/icons/new-inv.png') no-repeat center top; background-size:48%;}
.header-nav a#new-inv:hover {background:url('/siteart/icons/new-inv-hover.png') no-repeat center top; background-size:48%;}
.header-nav a#con-inv {background:url('/siteart/icons/con-inv.png') no-repeat center top; background-size:48%;}
.header-nav a#con-inv:hover {background:url('/siteart/icons/con-inv-hover.png') no-repeat center top; background-size:48%;}
.header-nav a#attach {background:url('/siteart/icons/attach.png') no-repeat center top; background-size:50%;}
.header-nav a#attach:hover {background:url('/siteart/icons/attach-hover.png') no-repeat center top; background-size:50%;}
.header-nav a#auc {background:url('/siteart/icons/auctions.png') no-repeat center top; background-size:43%;}
.header-nav a#auc:hover {background:url('/siteart/icons/auctions-hover.png') no-repeat center top; background-size:43%;}
.header-nav a#about {background:url('/siteart/icons/about.png') no-repeat center top; background-size:53%;}
.header-nav a#about:hover {background:url('/siteart/icons/about-hover.png') no-repeat center top; background-size:53%;}
.header-nav a#contact {background:url('/siteart/icons/contact.png') no-repeat center top; background-size:55%;}
.header-nav a#contact:hover {background:url('/siteart/icons/contact-hover.png') no-repeat center top; background-size:55%;}
.header-nav a#other {background:url('/siteart/icons/other.png') no-repeat center top; background-size:100%;}
.header-nav a#other:hover {background:url('/siteart/icons/other-hover.png') no-repeat center top; background-size:100%;}


.header-nav a#consign {background:url('/siteart/icons/consign.png') no-repeat center top; background-size:43%;}
.header-nav a#consign:hover {background:url('/siteart/icons/consign-hover.png') no-repeat center top; background-size:43%;}

/***************** content styles **/

.hero {width:100%; display:block; border-bottom:3px #d7d7d7 solid; position:relative; z-index:2;}
.hero img {width:100%; height:auto; display:block;}

#weather {
    z-index: 9;
	width:300px;
	height:400px;
	position:absolute;
	top:0; left:-300px;
}
#weatherTab {
	background:#1b96d1 url('/siteart/layout/weather-icon.png') no-repeat center;
	display: block;
	height:50px;
	width:50px; 
    position: absolute;
    right:-50px;
    top: 0px;
}
#weatherTab:hover {background-color:#1884B7; cursor:pointer;}

#markets {
    z-index: 5;
	width:330px;
	height:159px;
	position:absolute;
	top:60px; left:-330px;
}
#marketsTab {
	background:#029406 url('/siteart/layout/markets-icon.png') no-repeat center;
	display: block;
	height:50px;
	width:50px; 
    position: absolute;
    right:-50px;
    top: 0px;
}
#marketsTab:hover {background-color:#027B05; cursor:pointer;}

#facebook {
    z-index: 999;
	width:370px;
	height:400px;
	position:absolute;
	top:0; right:-370px;
}
#facebookTab {
	background:#3b5998 url('/siteart/layout/facebook-icon.png') no-repeat center;
	display: block;
	height:50px;
	width:50px; 
    position: absolute;
    left:-50px;
    top: 0px;
}
#facebookTab:hover {background-color:#314A7E; cursor:pointer;}

.loc-map {
	width:100%;
	display:block;
	border-bottom:3px #d7d7d7 solid;
	position: relative;
    padding-bottom:25%;
    overflow: hidden;
}
.loc-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
    pointer-events: none;
}

.quick-search {width:100%; background:url('/siteart/layout/wood-bg.jpg') repeat; background-color: #000; border-bottom:3px #d7d7d7 solid; padding:20px 0;}

article {width:100%; background:#fff; padding:30px 0;}

.lt-content {width:66.2%; float:left; margin-right:2.5%;}

a.brand-box {
	width:31.3%;
	width:calc(31.3% - 2px);
	float:left;
	border:1px #000 solid;
	text-transform:uppercase;
	font-size:24px;
	color:#000;
	text-decoration:none;
	background:url('/siteart/layout/brands2.jpg') no-repeat center;
	background-size:cover;
	font-family: 'robotobold';
	text-align:center;
	padding:10px 0 0 0;
	height:145px;
}
a.brand-box:hover {background-image:url('/siteart/layout/brands-hover2.jpg'); color:#fff;}

.inv-contain {width:100%; display:block;}

.inv-sidebar {width:20%; float:left; background:url('/siteart/layout/wood-bg.jpg') repeat; display:block;}
.inv-sidebar ul {width:100%; display:block;}
.inv-sidebar li {width:100%; display:block;}
.inv-sidebar a:link, .inv-sidebar a:active, .inv-sidebar a:visited {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:5px 2%;
	line-height:16px;
	font-size:14px;
	border-bottom:1px #666 solid;
}
.inv-sidebar a:hover {color:#000; background:#f89b27;}

.inv-icon {width:40px; height:40px; background:#000 url('/siteart/layout/mobile-nav-icon.png') no-repeat center; display:none !important;}

.inv {width:100%; display:block;}
.inv.partial {width:80%; float:left;}
.inv iframe {width:100%; display:block; background:#fff;}

.manu-logos {width:100%; display:block;}
.manu-logos img {width:25%; float:left; margin:0 0% 25px 0; height:auto; max-width:307px;}



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

.scroll-frame {width:100%; display:block; height:90px; background:#000; padding:7px 0; overflow:hidden;}
.scroll-frame iframe {width:100%; display:block; height:90px; background:#000;}

.b-footer {width:100%; padding:25px 0;}
.b-footer p {font-size:12px;}

.contact-block {width:22.6%; float:left; margin-right:2%;}
.hours {width:21.4%; float:left; margin-right:2%;}

.state-map {width:25%; float:left; margin-right:2%;}
.state-map img {width:100%; height:auto; max-width:111px; display:block;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#444;}
a.footerlink:hover {text-decoration:none;}
.footertext {font-size:10px; color:#444; color:#444;}
.smallfootertext {font-size:10px; color:#444;}
.divfooter {width:25%; max-width:700px; text-align:left; margin:0; float:left; line-height:12px; color:#444;}




/***************** form styles **/

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}

.flex-table{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	border: solid 1px #333;
}
.table-row {
    width: 100%;
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.table-row:nth-of-type(even) {
    background: #eee;
}
.table-row .col50{
	text-align: center;
	width: 50%;
	box-sizing: border-box;
	border: solid 1px #333;
	padding: 10px;
}
.table-row .col50 p{
	margin: 0 !important;
}

#formpage form .flex{
	justify-content: space-between;
}

#formpage label {display:block; margin-bottom:3px; color:#fff;}

#formpage .row {width:100%; display:block;}
#formpage .row:after {content:""; display:block; clear:both;}
#formpage .col3 {width:31.33333%; float:left; margin-right:2%;}

#formpage input {
	width: 100%;
	padding:6px 5px;
	color:#333;
	font-size:12px;
	margin-bottom:10px;
	background:#fff;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: solid 1px #000;
	box-sizing: border-box;
}
#formpage input.col50{
	width:calc(50% - 5px) !important;
}
#formpage textarea {
	width:100%;
	width:calc(100% - 10px);
	padding:6px 5px;
	color:#333;
	font-size:12px;
	height:100px;
	margin-bottom:10px;
	background:#fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: solid 1px #000;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	color:#333;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	margin-bottom:10px;
	padding:5px;
	background:#fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#eee; 
	color:#000;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 



#formpage input.button,
#formpage input.button:focus, .button {
    width:100%; 
    margin:0;
    padding:4px 0;
    background:#f89b27;
    font-size:20px;
	line-height:20px;
	font-family: 'robotobold';
    color:#fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none !important;
	text-decoration: none !important;
}
#formpage input.button:hover, .button:hover {
	background:#DE8B23;
	color:#fff;
}
 
.button.col50{
	width: 100%;
	max-width: 300px;
	display: block;
	text-align: center;
}

/* 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;
}
#formpage label.checkbox {
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

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

.col-left{padding-right: 5%;}



/* DROPDOWNS */

ul.list.other-list {
    position: absolute;
    top: 86px;
    width: 200px;
    z-index: 300;
    background: #f89b27;
    left: 0;
    right: 0;
}


ul.list.other-list li {
    display: block;
	width: 100%;
    margin: 0 !important;
}

ul.list.other-list li a {
    padding: 12px 20px;
    text-align: left;
	color: #fff;
}

ul.list.other-list li a:hover {
    background: #DE8B23 !important;
}



/***************** responsive styles **/
@media screen and (max-width:1320px) {
	.header-nav {margin-top:25px;}
	.header-nav a:link, .header-nav a:active, .header-nav a:visited {padding:40px 8px 0 8px; font-size:13px;}
}
@media screen and (max-width:1200px) {
	.b-logo {width:13.2%; margin-right:1%;}
	.header-nav {width:85%;}
}


@media screen and (max-width:1100px) {
	.show-wide-tablet {display:block;}
	.hide-wide-tablet {display:none;}
	
	.b-wrap {width:96%;}
	
	.b-logo {width:14.2%; margin-right:1%;}
	
	.header-nav {width:77%;}
	/*.header-nav span {display:none;}*/
	.header-nav li {width:8%; margin:0 1%;}
	.header-nav a:link, .header-nav a:active, .header-nav a:visited {font-size:11px; padding:45px 12px 0 12px;}
	.header-nav a#home, .header-nav a#home:hover,
	.header-nav a#used-inv, .header-nav a#used-inv:hover,
	.header-nav a#new-inv, .header-nav a#new-inv:hover,
	.header-nav a#con-inv, .header-nav a#con-inv:hover,
	.header-nav a#attach, .header-nav a#attach:hover,
	.header-nav a#auc, .header-nav a#auc:hover,
	.header-nav a#about, .header-nav a#about:hover,
	.header-nav a#contact, .header-nav a#contact:hover, .header-nav a#consign, .header-nav a#consign:hover {background-size:100%;}
	
	#weather, #markets, #facebook {display:none;}
	
}


@media screen and (max-width:768px) {
	h1 {font-size:24px; margin-bottom:10px;}
	h4 {font-size:18px; margin-bottom:7px;}
	h5 {font-size:16px; margin-bottom:3px;}
	
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	.rt-image {width:38%; margin:0 0 15px 3%;}
	.lt-image {width:38%; margin:0 3% 15px 0;}
	
	.b-logo {width:17.2%;}
	.header-nav li {width:8%;}
	
	#formpage .row:after {clear:none;}
	#formpage .col3 {width:48%;}
	#formpage input.button, #formpage input.button:focus, .button {font-size:16px; line-height:16px; padding:6px 0;}
	
	article {padding:20px 0;}
	.lt-content {width:100%; margin-right:0%;}
	a.brand-box {width:50%; width:calc(50% - 2px); font-size:20px;}
	
	.inv-icon {display:block !important;}
	.inv-sidebar {width:100%; background:url('/siteart/layout/wood-bg.jpg') repeat; display:none;}
	.inv-sidebar li {width:33.33333%; float:left;}
	.inv-sidebar a:link, .inv-sidebar a:active, .inv-sidebar a:visited {border-right:1px #666 solid;}
	.inv-sidebar li:nth-of-type(3n) a {border-right:0;}
	.inv.partial {width:100%;}
	
	.contact-block, .hours {width:36%;}
	.state-map {width:14%; margin-right:0%;}
	
	.divfooter {width:96%; text-align:center; margin:15px auto 0 auto; float:none;}
	
}


@media screen and (max-width:640px) {
	.col3 {width:48%; margin-right:2%;}
	
	.rt-image {width:100%; margin:0 0 25px 0%;}
	.lt-image {width:100%; margin:0 0% 25px 0;}
	.photo-box {width:48%; margin:0 2% 15px 0;}
	
	.b-header {padding:15px 0;}
	
	/*.logo {width:19.2%;}
	.header-nav {width:75%;}*/
	.b-logo {width:30%; margin:0 35%;}
	.header-nav {width:100%;}
	.header-nav li {position: unset;}
	.header-nav ul {text-align:center;}
	
	.manu-logos img {width:33.333333%;}
	
	.inv-sidebar li {width:50%;}
	.inv-sidebar li:nth-of-type(3n) a {border-right:1px #666 solid;}
	.inv-sidebar li:nth-of-type(even) a {border-right:0;}
	

	ul.list.other-list {
		width: 100%;
		top: 100%;
		bottom: -118px;
	}

	
	
}


@media screen and (max-width:480px) {
	
	
#formpage input.col50{
	width: 100% !important;
}
	
	
	h1 {font-size:20px; margin-bottom:7px;}
	h4 {font-size:16px; margin-bottom:5px;}
	h5 {font-size:14px;}
	
	.col3 {width:100%; margin-right:0%;}
	
	.photo-box {width:100%; margin:0 0% 15px 0;}
	
	.hide-480 {display:none !important;}
	
	/*.logo {width:22.2%;}
	.header-nav li {width:11%;}*/
	.header-nav a:link, .header-nav a:active, .header-nav a:visited {padding:30px 7px 0 7px;}
	
	#formpage .col3 {width:100%; margin-right:0%;}
	
	a.brand-box {width:100%; width:calc(100% - 2px); height:105px;}
	
	.inv-sidebar li {width:100%;}
	.inv-sidebar a:link, .inv-sidebar a:active, .inv-sidebar a:visited {border-right:0;}
	
	.manu-logos img {width:50%;}
	
	.contact-block {width:56%;}
	.hours {width:40%;}
	.state-map {display:none;}
}


@media screen and (max-width:375px) {
	/*.logo {width:30%; margin:0 35%;}
	.header-nav {width:100%;}
	.header-nav ul {text-align:center;}*/
	.header-nav li {width:13%; margin:0 3% 5px 3%;}
	.header-nav a:link, .header-nav a:active, .header-nav a:visited {padding:33px 7px 0 7px;}
}