#contentTop,#banner  {
    width:980px;
}

.ccJquerySlideShow_button{
    background-color: #818181;
    border: 1px solid #D8DAD9;
    color: #B3B3B3;
    cursor: pointer;
    font-family: sans-serif;
    height: 5px;
    text-align: center;
    top: 287px;
    width: 6px;
    z-index:22;    
}


.ccJquerySlideShow_button:hover{
    cursor: pointer;
    color:#a4d4f3;
    background-color: #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #bfbfbd;
    border-bottom: 1px solid #bfbfbd;

}


.ccJquerySlideShow_current_button{
      background-color: #ffffff;
      border-left: 1px solid #ffffff;
      border-top: 1px solid #ffffff;
      border-right: 1px solid #bfbfbd;
      border-bottom: 1px solid #bfbfbd;
}


/* Use this selector for different styles for earh current button.
#ccJquerySlideShow_button1.ccJquerySlideShow_current_button{}
*/


/*
in this case where all  links are in the same area and the same size we can use link class ccJquerySlideShow_link, instead of...
#ccJquerySlideShow_link_1_0 a, #ccJquerySlideShow_link_2_0 a, #ccJquerySlideShow_link_3_0 a, #ccJquerySlideShow_link_4_0 a{
    background:url("transp.gif") repeat scroll 0 0 transparent;
    height:284px;
    width:750px;
}
*/

.ccJquerySlideShow_link a{
    height: 25px;
    background:url("transp.gif") repeat scroll 0 0 transparent;
    height:284px;
    width:980px;
}