body {
  margin: 0;
  margin-top: 32px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #EBEBEB;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  margin-top:6px;
  margin-bottom:6px;
} 

* {
    box-sizing: border-box;
}

.main-text {
  font-style: Verdana;
  font-size: calc(11px + .38vw);
  line-height:1.4;
  text-decoration:none;
  color:black;
  font-weight:300;
}  

.3C-text {
  font-size: calc(10px + .38vw);
  line-height:1.5;
  text-decoration:none;
  color:black;
}  

.ftr-lnk {
  color:white;
  text-decoration:none!important;
  font-size:14px;
}

.adtxt {
  color:black;
  font-size:24px;
  text-align:center;
}

.adtxt a {
	text-decoration:none;
	color:black;
}

.row {
width:100%;
max-width:1020px;
margin: auto;
padding-left:4px;
background-color: white;
}

.center-img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   max-width:750px;
   height: auto;
}

.header {
    float: left;
    width: 100%;
    max-width: 1020px;
    min-width: 320px;
    padding: 6px 4px 0px 4px;
    text-align:center;
    height: 98px;
    margin-top: 24px;
}

.header-sm {
    float: left;
	width: 100%
	padding: 5px;
	height: 50px;
}

.footer {
    float: left;
    width: 100%;
    max-width: 1020px;
    max-height:145px;
    padding-top: 6px;
    font-size:14px;
}

.column-1C {
    float: left;
    width: 100%;
    max-width: 1020px;
    padding: 8px 8px 8px 2px;
}

/* Create two unequal columns that float next to each other */
.column-2C {
    float: left;
    padding: 10px 3% 10px 2%;
}

.left {
  width: 68%;
}

.leftmakes {
  width: 68%;
}

.right {
  width: 30%;
  text-align:right;
  padding-top:25px;
}

.rightmakes {
  width: 30%;
  text-align:center;
  padding-top:25px;
}

.left50 {
  width: 50%;
}

.right50 {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Create three equal columns that float next to each other */
.column-3C {
    font-size: calc(11px + .38vw);
    line-height:2;
    text-align:center;
    float: left;
    padding: 6px 12px 6px 12px;
    width: 32%;
    height: 260px;
}

.column-3Clf {
    font-size: calc(11px + .38vw);
    line-height:2;
    text-align:center;
    float: left;
    padding: 6px 12px 6px 12px;
    width: 32%;
    height: 260px;
}

/* Three equal columns in footer section that float next to each other  */

.column-footer3C {
    font size:14px;
    line-height:1.4;
    float: left;
    padding: 6px;
    width: 32%;
    height: auto;
}

/* Create four equal columns that float next to each other */
.column-4C {
    float: left;
    padding: 5px;
    width: 24.5%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Navigation */
.topnav {
  overflow: hidden;
  background-color: #333; /* full-width bar */
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  max-width: 1020px;
  z-index: 9999;
  margin: 0 auto; left:0px; right: 0px; /* center nav bar */
  float: clear;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2; /* menu bar text color */
  text-align: center;
  padding: 14px 5px 14px 14px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd; /* color change on hover */
  color: black;
}

.active {
  background-color: #0066CC; /* Home square */
  color: white;
}

.topnav .icon {
  display: none;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 655px) {

  .topnav a:not(:first-child) {display: none;}

  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {
    position: fixed;
    z-index:9999;
  }

 /* .topnav.responsive {position: relative;} -- old  */

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
   .column-3C {
      width: 100%;
      max-height:150px;
     line-height:1.5;
    }
  
    .column-3Clf {
      width: 100%;
      max-height:150px;
     line-height:1.5;
  }

  .header {
      max-height: 60px;
      padding: 6px 4px 4px 4px;
      margin-top: 22px;
      text-align:center;
  }  
    
  .column-2C {
      float: left;
      padding: 4px 3% 4px 2%;
  }
  
   h1 {
    font-size:20px;
    line-height:12px;
    }
  
    h2 {
      font-size:16px;
    }
  
    h3 {
      font-size:14px;
  }
  
  .left {
    width:100%;
    margin-top:4px;
  }
  .right {
    width:100%;
    text-align:center;
    padding-top:8px;
  }

  .column-3C {
        width:100%;
  }

  .leftmakes {
    width: 100%;
  }
  
  .rightmakes {
    display:none;
  }
  
 }

/* ----------Article Styles---------- */

h1 {
	font-size:24px;
	font-weight:600;
	line-height:2;
}

.ed-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4em;
}

.ed-header {
	font-size:16px;
	font-weight:600;
}

.rvw-header {
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}

.ed-caption {
	font-size:14px;
	font-weight:500;
	font-style:italic;
}

.pages {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4em;
	text-align: right;
}

/* -------------- Table text - reviews ------------------*/

.rvw-title {
	font-size:24px;
	line-height:1.25;
	font-family:"Arial",sans-serif;
	}

.rvw-text {
	font-size:14px;
	line-height:1.4em;
	font-family:"Arial",sans-serif;
	}

.table-txt-white {
	margin-top:3px;
	margin-right:0in;
	margin-bottom:3px;
	margin-left:0in;
	font-size:12px;
	font-family:"Arial",sans-serif;
	color:white;
	}

.table-txt-black {
	font-size:12px;
	margin-top:4px;
	margin-right:0in;
	margin-bottom:10px;
	margin-left:0in;	
	font-family:"Arial",sans-serif;
	line-height:1;
}

.tables {
	float:left;
	font-size:12px;
	font-family:"Arial",sans-serif
	width:36%;max-width:320px;min-width:180px;
	border-collapse:collapse;
	border:none;
 	margin-left:0px;
 	margin-right:9px;
 	margin-top:9px;
 	margin-bottom:9px;
}

.scorecard {
	width:100%;
	border-collapse:collapse;border:none;
}

.scorecard-category {
	background-color:black;
	color:white;
	font-size:16px;
	text-align:center;
}

.scorecard-cell {
	font-size:14px;
	background-color:silver;
	text-align:center;
	width:25%;
}

/* 
tables:

ratingtable
s-wtable
pictable
changestable
 */

/* -------- Article Blocks ----------*/

.block-left {
	float:left;
	font-size: 14px;
	font-weight:500;
	width:33%;
	padding:4px;
	margin: 5px 0px 5px 12px;
	background-color:silver;
}

.block-right {
	float:right;
	font-size: 14px;
	font-weight:500;
	width:33%;
	min-width:140px;
	padding:4px;
	margin:5px 0px 5px 12px;
	background-color:silver;
}

.block-middle {
	font-size: 14px;
	font-weight:500;
	margin:auto;
	width:95%;
	padding:4px;
	background-color:silver;
}

.txtblock-header {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color:black;
}

.img-float-right {
  float:right;
  margin:2px;
  max-width:100%;
}

/* -------- Used Car Review Blocks/Pics ----------*/

.rvwblock-left50 {
	float:left;
	font-size: 14px;
	font-weight:500;
	width:50%;
	min-width:150px;
	padding:4px;
	margin:5px 12px 5px 0px;
	background-color:silver;
}

.rvwblock-right50 {
	float:right;
	font-size: 14px;
	font-weight:500;
	width:50%;
	min-width:150px;
	padding:2px;
	margin:5px 0px 5px 12px;
	background-color:#e9e9e9;
}

.rvwblock-colwide {
	font-size: 14px;
	font-weight:500;
	margin:auto;
	width:98%;
	padding:4px;
	background-color:#e9e9e9;
}

.rvwblock-table-right {
	float:right;
	font-size: 12px;
	font-weight:500;
	width:35%;
	min-width:300px;
	padding:2px;
	margin:5px 0px 5px 12px;
}

.rvw-table-style {
	width: 100%;
	border-width:0;
	padding:2px;
}

.rvw-table-header {
	font-size:16px;
	color:white;
	text-align:center;
	background-color:black;
	padding:4px;
}

.rvw-mdlchngs-yr {
	font-size:14px;
	color:white;
	text-align:center;
	background-color:grey;
	padding:3px;
}	

.rvw-1Ctable-cell {
	background-color:#e9e9e9;
	vertical-align:top;
	padding:4px 2px 6px 2px;
}

.rvw-2Ctable-cell {
	background-color:#e9e9e9;
	vertical-align:top;
	padding:2px;
	width:50%;
	font-size:12px;
}

.rvwtxtblock-header {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color:black;
}

.rvw-leadpic60 {
	width:60%;
	max-width:650px;
	min-width:155px;
	padding:4px;
	margin: 5px 0px 5px 0px;
}

.rvw-img-float-right {
  float:right;
  margin:2px;
  width:100%;
  max-width:330px;
}

.rvw-img-float-left {
  float:left;
  margin:2px;
  max-width:100%;
}


/* ----------Large Table-------------*/

.ed-table-cell {
   padding:2px 1px 2px 13px;
   vertical-align:top;
}

.ed-cpo-cell {
   padding:2px 4px 2px 2px;
   vertical-align:top;
}
   

/* ----------Editorial Menu---------- */

.menu-item {
	font-family: Arial, Tahoma, Verdana;
	font-size:16px;
	font-weight: 500;
	line-height: 1.6;
	color:black;
	text-decoration: none; 
}

.menu-item-18 {
	font-family: Arial, Tahoma, Verdana;
	font-size:18px;
	font-weight: 500;
	line-height: 1.7;
	color:black;
	text-decoration: none; 
}
.16 {font-size:16px;}

.18 {font-size:18px;}


.group {
	font-size: 18px;
	font-weight: 700;
	line-height: 3;
	color:black;
}