.slider { position: relative; overflow: hidden; }
.slider .javascript_css { position: relative; z-index: 3; padding: 20px; background: #fffcd3; }
.slider .skip_to_news { position: absolute; top: 0; left: -9999px;}
.slider .back { position: absolute; bottom: 0; right: 90px; z-index: 2;}
.slider .back a, .slider .next a { outline: none; /* This is optional, and is arguably less accessible. */}
.slider .next { position: absolute; bottom: 0; right: 30px; z-index: 2; }
.slider ul { position: relative; left: 0; width: auto; margin: 0; padding: 0; list-style-type: none; overflow: hidden; z-index: 1;}
.slider li { float: left; display: inline; width: 668px;}

.candy  { width: 100%; margin: 0; padding: 0 0 40px 0; }
.candy a { color: #8fbc3a; font-size: 12px; text-decoration: none; }
.candy a:hover { color: #a7dc44;}
.candy a p.unactiv { font-size: 20px;}
.candy .next a { background: url(../images/next.gif) no-repeat right center; padding: 0 18px 0 0; }
.candy .back a { background: url(../images/previous.gif) no-repeat left center; padding: 0  0 0 18px; }
.candy .view_all { margin: 58px 0 0 0; padding: 10px; background: #eee; text-align: center; }
.candy li { padding: 0; overflow: hidden; }