body {
  margin: 0;
  margin-top: 34px;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url('https://collectorcarmarket.com/images/bg-smsquares-lt.png');
}

* {
    box-sizing: border-box;
}

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

h2 {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 18px;
}

h3 {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 16px;
}

.ccmlogo {
    float: left;
    margin: -24px 5px -10px -20px;
}

.hdr16-nospace {
 	font-family: Arial, Helvetica, sans-serif;
  	font-weight: 700;
  	font-size: 16px;
  	margin-bottom:2px;
}

.hdr14-nospace {
 	font-family: Arial, Helvetica, sans-serif;
  	font-weight: 600;
  	font-size: 14px;
  	margin-bottom:2px;
}

.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:0px;
background-color: white;
}

.header {
    float: left;
    width: 100%;
    max-width: 1020px;
    min-width: 320px;
    padding: 52px 4px 4px 4px;
    text-align:center;
}

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

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

.column-1C {
    float: left;
    width: 100%;
    max-width: 1080px;
    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%;
}

.left35 {
  width:35%;
}

.leftpic {
  width:50%;
}

.left-pic {
    float: left;
    width: 50%;
    max-width:380px;
    padding: 8px 2% 6px 1%;
}

.left-text {
    float: left;
    width: 50%;
    max-width:370px;
    padding: 8px 1% 6px 1%;
    margin-right:8px;
}

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

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

.left50 {
  width: 50%;
}

.right65 {
  width: 65%;
}

.right50 {
  width: 50%;
}

.left70 {
  width: 70%;
}

.right30 {
  width: 30%;
}

.left75 {
  width: 75%;
}

.right25 {
  width: 25%;
}

.left25 {
  width: 25%;
}

.right75 {
  width: 75%;
  max-width:600px;
}

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

/* Create three equal columns that float next to each other - use for text */
.column-3C {
    float: left;
    padding: 10px;
    width: 33.33%;
}

/* Create three equal columns that float next to each other - use for images */
.column-3C-img {
    float: left;
    padding: 2px;
    width: 33.33%;
    max-width: 255px;
    font-size:12px;
    font-style:italic;
}


/* 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: 33%;
    height: auto;
}

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

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


/* Appraiser-Club Table */
#appraisers {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: calc(11px + .29vw);
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  line-height:1.4;
}

#appraisers td, #appraisers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#appraisers tr:nth-child(even){background-color: #f2f2f2;}

#appraisers tr:hover {background-color: #ddd;}

#appraisers th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: teal;
  color: white;
}


/* Navigation */
.topnav {
  overflow: visible;
  background-color: silver; /* full-width bar */
  position: fixed; /* Set the navbar to fixed position */
  top: 18px; /* 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;
  height:50px;
  color: black; /* 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: relative;
    top:-52px;
  }

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

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
    padding: 10px 8px 6px 0px;
    height:44px;
  }

 /* this is not in the other css files -- delete?   */
 
 .header {max-height:65px;padding:3px 4px 3px 4px;margin-top:42px;text-align:center;}
  

 .ccmlogo {
     float: left;
     margin: -24px 5px -10px -10px;
  }
  
  .column-4C {
      float: left;
      width:100%;
      padding:1px;
  } 
 
  .column-2C {
      float: left;
      padding: 4px 3% 4px 2%;
  }
  
  .left {
    width:100%;
    margin-top:4px;
  }
  .right {
    width:100%;
    text-align:center;
    padding-top:8px;
  }

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

  .leftmakes {
    width: 100%;
  }
  
   .leftpic {
      width: 100%;
  }
  
   .left-pic {
      width: 100%;
  }   

  .left-text {
      width: 100%;
      padding:6px 4px 4px 4px;
  }   
  
  .left35 {
        width: 100%;
  }
  
  .right65 {
          width: 100%;
  }
  
  .left50 {
        width:100%;
  }    
  
  .right50 {
          width:100%;
  }    
  
  .left70 {
        width:100%;
  } 
  
  .right30 {
  	width: 100%;
  }
  
  .left75 {
        width:100%;
  } 
  
  .right25 {
  	width: 100%;
  }
    
  .rightmakes {
    display:none;
  }
  
  .right75 {
      width:100%;
  }  
  
  .left25 {
      width:100%;
  }    
  
  
 }

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

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

.ed-text12 {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3em;
}

.ed-text16 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
}

.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;
}

ul.boxlist {
	font-size:13px;
	padding:4px 0px 4px 8px;
}


a.button-profile {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;

  text-decoration:none;
  font-color:black;
  font-size:12px;
  text-align:center;
  display:inline-block;
  width:60%;
  max-width:300px;
  min-width:140px;
  padding: 3px 4px 3px 4px;
  margin-bottom:8px;
}

/* -------------- Table/Div 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.2;
}

.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%;
}

.div-text-hdr {
	background-color:gray;
	color:white;
	text-align:center;
	padding:4px;
}

/* 
tables:

ratingtable
s-wtable
pictable
changestable
 */

.sponsortbl {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

/* -------- 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;
	width:50%;
	min-width:90px;
	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;
}