.slider{
position: relative; /* Do not change this value */
width: 600px;
height: 200px; /* Set height to be able to contain height of largest content shown*/
border: none;
overflow: hidden;
color:#000;
}

.sliderContent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
width: 600px;
background:url(../images/slider_bg_content.gif) no-repeat top right #fff;
}

.sliderLinks{ /*style for DIV used to contain toggler links. */
width: 300px;
padding-left:10px;
margin-bottom:10px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}



.sliderLinks a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border:none;
color: #1265a8;
font:bold 13px Arial;
text-decoration: none;
text-align:center;
margin-right:3px;
background:url(../images/s1_btn.gif) no-repeat top left;
padding:2px 0 0 11px;
width:19px;
height:18px;
}

.sliderLinks a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(../images/s1_btn.gif) no-repeat bottom left;
color:#fff;
}

.sliderLinks a:hover{
background:url(../images/s1_btn.gif) no-repeat bottom left;
color:#fff;
}

.sliderLinks a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.sliderLinks a.prev { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	background:url(../images/s1_btn.gif) no-repeat top left;
}
.sliderLinks a.prev:hover { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	background:url(../images/s1_btn.gif) no-repeat bottom left;
}

.sliderLinks a.next {
	background:url(../images/s1_btn.gif) no-repeat top left;
}
.sliderLinks a.next:hover {
	background:url(../images/s1_btn.gif) no-repeat bottom left;
}