/***********************************************************************/
/* Circle-U v1.0 layout, design and all included source code           */
/* copyright (c)2004. Spriteworks Developments. All rights reserved.   */
/* This copyright notice MUST remain within this document at all times */
/* as a condition of use. Removal of this copyright notice voids your  */
/* right to use this product. Circle-U v1.0 may not be redistributed   */
/* in any form without express written permission from Spriteworks     */
/* Developments. This external CSS file MUST remain separate from the  */
/* HTML code at all times and may not be integrated into it or other   */
/* pages in any way, displayed, performed or otherwise made accessible */
/* for public viewing under any circumstances. Please carefully read   */
/* the license agreement included with this script. It is the same     */
/* one you agreed to when you purchased a license to use it.           */
/*                                                                     */
/***********************************************************************/

a.rollit1 {
    display: block;
    width: 164px;
    height: 70px;
    background-image: url("btn_off1.gif");
    margin: 0 auto;
}
a.rollit1:hover {
    background-image: url("btn_on1.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit2 {
    display: block;
    width: 164px;
    height: 70px;
    background-image: url("btn_off2.gif");
    margin: 0 auto;
}
a.rollit2:hover {
    background-image: url("btn_on2.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit3 {
    display: block;
    width: 164px;
    height: 70px;
    background-image: url("btn_off3.gif");
    margin: 0 auto;
}
a.rollit3:hover {
    background-image: url("btn_on3.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit4 {
    display: block;
    width: 164px;
    height: 70px;
    background-image: url("btn_off4.gif");
    margin: 0 auto;
}
a.rollit4:hover {
    background-image: url("btn_on4.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit5 {
    display: block;
    width: 164px;
    height: 70px;
    background-image: url("btn_off5.gif");
    margin: 0 auto;
}
a.rollit5:hover {
    background-image: url("btn_on5.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit6 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off6.gif");
    margin: 0 auto;
}
a.rollit6:hover {
    background-image: url("btn_on6.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit7 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off7.gif");
    margin: 0 auto;
}
a.rollit7:hover {
    background-image: url("btn_on7.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit8 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off8.gif");
    margin: 0 auto;
}
a.rollit8:hover {
    background-image: url("btn_on8.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit9 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off9.gif");
    margin: 0 auto;
}
a.rollit9:hover {
    background-image: url("btn_on9.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit10 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off10.gif");
    margin: 0 auto;
}
a.rollit10:hover {
    background-image: url("btn_on10.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit11 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off11.gif");
    margin: 0 auto;
}
a.rollit11:hover {
    background-image: url("btn_on11.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}
a.rollit12 {
    display: block;
    width: 164px;
    height: 72px;
    background-image: url("btn_off12.gif");
    margin: 0 auto;
}
a.rollit12:hover {
    background-image: url("btn_on12.gif");
    filter: alpha(opacity=100);
    -moz-opacity: .99;
    -khtml-opacity: .99;
    cursor: hand;
}