/* RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; font-style:normal; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:25px;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-family: 'Oswald', sans-serif; font-size:40px; line-height:50px;}
h2 {font-family: 'Oswald', sans-serif; font-size:40px; color:#840000; margin:60px 0 5px;}
h3 {font-family: 'Oswald', sans-serif; font-size:20px; margin:15px 0 5px;}
h4 {font-family: 'Oswald', sans-serif; font-size:18px; margin-bottom:5px;}

p {font-size:18px; line-height:32px;}
a {text-decoration:none;}

/* BASIC STYLES */
.show-menu-for-mobile {display:none;} 
#contentwrap {width:90%; margin:0 auto;}
#site-width {width:75%; margin:10px auto;}
#site-width a {color:#840000;}
#site-width a:hover {color:#000;}
body{overflow-x:hidden;}


/* INVENTORY */
.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:#F2F2F2 !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: #840000 !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: #F2F2F2 !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;}

.detail-content-mobile .detail-main-body .main-detail-data .detail-price, .detail-content-mobile .detail-main-body .main-detail-data .alternate-retail-price, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color:#000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{color:#840000!important}
.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a{color:#840000!important;border-color:#840000!important}

.media-buttons .print-this, .media-buttons .email-this, .list-content .list-title .list-listings-count{color:#840000!important}

.dealer-btns-bottom a {background: #F2F2F2 !important;}
.page-nav, .mobile-breadcrumb{background-color:#F2F2F2!important}
.search-results {color:#000!important}
.return-links span, .return-links i {color:#FFF!important;}


/* HEADER */
header {background: #282828;} 
#topbar {background:#fff; padding:.25% 0;}
.topnav {float:left; width:50%;}
.topnav li {display:inline-block; padding-right:10px;}
.topnav li a {color:#000; font-family: 'Oswald', sans-serif; font-size:16px;}
.topnav li a:hover {color:#840000;}

.contactinfo {float:right; width:50%; text-align:right; font-family: 'Oswald', sans-serif; font-size:16px; padding-top:5px;}
.contactinfo a {font-family: 'Oswald', sans-serif; font-size:16px; padding-top:5px; color:#000;}

.logo {float:left; width:16%; margin-top:15px;}
.logo img {width:100%;}
.navwrap {float:right; width:70%;}
   
/* TOP NAVIGATION */
#top-nav{float:right; position:relative;}
#top-nav ul{list-style: none; padding:0; margin:0;}
#top-nav li{list-style: none; padding:0; margin:0;}
#top-nav ul li {display: block; position: relative; float: left;}
#top-nav li ul {display: none;}

#top-nav ul li a {display: block; text-decoration: none; color: #fff; text-transform:uppercase; font-family: 'Oswald', sans-serif;  font-style: normal; font-weight:normal;	 font-size:.8em; padding:12em 5.5em 1.5em 5.5em; border-right:1px solid #454545; border-left:1px solid #454545;}
/* appearance of the sub-level links */
#top-nav ul li li a {text-decoration: none;	color: #fff; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-style: normal; font-weight:normal; font-size:.875em; padding:1em 1em 1em 0.95em; background-color:#000;}
/* appearance of the sub-level links on hover */
#top-nav ul li li a:hover {color: #fff; background-color:#840000;}
 
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#top-nav ul ul {display: none; position: absolute;  top:100%; right:0; width:14em;}
 
#top-nav ul ul ul {position: absolute;  left: 100%; top:0;}
 
#top-nav ul li:hover > ul {display: inline-block; line-height: normal; z-index: 100;}
 
#top-nav ul ul li {float: none; position: relative;}

/*styles applied navigation icons in header.ss file */
.navwrap {float:right; width:70%;}
#top-nav ul li a.inventory{background: url(../siteart/nav/inventory.png) no-repeat center 15px;}
#top-nav ul li a.parts{background: url(../siteart/nav/parts.png) no-repeat center 15px;}
#top-nav ul li a.products{background: url(../siteart/nav/products.png) no-repeat center 15px;}
#top-nav ul li a.service{background: url(../siteart/nav/service.png) no-repeat center 15px;}
#top-nav ul li a.sales{background: url(../siteart/nav/sales.png) no-repeat center 15px;}
#top-nav ul li a.contact{background: url(../siteart/nav/contact.png) no-repeat center 15px;}

#top-nav ul li a.inventory,
#top-nav ul li a.parts,
#top-nav ul li a.products,
#top-nav ul li a.service,
#top-nav ul li a.sales,
#top-nav ul li a.contact{
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
#top-nav ul li a:hover {text-decoration:none; color:#840000;}
#top-nav ul li a.inventory:hover{background: url(../siteart/nav/inventory_on.png) no-repeat center 15px;}
#top-nav ul li a.parts:hover{background: url(../siteart/nav/parts_on.png) no-repeat center 15px;}
#top-nav ul li a.products:hover{background: url(../siteart/nav/products_on.png) no-repeat center 15px;}
#top-nav ul li a.service:hover{background: url(../siteart/nav/service_on.png) no-repeat center 15px;}
#top-nav ul li a.sales:hover{background: url(../siteart/nav/sales_on.png) no-repeat center 15px;}
#top-nav ul li a.contact:hover{background: url(../siteart/nav/contact_on.png) no-repeat center 15px;}

/* MAIN NAVIGATION */
nav {position:absolute; height:43px; width:1024px; display:block; z-index:999; top:110px; left:0px;}

nav ul {list-style: none;}

nav ul li {display: block; position: relative; float:right;}

nav li ul {display: none;}

nav ul li a {display: block; text-decoration: none; color: #fff; font-weight:bold; font-size:14px; line-height:43px; margin:0px 25px; text-transform:uppercase;}
nav ul li a:hover {height: 1%;/*For IE7*/ text-decoration:none !important; color:#840000!important;}

/* DROP DOWN */
nav li:hover ul {display: block; position: absolute; margin: 0; padding: 0; z-index:500; border:1px solid #cacdcc; border-bottom-width:0px; background:#fff;}

nav li:hover li {float: none; position: static; text-decoration:none;}
nav li:hover li a {color: #840000 !important; line-height:28px; border-bottom: 1px solid #cacdcc; padding:0 25px; margin:0px; width:150px;}

nav li li a:hover {color:#fff !important; text-decoration:none; background:#840000;}

/* CONTENT STYLES */
#main {width:100%;}
#main img {width:100%;}

.col_2 {display:inline-block; vertical-align:top; width:49%;}
.col_3 {display:inline-block; vertical-align:top; width:32%;}

.searchtagline {position:absolute; width:100%; margin:0 auto; z-index:99999999; top:500px; text-align:center; font-size:48px; color:#fff; font-family: 'Oswald', sans-serif;}

/* SEARCH BAR */
.searchform {width:20%; margin:0 auto; padding:0 0 5px 0; color:#fff !important}

.searchform input.search-box {width:100%; color:#fff !important; font-size:18px; padding:5px 0px; text-transform:uppercase; border:2px #840000 solid; text-align:center;}

 /* Chrome/Opera/Safari */
::-webkit-input-placeholder {color: white;}

/* Firefox 19+ */
::-moz-placeholder { color: white;}
/* IE 10+ */
:-ms-input-placeholder {color: white;}
/* Firefox 18- */
:-moz-placeholder {color: white;}

.tabwrap {position:relative; margin-top:-51px; z-index:9999999999999999999999999;}
.tab {background:#840000; float:left; width:13.25%; margin:0 .5%; padding:15px 0; text-align:center; color:#fff; font-family: 'Oswald', sans-serif;}
.tab:hover {background:#282828;}
.tabwrapmobile {display:none;}

.homeleft {float:left; vertical-align:top; width:50%; margin:-5px 0; font-size:20px; line-height:36px;}
.homeleft a {color:#840000;}
.homeleft a:hover {color:#282828;}
.homeleft img {width:100%;}
.homeright {float:right; vertical-align:top; width:45%; margin-bottom:-5px;}
.homeright img {width:100%;}

.homeleft2 {float:left; vertical-align:top; width:50%; margin:-5px 0;}
.homeleft2 img {width:100%;}
.homeright2 {float:right; vertical-align:top; width:50%; margin-bottom:-5px; font-size:20px; line-height:36px;}
.homeright2 a {color:#840000;}
.homeright2 a:hover {color:#282828;}

.dealer-banner {background: #840000; padding: 30px 0;}
.dealer-banner p {color: #fff !important; text-align: center; font-size: 28px;}

.pageleft {float:left; width:50%; margin:-5px 0;}
.pageleft a {color:#840000;}
.pageleft a:hover {color:#282828;}
.pageleft img {width:100%;}
.pageright {float:right; width:50%; margin-bottom:-5px;}
.pageright img {width:100%;}

.empleft {float:left; width:70%;}
.empright {float:right; width:25%;}
.empright a {color:#840000;}
.empright a:hover {color:#000;}

div.wrap-div-topSpacer {width: 0px; height: 60px; float: left;}
div.wrap-div {float: right; clear: both; margin: 0px 10px 0 0; width: 26%; padding-left:10px;}
div.wrap-div img {width: 100%;}

.invbtn {float:left; width:31%; margin:2% 1% 1%; border:1px solid #840000; font-family: 'Oswald', sans-serif; text-align:center; padding:5px 0;}
.invbtn:hover {border:1px solid #282828;}
/*.tagline {position:absolute; width:700px; left:100px; z-index:99999999; top:1600px; font-size:36px; color:#fff; line-height:50px;}
.btn {width:200px; font-size:22px; border:1px solid #fff; color:#fff; text-align:center; padding:2px 0;}
*/
#gal_container {padding:20px 0;}
#gal_container img {width:13%; height:auto; margin:0 5px 5px 0; border:1px #ccc solid;}

#spec_list{float:left; width:9%;}
#spec_head{float:left; width:15%;}
#spec_list2 {float:left; width:55%;}
#spec_list3 {float:left; width:35%;}
#spec_head2{float:left; width:10%;}
.spec {float:left; width:100%; padding:3px 5px; font-size:12px; margin-top:1px; line-height:16px;}
.spec_on {background:#840000; float:left; width:100%; padding:3px 5px; font-size:12px; margin-top:1px; color:#fff; margin-top:5px; color:#fff; line-height:16px;}
.backbtn {float:right;}
.backbtn a {color:#000;}

/* FORM */
input.text {width:100%; padding:5px; border:1px solid #454545; background:#fff; color:#000; margin:3px auto 2px;}
textarea {width:100%; padding:5px; border:1px solid #454545; background:#fff; color:#000; margin:3px auto 2px;}
input.button{width:100%;font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; text-align:center; padding:0 20px; background:#840000; border:0; margin-top:2px; font-family: 'Oswald', sans-serif;}
input.button:hover {
	background-position:bottom; 
	cursor:pointer; 
	background:#background: #840000; 
    background: -webkit-linear-gradient(#840000, #760707); 
    background: -o-linear-gradient(#840000, #760707);
    background: -moz-linear-gradient(#840000, #760707); 
    background: linear-gradient(#840000, #760707); 
}
.contactform {padding:10px 0; width:100%; text-align:center; margin-bottom:30px; }
.contactform p {font-weight:bold; text-transform:uppercase; }
.contactform input.text {width:100%; text-align:center; color:#fff;}

a.button {width:96%; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:inline-block; text-align:center; padding:0 20px; background:#840000;margin-top:15px; }
a.button:hover {
	background-position:bottom; 
	background:#background: #840000; 
    background: -webkit-linear-gradient(#840000, #760707); 
    background: -o-linear-gradient(#840000, #760707);
    background: -moz-linear-gradient(#840000, #760707); 
    background: linear-gradient(#840000, #760707); 
	color:#fff !important;
}
.CaptchaAnswerPanel {padding:5px 0 !important; border:1px solid #ccc; color:#fff !important;background:#fff;}
 
/* FOOTER */
footer {background: #282828; padding:25px 0 0; color:#fff; font-size:14px; line-height:20px;}
footer a {color:#fff; font-size:14px; line-height:20px;}
footer a:hover {color:#840000;}

.threecolumn {float:left; width:15%; padding-bottom:25px;}
.footercontact {float:right; width:40%; padding-bottom:25px;}
#footerbottom {background:#fff; color:#000; padding:10px 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#000;}
a.footerlink:hover {text-decoration:none; font-size:11px; color:#840000;}
.footertext{font-size:10px; color:#000;}
.smallfootertext{font-size:10px; color:#000;}
.divfooter {width:60%; line-height:10px; }

/************************************************ Responsive Styles **/

@media screen and (max-width: 1780px) and (min-width:1300px) {
.show-menu-for-mobile {display:none;}
h1 {font-size:32px; line-height:50px;}
h2 {font-size:28px; margin-top:35px;}
.logo {width:18%; padding-top:10px;}
.navwrap {width:80%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.topnav {width:60%;}
.contactinfo {width:40%;}

.searchtagline {top:515px;}

.invbtn {width:30%;}

.tagline {top:1215px; left:75px; font-size:28px;}
.btn {margin-top:5px;font-size:18px;}

.spec {height:30px;}
.spec_on {height:30px;}

.divfooter {width:65%;}
	
}

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

h1 {font-size:24px; line-height:48px;}
h2 {font-size:26px; margin-top:35px;}
h3 {font-size:20px; margin-top:20px;}
p {font-size:14px; line-height:24px;}

.homeleft {font-size:16px; line-height:28px;}
.homeright2 {font-size:16px; line-height:28px;}

#site-width {width:90%;}
.logo {width:18%; padding-top:10px;}
.navwrap {width:80%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.topnav {width:60%;}
.topnav li a {font-size:13px;}
.contactinfo {width:40%; font-size:13px; margin-top:4px;}
.contactinfo a {font-size:13px; margin-top:4px;}

.searchtagline {top:400px;}
.tabwrap {margin-top:-45px;}
.tab {font-size:12px;}

.invbtn {width:30%;}

#gal_container img {width:20%; height:auto;}

.spec {height:50px;}
.spec_on {height:30px;}

.tagline {top:975px; left:75px; font-size:20px;}
.btn {width:100px; font-size:14px; padding:1px 0; margin-top:10px;}


.divfooter {width:75%;}

/******************styles for the main site navigation during mobile display*************/
#navicon {float: right; font-size: 32px; font-size: 2em; text-decoration: none; position: relative; z-index: 99999999999999999; margin: 3rem 0 0 0.5rem; color:#fff;}
#nav  {display:none;}
}
 
@media screen and (max-width:999px) {
.searchtagline {top: 332px!important;}
.dealer-banner p {font-size: 20px;}
}

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

h1 {font-size:32px; margin-top:35px; line-height:50px;}
h2 {font-size:22px; margin-top:25px;}
h3 {font-size:18px; margin-top:20px;}
p {font-size:13px; line-height:22px;}

.homeleft {font-size:14px; line-height:22px;}
.homeright2 {font-size:14px; line-height:22px;}

#site-width {width:90%;}
.logo {width:18%; padding-top:10px;}
.navwrap {width:80%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.topnav {display:none;}
.contactinfo {width:40%; font-size:12px; margin-top:4px;}
.contactinfo a {font-size:12px; margin-top:4px;}

.searchtagline {top:250px; font-size:36px;}
.tabwrap {margin-top:-45px;}
.tab {font-size:10px;}

.invbtn {font-size:13px; padding:8px 0 3px; width:30%; margin:2% 1% 3%;}

.spec {height:50px;}
.spec_on {height:30px;}

.tagline {top:735px; left:75px; font-size:24px; line-height:10px;}
.btn {margin-top:25px; font-size:16px;}

.threecolumn {width:18%;}
.divfooter {width:75%;}


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

@media screen and (max-width: 849px) {
	.dealer-banner {padding: 20px 0;}
	.searchtagline {top: 260px!important;}
	.searchtagline {top: 260px!important;}
}

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

h1 {font-size:24px; margin-top:35px; line-height:48px;}
h2 {font-size:21px; margin-top:20px;}
p {font-size:13px; line-height:22px;}

.homeleft {font-size:14px; line-height:22px;}
.homeright2 {font-size:14px; line-height:22px;}

#site-width {width:90%;}
.logo {width:25%; padding-top:0;}
.navwrap {width:70%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.topnav {display:none;}
.contactinfo {width:60%; font-size:12px; margin-top:4px;}
.contactinfo a {font-size:12px; margin-top:4px;}

.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}
.pageright img {display:none;}
.searchtagline {top:225px; font-size:28px;}
.searchform {width:35%;}
.searchform input.search-box {font-size:18px; padding:3px 0px;}

.tabwrap {display:none;}
.tabwrapmobile {display:block; margin:10px auto;}
.tab {width:23%; margin:1%;font-size:10px;}

.invbtn {width:30%;}

.empleft {float:none; width:100%;}
.empright {float:none; width:100%;}

.spec {height:55px;}
.spec_on {height:30px;}

#gal_container img {width:23%; height:auto;}

.tagline {top:725px; left:50px; font-size:18px; line-height:0px;}
.btn {margin-top:25px; font-size:16px; width:125px;}

.threecolumn {width:33%;}
.footercontact {float:left; width:100%;}
.divfooter {width:100%;}
	
.col_3 {width:49%;}
	

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


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

h1 {font-size:22px; margin-top:30px; line-height:50px;}
h2 {font-size:22px; margin-top:20px;}
h3 {font-size:18px; margin-top:20px;}
p {font-size:13px; line-height:22px;}

#site-width {width:90%;}
.logo {width:30%; padding-top:0;}
.navwrap {width:10%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.homeright {float:none; width:100%;}
.homeleft {float:none; width:100%; font-size:16px; line-height:28px;}
.homeleft2 {float:none; width:100%;}
.homeright2 {float:none; width:100%; font-size:16px; line-height:28px;}

.topnav {display:none;}
.contactinfo {width:60%; font-size:12px; margin-top:4px;}
.contactinfo a {font-size:12px; margin-top:4px;}

.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}
.pageright img {display:none;}
.searchtagline {top:175px; font-size:22px;}
.searchform {width:50%; margin-top:10px;}
.searchform input.search-box {font-size:18px; padding:3px 0px;}

.tabwrap {display:none;}
.tabwrapmobile {display:block; margin:10px auto;}
.tab {width:23%; margin:1%;font-size:10px;}

.invbtn {width:30%;}

.empleft {float:none; width:100%;}
.empright {float:none; width:100%;}

#gal_container img {width:22.5%; height:auto;}

.tagline {top:590px; left:25px; font-size:16px; line-height:0px;}
.btn {margin-top:20px; font-size:14px; width:125px;}
	
.col_2 {display:block; width:100%;}

.threecolumn {width:33%;}
.footercontact {float:left; width:100%;}
a.button {width:94%;}

.divfooter {width:100%;}

.col_3 {width:49%;}

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

@media screen and (max-width: 499px) {
	.searchtagline {top: 210px!important;}
}

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

h1 {font-size:14px; margin-top:20px; line-height:40px;}
h2 {font-size:20px; margin-top:20px;}
h3 {font-size:16px; margin-top:20px;}
h4 {font-size:14px; margin-top:20px;}
p {font-size:12px; line-height:20px;}

#site-width {width:90%;}
.logo {width:30%; padding-top:0;}
.navwrap {width:10%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.homeright {float:none; width:100%;}
.homeleft {float:none; width:100%; font-size:16px; line-height:28px;}
.homeleft2 {float:none; width:100%;}
.homeright2 {float:none; width:100%; font-size:16px; line-height:28px;}

.topnav {display:none;}
.contactinfo {width:90%; font-size:12px; margin-top:4px;}
.contactinfo a {font-size:12px; margin-top:4px;}

.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}
.pageright img {display:none;}
.searchtagline {top:125px; font-size:14px;}
.searchform {width:50%; margin-top:10px;}
.searchform input.search-box {font-size:14px; padding:3px 0px;}

.homeright {display:block; width:100%;}
.homeleft {display:block; width:100%;}

.tabwrap {display:none;}
.tabwrapmobile {display:block; margin:10px auto;}
.tab {width:48%; margin:1%;font-size:10px;}

.invbtn {font-size:12px; width:30%;}

.empleft {float:none; width:100%;}
.empright {float:none; width:100%;}

#gal_container img {width:46.75%; height:auto;}

.spec {font-size:10px; line-height:12px;}
#spec_head2 {width:23%;}
#spec_list2 {width:55%;}
#spec_list3 {width:20%;}
.spec {height:30px;}
.spec_on {height:50px;}


.tagline {top:675px; left:25px; font-size:12px; line-height:0px;}
.btn {margin-top:10px; font-size:11px; width:100px;}

.col_2 {display:block; width:100%;}
 
footer {padding:10px 0 0; font-size:11px;}
footer a {font-size:11px;}
.threecolumn {width:33%;}
.footercontact {float:left; width:100%;}
input.text {width:97%;}
textarea {width:97%;}
a.button {width:89%;}

.divfooter {width:100%;}
	 
.col_3 {display:block; width:100%;}

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


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

 .show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h1 {font-size:14px; margin-top:20px; line-height:30px;}
h2 {font-size:16px; margin-top:20px; line-height:20px;}
h3 {font-size:15px; margin-top:20px; line-height:20px;}
h4 {font-size:14px; margin-top:20px;}
p {font-size:12px; line-height:18px;}

.homeright {float:none; width:100%;}
.homeleft {float:none; width:100%; font-size:16px; line-height:28px;}
.homeleft2 {float:none; width:100%;}
.homeright2 {float:none; width:100%; font-size:16px; line-height:28px;}

#site-width {width:90%;}
.logo {width:75%; padding-top:0;}
.navwrap {width:10%;}
#top-nav ul li a {padding:12em 4.25em 1.5em 4.25em;}

.topnav {display:none;}
.contactinfo {width:100%; font-size:12px; margin-top:4px;}
.contactinfo a {font-size:12px; margin-top:4px;}

.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}
.pageright img {display:none;}
.searchtagline {top:165px; font-size:11px;}
.searchform {width:50%; margin-top:10px;}
.searchform input.search-box {font-size:11px; padding:1px 0px;}

.homeright {display:block; width:100%;}
.homeleft {display:block; width:100%;}

.tabwrap {display:none;}
.tabwrapmobile {display:block; margin:10px auto;}
.tab {width:48%; margin:1%;font-size:10px;}

.invbtn {float:none; width:100%; margin:2% auto;}

.empleft {float:none; width:100%;}
.empright {float:none; width:100%;}

#gal_container img {width:100%; height:auto;}

.spec {font-size:8px; line-height:34px;}
.spec {height:50px;}
.spec_on {height:30px;}

.tagline {display:none;}
.btn {margin-top:10px; font-size:11px; width:100px;}

.col_2 {display:block; width:100%;}
	
footer {font-size:11px;}
footer a {font-size:11px;}
.threecolumn {float:none; width:100%; padding-bottom:5px;}
.footercontact {float:left; width:100%;}
input.text {width:95%;}
textarea {width:95%;}
a.button {width:80%;}

.divfooter {width:100%;}
	
.col_3 {display:block; width:100%;}
	

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