*{
	box-sizing:border-box;
	word-wrap: break-word;
	max-width:100%;
	color:#414141;
 }
body{
  font-size:14px;
  font-weight: 500;
  font-family: Verdana, helvetica, arial;
  background-color: #FFF;
  overflow:auto;
  line-height:1.3;
}
#divMain
{
   width:max(90%, 1300px);
   max-width:100%;
   min-height:90vh;
   padding:0 0px;
   margin:auto;
   position:relative;
}
#skipNav{
    position: absolute;
	display:inline-block;
	padding:5px;
	background-color: LightSalmon;
    left: 1%;
    top: -10%;
	font-weight: 700;
	z-index:10000;
}
#skipNav:focus{
    top: 2%;
}
img{max-width:100%;  height:auto;}
#transmission_repair_service{
  background-image: url('/pics/header2.jpg');
  background-repeat: no-repeat;
  width:max(90%, 1300px);
  max-width:100%;
  background-size: cover;
  border:2px solid navy;
}
#divHeader{
    /*  height: 340px;width:max(90%, 1300px);  */
  background-color: #FFF;
}
#divHeaderLeft, #divHeaderRight{
position: relative; float:left;}
#divHeaderLeft{width:34%; margin:auto;}
#divHeaderRight{width:66%;}
.img{
  display: block;
  margin:4px auto;
}
span, a.CTC{font-weight:inherit; font-size:inherit; color:inherit;}
b.img{
  display: block;
  text-align: center;
  font-size: 9pt;
}
.divBorder{
      /* background-image: url('/pics/red_bg.jpg');
     background-repeat: repeat-x; */
     background-color: crimson;
	 height:3.5px;
}
#divMarquee{
   width:max(90%, 1300px);
   max-width:100%;
       margin: auto;
   }
#tblMarquee{
    padding:.5% 0;
    text-transform: lowercase;
	}
#tblMarquee img{height: 75px; display:block; width:auto; margin:0 4px;}
#tblMarquee div{width:130px; margin:auto;}
#tblMarquee {display:flex; gap:1%;}
  #tblMarquee small{
    font-size:9.0px;
	display:block;
	line-height: 105%;
	text-align: center;
    text-transform: lowercase;
	text-transform: capitalize;
	font-weight: 500;
 }
.yesShow, .yesShowIn{display:none;}
#divCenterHead *
{
   font-style: italic;
   color: #30C;
   text-shadow:2px 2px #F69;
   }
#divFooter{
 background-color: #FFE;
 margin:auto;
 width:max(90%, 1300px);
 border:2px solid navy;
}
#tblFooter{
background-image: url('/pics/footer_bg.gif');
background-size:cover;
background-repeat: no-repeat;
padding:12px 0px 122px 35%;
text-align:left;
}
#tdFooterLeft{width:54px;}
#headera    /*  store name home link  */
{
   font-size: 20.5pt;
   font-weight: 700;
   padding: 12px 0;
   display: block;
 }
#tblVehicle a
{
  background-color: transparent;
  text-decoration: none;
  font-size: 14px;
}
option:nth-child(even){background-color: #EEE;}
div.divInfo, div.divThumbnail {
  padding:2px;
  vertical-align:top;}
div.divThumbnail{
    float:left;
	margin-right: 4px;
 }
 .tblVehicleInner{
    margin-bottom:20px;
 }
  .divLinkMore{
    position: absolute;
	bottom:0px;
	} 
   /* .divLinkMore a{
     text-align: center;
	 display:block;
  } */
 /* div.divThumbnail{width:184px; padding-top: 8px;} */
	div#divVehicles{display:flex;   flex-wrap: wrap; padding:0 ; align-items:stretch; justify-content: center; }
	div#divVehicles>div{max-width:420px; min-width:340px; width:33%; padding: 4px 0; border: 1px solid navy; position:relative;}
	img.thumb1{max-width:150px;}
	div.divThumbnail {width: 152px;}
	.tdInner{}
.tdTableVehicle{width:50%; cursor:pointer;}
 table#tblVehicle, td.tdTableVehicle {border: 1px solid #33F; }
 table#tblVehicle{border-collapse: collapse; border-spacing: 0px; width:100%;}
.divInfosp1{font-size: 17px; color:#1132CC; font-style: italic; margin:0;}
.divInfosp2{font-size: 13px;}
.thumb2{display:none;}
.mailButton
{
  font-size: 12pt;
  width: 220px;
  height: 30px;
  font-weight:700;
}
#INDEX{
    color: gold;
    font-size: 30px;
    padding:0 30px;
    position: absolute;
    text-shadow: 2px 2px #309;
    top: 3.5%;
	width:100%;
}
  #H2INDEX{
    position: absolute;
    padding:0 30px;
    top: 12.5%;
}
 #pIndex { padding:0 25px; color:blue;;font-size: 17px;}  /*  position:absolute; top:45%;  */
h1, h2, h3, h3 *,h4, h5, h6
{
	line-height: 108%;
    text-align: center;
	margin: 4px 0;
	font-style: oblique;
	}
h1, h1 *
{
	font-size: 26px;
	font-weight: 700;
}
h2, h2 *
{
	font-size: 20px;
	font-weight: 700;
}
h3, h3 *, h3 a{
	font-size: 19px;
	font-weight: 600;
}
h4, h4 *{
	font-size: 17px;
}
h5, h5 *{
	font-size: 15px;
}
a{
    font-weight: 600;
    text-decoration:none;
    color:blue;
 }
a:hover{
	color: #900;
	font-weight: 700;
	text-decoration: underline;
	background-color:#FFF;
}
 p {
   text-indent: .4in;
   text-align: left;
   font-size: 14px;
  }
 a.tel, a.tel *{
    font-weight: 600;
   font-size: 13pt;
  }
/* a class for the alternate background colors in the listings*/
  .alter{
    background-color:#66F;
  }
label{font-size:13px;}
input, textarea, select
{
  font-size: 14px;
  color: #333;
  border-color: #11E;
  border-width: 1px;
  padding: 2px;
  margin-bottom: 4px;
  border-radius:4px;
  background-color: #6FF;
}
  a:focus, input:focus, textarea:focus{background-color: #FCF;}
   .required {
	   color:red;
	   font-size:19px;
   }
  .featured{  /* nice buttons for links etc */
  display:inline-block;
  background-color: #E2CBC5;
  padding:8px;
  border-radius:12px;
  margin:8px;
  }
.navBottom
{
  background-color: #FEA;
  height:20px;
    /*  border-bottom: 2px solid navy;  */
}
.navBottom a
{
  background-color:#F60;
  height:21px;
  font-size: 13px;
  padding: 1px 1px;
}
  /*  applies to slide show 3/8/2009  */
.brownLine  /*  nice thick brown rule hr  */
{
  color:brown;
  height:3px;
}
hr{
  color:brown;
  height:3px;
  margin:1px 0;
}
input[type=button]{
   background-color: #FCA;
   color: #30F;
   font-size: 13px;
}
ul.nav1
{
   width:94%;
   border-bottom: thin solid;
     /*  border-top: none;
   border-right: none;
   border-left: none;
   list-style-type: none;  */
   padding:0;
     /*  margin-left: 30px;  */
   margin: 16px auto;
}
ul.nav1 li{
  height: 30px;
  border-style: solid;
  border-width: thin;
    /*  width: 100%;  */
  padding:1px;
  list-style-type: none;
  border-bottom-width:0;
}
 /* ul.nav1 li:last-child{
    border-bottom-style: solid;
    border-bottom-width: thin;
	} */
legend{padding:0 4px;}
fieldset{border-radius:4px; border-color: #3333FF;}
ul.nav1 li a
 {
    font-weight: 700;
    text-decoration: none;
	text-shadow:1px 1px gold;
    color: #306;
	font-size: 17px;
	text-align:left;
	display:block;
    padding-left: 10px;
	height:30px;
 }
ul.nav1 li a:hover
 {
   background-color: #0CF;
   color:#F06;
}
#divVehicleContent{
  width:100%;
  max-width:100%;
  margin:auto;
  border:2px solid navy;
  }
#divControls{
padding:4px;
margin:auto;
border-top: 2px solid navy;
border-bottom: 2px solid navy;
}
#frmSSC{ margin:auto; }
#frmSS{padding-top: 2px;}
#HAMBURGER{display:none;}
#divVehicles b, .divInfo b {font-weight: 700; color:#F60; font-size:110%;}
#divInfoInner, #divEmail{
   position: relative;
   text-align: left;
  }
 #divInfoInner{padding-right: 10%;}
.clear{clear:both;}
 .overlaycontrols{
		  font-size:50pt;
		  color:#111;
		  cursor:pointer;
		  position: absolute;
		  top:30%;
		  opacity:.70;
		  font-weight:800;
		  text-shadow: 3px 3px gold;
	  }
	  .showSmall{display:none;}
#divInfoOuter   /*  for pic show listings div  */
{
  font-size:15px;
  padding: 5px 50px;
  padding-top: 0px;
}
  small{font-size:10px;}
  #fmail
  {
	   font-size: 11px;
	   font-weight: 500;
  }
  #fmail input[type=text], #fmail input[type=email], {height:22px;}
  #fmail input[type=text], #fmail input[type=email], #fmail  textarea{background-color: #FC9;   border:1px solid blue;  width:90%;}
  input[type=button], input[type=submit], input[type=reset]{padding:3px;  border:1px solid blue; background-color: #FC9;}
   .required{
	   color:red;
	   font-size:19px;
   }
 #frmMail input[type=submit], #frmMail input[type=reset]{
 height:25px;width:120px;font-weight:600;}
 .bFooter, .bFooter a{  font-size: 15px; font-weight:600;}
 #header_spacer{height:50px;}
 .trListing:nth-child(odd){background-color: #EEE;}
.trListing:nth-child(even){background-color:#CFF;}
 #Disclaimer{color:navy; }
#CLICK, .CLICK{ background-color: gold;  border: 2px solid navy; width:100%; height:48px; opacity:.8;}
#CLICK a, .CLICK a {display:block; line-height:48px; font-size: 24px; font-weight: 600; color:navy; 
	font-style: oblique;}
#CLICK a:hover, .CLICK a:hover{font-style:oblique;}
#pIndex {position:absolute; top:25%; left:15%;color:blue;font-size: 19px; width:70%; font-weight: bold;}  /* text-shadow:2px 2px #11E; */
#divSlideShowOuter{border-top: 2px solid navy; margin:auto;}
.floatleft::after, .clear{clear:both;}
.floatleft,  .floatleft::after{float:left; width:50%; padding:.6%;}
.sold {
    color: red;
    opacity: .6;
    position: absolute;
	width: 100%;
    top: 15%;
    left: 0%;
    font-size: 50px;
    font-weight: 900;
	text-align: center;
}
 #headerH3{color: #001; font-size:18px;margin:0 0 4px 0;}
 #TopSlide{position:relative;}
  /* @media screen and (min-width: 1666px)
  {
     #divMain{width:1500px;}
  } */
 @media screen and (max-width: 960px)
  {
     body, #divMain{width: 100%; padding:0;}
	 #tblFooter{padding:12px;}
  }
  @media screen and (max-width: 800px)
  {
     body{margin: 0;}
    ul.nav1 li a{font-weight: 600;	font-size: 15px;}
	#pIndex{left:5%; width:90%; top:22%; font-size: 17px;}
	div#divVehicles>div{width:50%; min-width: 310px;}
  }
 @media screen and (max-width: 520px)
  {
     div#divVehicles>div{width:100%;}
	 #pIndex{left:2%; width:96%;}
     .trListing{all: unset;}
     .trListing td.tdTableVehicle:nth-child(even){background-color:#CFF;}
     .floatleft{float:none; width:100% !important;}
     div#divMain{height:auto !important; min-height:auto;}
    .bFooter{font-size:13px;}
	 #divInfoOuter   /*  for pic show listings div  */
	{
	  font-size:14px;
	  padding: 4px;
	}
     input[type=text], input[type=password], select{height:30px;}
    #frmSS input[type=button]{height:27px;}
     #tdFooterLeft{width:0px;}
     div.divInfo,  td.tdTableVehicle{display:block; width:100%;}
     td.tdTableVehicle{display:block; width:100%;}
   .divInfosp1{font-size: 15px;}
   .divInfosp2{font-size: 12px;}
    #divHeaderLeft, #divHeaderRight, #divInfoInner, #divEmail {
	float:none;
	width:100%;}
    #divControls, .noShow{display:none;}
    .yesShow{display:block;}
	.yesShowIn{display:inline;}
	#transmission_repair_service{width: 100%;}
	 label{ font-size:9px; }
	 ul.nav1 li a {font-size: 13px;}
	#divHeader{height: 20%;}
	#divHeader * {font-size:16px;}
	 ul.nav1{width: 90%;}
	 input[type=text], select{width: 45%;}
	textarea{width:90%; margin:6px 0;}
	 div.divThumbnail {width: 112px;}
	img.thumb1{max-width:108px;}
	div#divVehicles>div {border-left: 0 solid transparent; border-right: 0 solid transparent;}
	body, #divVehicleContent, #tblSS{width:100%;}
   h1, h2, h3 {font-size: 15px;}
   #vehicle_email td{display:block;}
   #specialPics, #divSlideShow{height:auto !important;}
    #divSlideShow{max-width:100% !important;}
	  #fmail input[type=text], #fmail textarea {
          width:100%;
	  }
	  #fmail input[type=text]{height:32px; margin:6px 0;}
    #divTopMenu{}
ul.nav1{
   width:100%;
   padding:0;
   margin: 0;
   background-color: #FCC;
}
ul.nav1 li{
  height: 32px;
}
ul.nav1 li a{
    font-weight: 800;
	font-size: 23px;
	height:32px;
	text-align: center;
 }
 #tdLast a{font-size: 12px;}
 #Disclaimer{font-size: 14px;}
       /*  #pIndex {top:20%; left:2px;text-shadow:1px 1px #11E; font-size:14px;}  */
     #pIndex {position: static; color:blue; font-size:13px; text-shadow:0px 0px #11E;  padding:0 1.2%;}
    #INDEX{
      font-size: 17px;
      left: 1%;
      text-shadow: 1px 1px #309;
      top: .1%;
    }
   h1#INDEX.FC{top:4.9%;}
.overlaycontrols {
    font-size: 45pt;
    font-weight: 700;
    text-shadow: 2px 2px gold;
    top: 15%;
 }
  tbody{width: 100%;}
  table.tdBlock > tbody > tr > td, td.tdBlock{display:block; width: 100% !important;}
   /* #fmail td{display:table-cell;}
  div.divThumbnail {
    width: 124px;
    padding: 32px 2px 0 2px;
    } */
.sold {
    font-size: 42px;
    font-weight: 800;
  }
  #transmission_repair_service{
background-image: url('/pics/headerSM.jpg');
background-size:cover;
}
#headerH3{color:navy;}
#white, #headerH3{color: white;}
  /* .tdTableVehicle:first-child{border-right: 0 solid #33F;} */
  #FBLogo{position: absolute; right: 50px; top: 12px;}
  #TwitLogo {position: absolute; right: 10px; top:12px;}
  #HAMBURGER{display:inline; margin: 12px 0  0 12px;}
  #pIndex {width:90%;}
  a#headera{    /*  store name home link  */
     font-size: 17pt;
  }
  #ALL4SALE{
    height:52px;
	background-color: #FF6;
	border:2px solid navy;
  }
  div#ALL4SALE a{
    font-size: 24px;
	font-weight: 600;
	display:block;
    line-height:52px;
	font-style: oblique;
   }
   #tblMarquee{
     gap: 4%;
   }
  }