#content ul.unit-rating { margin: 0; } .unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; /*\*/ float: right; /* */ } .unit-rating li a { outline: none; display:block; width:30px; height: 30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .unit-rating li a:hover{ background: url('images/starrating.gif') right center; z-index: 2; right: 0px; } .unit-rating a.r1-unit{right: 0px;} .unit-rating a.r1-unit:hover{width:30px;} .unit-rating a.r2-unit{right :30px;} .unit-rating a.r2-unit:hover{width: 60px;} .unit-rating a.r3-unit{right: 60px;} .unit-rating a.r3-unit:hover{width: 90px;} .unit-rating a.r4-unit{right: 90px;} .unit-rating a.r4-unit:hover{width: 120px;} .unit-rating a.r5-unit{right: 120px;} .unit-rating a.r5-unit:hover{width: 150px;} .unit-rating li.current-rating { background: url('images/starrating.gif') right bottom; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1; } #menu UL { WIDTH: ;text-align: right;} #menu LI UL { LEFT: -;text-align: right;} tr.backgrop{ background-color: ; } A:link { TEXT-DECORATION: none } #menu li:hover ul { visibility:visible; } * html #menu ul li { float: right; height: 1%; } * html #menu ul li a { height: 1%; } /* styles for the unit rater */ .unit-rating { /* the UL */ list-style:none; margin: 0px; padding:0px; height: 30px; position: relative; background: url('images/starrating.gif') top left repeat-x; } .p{ color:#333333; font:normal 11px Arial, Helvetica, sans-serif; text-align:center; padding:0;margin:0; } ul ,li {text-align: right; margin: 0px; padding: 0px; padding-right: 10px; padding-left: 20px; display: block;} p {font-family:Tahoma; font-size:11px; color:#675e20;} td {font-family:Tahoma; font-size:11px; color:#675e20;} a:link ,a:visited ,a:active {font-family: tahoma; font-size: 12px; color: #990000; text-decoration: none; ;} a:hover {color: #275c98; text-decoration: underline;} a.m1 { display: block; width: 193px; height: 26px; background: url(/m/m10.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m2 { display: block; width: 193px; height: 26px; background: url(/m/m13.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m3 { display: block; width: 193px; height: 26px; background: url(/m/m18.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m4 { display: block; width: 193px; height: 26px; background: url(/m/m19.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m5 { display: block; width: 193px; height: 26px; background: url(/m/m20.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m6 { display: block; width: 193px; height: 26px; background: url(/m/m21.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m7 { display: block; width: 193px; height: 26px; background: url(/m/m22.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m8 { display: block; width: 193px; height: 26px; background: url(/m/m23.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m9 { display: block; width: 193px; height: 26px; background: url(/m/m29.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m10 { display: block; width: 193px; height: 26px; background: url(/m/m30.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m11 { display: block; width: 193px; height: 26px; background: url(/m/m31.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m12 { display: block; width: 193px; height: 26px; background: url(/m/m32.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m13 { display: block; width: 193px; height: 26px; background: url(/m/m33.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m36 { display: block; width: 193px; height: 26px; background: url(/m/m36.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m1:hover ,a.m2:hover ,a.m3:hover ,a.m4:hover ,a.m5:hover ,a.m6:hover ,a.m7:hover ,a.m8:hover ,a.m9:hover ,a.m10:hover ,a.m11:hover ,a.m12:hover ,a.m36:hover ,a.m13:hover { background-position: 0 -26px; } a.m01 { display: block; width: 193px; height: 23px; background: url(/m/m06.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m02 { display: block; width: 193px; height: 23px; background: url(/m/m05.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m03 { display: block; width: 193px; height: 23px; background: url(/m/m04.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m04 { display: block; width: 193px; height: 23px; background: url(/m/m03.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m05 { display: block; width: 193px; height: 23px; background: url(/m/m02.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m06 { display: block; width: 193px; height: 23px; background: url(/m/m01.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m009 { display: block; width: 193px; height: 23px; background: url(/m/m009.jpg) 0 0 no-repeat; font-size: 1mm; font-variant: small-caps; color: #4f3921; } a.m01:hover ,a.m02:hover ,a.m03:hover ,a.m009:hover ,a.m04:hover ,a.m05:hover ,a.m06:hover { background-position: 0 -23px; }