.l-rotator {margin: 0 auto; background-color:#800000; position:relative; width:640px; height:300px; overflow:hidden; direction:ltr;}
.l-rotator a{outline:none;}
.l-rotator ul li {padding:0;}
.l-rotator .screen{position:relative; top:0; left:250px; width:480px; height:300px; overflow:hidden;}
.l-rotator .main-img{display:none; position:absolute; top:0; left:0; width:420px; height:300px; z-index:0; border:0;}
.l-rotator .textbox {position:absolute; margin: 190px 0px !important; width:380px !important; color:#FFFFFF; z-index:4; overflow:hidden; visibility:hidden;}
.l-rotator .inner-bg {position:relative; top:0; left:0; width:100%; height:100%; background-color:#800000 !important; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.6; z-index:0; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;}
.l-rotator .inner-text {direction:rtl; position:absolute; top:0; right:0; padding: 10px 20px; z-index:1; font: normal 14px/26px Droid Arabic Naskh, Arial, serif;}
.l-rotator .inner-text h1 {margin: 0px; color:#FFFFFF; text-shadow: 1px 1px 1px #330033; font: bold 14px 'Droid Arabic Naskh', 'Traditional Arabic', serif;}
.l-rotator .inner-text h1 a {color:#FFFFFF;}
.l-rotator .inner-text h1 a:hover {color:#EEEEEE;}
.l-rotator .inner-text img {display:none;}
.l-rotator .timer{position:absolute; top:0; left:0; height:3px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; z-index:5; visibility:hidden; font-size:0;}
.l-rotator .cpanel{position:absolute; margin:5px; z-index:6; visibility:hidden; background:#000; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20000,endColorstr=#B20000);}
.l-rotator .play-btn{position:relative; float:left; width:22px; height:22px; background:url(./GfX/rotator_icons.png) -5px center no-repeat; cursor:pointer; z-index:1;}
.l-rotator .play-btn.pause{background-position:-21px center;}
.l-rotator .num-info {position:relative; float:left; height:22px; line-height:22px; padding:0 4px; text-align:center; color:#FFF; z-index:1;}
.l-rotator .preloader {position:absolute; top:50%; left:50%; width:34px; height:34px; margin-top:-17px; margin-left:-17px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#000 url(./GfX/loader.gif) no-repeat center; background:rgba(0,0,0,.7) url(./GfX/loader.gif) center no-repeat; z-index:7;}
.l-rotator .thumbnails {position:absolute; top:0; right:0; width:220px; height:300px; overflow:hidden; z-index:10;}
.l-rotator .thumbnails ul {list-style:none; position:absolute; top:0; right:0; height:999999px; margin:0; padding:0;}
.l-rotator .thumbnails ul li {position:relative; display:block; float:left; clear:both;}
.l-rotator .thumbnails ul li a{display:none;}
.l-rotator .thumbnails ul li div{position:relative; display:none; color:#FFF; background-color:#000;}
.l-rotator #right-arrow, .l-rotator #left-arrow{position:relative; display:block; float:left; width:12px;}
.l-rotator #right-arrow{background:url(./GfX/rotator_icons.png) -43px center no-repeat;}
.l-rotator #left-arrow{background:url(./GfX/rotator_icons.png) 7px center no-repeat;}
.l-rotator .thumbnails .thumb{position:relative; display:block; float:left; cursor:pointer; width:240px; padding:5px; color:#000; background:#EEE; background:-moz-linear-gradient(top, #FFF, #EEE); background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE');  border-color:#CCC; border-style:solid; border-width:0 0 1px 0; overflow:hidden;}
.l-rotator .thumb img{display:block; float:left; margin:3px; padding:0px; height:60px; width:80px; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;}
.l-rotator .thumb p{direction:rtl; text-align:right; position:relative; display:block; overflow:hidden; margin:0; font: bold 14px/22px 'Arial', 'Traditional Arabic', serif;}
.l-rotator .thumbnails li.selected{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.l-rotator .thumbnails li.square{-moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
.l-rotator .thumbnails li.selected, .l-rotator .thumbnails li.selected .thumb {background: #800000;
background: -moz-linear-gradient(top,  #800000 1%, #aa0000 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#800000), color-stop(100%,#aa0000)) !important;
background: -webkit-linear-gradient(top,  #800000 1%,#aa0000 100%) !important;
background: -o-linear-gradient(top,  #800000 1%,#aa0000 100%) !important;
background: -ms-linear-gradient(top,  #800000 1%,#aa0000 100%) !important;
background: linear-gradient(to bottom,  #800000 1%,#aa0000 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#aa0000',GradientType=0 ) !important; }
.l-rotator .thumbnails li.selected .thumb{color:#FFF; border-left:none; border-right:none; border-bottom:1px solid #333; cursor:default;}
.l-rotator .thumbnails li:hover .thumb{background:#DDD;}
.l-rotator .scrollbar{position:relative; width:4px; height:100%; overflow:hidden; visibility:hidden;}
.l-rotator .knob{position:absolute; top:0; left:0; width:4px; background-color:#333; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.l-rotator .btn-pane{position:absolute; top:0; left:0; width:100%; height:24px; background:url(./GfX/spacer.png) no-repeat; z-index:2; visibility:hidden;}
.l-rotator .up-btn, .l-rotator .down-btn{position:absolute; top:0; left:50%; width:60px; height:24px; margin-left:-30px; background:#DDD url(./GfX/rotator_icons.png) no-repeat; background:rgba(221,221,221,0.7) url(./GfX/rotator_icons.png) no-repeat;}
.l-rotator .up-btn {-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background-position:center 7px;}
.l-rotator .down-btn {-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; background-position:center -27px;}
.l-rotator .block, .l-rotator .vpiece, .l-rotator .hpiece{position:absolute;z-index:2;}
.l-rotator .strip{display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.l-rotator .content-box{display:none; position:absolute; top:0; left:0; overflow:hidden;}
.l-rotator .hpiece {background-size: 600px 300px;}