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

header, nav, article, footer, img {display:block;}

body {font-family:Helvetica, Arial, sans-serif; background:#000; font-size:14px; line-height:normal; font-weight:normal; -webkit-text-size-adjust:none;}

.wrap {width:96%; margin:0 auto; max-width:1230px;}

.clear-it:after {clear:both; content:""; display:block;}
.show-tablet {display:none;}
.show-640 {display:none;}
.show-480 {display:none;}

.col3 {width:31.3333%; float:left; margin-right:2%;}

/*** typography styles ***/
p {margin-bottom:14px;}
.no-margin {margin:0 !important;}

.red {color:#be1e2d;}
.black {color:#000;}
.white {color:#fff;}

h1 {font-size:40px; color:#be1e2d; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
h1.int {font-size:32px; margin-bottom:14px;}
h2 {font-size:32px; color:#be1e2d; margin-bottom:0; font-weight:bold;}
h3 {font-size:20px; color:#000; margin-bottom:5px; font-weight:bold;}
h4 {font-size:24px; color:#000; font-weight:bold; font-style:italic; margin-bottom:10px;}
h5 {font-size:22px; color:#000; font-weight:normal; margin-bottom:14px;}
h6 {font-size:16px; line-height:20px; color:#fff; font-weight:bold; margin-bottom:0;}

a {text-decoration:none; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; color:#be1e2d;}
a:hover {text-decoration:none; color:#A41A27;}

.text-center {text-align:center;}
.lg-text {font-size:18px;}


/*** header styles ***/
.top-header {width:100%; display:block; padding:12px 0; background:#be1e2d;}
.top-header a {color:#fff;}
.top-header img {display:inline; vertical-align:middle;}

header {width:100%; padding:15px 0; background:url('../siteart/layout/bg.jpg') repeat;}
.logo {width:38%; float:left; margin:20px 20% 0 0;}
.logo img {width:100%; height:auto; max-width:450px;}

.lg-phone {margin-top:5px; display:block; float:right; width:100%;}

.est {width:27%; float:left; margin-left:15%; text-align:right;}
.est img {width:100%; height:auto; max-width:115px; display:block; float:right;}


/*** nav styles ***/
nav {width:100%; background:#000;}
nav ul {/*width:100%;*/ display:inline-block;}
nav li {position:relative; display:inline-block; zoom:1; *display:inline;}
nav.clear-it a:link, nav.clear-it a:active, nav.clear-it a:visited, nav.clear-it a {display:block; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; padding:0 17px; line-height:40px;}
nav a:hover {background:#be1e2d; color:#fff; cursor:pointer;}

nav ul ul {display:none; position:absolute; z-index:99999; top:40px; left:0; width:170px; background:#333;}
nav ul ul ul {position:absolute; left:100%; top:0;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{font-size:13px; line-height:15px; padding:7px 0px 7px 10px; border-bottom:1px solid #666; color:#fff;}
nav ul ul li a:hover {background:#be1e2d; color:#fff;}

.nav__dropdown-wrapper {position:relative;}
.nav__dropdown-wrapper button {text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; padding:0 17px; line-height:40px; position:relative;}
.nav__dropdown {display:none; position:absolute; z-index:999999; top:25px; left:0; width:170px; background:#333;}
.nav__dropdown.show {display:block;}
.nav__dropdown-wrapper ul.collapsed {left:100%; background:#555; top:0;}
.priority-nav-is-hidden {visibility:hidden;}
.nav__dropdown-wrapper li {display:block;}


/*** content styles ***/
.cycle-slideshow {width:100%; display:block; overflow:hidden; z-index:1; border-bottom:2px #000 solid;}
.cycle-slideshow img {width:100%; height:auto; top:0; left:0;}
.cycle-prev, .cycle-next {position:absolute; top:0; width:5%; opacity:0.7; filter: alpha(opacity=70); z-index:800; height:100%; cursor:pointer;}
.cycle-prev {left:0; background:url('../siteart/layout/lt-slide-arrow.png') 50% 50% no-repeat; background-size:30%;}
.cycle-next {right:0; background:url('../siteart/layout/rt-slide-arrow.png') 50% 50% no-repeat; background-size:30%;}
.cycle-prev:hover, .cycle-next:hover {opacity:1; filter:alpha(opacity=100)}


article {width:100%; background:url('../siteart/layout/bg.jpg') repeat; padding:25px 0;}

.hero {width:100%; display:block; border-bottom:1px #000 solid;}
.hero img {width:100%; height:auto;}

.cat-boxes {width:100%; display:block; margin:15px 0 40px 0;}
a.cat {background:url('../siteart/layout/dk-bg.jpg') repeat; display:block; float:left; width:27.33333%; margin:0 3% 15px 0; color:#000; padding:30px 2%; position:relative; overflow:hidden;}
a.cat:nth-of-type(3), a.cat:nth-of-type(6) {margin-right:0;}
a.cat:nth-of-type(4) {clear:left;}
a.cat img {width:75%; height:auto; margin:0 auto 10px auto; max-width:288px; display:block; transition:transform 0.35s; -webkit-transition:transform 0.35s; -moz-transition:transform 0.35s;}
.cat-title {font-size:18px; display:block; text-transform:uppercase; font-weight:bold; transition:transform 0.35s; -webkit-transition:transform 0.35s; -moz-transition:transform 0.35s; width:95%;}
.click-tag {width:95%; display:block; font-size:12px; text-align:right; position:absolute; right:5%; bottom:10px; color:#be1e2d; text-transform:uppercase; font-weight:bold;}
.overlay-descrip {font-size:12px; color:#fff; background:url('../siteart/layout/80-blk.png') repeat; z-index:9; opacity:0; transform:translate(0,100%); -webkit-transform:translate(0,100%); -moz-transform:translate(0,100%);
	position:absolute; top:0; left:0; height:100%; height:calc(100% - 20px); padding:10px 2%; width:96%; transition:opacity 0.2s, transform 0.35s; -webkit-transition:opacity 0.2s, transform 0.35s;
	-moz-transition:opacity 0.2s, transform 0.35s;}

a.cat:hover img, a.cat:hover .cat-title {transform:translate(5%,0); -webkit-transform:translate(5%,0); -moz-transform:translate(5%,0);}
a.cat:hover .overlay-descrip {opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0);}


.cycle-trailers {width:100%; width:calc(100% - 4px); border:2px #000 solid; display:block; overflow:hidden; z-index:1; margin-bottom:25px;}
.cycle-trailers img {width:100%; height:auto; top:0; left:0;}
.cycle-pager {text-align:center; width:100%; z-index:500; position:absolute; bottom:5px; overflow:hidden;}
.cycle-pager span {font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#fff; cursor:pointer;}
.cycle-pager span.cycle-pager-active {color:#be1e2d;}
.cycle-pager > * {cursor:pointer;}

.inv {width:100%; display:block;}
.inv iframe {width:100%; background:#fff; height:2100px;}

.manu-logos {width:100%; display:block; text-align:center;}
.manu-logos a {width:31.33333%; margin:0 2% 15px 0; display:inline-block;}
.manu-logos a img {width:90%; height:auto; display:block; margin:0 auto;}

.manu-logos-sm {width:100%; display:block; text-align:center;}
.manu-logos-sm a, .manu-logos-sm span {width:23%; margin:0 2% 15px 0; display:inline-block;}
.manu-logos-sm a img, .manu-logos-sm span img {width:90%; height:auto; display:block; margin:0 auto;}

.contact-info {width:30%; margin-right:3%; float:left;}
.map {width:67%; float:left;}
.map iframe {width:100%; width:calc(100% 2px); border:1px #ccc solid; height:350px; display:block;}

.lt-content {width:65%; float:left;}
.rt-img, .rt-sidebar {width:33%; float:left; margin:0 0 15px 2%;}
.rt-img img {width:100%; width:calc(100% - 2px); height:auto; border:1px #999 solid; max-width:500px;}


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

footer {width:100%; padding:20px 0; text-align:center; font-size:10px; color:#fff;}
footer a {text-decoration:underline; color:#fff;}
footer a:hover {text-decoration:none; color:#fff;}

/*** form styles ***/
#formpage label {width:100%; display:block; margin-bottom:3px;}
#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	margin-bottom:7px;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	height:120px;
	background:#fff;
	margin-bottom:7px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	background:#fff;
	margin-bottom:7px;
}

#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:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	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 {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#be1e2d;
	border:0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
}
#formpage input.button:hover {background:#000; color:#fff;}
 
/*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;}
.CaptchaImagePanel img {width:100%; height:auto; display:block; margin:0 auto; max-width:160px;}
.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 7px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

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

.breadcrumbs {
	background: transparent !important;
}
/*** responsive styles ***/
@media screen and (max-width:1200px) {
	a.cat {padding:40px 2%;}
	.cat-title {font-size:16px;}
	.overlay-descrip {font-size:11px;}
}
@media screen and (max-width:1024px) {
	h1 {font-size:32px;}
	h2 {font-size:32px;}
	.logo {width:48%; margin-right:10%;}
	/*.lg-phone {width:25%; text-align:center;}*/
	.est {width:31%; margin-left:11%;}
	.cycle-prev, .cycle-next {background-size:40%;}
	
	a.cat {width:44%;}
	a.cat:nth-of-type(3), a.cat:nth-of-type(6) {margin-right:3%;}
	a.cat:nth-of-type(4) {clear:none;}
	a.cat:nth-of-type(even) {margin-right:0;}
	a.cat:nth-of-type(odd) {clear:left;}
}
@media screen and (max-width:768px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	.col3 {width:48%;}
	
	h1 {font-size:28px; margin-bottom:15px;}
	h2 {font-size:28px;}
	h4 {font-size:20px;}
	h5 {font-size:18px;}
	.lg-text {font-size:16px; margin-bottom:0;}
	
	/*.logo {width:46%;}
	.lg-phone {width:30%; margin-top:25px;}
	.est {width:14%; margin-left:5%;}*/
	
	.cycle-prev, .cycle-next {background-size:50%;}
	
	article {padding:15px 0;}
	.cat-boxes {margin:15px 0 25px 0;}
	.cycle-trailers {margin-bottom:15px;}
	
	.contact-info {width:100%; margin-right:0%;}
	.map {width:100%;}
	.map iframe {height:300px;}
	
	.lt-content {width:100%;}
	.rt-img {width:50%; margin:0 auto; float:none;}
	.rt-sidebar {width:50%; margin:0 0 15px 0;}
}
@media screen and (max-width:640px) {
	h1.int {font-size:28px;}
	h2 {font-size:24px;}
	h4 {font-size:18px;}
	h6 {font-size:14px;}
	.hide-640 {display:none!important;}
	.show-640 {display:block;}
	
	.logo {width:55%; margin-right:3%;}
	.est {width:36%; margin-left:6%;}
	.est img {max-width:100px;}
	
	nav a:link, nav a:active, nav a:visited {font-size:14px; padding:0 9px;}
	.nav__dropdown-wrapper button {font-size:14px; padding:0 8px;}
	
	a.cat {padding:15px 2%;}
	a.cat:hover img, a.cat:hover .cat-title {transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0);}
	.overlay-descrip {font-size:12px; background:none; opacity:1; position:relative; padding:10px 0 0 0; color:#000; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0);}
	.click-tag {width:95%; position:relative; right:0; bottom:0; margin-top:10px;}
}
@media screen and (max-width:480px) {
	.show-480 {display:block;}
	.hide-480 {display:none !important;}
	.col3 {width:100%; margin-right:0%;}
	
	h2 {font-size:18px;}
	h5 {font-size:16px;}
	.lg-text {font-size:14px;}
	
	.top-header {text-align:center; padding:7px 0;}
	.top-header img {margin:0 3%;}
	
	.logo {width:50%; margin:0 25%;}
	.lg-phone {margin-top:0px;}
	.est {margin:10px 0 0 0; width:100%; text-align:center;}
	.est h4 {margin-bottom:0;}
	.nav__dropdown {left:-100%;}
	
	.cycle-prev, .cycle-next {width:8%;}
	
	.cat-boxes {margin:0;}
	a.cat {width:96%; margin-right:0;}
	
	.manu-logos a, .manu-logos-sm a, .manu-logos-sm span {width:48%; margin:0 2% 15px 0;}
	
	.map iframe {height:225px;}
	
	.rt-img, .rt-sidebar {width:100%;}
}
@media screen and (max-width:375px) {
	h1 {font-size:24px;}
	.logo {width:70%; margin:0 15%;}
	.manu-logos a img {width:100%;}
}
@media screen and (max-width:320px) {
	.logo {width:90%; margin:0 5%;}
	h4 {font-size:16px;}
	
}
@media screen and (max-width:317px) {
	.nav__dropdown {left:0;}
}