/***** BEGIN 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

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

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.h1 {text-transform: uppercase; font-weight: 700; font-size: 18px;}

body {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size:16px; -webkit-text-size-adjust:none;}
a:link, a:visited, a:active {text-decoration:none; color:#3366cc;}
a:hover {text-decoration:underline; color:#cc9933;}

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

.header {
	background:url(../siteart/greyzz.png) repeat;
	text-align: center;
	max-width: 100%;
}

#logo img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.wrapper {
	width: 85%;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
}

.currency-capital-price-container img {display:inline!important;padding:5px!important;vertical-align:middle!important;}
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


#phone {float: right; display: inline-block; font-size: 22px;}


#forecast_embed {
	width: 48%;
	max-width: 100%;
}

.contact-left {
	width:100%;
	max-width: 50%;
	display:block;float:left;
	text-align: center;
}

.contact-right {
	width:100%;
	max-width: 50%;
	display:block;float:left;
	text-align: center;
}

/***TABLE***/

#formpage {
vertical-align:top;
}

#formpage div {
vertical-align:top;
padding: 5px 0px;
}
        
#formpage input {
	padding:6px 0px;
	padding-left: 5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
}

#formpage textarea {
	padding:6px 0px;
	padding-left: 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:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	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:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
	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; 
    max-width: 100%;
    margin:0;
    padding:7px 0;
    background:#A7181D;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#formpage input.button:hover {
	background:#000;
	color:#fff;
	text-shadow:none;
	transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;
	cursor: pointer;
}
 


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;margin-bottom:5px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    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;
}
.CaptchaImagePanel img{
margin:0 auto;
}

.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:#fff; font-size: 14px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


.background {background:url(../siteart/greyzz.png) repeat; width: 100%;}
.footer {width: 90%; max-width: 100%; padding: 20px 0px; margin: 0 auto; }
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline;font-size:13px;}
a.footerlink:hover {text-decoration:none;font-size:13px;}
.footertext{font-size:13px; color:#000;}
.smallfootertext{font-size:10px; color:#000;}
.divfooter {width:48%; max-width: 100%; text-align:right; float: right; display: inline-block;}

/* Faceted inventory */
.view-listing-details-link, .buy-now-link, .faceted-search-content .selected-facets-container .selected-facet, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content .detail-additional-data .data-row .data-label, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input, .compare-listings-container .compare-container .button, .detail-content-mobile .contact-options a, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .detail-content-mobile .detail-additional-data .data-row .data-label {
	background: #3366cc !important;
	color: #fff !important;
}
.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .currency-selector, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title, .compare-listings-container .compare-container .compare-price{
	color:#3366cc !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a {
	color: #3366cc !important;
		border-color:#3366cc !important;
}
/************************************************ Responsive Styles **/
@media screen and (max-width: 1024px){
#forecast_embed {width: 100%;}
.divfooter {width:100%; text-align:center; float: none; display: inline-block;}

.contact-left, .contact-right {max-width: 100%; padding: 2% 0px;}
#phone {float: none; display: inline-block; font-size: 22px; padding-bottom: 20px;}

}
 
 

@media screen and (max-width: 320px){

#forecast_embed {width: 100%;}
.divfooter {width:100%; text-align:center; float: none; display: inline-block;}
#phone {float: none; display: inline-block; font-size: 18px; padding-bottom: 20px;}
}