/*
these styles apply in particular to the product scroller used throughout the site 
and are used in conjunction with attributes used in the main style sheet.
*/
#featuresArea, #bannerFeatures .itemWrapper{position: relative;overflow: hidden;}
.javascript_css{position: relative;z-index: 3;padding: 20px;background: #fffcd3;}
ul.productScrollerList, #bannerFeatures ul, #contentScrollers ul{position: relative;left: 0;width: 302px;overflow: hidden;z-index: 1;}
/* home - feature scroller */
#bannerFeatures ul{width: 282px;margin: 0;padding: 2px 0;list-style-type: none;}
ul.productScrollerList li, #contentScrollers ul li, #bannerFeatures ul li {display: inline;overflow: hidden;}
/* resize content -page scrollers */
#contentScrollers ul{width: 610px;}
/* home - feature scroller */
#bannerFeatures ul li, #contentScrollers ul li{float: left;width: 282px;margin: 0;padding: 0;}
#contentScrollers ul li{width: 304px;}
/* button controls */
#featuresArea .buttons a.prev, #featuresArea .buttons a.prev:link, #featuresArea .buttons a.prev:visited, #contentScrollers .buttons a.prev, #contentScrollers .buttons a.prev:link, #contentScrollers .buttons a.prev:visited{background: transparent url(../../media_files/graphics/buttons/orange_prev.gif) no-repeat top left;margin-right: 2px;}
#featuresArea .buttons a.next, #featuresArea .buttons a.next:link, #featuresArea .buttons a.next:visited, #contentScrollers .buttons a.next, #contentScrollers .buttons a.next:link, #contentScrollers .buttons a.next:visited{background: transparent url(../../media_files/graphics/buttons/orange_next.gif) no-repeat top left;margin-left: 2px;}
#featuresArea .buttons a.prev:hover, #featuresArea .buttons a.prev:active, #featuresArea .buttons a.prev:focus, #featuresArea .buttons a.prev.On, #featuresArea .buttons a.prev.On:link, #featuresArea .buttons a.prev.On:visited, #contentScrollers .buttons a.prev:hover, #contentScrollers .buttons a.prev:active, #contentScrollers .buttons a.prev:focus, #contentScrollers .buttons a.prev.On, #contentScrollers .buttons a.prev.On:link, #contentScrollers .buttons a.prev.On:visited{background-image: url(../../media_files/graphics/buttons/orange_prev_on.gif);}
#featuresArea .buttons a.next:hover, #featuresArea .buttons a.next:active, #featuresArea .buttons a.next:focus, #featuresArea .buttons a.next.On, #featuresArea .buttons a.next.On:link, #featuresArea .buttons a.next.On:visited, #contentScrollers .buttons a.next:hover, #contentScrollers .buttons a.next:active, #contentScrollers .buttons a.next:focus, #contentScrollers .buttons a.next.On, #contentScrollers .buttons a.next.On:link, #contentScrollers .buttons a.next.On:visited{background-image: url(../../media_files/graphics/buttons/orange_next_on.gif);}
#featuresArea .buttons a span, #contentScrollers .buttons a span{position: absolute;left: -999em;}