/* LISTINGS */
.listings{
  float: right !important;
  margin-bottom:0px;
  height: 18px;
  font-size: x-small;
  margin: 6px 0 6px 0;
  padding: 1px 0 1px 1px;
  padding-right:75px;
  font-size:14px;
  margin-top:20px;
}
.listings .page{
  float: left;
  width: 100px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color:#FFFFFF;
  margin: 0;
  padding: 0 3px 0 3px;
  font-weight: bold;
}
.listings a.first{
  float: left;
  width: 100px;
  height: 18px;
  line-height: 18px;
  display: block;
  color:#FFFFFF;
  text-decoration: none;
  text-align: center;  
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a:hover.first{
  float: left;
  width: 100px;
  height: 18px;
  line-height: 18px;
  display: block;
  color: red;
  font-weight: bold;
  text-decoration: none;
  text-align: center; 
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a.last{
  float: left;
  width: 100px;
  height: 18px;
  line-height: 18px;
  display: block;
  color:#FFFFFF;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a:hover.last{
  float: left;
  width: 100px;
  height: 18px;
  line-height: 18px;
  display: block;
  color: red;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a{
  float: left;
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  text-decoration: none;
  text-align: center;
  color:#FFFFFF;
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a:hover{
  float: left;
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  color: red;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0;
  padding: 0 3px 0 3px;
}
.listings a.active{
  float: left;
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  text-decoration: none;
  text-align: center;
  color: red;
  font-weight: bold; 
  margin: 0;
  padding: 0 3px 0 3px;
}