/*Example CSS for the two demo scrollers*/

#pscroller1{
    width: 340px;
    height: 190px;
    border: 0px solid white;
    padding: 2px;
    background-color: #4091B3;
}

#pscroller2{
    width: 350px;
    height: 200px;
    border: 0px solid white;
    padding: 3px;
}

#pscroller2 a{
    ecoration: none;
}

.slider1, .contentdiv {
    width:788px;
    height:250px;
    overflow:hidden;
    /*border: 1px solid red;*/
}

.contentdiv table, .contentdiv table tr td {
    padding:0;
    margin:0;
}
.contentdiv img {
    display:block;
    border:0;
    margin:0;
    padding:0;
}

.contentslide{
border: 0;
padding: 0;
margin:0;
width: 788px;
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: 786px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
height:20px;
text-align: left;
background-color: #cccccc;
border: 0;
/*padding: 2px 2px 2px 12px;*/
padding:0;
margin:0;
}

/*
* html .pagination{ 
width: 786px; 
w\idth: 786px;
}
*/


.pagination a:link, .pagination a:visited{
padding: 0 5px;
text-decoration: none; 
font: 12px arial;
color: #ffffff;
background-color: 3E9FDE;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}