/* AUTHOR */



body {padding: 0px; margin: 0px; background-color: #000000; font-family: helvetica,arial,verdana,sans-serif}
.slider {position: absolute}
.slider div, .slider div:hover, .slider .av {position: absolute; width: 16px; height: 16px; background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/b05.png) no-repeat; overflow: hidden; cursor: pointer}
.slider div {background-position: -7px -7px}
.slider div:hover, .slider .av:hover {background-position: -37px -7px}
.slider .av {background-position: -67px -7px}
.slider .dn, .slider .dn:hover {background-position: -97px -7px}
.slider-l, .slider-r {display: block; position: absolute; width: 40px; height: 58px; cursor: pointer; background: url(http://www.gigabyte.com/FileUpload/Global/KeyFeature/646/images/a22.png) center center no-repeat; overflow: hidden}
.slider-l {background-position: -10px -31px}
.slider-r {background-position: -70px -31px}
.slider-l:hover {background-position: -130px -31px}
.slider-r:hover {background-position: -190px -31px}
.slider-l.slider-ldn {background-position: -250px -31px}
.slider-r.slider-rdn {background-position: -310px -31px}
.slider-l.slider-lds {background-position: -10px -31px; opacity: 0.3; pointer-events: none}
.slider-r.slider-rds {background-position: -70px -31px; opacity: 0.3; pointer-events: none}