.contentslide{
/* border: 10px solid navy;*/
border-bottom-width: 6px;
padding-left: 0px;
width: 740px;
height: 260px;
text-align:right;
}

.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;
background-color:#fff;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
margin-top:10px;
width: 650px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
/* background-color: navy;
border: 10px solid navy;*/
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 650px; /*IE5 width*/
w\idth: 650px; /*IE6 width*/
float:left;
}

.pagination a{
text-decoration: none; 
outline:0;
background-color: #e82526;
color: #fff;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #e82526;
font-weight:bold;
font-size:18px;
}

.contentLink
{
width:30px;
height:22px;
background-color: #e82526;
float:left;
margin-right:5px;
text-align:center;
}

.contentLink:hover
{
color: #fff;
background-color: #e82526;
font-weight:bold;
font-size:18px;
}

.contentLinkNext
{
width:50px;
height:22px;
background-color: #e82526;
float:left;
margin-right:5px;
text-align:center;
}

.contentLinkNext:hover
{
color: #fff;
background-color: #e82526;
font-weight:bold;
font-size:18px;
}