﻿.contentslide{
padding: 0px;
width: 650px;
height: 250px;
}

.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{
display: none;
}

.pagination{
width: 580px; /*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: #ffffff;
border: 1px solid #eeeeee;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 4px 0px 4px 0px;
display:none;
}

* 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*/
}

.pagination A:link { padding: 2px 5px; FONT-SIZE: 11px; COLOR: #525252; background-color: #f0f0f0; FONT-FAMILY:Arial; TEXT-DECORATION:none; border: 1px solid #d9d5cd;}

.pagination A:active { padding: 2px 5px; FONT-SIZE: 11px; COLOR: #525252; background-color: #f0f0f0; FONT-FAMILY:Arial; TEXT-DECORATION:none; border: 1px solid #d9d5cd;}
.pagination A:hover { padding: 2px 5px; FONT-SIZE: 11px; COLOR: #dddddd; background-color: #999999; FONT-FAMILY:Arial; TEXT-DECORATION:none; border: 1px solid #d9d5cd;}
.pagination A.selected{ padding: 2px 5px; FONT-SIZE: 11px; COLOR: #dddddd; background-color: #999999; FONT-FAMILY:Arial; TEXT-DECORATION:none; border: 1px solid #d9d5cd;}