#rotator {width: 620px; height: 250px; background: #292929 url('../images/rotator/bg.png') no-repeat top center; position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 20px;}
#rotator-left {display: block; width: 400px; height: 250px; position: absolute; top: 0px; left: 0px; background: transparent url('../images/rotator/spinner.gif') no-repeat center;}
#rotator-left:hover {text-decoration: none;}
#rotator-left img {width: 400px; height: 250px; border: 0px; z-index: 1;}
#rotator-left div {width: 370px; height: 197px; padding: 0px 20px 3px 10px; background: transparent url('../images/rotator/bg-title.png') repeat top center; position: absolute; top: 200px; left: 0px; font: bold italic 17px/0.55cm 'Trebuchet MS', Verdana, Tahoma, Arial; color: #ffffff; overflow: hidden; z-index: 4;}
#rotator-left div b {display: table-cell; vertical-align: middle; height: 50px;}
#rotator-left div u {display: block; background: transparent url('../images/rotator/bg-intro.png') repeat top center; width: 370px; height: 119px; padding: 3px 20px 3px 10px; font: normal 11px/0.4cm Tahoma, Verdana, Arial; color: #ffffff; overflow: hidden; text-decoration: none; position: relative; top: 0px; left: -10px;}

#rotator-left span {display: block; width: 400px; height: 125px; background: transparent url('../images/rotator/blink.png') repeat-x top center; position: absolute; top: 0px; left: 0px; opacity:0.2;filter:alpha(opacity=20); z-index: 2;}

#rotator-right {width: 220px; height: 250px; position: absolute; top: 0px; left: 400px;}
#rotator-right div {width: 209px; height: 46px; padding: 2px 9px 2px 2px; font: normal 11px/0.4cm Verdana, Tahoma, Arial; color: #ffffff; overflow: hidden;}
#rotator-right div img {width: 44px; height: 44px; border: 1px solid #464646; float: left; margin-right: 8px;}
#rotator-right div b {display: table-cell; vertical-align: middle; height: 46px; font-weight: normal;}

#rotator-right .rotator-active {background: transparent url('../images/rotator/active-tab.png') no-repeat top right; width: 202px; padding: 2px 9px 2px 21px; position: relative; left: -12px; z-index: 5;}
#rotator-right .rotator-active img {display: none !important;}
#rotator-right .rotator-active b {font-weight: bold !important;}


#rotator-corners div {width: 12px; height: 12px; background: transparent url('../images/rotator/corners.png') no-repeat top left; position: absolute; z-index: 6;}
#rotator-c1 {top: 0px; left: 0px;}
#rotator-c2 {top: 0px; right: 0px; background-position: top right !important;}
#rotator-c3 {top: 238px; left: 0px; background-position: bottom left !important;}
#rotator-c4 {top: 238px; right: 0px; background-position: bottom right !important;}