.contentslide {
width: 450px;
height: 450px;
background: #fff;
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: 450px;
height: 450px;
background: #fff;
display: none;
overflow: hidden;
}

div.pagination{
width: auto;
position: absolute;
right: 3px;
top: 303px;
z-index: 12;
}

.pagination a, div.link {
  display: block;
  width: 15px;
  height: 22px;
  padding: 0 4px;
  float: left;
  margin-left: 1px;
  background: url(/images/setup/rotate_counter_bg.jpg) repeat-x left top;
  color: #fff;
  text-decoration: none;
  line-height: 22px;
  border: solid 1px #212223;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.pagination a:hover {

}

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

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

.topstory {
  width: 430px;
  padding: 5px 10px;
  margin-top: 29px;
}

.topstory a.rotator-title {
  display: block;
  font-family: verdana;
  font-size: 16px;
  font-weight: bold;
  color: #00338e;
  line-height: 20px;
}

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

.topstory span {
  font-family: verdana;
  font-size: 12px;
  color: #020000;
}

.topstory a {
  font-size: 12px;
  color: #bd0a06;
  text-decoration: none;
}

.topstory a:hover {
  color: #000;
}