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

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

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

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

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

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


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

body {
	background:url('../siteart/layout/gray-pattern.jpg') repeat;
	font-family: 'open_sansregular';
	font-size:16px;
	font-weight:normal;
	-webkit-text-size-adjust: none;
}

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

.display-tablet {display:none;}

.image-rt {width:23%; float:right; margin:0 0 15px 2%;}
.image-rt img {width:100%; height:auto; max-width:200px;}



/********************** inventory styles **/

.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:#3a407e !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: #3a407e !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: #3a407e !important;}

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

.blue {color:#3a407e;}
.white {color:#fff;}
.black {color:#000;}
.red {color:red;}

strong {font-weight:normal; font-family: 'open_sansbold';}
em {font-family: 'open_sansitalic'; font-style:normal;}
.bold-italic {font-family: 'open_sansbold_italic';}


h1 {
	color:#3a407e;
	font-size:40px;
	font-family: 'open_sansbold';
	font-weight:normal;
	margin-bottom:18px;
}

h2 {
	font-size:40px;
	color:#fff;
	font-family: 'open_sansbold';
	font-weight:normal;
	margin-bottom:10px;
	text-shadow: 0px 2px 2px rgba(0,0,0,.5);
}

h3 {
	font-size:28px;
	color:#3a407e;
	font-family: 'open_sansbold';
	font-weight:normal;
	margin-bottom:10px;
}

h4 {
	color:#000;
	font-size:20px;
	font-family: 'open_sanssemibold';
	font-weight:normal;
	margin-bottom:26px;
}

h5 {
	font-size:18px;
	color:#3a407e;
	font-family: 'open_sansbold';
	font-weight:normal;
	margin-bottom:5px;
}




a {color:#3a407e; text-decoration:none;}
a:hover {color:#000;}

a.border-btn {
	font-size:20px;
	font-family: 'open_sansbold';
	font-weight:normal;
	color:#000;
	border:3px #000 solid;
	padding:10px 30px;
	display:block;
	width:30%;
	max-width:400px;
	margin:0 auto;
}
a.border-btn:hover {border-color:#3a407e; background:#3a407e; color:#fff;}



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

.hero {
	display:block;
	width:100%;
	height:798px;
	background:url('../siteart/layout/hero-img-color.jpg') no-repeat center;
	background-size:cover;
}

.hero-sm {
	display:block;
	width:100%;
	background:url('../siteart/layout/hero-short.jpg') no-repeat center;
	background-size:cover;
	border-bottom:2px #8e8e8e solid;
}

.myheader {width:100%; padding:20px 0;}

.mylogo {width:37.8%; float:left; margin-right:2.2%;}
.mylogo img {width:100%; max-width:466px; height:auto; display:block;}

.weather {
	position:absolute;
	top:227px; right:0;
	z-index:999;
	width:50px;
	height:50px;
	display:block;
	background:#3a407e url('../siteart/layout/weather-icon.png') no-repeat center;
	background-size:62%;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
.weather:hover {cursor:pointer; background-color:#000;}

.facebook {
	position:absolute;
	top:287px; right:0;
	z-index:999;
	width:50px;
	height:50px;
	display:block;
	background:#3a407e url('../siteart/layout/facebook-icon.png') no-repeat center;
	background-size:62%;
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}
.facebook:hover {cursor:pointer; background-color:#000;}




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

nav {width:30%; float:left; margin-top:25px;}
nav ul {width:100%; margin:0 auto;}
nav li {float:right; position:relative; display:inline;}

nav a:link, nav a:active, nav a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:18px;
	padding:0 12px;
	font-family: 'open_sanssemibold';
	font-weight:normal;
}
nav a:hover {color:#3a407e;}


.nav-two {width:30%; float:left; margin-top:25px;}
.nav-two ul {width:100%; margin:0 auto;}
.nav-two li {float:left; position:relative; display:inline;}

.nav-two a:link, .nav-two a:active, .nav-two a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:18px;
	padding:0 12px;
	line-height:24px;
	font-family: 'open_sanssemibold';
	font-weight:normal;
}
.nav-two a:hover {color:#3a407e;}

.nav-two ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 24px;
	left:0;
	width:200px;
	background:#3a407e;
}

.nav-two ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

.nav-two ul li:hover > ul {
	display: block;
	z-index:99999;
}

.nav-two ul ul li {
	float: none; 
	position: relative;
	display:block;
}

.nav-two ul ul li a:link, .nav-two ul ul li a:active, .nav-two ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 12px;
	border-bottom: 1px solid #1D203E;
	color:#fff;
}

.nav-two ul ul li a:hover {
	background: #1D203E;
	color:#fff;
}





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

.welcome {
	text-align:center;
	width:75%;
	margin:20px auto 0 auto;
}

.directions {
	width:100%;
	display:block;
	height:170px;
	padding-top:130px;
	background:url('../siteart/layout/map-screenshot.jpg') no-repeat center;
	background-size:cover;
	text-align:center;
	border-bottom:3px #fff solid;
}
.directions a.border-btn {color:#fff; font-size:24px; border-color:#fff;}
.directions a.border-btn:hover {border-color:#3a407e;}

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

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

.contact-info {width:28%; float:left; margin-right:2%;}
.map {width:70%; float:left;}
.map iframe {width:100%; display:block; height:350px;}





/********************** scrolling inv & footer styles **/

.scroll-frame {
	width:100%;
	height:90px;
	padding:5px 0;
	display:block;
	overflow:hidden;
	background:#3a407e;
	border-bottom:3px #fff solid;
	border-top:3px #fff solid;
}
.scroll-frame iframe {
	width:100%;
	display:block;
	height:90px;
	background:#3a407e;
}

footer {width:100%; padding:40px 0; color:#333; line-height:12px;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#333;}
a.footerlink:hover {text-decoration:none; color:#333;}

.footertext{font-size:10px; color:#333;}
.smallfootertext{font-size:10px; color:#333;}

.divfooter {width:45%; max-width:615px; text-align:center; margin:0 auto;}






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

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

#formpage label {display:block; margin-bottom:2px;}

#formpage input {
	-webkit-appearance: none;
	padding:6px 5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	width:100%;
	width:calc(100% - 12px);
	margin-bottom:7px;
}

#formpage textarea {
	-webkit-appearance: none;
	padding:6px 5px;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	width:100%;
	width:calc(100% - 12px);
	height:120px;
	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 {
	-webkit-appearance: none;
	border:1px solid #8e8d8d;
	font-family:Arial, Helvetica, sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
	width:calc(100% - 12px);
	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;
	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%; 
	width:calc(100% - 4px);
    margin:0;
    padding:7px 0;
    background:none;
    border:2px #000 solid;
    font-size:14px;
	line-height:14px;
	font-weight:normal;
	font-family: 'open_sansbold';
    color:#000;
}
#formpage input.button:hover {
	background:#3a407e;
	border-color:#3a407e;
	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;
}

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








/********************** responsive styles **/

@media screen and (max-width:1180px) {
	nav a:link, nav a:active, nav a:visited,
	.nav-two a:link, .nav-two a:active, .nav-two a:visited {
		font-size:17px;
		padding:0 8px;
	}
}


@media screen and (max-width:1024px) {
	.display-tablet {display:block;}
	.hide-tablet {display:none;}
	
	h1 {font-size:32px; margin-bottom:16px;}
	h2 {font-size:32px;}
	h3 {font-size:24px;}
	h4 {font-size:18px; margin-bottom:20px;}
	.directions a.border-btn {font-size:20px;}
	
	.mobile-bar {width:30%; float:left; margin-top:10px;}
	#simple-menu {
		float:left;
		background:url(../siteart/layout/mobile-nav-icon.png) no-repeat center center;
		height:40px;
		width:40px;
		display:block;
		cursor:pointer;
	}
	#simple-menu:hover {cursor:pointer; background-image:url('../siteart/layout/mobile-nav-icon-hover.png');}
	
	.hero {height:600px;}
	
	.weather {width:40px; height:40px; top:188px;}
	.facebook {width:40px; height:40px; top:238px;}
	
}


@media screen and (max-width:768px) {
	.wrap {width:95%;}
	
	h1 {font-size:28px; margin-bottom:14px;}
	h2 {font-size:28px;}
	h3 {font-size:20px;}
	h4 {font-size:14px; margin-bottom:16px;}
	h5 {font-size:16px;}
	.directions a.border-btn {font-size:18px;}
	
	a.border-btn {padding:5px 30px;}
	
	.hero {height:525px;}
	
	.weather {width:30px; height:30px; top:138px;}
	.facebook {width:30px; height:30px; top:178px;}
	
	.welcome {width:85%; margin-top:10px;}
	
	.contact-info {width:100%; margin-right:0%;}
	.map {width:100%; margin-top:15px;}
	
	.directions {height:130px; padding-top:90px;}
	
	#formpage .col3 {width:48%;}
		
}


@media screen and (max-width:640px) {
	.mylogo {width:45%; margin-right:0%;}
	.mobile-bar {width:27.5%;}
	
	.image-rt {width:100%; text-align:center;}
	.image-rt img {margin:0 auto;}
	
	a.border-btn {width:60%;}
	
	.hero {height:435px;}
	.welcome {margin-top:0px; background:url('../siteart/layout/80-wt.png') repeat; padding:15px 3%;}
	
	.divfooter {width:85%;}
	
	#formpage .col3 {width:100%; margin-right:0%;}
	
}


@media screen and (max-width:480px) {
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:24px; margin-bottom:10px;}
	h2 {font-size:24px;}
	h3 {font-size:18px;}
	h4 {font-size:12px; margin-bottom:14px;}
	h5 {font-size:14px;}
	a.border-btn {font-size:16px;}
	
	.mylogo {width:55%;}
	.mobile-bar {width:22.5%;}
	
}


@media screen and (max-width:320px) {
	.mylogo {width:70%;}
	.mobile-bar {width:15%;}
	
}