/* CSS Document */
*	{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;	
}
#mainWrapper #topPic	{
	display: block;
	height: auto;
	width: 100%;
	margin-bottom: 2%;
	float: left;
	overflow: hidden;
}
#mainWrapper #topPic img	{
	height: auto;
	width: 100%;
}
@keyframes animateImage {
	0%{
        transform: scale(1.1,1.1);
		
    }
    100%{;
        transform: scale(1,1);
		animation-iteration-count: forwards; 
    }
}
.grow	{
	animation: animateImage 9s ease-in forwards;
}
#mainWrapper #main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #062A4C;
	display: block;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#mainWrapper #main #topLinks	{
	display: block;
	height: auto;
	width: 100%;
	margin-bottom: 4%;
	padding: 1% 0 2% 0;
	box-shadow: 0 13px 20px -10px #A3A3A3;
	float: left;
}
#mainWrapper #main #topLinks #logoHolder	{
	display: block;
	height: auto;
	width: 13%;
	padding-top: 1%;
	margin-left: 2.5%;
	margin-right: 1.5%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #1A211A;
	line-height: 28px;
}
#mainWrapper #main #topLinks #linkHolder	{
	display: block;
	height: 5%;
	width: 83%;
	padding-top: 1.5%;
	float: left;
}
#mainWrapper #main #topLinks #linkHolder a span.link	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6F746F;
	line-height: 26px;
	text-decoration: none;
	padding-left: 30px;
	float: left;
}
#mainWrapper #main #topLinks #linkHolder a span.link:hover,
#mainWrapper #main #topLinks #linkHolder a span.linkactive	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1A211A;
	text-decoration: underline;
	line-height: 26px;
	padding-left: 30px;
	float: left;
}
#mainWrapper #main #midSection, 
#mainWrapper #main #topTxt   {
	display: block;
	width: 84%;
	height: 100%;
	margin-left: 8%;
	margin-right: 8%;
	padding-top: 1%;
	padding-bottom: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3A463A;
	line-height: 20px;
	text-align: justify;
	float: left;
}
#mainWrapper #main #midSection h3  {
	font-size: 26px;
	color: #2A312A;
	font-weight: 500;
}
#mainWrapper #main #midSection p  {
	letter-spacing: 0.50px;
	line-height: 24px;
	font-size: 15px;
	color: #2A312A;
}
#mainWrapper #main #midSection #midTxt  {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	float: left;
}
#mainWrapper #main #midSection #midTxt #smallCars  {
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 5% 0;
	float: left;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car  {
	display: block;
	width: 32.3%;
	height: auto;
	margin-left: 12%;
	float: left;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.heading  {
	font-size: 16px;
	font-weight: bold;
	color: #161616;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car span.price  {
	font-size: 16px;
	font-weight: normal;
	color: #C20114;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.description  {
	font-size: 15px;
	font-weight: normal;
	color: #2C352C;
	text-align: left;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car img  {
	display: block;
	width: 100%;
	height: auto;
}
#mainWrapper #main #midSection #midTxt #range   {
	display: block;
	width: 100%;
	height: auto;
	padding: 3% 0 3% 0;
	float: left;
}
#mainWrapper #main #midSection #midTxt #range #left1, 
#mainWrapper #main #midSection #midTxt #range #right2  {
	display: block;
	width: 47%;
	height: auto;
	padding: 6% 3% 2% 0;
	float: left;
}
#mainWrapper #main #midSection #midTxt #range #left1 h3, 
#mainWrapper #main #midSection #midTxt #range #right2 h3  {
	font-size: 28px;
	font-weight: 500;
	color: #2C352C;
}
#mainWrapper #main #midSection #midTxt #range #left1 p span.large, 
#mainWrapper #main #midSection #midTxt #range #right2 p span.large  {
	font-size: 24px;
	font-weight: 500;
	color: #2C352C;
	line-height: 34px;
}
#mainWrapper #main #midSection #midTxt #range #right1  {
	display: block;
	width: 50%;
	height: auto;
	margin-bottom: 5%;
	float: left;
}
#mainWrapper #main #midSection #midTxt #range #right1 img  {
	display: block;
	width: 100%;
	height: auto;
}
#mainWrapper #main #midSection #midTxt #range #left2  {
	display: block;
	width: 50%;
	height: auto;
	float: left;
	clear: left;
}
#mainWrapper #main #midSection #midTxt #range #left2 img  {
	display: block;
	width: 100%;
	height: auto;
}
#mainWrapper #main #midSection #midTxt #range #right2  {
	display: block;
	width: 43%;
	height: auto;
	padding: 2% 0 3% 7%;
	float: left;
}
#mainWrapper #main #midSection #midTxt #range #right2 p span.larger  {
	font-size: 22px;
	font-weight: normal;
	color: #2C352C;
	line-height: 36px;
}



#mainWrapper #main #midSection #midTxt div.openChunk  {
	width: 100%;
	height: auto;
	padding-top: 5%;
	float: left;
}
#mainWrapper #main #midSection #midTxt .headersOpen h3, 
#mainWrapper #main #midSection #midTxt .headersShut:hover h3 {
	font-size: 18px;
	font-weight: 500;
	color: #C20114;
	text-decoration: underline;
	padding-bottom: 10px;
}
#mainWrapper #main #midSection #midTxt .headersShut h3 {
	font-size: 18px;
	font-weight: 500;
	color: #3A3E3B;
	text-decoration: underline;
	padding-bottom: 10px;
	cursor: pointer;
}
#mainWrapper #main #midSection #midTxt div.headersOpen, 
#mainWrapper #main #midSection #midTxt div.headersShut:hover {
	display: block;
	width: 98%;
	height: auto;
	padding-top: 1%;
	padding-left: 2%;
	box-shadow: 6px 6px 8px #888888;
	background-color: #FFF;
	cursor: pointer;
	float: left;
	clear: left;
}
#mainWrapper #main #midSection #midTxt div.headersShut {
	display: block;
	width: 98%;
	height: auto;
	padding-top: 1%;
	padding-left: 2%;
	background-color: #D5D7D5;
	box-shadow: 6px 6px 8px #888888;
	cursor: pointer;
	float: left;
	clear: left;
}
#mainWrapper #main #midSection #midTxt table tr td.red  {
	color: #BD0000;
}
#mainWrapper #main #midSection #midTxt table tr td  {
	color: #626262;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: thin solid #D7D7D7;
	line-height: 18px;
	vertical-align: central;
}
#mainWrapper #main #midSection #midTxt table tr.even  {
	background-color: #EFEFEF;
}
#mainWrapper #main #midSection #midTxt table tr td.tableHeading {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #2C352C;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	line-height: 18px;
	vertical-align: central;
	font-weight: bold;
}
#mainWrapper #main #midSection #midTxt table tr td h4 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #2C352C;
	height: auto;
	line-height: 18px;
	font-weight: bold;
}
#mainWrapper #main #midSection #midTxt #chargingLeft  {
	display: block;
	width: 100%;
	height: auto;
	padding-top: 2%;
	font-size: 15px;
	color: #4C584E;
}
#mainWrapper #main #midSection #midTxt #chargingLeft h3  {
	font-size: 18px;
	font-weight: bold;	
}
#mainWrapper #main #midSection #underTable  {
	display: block;
	width: 94%;
	height: auto;
	padding-left: 3%;
	padding-right: 3%;
}
#mainWrapper #main #midSection #underTable p  {
	letter-spacing: 0.50px;
	font-size: 13px;
	color: #2A312A;
}
#mainWrapper #main #midSection #vidHoler  {
	display: block;
	width: 94%;
	height: auto;
	padding-left: 3%;
	padding-right: 3%;
}
#mainWrapper #main #midSection p.contactUs  {
	font-size: 30px;
	font-weight: 400;
	padding-bottom: 20px;
}
#mainWrapper #main #spacer	{
	display: block;
	width: 100%;
	height: 50px;
	float: left;
}
.emailUs	{
	color: #3A3A3A;
	text-decoration: underline;
}
.emailUs:hover	{
	color: #4C584E;
	text-decoration: none;
}
a.red, span.red center, .red 	{
	color: #C20114;
	text-decoration: underline;
	font-size: 16px;	
}
a.red:hover	{
	color: #C20114;
	text-decoration: none;
	font-size: 16px;	
}

@media (max-width:1200px) {
#mainWrapper #main #topLinks #logoHolder	{
	font-size: 1.70vw;
}
#mainWrapper #main #midSection p  {
	line-height: 20px;
	font-size: 1.40vw;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.heading, 
#mainWrapper #main #midSection #midTxt #smallCars article.car span.price  {	
	font-size: 1.4vw;
	line-height: 20px;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.description  {	
	font-size: 1.35vw;
	line-height: 20px;
}
#mainWrapper #main #midSection #midTxt #range #left1  {
	padding: 2% 3% 2% 0;
}
#mainWrapper #main #midSection #midTxt #range #left1 h3, 
#mainWrapper #main #midSection #midTxt #range #right2 h3  {
	font-size: 2.4vw;
}
#mainWrapper #main #midSection #midTxt #range #left1 p span.large, 
#mainWrapper #main #midSection #midTxt #range #right2 p span.large, 
#mainWrapper #main #midSection #midTxt #range #right2 p span.larger  {
	font-size: 2vw;
	line-height: 28px;
}
#mainWrapper #main #midSection p.contactUs  {
	font-size: 2.6vw;
}
	
}

@media (max-width:800px) {

 #mainWrapper #main #topLinks #linkHolder a span.link, 
 #mainWrapper #main #topLinks #linkHolder a span.link:hover   {
	font-size: 1.60vw;
}
#mainWrapper #main #midSection p  {
	line-height: 15px;
	font-size: 1.5vw;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.heading, 
#mainWrapper #main #midSection #midTxt #smallCars article.car span.price  {	
	font-size: 1.5vw;
	line-height: 20px;
}
#mainWrapper #main #midSection #midTxt #smallCars article.car p.description  {	
	font-size: 1.35vw;
	line-height: 20px;
}
#mainWrapper #main #midSection #midTxt p   {
	font-size: 1.55vw;
	line-height: 17px;
}
#mainWrapper #main #midSection #midTxt #range #left1 p span.large, 
#mainWrapper #main #midSection #midTxt #range #right2 p span.large, 
#mainWrapper #main #midSection #midTxt #range #right2 p span.larger  {
	font-size: 2vw;
	line-height: 18px;
}
#mainWrapper #main #topLinks #logoHolder	{
	font-size: 1.70vw;
}

}