/*  namnd  */

.hi-slide-show li .item-content li, .hi-slide-show-ovtine .item-content li{
    float: left;
}

.hi-slide-show li .item-content li a div, .hi-slide-show-ovtine .item-content li a div{
    background: url(../images/hi_item_bg.png) no-repeat;
    display: block;
    width: 198px;
    height: 145px;
}
.hi-slide-show li .item-content li a, .hi-slide-show-ovtine li .item-content li a{
    text-decoration: none;
}
.hi-slide-show li .item-content li a div img, .hi-slide-show-ovtine li .item-content li a div img{
    width: 178px;
    margin-top: 6px;
    height: 126px;
    margin-left: -13px;
}

.hi-slide-show li .item-content li a p, .hi-slide-show-ovtine li .item-content li a p {
    text-align: left;
    font-family: socnhi;
    font-size: 14px;
    color: #de62fd;
    font-weight: bold;
    padding-left: 10px;
    line-height: 7px;
}


#hotItem .header, #otherOvaltineStories .header{
    background: url(../images/hi_title.png) no-repeat;
    height: 110px;
    margin-bottom: 10px;
}

#hotItem, #otherOvaltineStories {
    width: 1000px;
    height: 329px;
    margin-top: 0px;
    position: relative;
   z-index: 100;
}

#hotItem .loading {
    
}

#hotItem .content .nav, #otherOvaltineStories .content .nav{
    display: block;
    height: 140px;
    width: 1020px;
}

#hotItem .content .nav #prev, #otherOvaltineStories .content .nav #prev{
    background: url(../images/hi_form_prev.png) no-repeat;
    display: block;
    width: 27px;
    height: 43px;
    float: left;
    margin-left: -30px;
    margin-top: 50px;
}

#hotItem .content .nav #next, #otherOvaltineStories .content .nav #next{
    background: url(../images/hi_form_next.png) no-repeat;
    width: 27px;
    height: 43px;
    display: block;
    float: right;
    margin-top: 50px;
}
/*ovaltine stories popup*/
#popupOvaltine {display: none;}
.ZebraDialog.ovaltineStories {
    width: 312px;
    height: 186px;
    background: url(../images/ht.png) left top no-repeat; 
    border: none;
    border-radius: 0;   
}
.ZebraDialog.ovaltineStories .ZebraDialog_BodyOuter {
    background: none;    
}
.ZebraDialog.ovaltineStories .ZebraDialog_Title, .ZebraDialog.ovaltineStories .ZebraDialog_BodyOuter, .ZebraDialog.ovaltineStories .ZebraDialog_ButtonsOuter{
    border-radius: 0;
    border: none;
    background: none;
}
.ZebraDialog.ovaltineStories .ZebraDialog_Information, .ZebraDialog.ovaltineStories .ZebraDialog_Icon {
    background: none;
}
.ZebraDialog.ovaltineStories .ZebraDialog_Body {
    border: none;
    height: auto;
}
.ZebraDialog.ovaltineStories .ovStoriesLink {
    float: left;
    position: absolute;
    bottom: 9px;
    left: 9px;    
}
.ZebraDialog.ovaltineStories .ovStoriesLink a {
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 25px;
    margin: 0 1px 0 0;
    float: left;
}
.ZebraDialog.ovaltineStories .ZebraDialog_Close {
    display: block;
    height: 18px;
    position: absolute;
    right: 9px;
    text-indent: -9999px;
    top: 8px;
    width: 19px;
}
.ZebraDialog.ovaltineStories .ZebraDialog_Button_0 {
    position: absolute;
    right: 32px;
    top: 8px;
}
.ZebraDialog.ovaltineStories .ZebraDialog_Buttons a {
    width: 19px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    background: none;
    min-width: 19px;        
}

/*ovaltine stories adv*/
#advOvaltine {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0px;
    bottom: 0px;
}
.ovMainContent {
    width: 312px;
    height: 186px;
    background: url(../images/ht.png) left top no-repeat;
}
.expand {
    display: none;
    width: 74px;
    height: 73px;
    background: url(../images/expand.png) left top no-repeat;    
}
#advOvaltine .ovStoriesLink {
    float: left;
    position: absolute;
    bottom: 9px;
    left: 9px;    
}
#advOvaltine .ovStoriesLink a {
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 25px;
    margin: 0 1px 0 0;
    float: left;
}
#advOvaltine .control {
    height: 18px;
    position: absolute;
    right: 5px;
    top: 8px;
}
#advOvaltine .control a {
    width: 19px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 0 4px 0 0;
}