/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	height:auto!important;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
}



.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:#77373a !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: #77373a !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: #77373a !important;}
.page-nav{background-color:#77373a!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#77373a!important}
.return-links span, .return-links i {color:#77373a!important;}
.dealer-data {text-align: center;}
.bottom-section strong {font-size:15px;}

.des-video-chat {margin:-138px!important; line-height: 27px!important;}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/** END RESET **/

body {
	color:#000;
	font-size:16px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	align-content:center;
	margin:0 auto;
	line-height:20px;
}

p {
	line-height:18px;
}

h1 {
	font-size:30px;
	color:#77373a;
	text-transform:uppercase;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6); 
	padding-bottom:20px;
}

h2 {
	font-size:24px;
	color:#000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

h3 {
	font-size:18px;
	color:#000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

.info h1, .info h2{font-size:18px!important; color:#000!important; text-align:center; text-shadow:none!important;}

/* unvisited link */
a:link {
    color: #77373a;
    font-weight:bold;
}

/* visited link */
a:visited {
    color: #77373a;
    font-weight:bold;
}

/* mouse over link */
a:hover {
	color: #BF0609;
	font-weight:bold;
}

/* selected link */
a:active {
     color: #77373a;
	font-weight:bold;
}

strong {
	font-size:20px;
	color:#3d3d3d;
}

.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

#pictures {
	float:left;
	display:inline;
	height:auto;
	max-width:100%;
	margin:0 10px 10px 10px;
	border:1px #3d3d3d solid;
}

.contact {
	float:left;
	display:block;
	max-width:100%;
	padding:20px!important;
}

.local {
	float:left;
	display:block;
	max-width:100%;
	min-width:40%;
	padding:20px;
}


.header {
	background:#f0f0f0;
	height:150px;
	min-height:100px;
	margin:0 auto;
	padding-top:20px;
	align-content:center;
}


.header2 {
	background:#f0f0f0;
	min-height:100px;
	margin:0 auto 80px auto;
	padding-top:20px;
	align-content:center;
	border-bottom:1px #3d3d3d solid;

}

.wrapper {
	width:100%;
	margin-bottom:50px;
	height:auto;
	margin:0 auto;

}
center{max-width:500px; margin:0 auto;}
.header-contact{float:right; margin-top:-80px; padding-right:100px;}
.header-left{float:left!important; padding-left:100px!important; padding-right:10px;}
.header-contact p a{color:#000; transition:.3s ease;}
.header-contact p a:hover{color:#4b0000;}
/** NAVIGATION **/ 
#nav {
    position:relative;
    display:block;  
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
    width:95%;
}
#nav ul{display:flex; flex-direction:row; justify-content: 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:left;
    text-align:center;
}
  
#nav li ul {
    display: none;
}
  
  
#nav ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #000;
    font-size:16px;
    line-height:16px;
    padding:8px 17px;  
    height: 100%;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6); 
    text-align:center;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:normal;
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
	box-sizing:border-box;
    color:#fff; 
    background: #4b0000 url("../siteart/nav-ro-bg.jpg") repeat-x;
}
  
  
  
#nav ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#090909;
    border-bottom:1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
}
#nav ul li li a:hover { /* appearance of the sub-level links on 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; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
nav ul ul li {
    float: none; 
    position: relative;
}
  
/******MAIN NAVIGATION END******/

#button {
	font-size:24px;
	margin:0 auto;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6); 
    text-align:center;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:normal;
    padding:10px;
    background:#BCBCBC;
    width:200px;
}


/** FLOATING GRAY BOXES **/
.infowrap {
	margin:0 auto;
	width:80%;
	margin-top:20px;

}

.boxes {
	margin:0 auto;
	width:99%;
}

.info {
	background:#e6e6e6;
	width:22%;
	float: none;
	display: inline-block;
	padding:25px;
	height: 300px;
	box-sizing: border-box;
	margin:10px;
	text-align:left;
	vertical-align: top;
}

.info img {max-width: 100%; height: auto; display: inline-block;}

#gal_container {
	padding:0 20px;
	margin:0 auto;
	text-align:center;
}
#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
	height:90px;
	margin:0 5px 5px 0;
	border:1px #666666 solid;
}
	 
/** FORM **/	   
#formpage {
vertical-align:top;
}

#formpage td {
vertical-align:top;
padding:3px 5px;
max-width:700px;
width:100%;
}

#formpage input {
	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;
}

#formpage textarea {
	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;
}

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

#formpage textarea {
    width:250px;
    height:85px;
}




/* 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:200px; 
    margin:0;
    padding:7px 0;
    background:#e6e6e6 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #000 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#000;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#formpage input.button:hover {
	background:#77373a;
	color:#e6e6e6;
	text-shadow:none;
	border:2px #000 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
 

/*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;} 
 
 
.foot-logo{max-width:240px; width:100%; margin:0 auto; display:block;}
.foot-logo img{width:100%;}
 
        
            
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:10px; color:#3d3d3d;}
a.footerlink:hover {text-decoration:none; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:10px;}

.footertext{font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:10px; color:#3d3d3d;}

.smallfootertext{font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:10px; color:#3d3d3d;}

.divfooter {width:90%; text-align:center; margin:0 auto;}

.border {border-top:20px #77373a solid; max-width:100%; padding-bottom:50px; padding-top:50px; margin-top:100px;}

#shadowbox  { 
	-moz-box-shadow:  0 0 10px #adadad;
	-webkit-box-shadow: 0 0 10px #adadad;
	box-shadow: 0 0 10px #adadad;
	/* 1st position is horizontal, can be -(go left) or +(go right)
	   2nd position is vertical, can be -(go up) or +(go down)
	   3rd postion is the blur-spread. (0=no blur, 20=really blurry)
	   4th position is the html hexachrome color number. (#000=black)
	*/
}			
			

.hosted-content .fluid {border: none !important;}

.row img{max-width:280px; padding:10px; box-sizing:border-box;}
.row{flex-direction:row; display:flex;}
.row p{padding:40px; box-sizing:border-box; font-size:16px; line-height:24px;}
/************************************************ Responsive Styles **/




@media screen and (max-width: 1280px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
	.header-contact{margin:0 auto; width:100%; clear:both; float:none; padding:10px; box-sizing:border-box; text-align:center; }
	.header{height:auto!important;}
	.header-left{padding-left:10px!important;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}

.border {border-top:10px #77373a solid; max-width:100%; padding-bottom:20px; padding-top:20px;}

h1 {
	line-height:25px;
}

h2 {
	line-height:25px;
}

h3 {
	line-height:25px;
}


.header {
	height:110px;
	min-height:110px;
	padding-top:10px;
	margin-bottom:20px;
}

.header img {
	margin:0 auto;
	align-content:center;
	min-width:150px;
	max-width:100%;
	height:auto;
}

.header2 img {
	margin:0 auto;
	align-content:center;
	min-width:150px;
	max-width:100%;
	height:auto;
}

.infowrap {
	width:80%;
	margin-top:20px;
}

.info {
	width:100%;
	padding:15px;
	height:auto;
	margin: 10px 0px;	
}

body {
	font-size:14px;
}

#pictures {
	margin:0 20px 10px 20px;
}
#gal_container {
	padding:0;
}

#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
	margin:0 0 5px 0;
	width:150px;
}

}
 
 @media screen and (max-width: 1000px) {
	 .row{flex-direction:column;}
	 .row img{display:block; margin:0 auto;}
}
@media screen and (max-width: 500px) {
	.infowrap{width:90%;}
}
@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
	.row img{max-width:230px;}
	.row p{padding:20px;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav  {display:none;}

body {
	font-size:14px;
}

h1 {
	font-size:24px;
	padding-bottom:10px;
	line-height:20px;
}

h2 {
	font-size:22px;
	line-height:20px;
}

h3 {
	font-size:16px;
	line-height:20px;
}

.header {
	height:80px;
	min-height:80px;
	padding-top:10px;
}

.header2 {
	height:80px;
	min-height:80px;
	padding-top:10px;
	border-bottom:10px #3d3d3d solid;
	width:100%;
}


.border {border-top:10px #77373a solid; max-width:100%; padding-bottom:20px; padding-top:20px;}



.infowrap {
	width:80%;
	margin-top:20px;
}

.info {
	width:100%;
	padding:15px;
	height:auto;
	margin: 10px 0px;	
}


#gal_container {
	padding:0;
}

#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
	margin:0 0 5px 0;
	width:150px;
}

strong {
	font-size:16px;
	color:#3d3d3d;
}

}