/* TEXT STYLES */
.red {
  color: #e40d12
}

.blue {
  color: #165368
}

.white {
  color: #ffffff
}

.black {
  color: #000000
}

.minitext {
  font-size: 9px
}

.bold {
  font-weight: bold
}
.center {
  text-align: center
}

.contentarea {
  padding: 2px
}

.title {
  font-weight: bold;
  font-size: 12px;
  /* line-height: 18px */
}

.title ul {
  margin: 0;
  padding: 0
}

.title li {
  list-style-type: none;
  margin:0 0 0 20px;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  /* line-height: 14px */
}

.comment {
  font-style: italic;
}

.snapshotbyline {
  font-style: italic;
  text-align: right
}

.carlist .make {
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
  float: left;
  width: 33%
}

.carlist .model {
  font-weight: normal;
  float: left;
  width: 33%;
  margin: 0;
  padding: 0
}
.alphalist .make {
  font-weight: normal;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0
}

.articles ul {
  margin: 0;
  padding: 0 
}

.articles li {
  margin: 0; 
  padding: 0
}

/* BUTTONS AND LINK STYLES */
.handcursor
{
  cursor:pointer
}

.alphabet {
  padding: 2px;
  margin: 0;
  font-weight: bold;
  font-size: 10px
}

.redbutton {
  background: url(/media/img/dialogs/redbutton-125a.gif) no-repeat; 
  background-position: center; 
  width: 125px;
  height: 30px; 
  margin: 0 auto;
  text-align: center;
  color: white
}

.miniredbutton {
  background: url(/media/img/dialogs/redbutton-75a.gif) no-repeat; 
  background-position: center; 
  width: 75px;
  height: 30px; 
  margin: 0 auto;
  text-align: center;
  color: white
}

.wideredbutton {
  background: url(/media/img/dialogs/redbutton-150a.gif) no-repeat; 
  background-position: center; 
  width: 150px;
  height: 30px; 
  margin: 0 auto;
  text-align: center;
  color: white
}

.redbutton a:link, .wideredbutton a:link,.miniredbutton a:link, .redbutton a:visited, .wideredbutton a:visited, .miniredbutton a:visited, .redbutton a:active, .wideredbutton a:active, .miniredbutton a:active  {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 28px
}
.redbutton a:hover, .wideredbutton a:hover, .miniredbutton a:hover  {
  color: #000
}

.results a:link, .results a:visited, .results a:active {
  color: #000;
  text-decoration: none
}
.results a:hover {
  color:  #000;
  text-decoration: none;
  font-weight: bold
}

a img {
  border: none
}
a img:hover {
  text-decoration: none
}

a.blue:link, a.blue:visited, a.blue:active {
  color: #165368;
  text-decoration: none
}
a.blue:hover {
  text-decoration: underline
}

a.bold:link, a.whitebold:visited, a.whitebold:active {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  text-decoration: none
}
a.bold:hover {
  color: #e40d12;
  text-decoration: none
}

a.whitebold:link, a.whitebold:visited, a.whitebold:active {
  font-weight: bold;
  font-size: 12px;
  /* line-height: 22px; */
  color: #fff;
  text-decoration: none
}
a.whitebold:hover {
  color: #fff;
  text-decoration: underline
}

a.whiteLink:link, a.whiteLink:visited, a.whiteLink:active {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-decoration: none
}
a.whiteLink:hover {
  color: #fff;
  text-decoration: underline
}
a.minilink:link, a.minilink:visited, a.minilink:active {
  font-size: 9px;
  text-decoration: none
}
a.minilink:hover {
  text-decoration: underline
}

.bulletPoint {
width: 182px; 
height: 30px; 
float: left; 
text-align: center; 
padding: 5px; 
margin: 5px; 
font-weight: bold
}
.bulletPoint:hover {
width: 182px; 
height: 30px; 
float: left; 
text-align: center; 
padding: 5px; 
margin: 5px; 
background: url('/media/img/icons/bullet-button.gif');
font-weight: bold
}

a.bulletPointLink:link, a.bulletPointLink:visited, a.bulletPointLink:active {
  text-decoration: none;
  color: #000;
}
a.bulletPointLinkWhite:link, a.bulletPointLinkWhite:visited, a.bulletPointLinkWhite:active {
  text-decoration: none;
  color: #fff;
}
a.bulletPointLink:hover, a.bulletPointLinkWhite:hover {
  text-decoration: none;
}

a:link, a:visited, a:active {
  color: #000;
  text-decoration: none
}
a:hover {
  color: #e40d12;
  text-decoration: underline
}
