.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

.promoBar
{
  width: 20%;
  float: left;
  position: relative;
  background-color: #ffffff;  /*new style*/
  color: #24457f; /*new style*/
  font-size: 70%; /*new style*/
}
.promoBar DIV.divider
{
  background-color: #24457f;
  width: auto;
  height: 2px;
  font-size: 0;
  margin-top: 4px;
}

/*** START: Headers ***/
.promoBar .navHdr
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #fff2a3; /*new style*/
  font-weight: bold; /*new style*/
}
.promoBar .FeedbackHdr  /*new style*/
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #a9e6cc;
  font-weight: bold;
}
.promoBar .SpotlightHdr  /*new style*/
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  background-color: #24457f;
  font-weight: bold;
  color: #ffffff;
}
/*** END: Headers ***/

.promoBar IMG
{
  display: block;
}
.promoBar IMG.curve
{
  float: right;
}
.promoBar IMG.pbBotLHCurve
{
  float: left;
}
.promoBar IMG.DbIcon
{
  display: inline;
}
.promoBar .FeaturesIconList
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
}
.promo1
{
  margin-left: auto;
  margin-right: auto;
}
.Feature
{
  margin-left: auto;
  margin-right: auto;
}
.promoBar .ContactInfo
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  font-weight: bold;
}
.promoBar .ContactInfoHdr
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  font-weight: bold;
  color: #b67c33;
}
.promoArticleDate
{
  padding-left: 10px;
  color: #4a494a;
}
.promoBar ADDRESS
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
}
/*** START: STAR RATING STYLES ***/
.star-rating
{
  list-style: none;
  margin: 4px 10px 0px 10px;
  padding: 0px;
  width: 100px;
  height: 20px;
  position: relative;
  background: url(  "assets/dob_star_rating.gif" ) top left repeat-x;
}
.star-rating li
{
  padding: 0px;
  margin: 0px; /*\*/
  float: left; /* */
}
.star-rating li a
{
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  margin-top: 0;
}
.star-rating li a:hover
{
  background: url(  "assets/dob_star_rating.gif" ) left bottom;
  z-index: 1;
  left: 0px;
}
.star-rating a.one-star
{
  left: 0px;
}
.star-rating a.one-star:hover
{
  width: 20px;
}
.star-rating a.two-stars
{
  left: 20px;
}
.star-rating a.two-stars:hover
{
  width: 40px;
}
.star-rating a.three-stars:hover
{
  width: 60px;
}
.star-rating a.three-stars
{
  left: 40px;
}
.star-rating a.four-stars
{
  left: 60px;
}
.star-rating a.four-stars:hover
{
  width: 80px;
}
.star-rating a.five-stars
{
  left: 80px;
}
.star-rating a.five-stars:hover
{
  width: 100px;
}
/*** END: STAR RATING STYLES ***/

.promoBar A
{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 8px;
}
.promoBar A:hover
{
  border: none;
}
.promoBar A.promoLink
{
  padding-left: 24px;
  background: url(   "assets/link-arrow12.gif" ) 10px 3px no-repeat transparent;
}
.promoBar A.promoLink:hover
{
  background: url(   "assets/link-arrow12_on.gif" ) 11px 3px no-repeat transparent;
}