.mp-rotator ul { list-style:none; padding: 0; margin: 0;}
.mp-rotator ul li { display:block;}

.mp-rotator { height:357px; overflow:hidden; position:relative; z-index:80;}
.mp-rotator .container { position:relative; z-index:90; height:357px;}

#rotator-image { position:absolute; left:0; top:0; width:990px; height:357px; z-index:91; background:#eee;}
#rotator-text { width:568px; background:url(/i/mp_transp_bg.png) left top repeat; position:absolute; right:262px; top:173px; z-index:93; color:#fff; height:170px;}
#rotator-text .title { font-size:18pt; margin-bottom:10px; width:450px; padding:15px 0 5px 33px; line-height:26px; letter-spacing:-1px;}
#rotator-text .text { font-size:10pt; padding-left:33px; width:500px; line-height:15px;}

#rotator-nav { position:absolute; z-index:95; top:202px; right:288px; width:36px; overflow:hidden;}
#rotator-nav div { float:left; width:10px; height:17px; background:url(/i/arrows.png) left top no-repeat; cursor:pointer;}
#rotator-nav div.rot-prev { background-position:1px 1px;}
#rotator-nav div.rot-next { background-position:-25px 1px; float:right;}

.mp-rotator ul { position:absolute; right:0; top:10; z-index:92; width:252px;}
.mp-rotator ul li { float:left; width:126px; height:85px;}
.mp-rotator ul div { display:none;}
.mp-rotator ul div.preview { display:block; width:112px; height:75px; border:2px solid #fff; cursor:pointer;}
.mp-rotator li.current div.preview, .mp-rotator div.preview:hover { border-color:#000;}
