    
.animatedtabs   {   min-width: 1000px;   margin-left: -55px;   z-index: 10;   position: relative;   top: 0px;  left: 0px; padding-top: 4px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 100%; overflow: hidden }


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 75px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a { text-decoration: none; background: url(../../images/tabrub/tab_rub_left_all.png) no-repeat left top; margin: 0 3px 0 0; padding: 0 0 0 13px; position: relative; top: 22px; float: left }

.animatedtabs a span    { padding-left: 7px; padding-bottom: 26px; padding-right: 20px; padding-top: 16px; color: #cedade; font-size: 12px; background: url(../../images/tabrub/tab_rub_right_all.png) no-repeat right top; display: block; position: relative; float: left }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs  a.selected  { background-position: 0 -72px; top: 0 }

.animatedtabs  a.selected  span { color: #ceee0b; font-size: 14px; font-weight: bold; background-position: 100% -72px; padding-bottom: 40px; top: 0 }

.animatedtabs  a:hover { background-position: 0 -72px; top: 0 }

.animatedtabs  a:hover span  { color: #ceee0b; font-size: 14px; font-weight: bold; background-position: 100% -72px; padding-bottom: 40px; top: 0 }
