@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


div.clearfix { clear: both; }


#success { background-color: #FFFFFF; bottom: 0px; height: auto; left: 0; position: absolute; top: 0px; text-align: center; width: 100%; z-index: 100; }
#success .fullCenter { color: #000000; height: 50px; margin-top: -25px; position: absolute; top: 30%; width: 100%; }
#success .thankYou { font-size: 30px; }
#success .aw { color: #040D54; font-size: 24px; }

img.slideVehicleImg { border: #bcbcbc solid 4px; float: left; margin: 25px 0 0 20px; width: 250px; }
span.slideIntro { font-size: 20px; }
span.slideVehicleTitle { font-size: 30px; }



/* Mobile Layout: 480px and below. */

@media only screen { 

	.container { width: 300px; }
	
	.noMobile { display: none; }
	#slider { display: none; }
	
	div.mobileOnly { display: block; }
	h1.welcome { color: #000000; font-size: 20px; margin: -10px auto 10px auto; text-align: center; }
	
	#callButton { background-color: #FFFFFF; border-top: 2px solid #333333; color: #000000; position: fixed; bottom: 0%; font-size: 22px; margin:0 auto; padding: 15px 0 15px 0; text-align: center; width: 100%; -moz-box-shadow: 0px -1px 6px 0px #333; -webkit-box-shadow: 0px -1px 6px 0px #333; box-shadow: 0px -1px 6px 0px #333;}
	#callButton a { color: inherit; text-decoration: none; }
	#buyNow { color: #000000; }
	
	navigation ul.navigation { display: none; }
	
	.mobileNavigation { display: block; height: 60px; z-index: 5; }
    .mobileNavigation select {  background: #FFFFFF; color: #000000; font-size: 14px; font-weight: 300; height: 40px; padding: 10px 0px 10px 10px; margin-top: 10px; width: 95%; }
    
    #main { text-align: center; }
    #slider h1 { font-size: 16px; }
    #slider h2 { font-size: 25px; }
   
    #buyHerePayHere { text-align: center; }
    #buyHerePayHere img.bhph { display: block; float: none; margin: 0 auto; padding-bottom: 10px; }
    #buyHerePayHere p {  }
    
    p.tradeInfo { color: #7D7D7D; font-size: 18px; }
    
    #pageTitle { margin: 0 auto; text-align: center; width: 100%; }
    h1.pageTitle{ color: #000000; font-size: 40px; font-weight: 400; margin: 10px 0 10px 0; padding: 0; text-align: center; }
    h2.subTitle { color: #D70202; font-size: 20px; font-weight: 400; margin: 10px 0 10px 0; padding: 0; text-align: center; }
    h1.vehicleTitle { color: #7D7D7D; font-size: 18px; font-weight: 400; margin: 10px 0 10px 0; padding: 0; text-align: center; }
    
    
    #aboutPage { background: url(../images/towpathBG.jpg) no-repeat; background-size: cover; border-bottom: #000000 2px solid; height: 100%; margin: 0 auto; overflow: auto; padding: 70px 0 20px 0; width: 100%; }
    img.aboutImg { float: left; margin: 10px 20px 15px 0; vertical-align: text-top; }
    #aboutPage p { color: #000000; font-size: 20px; margin: 0; padding: 0; }
    #aboutContactInfo { margin: 40px 0 40px 0; }
    div.aboutHours { color: #FFFFFF; font-size: 25px; margin-top: 50px; }
    div.contactHours { color: #FFFFFF; font-size: 25px; margin-top: 10px; }
    div.aboutMap { color: #FFFFFF; font-size: 25px; margin-top: 50px; }
    div.aboutMap img { border: #FFFFFF 2px solid; }
    div.aboutContactItem { color: #FFFFFF; font-size: 30px; margin-top: 30px; }
    img.aboutIcon { margin-right: 40px; }
    
    #financeForm { background-color: #000000; border-bottom: #FFFFFF 3px solid; font-size: 20px; height: auto; margin-top: 50px; overflow: auto; padding: 20px 0 20px 0; }
    h3.financeFormIntro { font-size: 20px; font-weight: 400; }
    
    #contact { background-color: #000000; border-bottom: #FFFFFF 3px solid; font-size: 20px; height: auto; margin-top: 50px; overflow: auto; padding: 20px 0 20px 0; }
    #contactForm { color: #FFFFFF; margin-top: 30px; }
    #contactApp { background-color: #000000; border-bottom: #FFFFFF 3px solid; font-size: 20px; height: auto; margin-top: 50px; overflow: auto; padding: 20px 0 20px 0; }
    #contactApp h2 { font-size: 20px; }
    #contactApp textarea { height: 125px; resize: none; width: 100%; }
    
    
    #inventory { color: #000000; font-size: 20px; text-align: center; }
    #pagination { margin: 30px auto 30px auto; text-align: center; width: 100%; }
    #inventorySearch {  margin: 50px 0 0 0; text-align: center; }
	#selectMake { display: block; margin: 0 auto; width: 100%; }
	#selectType { display: block; margin: 0 auto; width: 100%; }
	#selectPrice { display: block; margin: 0 auto; width: 100%; }
	#selectMake select, #selectType select, #selectPrice select { -webkit-appearance: none; -moz-appearance: none; background: url(../images/dropdown.jpg) no-repeat right #FFFFFF; border: #333333 2px solid; border-radius: 0px; color: #575757; font-size: 16px; font-weight: bold; height: 50px; margin: 10px 0 0 0; padding: 10px; overflow: hidden; width: 250px; }
	div.inventoryVehicle { border: #5E5E5E 2px solid; display: inline-block; height: auto; margin: 30px 15px 0 15px; width: 250px; }
	div.inventoryVehicle:hover { cursor: pointer; }
	div.inventoryInfo { background: url(../images/inventoryVehicleBG.jpg) no-repeat top center #FFFFFF; background-size: cover; padding-top: 15px; min-height: 100px; }
    span.inventoryTitle { display: block; font-size: 20px; font-weight: bold; }
    span.inventoryTrim { color: #515050; display: block; font-size: 15px; font-weight: 400; }
    span.price { color: #D70202; display: block; font-size: 18px; margin-top: 10px; text-shadow: #666666 1px 1px 2px; }
    b.inventoryPrice { font-size: 28px; }
    
    
    
    div.goBack { margin: 10px 0 20px 0; }
	a.viewAllInventoryBtn { color: #D70202; font-weight: bold; transition: 0.2s; -webkit-transition: 0.2s; }
	a.viewAllInventoryBtn:hover { color: #999999; transition: 0.2s; -webkit-transition: 0.2s; }
	img.backArrow { margin-right: 10px; }
	div.vehicle { color: #000000; }
	div.heading { text-align: center; }
	div.vehicle h2 { font-size: 40px; font-weight: bold; margin-bottom: 5px; text-align: center; }
	div.vehicle span.vehiclePrice { color: #D70202; font-size: 30px; font-weight: 600; }
	div.vehicleTop { margin-top: 40px; overflow: auto; }
	div.vLeft { display: block; text-align: center; }
	div.vRight { display: block; margin: 60px 0 20px 0; text-align: center; }
	div.vRight p { font-size: 18px; }
	img.vMainImg { border: #656565 2px solid; max-width: 300px; }
	div.vehicleBottom { background: url(../images/towpathBG.jpg) no-repeat; background-size: cover; height: auto; overflow: auto; }
	a.freeQuote { background-color: #DC0001; border: #555555 2px solid; color: #FFFFFF; font-size: 14px; padding: 15px 25px 15px 25px; text-shadow: #333333 0px 1px 1px; transition: 0.2s; -webkit-transition: 0.2s; }
	a.freeQuote:hover { background-color: #FFFFFF; color: #000000; text-shadow: none; transition: 0.2s; -webkit-transition: 0.2s; }
	span.detailsTitle { display: block; font-size: 30px; font-weight: bold; margin-top: 50px; }
	span.commentsTitle { display: block; font-size: 30px; font-weight: bold; }
	ul.vehicleDetailsList { margin: 20px 0px 65px 0px; padding: 0px; }
	ul.vehicleDetailsList li { font-size: 20px; list-style: none; margin: 0; padding-bottom: 6px; }
	ul.vehicleDetailsList li span { color: #000000; font-size: 16px; font-weight: bold; margin-right: 10px; text-transform: uppercase; }
	div.vehicleThumbs{ display: block; padding-top: 30px; text-align: center;  }
	img.thumb { border: 3px solid #b4b4b4; margin: 10px 0px 10px 15px; width: 120px; }
	div.vDetailsBottom { height: auto; overflow: auto; }
	div.vForm { display: block; margin: 40px auto; text-align: center; }
	span.formVTitle { color: #FFFFFF; font-size: 30px; text-shadow: #000000 1px 1px 2px; }
	div.vForm p { color: #FFFFFF; font-size: 16px; margin: 5px 0 0 0; text-align: center; }
	#vForm { margin: 40px auto; text-align: center; width: 100%; }
	#vForm input { display: block; font-size: 18px; height: 50px; margin: 15px auto 15px auto; padding: 7px 0 7px 10px; width: 280px; }
	span.callUs { color: #000000; font-size: 25px; font-weight: 300; padding-top:10px; }
	div.callTowpath { display: block; margin: 20px 0 0 0; padding: 10px;  }
	
    
    
    
    footer { text-align: center; }
    footer img { display: block; margin: 0 auto; }
    
    #copyright { float: left; text-align: center; width: 100%; }

}


@media only screen and (min-width: 640px) { 

	.container { width: 600px; }
	
	.noMobile { display: inline; }
	
	#slider { display: block; }
		
	#callButton { display: none; }
	
	div.mobileOnly { display: none; }
	
	#main { text-align: left; }
	
	#slider h1 { font-size: 22px; }
    #slider h2 { font-size: 50px; }
    
    img.vMainImg { max-width: 450px; }
    
    div.aboutContactItem { font-size: 40px; }
    
    a.freeQuote { font-size: 18px; padding: 15px 25px 15px 25px; }
    
    #buyHerePayHere { text-align: left; }
	#buyHerePayHere img.bhph { display: inline; float: right; padding-bottom: 0px; }
    #buyHerePayHere p { }
	
}



@media only screen and (min-width: 1024px) { 

	.container { width: 900px; }
	
	.mobileNavigation { display: none; }
	
	navigation ul.navigation { display: block; list-style-type: none; margin: 20px 0 0 0; padding: 20px 0px 20px 0px; z-index: 5;}
	navigation ul.navigation li { display: inline; padding: 20px 20px 20px 20px; transition: 0.2s; -webkit-transition: 0.2s; }
	navigation ul.navigation li a { color: #FFFFFF; font-size: 22px; font-weight: 300; text-decoration: none; transition: 0.2s; -webkit-transition: 0.2s; }
	navigation ul.navigation li:hover { padding-bottom: 20px; padding-top: 20px; text-decoration: underline; transition: 0.2s; -webkit-transition: 0.2s; }
	navigation ul.navigation li.current { padding-bottom: 20px; padding-top: 20px; text-decoration: underline; }
	
	
	div.aboutHours { display: inline; float: left; width: 50%; }
	div.contactHours { display: inline; float: left; width: 50%; }
	div.aboutMap { display: inline; float: right; text-align: right; width: 50%; }
	
	
	
	#inventorySearch { text-align: left; }
	#selectMake { display: inline; margin: 0; width: auto; }
	#selectType { display: inline; margin: 0; width: auto; margin-left: 65px; }
	#selectPrice { display: inline; margin: 0; width: auto; margin-left: 65px; }	
	
	div.vLeft { display: inline; float: left; }
	div.vRight { display: inline; float: right; margin: 20px 0 20px 0; text-align: right; }
	div.vBottom { width: 400px; }
	div.vehicleThumbs{ display: inline; float: right; text-align: left; max-width: 435px; }
	
	
		
	
	footer { text-align: left; }
	footer img { display: inline; margin: 0; }
	#copyright { float: right; text-align: right; width: auto; }
	
	

}