#promo
{
	float:right;
    clear:right;
    background: url(/!images/mp/cch_mp_promo_base.gif) repeat-x;
    width:447px!important;
    height:127px!important;

    margin:0 7px 7px 7px;

    position:relative;
}

* html #app #promo {margin-left:-3px; margin-right:4px;}

/* container for the scrollable items */
div.items { width:423px; height:92px; margin:13px 13px 0px 13px; overflow:hidden; position:absolute; }
* html div.items { padding-top:13px; }

/* single item */
div.items span { width:423px; height:92px; display:block; float:left; overflow:hidden; }

div.details { height:92px; overflow:hidden; }

div.title { font:1.25em/1.25em Arial; font-weight:bold; color:#4C7370; }
div.description { font-size:.9em; }
div.description a.more { text-decoration:none; color:Red; }

/* navigator */
div.navi { position:absolute; top:107px; left:10px; height:8px;}

/* items inside navigator */
div.navi span { width:10px; height:13px; float:left; margin:0px 5px 0px 0px; background:url(/!images/common/cch_mp_promo_nav_a.gif) 0 0 no-repeat; cursor:pointer; overflow:hidden; }
div.navi span:hover { background-image:url(/!images/common/cch_mp_promo_nav_b.gif); filter:alpha(opacity=65);-moz-opacity:0.65; opacity:0.65; }
div.navi span.active, div.navi span:focus { background-image:url(/!images/common/cch_mp_promo_nav_b.gif);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; }

div.next { cursor:pointer; background:url(/!images/common/cch_mp_promo_nav_a.gif) -45px 0 no-repeat; position:absolute; bottom:7px; left:55px; width:147px; height:13px; overflow:hidden; }
div.next:hover, div.next:active { background:url(/!images/common/cch_mp_promo_nav_b.gif) -44px 0 no-repeat; }