﻿.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 560px; /*width of featured content slider*/
height: 125px;
}

.slidewrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 560px; /*width of featured content slider*/
height: 125px;
}

.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 560px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:left; 
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
}

.sliderwrapper2 .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 560px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:left; 
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
}
.sliderwrapper3 .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 234px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 554px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 3px;
}

.pagination a{
padding: 0 3px;
text-decoration: none; 
color: black;
background: #F0C300;
}

.pagination a:hover, .pagination a.selected{
color: white;
background-color: #A70303;
}

.paginationMag{
width: 234px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 3px;
}

.paginationMag a{
padding: 0 3px;
text-decoration: none; 
color: black;
background:#929DB6;
}

.paginationMag a:hover, .paginationMag a.selected{
color: black;
background-color: #F0C300;
}

/*Additional CSS for demos*/

#slider4{
text-align:center;
margin:0 auto;
}

.sliderwrapper3{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 234px; /*width of featured content slider*/
height: 182px;
text-align:center
}

#paginate-slider4{
border-color: darkred;
margin:0 auto;
}

#paginate-slider4 a img{
width: 180px;
height: 45px;
border: 2px solid gray;
margin-top: 10px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 3px solid #A70303;
}

