.contentslide {
width: 545px;
height: 465px;
background: #333;
position: relative;
z-index: 10;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentslide .contentdiv {
width: 545px;
height: 465px;
background: #333;
display: none;
overflow: hidden;
}

.contentdiv .rotate-photo {
  width: 535px;
  padding: 5px 5px 0;
  overflow: hidden;
}

div.pagination{
width: 335px;
height: 27px;
padding: 4px 0 5px 11px;
background: url(/images/setup/rotator_controls_bg.gif) no-repeat left top;
position: absolute;
right: 3px;
top: 318px;
z-index: 12;
}

.pagination a, div.link {
  display: block;
  width: 19px;
  height: 27px;
  float: left;
  margin-right: 8px;
  color: #fff;
  text-decoration: none;
  line-height: 27px;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.pagination a:hover {

}

.pagination a.selected {
  background: url(/images/setup/rotator_counter_bg.gif) repeat-x left top;
}

.pagination div.spacer {
  display: inline;
  width: 100%;
}

.topstory {
  width: 505px;
  height: 85px;
  padding: 0 20px 15px;
  margin-top: 50px;
  overflow: hidden;
}

.topstory span {
  font-family: arial;
  font-size: 14px;
  color: #fff;
}

.topstory a.rotator-title {
  display: block;
  margin-bottom: 6px;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  text-decoration: none;
}

.topstory a.rotator-title:hover {
  color: #d00000;
}