/* Apps at ze top */
#topapps { min-height:265px; _height:265px; background: url(images/app-portfolio-bottom.gif) no-repeat bottom; float: left; margin: 0 -27px 20px; _margin:0 0px -29px; padding: 0 2px 22px; width: 1004px; }
#topapps #topapps-titlebar { background: #cdcdcd url() repeat-x top left; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #c8c8c8; position: relative; }
#topapps #topapps-titlebar h2 { color: #898989; margin: 12px 0 12px 20px;  font-size: 16px;font-weight: bold;}
#topapps #topapps-titlebar h2 span {   color:#000;}

/* container */
#appslider { position:relative; width:1004px; margin-bottom:0; font-size:10px; line-height:1.6em; background:url(images/app-slider-bg.jpg) repeat-x; }
#appslider .ACSliderMaskDiv { position:relative; overflow:hidden; margin:0px 50px 0; min-height:20.5em; _height:20.5em; padding:12px 0; }
#appslider .ACSliderMaskDiv ul#collection { position:absolute; top:13px; width:9999px; margin:0; padding:0; }
#appslider .ACSliderMaskDiv ul .app { float:left; width:281px; margin:0; padding:0 10px; background:url(images/app-break.jpg) repeat-y 100% 0; }
#appslider .ACSliderMaskDiv ul .app h4 { font-size: 12px; margin: 0; font-weight:bold; color:#ffffff;}
#appslider .ACSliderMaskDiv ul .app h4 a { color:#ffffff; }
#appslider .ACSliderMaskDiv ul .app img.left { margin-right: 10px; margin-bottom: 0; }
#appslider .ACSliderMaskDiv ul .app p { margin-bottom: 0; }
#appslider .ACSliderMaskDiv ul .app p,
#appslider .ACSliderMaskDiv ul .app ul.topapps-info { font-size: 10px; }
#appslider .ACSliderMaskDiv ul .app p.description { display:none; }
#appslider .ACSliderMaskDiv ul .app ul.topapps-info span { color: #797c80; }
#appslider .ACSliderMaskDiv ul .app ul.topapps-info { float: left; width: 140px; }
#appslider .ACSliderMaskDiv ul .app ul.topapps-info li { border: none; color: #000; display: inline; float: left; margin: 0; padding: 0 5px 0 0; text-align: left; width: auto; }
#appslider .ACSliderMaskDiv ul .app .screen-vert { clear: both; float: left; height: 136px; text-align: center; width: 100%; }
#appslider .ACSliderMaskDiv ul .app .screen-horz { clear: both; float: left; height: 116px; padding-top: 20px; text-align: center; width: 100%; }
#appslider .ACSliderMaskDiv ul .app .hoverlaytrigger { cursor:pointer;  margin-top:15px;}
#topapps .slideritem { display:none; }
#topapps #appslider .slideritem { display:block; }
#topapps .rule { position:absolute; right:52px; top:58px; width:2px; height:17em; background:#eee; }

/* dot nav at the top */
#appslider .ACSliderPageNav { position:absolute; top:-24px; left:464px; height:8px; padding:0; margin:0 auto; text-align:center; }
#appslider .ACSliderPageNav li { display:inline; }
#appslider .ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url(images/dot.png) center top no-repeat; _background-image:url(images/dot.gif); overflow:hidden; }
#appslider .ACSliderPageNav li a:hover { background-position:center -8px; }
#appslider .ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }

/* previous and next nav */
#appslider .ACSliderPreviousArrow, .ACSliderNextArrow { cursor: pointer; height: 229px; overflow: hidden; position: absolute; top: 0; text-indent: -9999px; width: 50px; _height: 227px; *top: -2px; }
#appslider .ACSliderPreviousArrow { background: url(images/arrow-prev.jpg) no-repeat top left; left: 0; }
#appslider .ACSliderNextArrow { background: url(images/arrow-next.jpg) no-repeat top left; right: 0; }
#topapps { position:relative; }