.contentslide {
border-top: 1px solid #c3c3c3;
border-right: 1px solid #ababab;
border-bottom: 1px solid white;
border-left: 1px solid #c3c3c3;
margin: 20px 0 0 15px;
padding: 0;
width: 194px;
height: 305px; 
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em; }

.contentslide .contentdiv { 
display: none; 
padding: 10px; 
text-align: center;
font-family: Arial, Helvetica, sans-serif; 
font-size: .9em;
line-height: 1.1em;}

.contentslide .contentdiv a {
text-decoration: none !important;
color: #000;}

.pagination {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em; 
width: 194px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: center;
background-color: #fff;
border-top: 1px solid white;
border-right: 1px solid #ababab;
border-bottom: 1px solid #ababab;
border-left: 1px solid #c3c3c3;
/* border-width: 0 10px; */ /*Left/ right border width of pagination DIV.*/
margin: 0 0 0 15px;
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: 194px; /*IE5 width*/
w\idth: 194px; /*IE6 width*/ }

.pagination a {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em; 
padding: 0 4px;
text-decoration: none; 
color: inherit;
background-color: #fff; 
border: 1px solid #fff;}

.pagination a:hover, .pagination a.selected {
color: inherit;
background-color: #e8e8e8;
border: 1px solid #ccc;}
