/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-size:28px; font-weight:700; line-height:50px; color:#E0101A; margin-top:15px; text-transform:uppercase;}
h2 {font-size:24px; font-weight:700; line-height:30px; color:#fff; text-transform:uppercase;}
h3 {font-size:18px;}
h5 {font-size:24px; font-weight:700; line-height:30px; color:#E0101A; text-transform:uppercase;}
p {font-size:14px; line-height:22px;}


a {text-decoration:none;}

/* BASIC STYLES */
.show-menu-for-mobile {display:none;}  
body {background:#fff;}
#contentwrap {width:90%; margin:0 auto;}
#site-width {width:75%; padding:10px 0 25px;}
#inventorywrap {width:75%; margin:0 auto;}

ul.breadcrumb {float:right; padding: 10px 10px;list-style: none; font-size: 12px;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {padding: 8px; color: #000; content: "/\00a0";}
ul.breadcrumb li a {color: #E0101A;}

.lg-body-font {
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
}



/* HEADER */
header {padding:10px 0;}
.logo {float:left; padding-bottom:10px;}
.logo img {max-width: 100%; height: auto; z-index:999999999999;}
.headerright {float:right; width:60%; text-align:right; padding-top:30px;}
.headerright a {color:#000;}
.headerright img {vertical-align:middle; display:inline-block;}

/* MAIN */
#mainwrap {background:#E0101A; color:#fff;}
#main {float:left; width:53%;}
#main img {width:100%; margin-top:20px;}
.tagline {float:right; width:47%; padding:10px 0 0; /*background-color:rgba(204,204,204,0.5);*/}
.whylist {line-height:24px;}
.listwrap {padding:5px 0;}
.bullet {float:left; width:1%; color:#fff; font-size:30px; margin-top:-5px;}
.list {float:right; font-size:14px; line-height:22px; width:95%; }

.hometext {float:left; width:73%;}
.hometext a {color:#E0101A;}
.hometext a:hover {color:#000;}
.hours {float:right; width:23%;}

/* ANNOUNCEMENT */

.announcement h1 {
    padding: 10 20px;
    font-size: 23px;
    text-align: center;
    color: black;
}

/* DEALER PAGE */
.dealer {display:inline-block; vertical-align:top; width:19%; margin:20px 0;}
.dealerlinks a {color:#E0101A;}
.dealerlinks a:hover {color:#000;}
.dealer a {color:#E0101A;}
.dealer a:hover {color:#000;}

/* ATTACHMENTS */

.attachment-cont-1 {
	display: flex;
	flex-wrap: wrap;
}
.attachment-cont-1 a {
	width:25%;
}
.attachment {width: 100%; margin:20px 0; text-align:center; font-size:24px; color:#E0101A; text-transform:uppercase;}

.attachment img {
	width:100%;
	max-width: 300px;
	height: 100%;
	max-height: 225px;
	object-fit: contain;
	object-position: center;
	display: block;
	margin:0 auto;
}



.social-icon i {
    font-size: 80px;
    color: #ffffff;
    padding-right: 20px;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}

/* SPECS PAGE */
.speclist {font-size:14px; line-height:22px;}
.inv {float:left; width:22%; margin-top:20px;}
.inv img {width:100%;}
.specs {float:right; width:75%; padding-bottom:20px;}
#specwrap-line {float:left; width:16%; padding:10px 0;}
#specwrap {float:left; width:25%; padding:10px 0;}
#specwrap2 {float:left; width:20%; padding:10px 0;}
#specwrap3 {float:left; width:33%; padding:10px 0;}
.headings {background:#E0101A; color:#fff; float:left; width:100%; padding:5px; font-size:16px;}
.block {width:100%; font-size:14px; line-height:34px; border-bottom:1px solid #000;}
.invbtn {background:#E0101A; color:#fff; text-align:center; width:75%; padding:10px 0;}

/* REVIEWS */
.review {border-bottom:1px solid #000; padding:15px 0; margin:15px auto;}
.signature {color:#E0101A; font-size:13px; font-style:italic;}

/* SCROLL */
/*.scrolling-wrap {width:100%; margin:0 auto; overflow-x:hidden;}*/
.scrollinginventory {width:100%; margin:0 auto; border-top:2px solid #E0101A; border-bottom:2px solid #E0101A; overflow-x:hidden;}
.scrollinginventory img {width:60%;}

/* FOOTER */
footer {padding:10px 0;}
#colorblock {background:#E0101A; color:#fff; padding:30px 0; margin-bottom:20px;}
.footerleft {float:left; width:45%;}
.footerright {float:right; width:50%; text-align:right;}
.footerright img {display:inline-block; padding:5px; vertical-align:middle;}

.weather {float:left; width:30%;}
.weather a {color:#000; line-height:20px;}
.sandhillsfooter {float:right; width:50%; text-align:right;padding-top:50px; font-size:14px;}

/* NAVIGATION */
#nav {position:relative; display:block; z-index:9000; margin:5px auto 0 auto; padding:0 0 0 0; text-align:center;}
#nav ul, nav li {list-style: none; margin:0 0 0 0; padding:0 0 0 0;}
#nav ul li {display: block; position: relative; float:right; text-align:center;}
#nav li ul {display: none;}  
  
/* appearance of the first-level links */
#nav ul li a {display: block; color:#000; font-weight:700; font-size:20px; transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out; padding:15px 0 15px 34px;}
 
/* appearance of the first-level links on hover */
#nav ul li a:hover {color:#E0101A;}

/* appearance of the sub-level links */
#nav ul li li a {width:215px; padding:8px 0 8px 15px; text-align:left; background:#090909; border-bottom:1px #333 solid;}
/* appearance of the sub-level links on hover */
#nav ul li li a:hover {color:#fff; background:#4b0000 url("../siteart/nav-ro-bg.jpg") repeat-x;     }
    
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav ul ul {display: none; position: absolute;  top:100%; left:0;}
#nav ul ul ul {position: absolute; left: 100%; top:0;}
#nav ul li:hover > ul {  display: block; line-height:18px;  z-index: 100; background:#4b0000; }
#nav ul ul li {float: none; position: relative;}

/* FORM */
.contact {float:left; width:50%;}
.contact a {color:#000;}
.map {float:right; width:45%;}
#formpage {vertical-align:top;}
#formpage div {vertical-align:top; padding:3px 5px;}
#formpage input {padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:12px;}
#formpage textarea {padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:12px;}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {border:1px solid #8e8d8d; color:#000; vertical-align:middle; font-size:12px; line-height:normal; padding:5px;}
   
#formpage input  {width:100%;}
#formpage input.larger  {width:100%;}
#formpage textarea {width:100%; height:85px;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {background:#fff; color:#000; border:1px solid #8e8d8d; outline-style:none;}
#formpage input.radio:focus,
#formpage input.checkbox:focus {background:none; border:0; outline-style:none;}

#formpage input.button-1,
#formpage input.button-1:focus {
    width:200px; 
    padding:7px 0;
    background:#000 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #000 solid;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	margin:0 auto;
}
#formpage input.button-1:hover {background:#E0101A; color:#fff; text-shadow:none; border:2px #E0101A solid;}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {color:#E0101A; font-size:13px; text-align:left;}

/*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; font-size:11px;}
 

/************************************************ Responsive Styles **/
@media screen and (max-width: 1480px) and (min-width:1224px) {
.show-menu-for-mobile {display:none;}

h2 {font-size:18px;}
.headerright {width:70%;}
#main {padding-top:45px;}
.list {font-size:13px; line-height:20px;}
#site-width {width:100%;}

.dealer {width:33%;}
.sandhillsfooter {width:50%;}
.weather {width:45%;}
}

@media screen and (max-width: 1223px) and (min-width:1024px) {
.show-menu-for-mobile {display: none;}
h2 {font-size:20px; line-height:36px; color:#fff;}
h4 {font-size:15px;}
.logo {left:15;}
.headerright {width:70%;}
#nav ul li a {padding:15px 0 15px 15px;}
#main {float:none; width:100%;}
#main img {margin:0;}
.tagline {position:relative; width:100%; top:0; right:0; padding:15px 0 5px; background:#E0101A; color:#fff;}
.bullet {margin-top:-10px; color:#fff;}
.list {font-size:12px; line-height:16px;}
#site-width {width:100%;}

.dealer {width:33%;}

.attachment img {height:150px; width:auto;}

.inv {width:22%;}
.specs {width:75%;}

.footerleft {width:62%;}
.footerright {width:35%;}
.footerright img {height:50px; width:auto;}
.sandhillsfooter {width:50%;}
.weather {width:45%;}
	.social-icon i {font-size: 53px!important; }
}

@media screen and (max-width: 1023px) and (min-width:768px) {
.show-menu-for-mobile {display: none;}
h2 {font-size:18px; line-height:26px; color:#fff;}
h4 {font-size:12px;}
p {font-size:12px; line-height:18px;}
.headerright {width:70%;}
.headerright img {width:3%;}
#nav ul li a {font-size:18px; padding:15px 0 15px 20px;}
#main {float:none; width:100%;}
#main img {margin:0;}
.tagline {position:relative; width:100%; top:0; right:0; padding:15px 0 5px; background:#E0101A; color:#fff;}
.bullet {margin-top:-10px; color:#fff;}
.list {font-size:12px; line-height:16px;}
#site-width {width:100%; padding:25px 0;}

.dealer {width:30%;}

.headings {font-size:12px;}
#specwrap-line {float:none; width:100%;}

.attachment img {height:100px; width:auto;}
.inv {width:25%;}
.specs {width:70%;}
.invbtn {font-size:14px;}

.footerleft {float:none; width:100%;}
.footerright {float:none; width:100%; text-align:left;}
.footerright img {height:50px; margin-top:10px; width:auto; }
.sandhillsfooter {width:50%;}
.weather {width:45%;}
.social-icon i {
	height: 50px;
    margin-top: 10px;
    width: auto;
	display: inline-block;
    padding: 5px;
	vertical-align: middle;
	font-size: 53px;}
}
@media screen and (max-width: 768px) and (min-width:521px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
    .announcement h1 {
        font-size: 17px;
    }

h1 {font-size:24px;}
h2 {font-size:18px; line-height:36px; color:#fff;}
h4 {font-size:12px;}
p {font-size:12px; line-height:18px;}
.headerright {width:60%;}
.headerright img {width:5%;}
#main {float:none; width:100%;}
#main img {margin:0;}
.tagline {position:relative; width:100%; top:0; right:0; padding:15px 0 5px; background:#E0101A; color:#fff;}
.bullet {margin-top:-10px; color:#fff;}
.list {font-size:12px; line-height:16px;}
.hometext {width:60%;}
.hours {width:35%;}
#site-width {width:100%; padding:25px 0;}

.dealer {float:none; display:inline-block; width:48%;}

.attachment {font-size:14px;}
.attachment img {height:75px; width:auto;}
.inv {width:28%;}
.inv img {width:100%;}
.headings {font-size:10px;}
.specs {width:70%;}
#specwrap3 {float:none; width:100%;}
#specwrap-line {float:none; width:100%;}

.invbtn {font-size:14px;}

.footerleft {float:none; width:100%;}
.footerright {float:none; width:100%; text-align:left;}
.footerright img {height:50px; margin-top:10px; width:auto; }

.sandhillsfooter {width:50%;}
.weather {width:45%;}
	.social-icon i {font-size:55px; height:50px; margin-top:10px; width:auto;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	font-size: 32px;
	font-size: 1em;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0.5rem 0.5rem;
	color:#000;
}
#nav  {display:none;}
}

@media screen and (max-width: 768px) and (min-width:830px) {
    .announcement h1 {
        font-size: 19px;
    }
}

@media screen and (max-width: 830px) and (min-width:500px) {
    .announcement h1 {
        font-size: 15px;
    }
}

@media screen and (max-width: 520px) and (min-width:321px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h1 {font-size:16px; line-height:22px;}
h2 {font-size:15px; line-height:22px; color:#fff;}
h3 {font-size:16px;}
h4 {font-size:17px; margin-bottom:10px;}
p {font-size:12px; line-height:20px;}
header {padding-top:10px;}
.logo {float:none; width:100%; max-width:225px; margin:0 auto; padding:0;}
.headerright {float:none; width:100%; padding-top:20px;}
.headerright img {width:5%;}
#main {float:none; width:100%;}
#main img {margin:0;}
.hometext {float:none; width:100%;}
.hours {float:none; width:100%;}
.pagetext {float:none; width:100%;}
.tagline {position:relative; width:100%; top:0; right:0; padding:15px 0 5px; background:#E0101A; color:#fff;}
.bullet {margin-top:-10px;}
.list {font-size:12px; line-height:16px;}
#site-width {width:100%; padding:25px 0;}

.contact {float:none; width:100%;}
.map {float:none; width:100%; margin-top:10px;}

.dealerlinks a {font-size:10px;}
.dealer {float:none; width:100%; margin:10px 0;}

.attachment {display:inline-block; float:none; width:49%; font-size:16px;}
.attachment img {height:75px; width:auto;}
.inv {float:none; width:100%;}
.inv img {width:100%;}
.specs {float:none; width:100%;}
#specwrap-line {float:none; width:100%;}
#specwrap {float:none; width:100%;}
#specwrap2 {float:none; width:100%;}
#specwrap3 {float:none; width:100%;}
.invbtn {width:100%;}

.footerleft {float:none; width:100%;}
.footerright {float:none;  width:100%; text-align:left;}
.footerright img {height:40px; margin-top:10px; width:auto; }
	.social-icon i {font-size:40px; margin-top:10px; width:auto;}
.sandhillsfooter {float:none; width:100%; text-align:center; padding-top:10px;}
.weather {float:none; text-align:center; width:100%; margin:0 auto;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	font-size: 32px;
	font-size: 1em;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0.5rem 0.5rem;
	color:#000;
}
#nav  {display:none;}
}
 


@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h1 {font-size:12px; line-height:22px;}
h2 {font-size:12px; line-height:22px; color:#fff;}
h3 {font-size:12px;}
h4 {font-size:11px; margin-bottom:10px;}
p {font-size:10px; line-height:16px;}
header {padding-top:10px;}
.logo {float:none; width:100%; margin:0 auto; padding:0;}
.headerright {width:100%;}
.headerright img {width:3%;}
#nav ul li a {font-size:15px; padding:15px 0 15px 10px;}
#main {float:none; width:100%;}
#main img {margin:0;}
.tagline {position:relative; width:100%; top:0; right:0; padding:15px 0 5px; background:#E0101A; color:#fff;}
.bullet {margin-top:-10px; width:10%; color:#fff;}
.list {font-size:12px; line-height:16px; width:90%;}
#site-width {width:100%; padding:25px 0;}
.hometext {float:none; width:100%;}
.hours {float:none; width:100%;}

.contact {float:none; width:100%;}
.map {float:none; width:100%; margin-top:10px;}

.dealer {float:none; width:100%;}

.attachment {display:block; float:none; width:100%; font-size:16px;}
.attachment img {height:150px; width:auto;}
.inv {float:none; width:100%;}
.inv img {width:100%;}
.specs {float:none; width:100%;}
#specwrap-line {float:none; width:100%;}
#specwrap {float:none; width:100%;}
#specwrap2 {float:none; width:100%;}
#specwrap3 {float:none; width:100%;}
.invbtn {width:100%;}
ul.breadcrumb {float:none; text-align:center; padding: 10px 0;}

.footerleft {float:none; width:100%;}
.footerright {float:none; width:100%; text-align:left;}
.footerright img {height:25px; margin-top:10px; width:auto; }
.sandhillsfooter {float:none; width:100%; text-align:center; padding-top:10px; font-size:10px;}
.weather {float:none; text-align:center; width:100%; margin:0 auto;}
	.social-icon i {font-size:28px; height:25px; margin-top:10px; width:auto;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	font-size: 32px;
	font-size: 1em;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0.5rem 0.5rem;
	color:#000;
}
#nav  {display:none;}
}