.contentslide{border: none; border-bottom-width: 6px; padding:0; width: 288px; }
.contentslide2{border: none; border-bottom-width: 6px; padding:0; width: 822px; }
.contentslide3{border: none; border-bottom-width: 6px; padding:0; width: 197px; }

.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: 170px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/ text-align: right; border-width: 0 10px; /*Left/ right border width of pagination DIV.*/ margin:-12px 0 0 0; *margin:-12px 0 0 0; _margin:-12px 0 0 0; padding: 0 0 4px 0; font-size:10px; float:right;}

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

.pagination a{padding: 0 5px; text-decoration: none;  color: #333; background-color: white; } 

.pagination a:hover, .pagination a.selected{color: #fff; background-color: #333333;}