/* ===================== */
/* APPSTORE BANNER STYLE */
/* ===================== */
#appstore-banner-wrap
{
    text-align:center;
    margin:6px 0 5px;
}
#appstore-banner-wrap .container
{
    overflow:hidden;
    width:960px;
    height:226px;
    background-color:#000;
}

#appstore-banner-wrap ul{
    list-style: none;
}

#appstore-banner-wrap ul li{
    float: left;
    padding: 0px;
    display: block;
    margin-right: 0px;
}

#appstore-banner-wrap ul li a{
    display: block;
    overflow: hidden;
    height: 226px;
    width: 886px;
}

#appstore-banner-wrap a .menu
{
    background:url('../image/appstore/banner_menu.jpg') no-repeat;
    display:block;
    height:226px;
    width:35px;
    position:absolute;
}

#appstore-banner-wrap #a3 .menu {background-position:0px -678px;} /*904|1130*/
#appstore-banner-wrap ul li a:hover#a3 .menu ,
#appstore-banner-wrap .a3 #a3 .menu 
{
    background-position:-35px -678px;
}

#appstore-banner-wrap #a2 .menu {background-position:0px -452px;}
#appstore-banner-wrap ul li a:hover#a2 .menu ,
#appstore-banner-wrap .a2 #a2 .menu 
{
    background-position:-35px -452px;
}
#appstore-banner-wrap #a1 .menu{background-position:0px -226px;}
#appstore-banner-wrap ul li a:hover#a1 .menu ,
#appstore-banner-wrap .a1 #a1 .menu 
{
    background-position:-35px -226px;
}
#appstore-banner-wrap #a4 .menu {background-position:0px -904px;} 
#appstore-banner-wrap ul li a:hover#a4 .menu ,
#appstore-banner-wrap .a4 #a4 .menu 
{
    background-position:-35px -904px;
}
#appstore-banner-wrap #a5 .menu {background-position:0px -1130px;} 
#appstore-banner-wrap ul li a:hover#a5 .menu ,
#appstore-banner-wrap .a5 #a5 .menu 
{
    background-position:-35px -1130px;
}

#appstore-banner-wrap a:hover .menu ,
#appstore-banner-wrap .aa #aa .menu 
{
    background-position:-35px 0;
}

#appstore-banner-wrap #aa{
    width: 855px;
}

#appstore-banner-wrap ul li img{
    position: absolute;
}

#appstore-banner-wrap ul li .bw-content{
    margin: 0;
    padding: 0;
    width: 855px;
    height:226px;
    display: inline-block;
    margin-left: 35px;
    overflow:hidden;
    left:35px;
    background:url('../image/appstore/banner_bg_businessapplication.jpg');
}
/* ============= */
/* =====END===== */
/* ============= */

#as-content-wrap
{
    text-align:center;
    display:inline-block;
}
#as-content-wrap .as-header-wrap
{
    height:33px;
    background:url('../image/appstore/bg_gradient_black_1x32.jpg');
    border-left:solid 1px #d4d4d4;
    border-right:solid 1px #d4d4d4;
}
#as-content-wrap .as-header
{
    height:32px;
    border-bottom:solid 1px #0f0f0f;
    font:12px/32px Arial;
    color:#fff;
    padding-left:20px;
}


/* APPSTORE SELECTION AREA */
#as-content-wrap .as-selection-wrap
{
    height:32px;
    border-left:solid 1px #d4d4d4;
    border-right:solid 1px #d4d4d4;
    border-bottom:solid 1px #d1d1d1;
    background-color:#ebebe9;
    font:11px/32px Arial;
}
#as-content-wrap .as-selection-wrap .as-filter
{
    display:inline-block;
    float:left;
    padding-left:20px;    
    position:relative;
}
#as-content-wrap .as-selection-wrap .as-filter b
{
    color:#3c3c3c; 
    display:inline-block;
    float:left;
    font:11px/32px Arial;
    height:32px;
    padding-right:4px;
}
#as-content-wrap .as-selection-wrap .as-filter span
{
    background:url('../image/appstore/dropdown_bg.jpg') no-repeat center center;
    height:32px;
    display:inline-block;
    width:146px;
    float:left;
    padding-left:15px;
    z-index:10;
}
#as-content-wrap .as-selection-wrap .as-filter select
{
    position:absolute;
    top:6px;
    z-index:9;
}
#as-content-wrap .as-selection-wrap .as-filter select option { margin:3px; }

#as-content-wrap .as-scroll-wrap
{
    border-bottom:solid 1px #d1d1d1;
    height:443px;
    position:relative;
}


/* ================== */
/* PAGING ARROW STYLE */
/* ================== */
.as-nav-left, .as-nav-right
{
    width:37px;
    height:444px;
    background:url('../image/appstore/content_leftright_bg.jpg') repeat-y top left;
    display:block;
    float:left;
    position:relative;
    
}
.as-nav-left b, .as-nav-right b
{
    position:absolute;
    top:14px;
    left:0px;
    display:inline-block;
    width:37px;
    text-align:center;
    font-weight:normal;
}
.as-nav-left
{
    border-right:solid 1px #fff;
    z-index:100;
}
.as-nav-right
{
    background-position:top right;
    border-left:solid 1px #fff;
    float:right;z-index:100;
}
.as-nav-left span.as-left-arrow,
.as-nav-right span.as-right-arrow
{
    background:url('../image/appstore/content_leftright.jpg') no-repeat left center;
    display:block;
    height:444px;
    position:relative;
    width:37px;
    font:11px/514px Arial;
    text-align:center;
    z-index:1;
}
.as-nav-left:hover span.as-left-arrow { background-position: -37px center;color:#096aad;  }
.as-nav-right span.as-right-arrow { background-position:-74px center; }
.as-nav-right:hover span.as-right-arrow { background-position: -111px center;color:#096aad;  }

/* ============= */
/* =====END===== */
/* ============= */


.scroll-content
{
    float:left;
    width:864px;
    padding:10px;
    position:relative;
    z-index:-1;
    height:424px;
}
.scroll-content
{
    position:absolute;
    top:0px;
    left:0px;
}
#as-scroll-main
{
    
}

.scroll-content .as-sc-box-outer
{
    width:206px;
    display:inline-block;
    border:solid 0px #354eb8;
    background-color:transparent;
    background:transparent url(../image/appstore/view1_item_bg.png) no-repeat;
    margin:5px;
    float:left;
    position:relative;
    z-index:0;
}

.scroll-content .as-sc-box-outer:hover
{
    background-position:right top;
}

.scroll-content .as-sc-box-inner
{
    border:solid 0px #fff;
    background-color:transparent;
    width:206px;
    height:202px;
    display:inline-block;
    text-align:center;
    position:relative;
    z-index:10;
    cursor:pointer;
    
}
.scroll-content .as-sc-box-inner img
{
    margin-top:37px;
    width:190px;

}

/* SECOND VIEW STYLE */

.store2 .as-view2
{
    width:884px;
    background:transparent url(../image/appstore/view2_whole_pic.jpg) no-repeat;
    display:inline-block;
}
.as-view2 .v2-item
{
    float:left;
    width:280px;
}
.store2 .scroll-content
{
    padding:0px;
    width:888px;
}
.store2 .scroll-content .as-sc-box-outer
{
    width:294px;
    height:441px;
    border:solid 1px #354eb8;
    background-color:#354eb8;
    background:none;
    margin:0px;
}
.store2 .scroll-content .as-sc-box-inner img
{
    margin-top:37px;
    margin-left:49px;
    width:190px;
}

.as-box-hover
{
    position:absolute;
    width:260px;
    height:137px;
    top:-5px;
    left:-5px;
    background:transparent url(../image/1pixel_black.png);
    display:none;
}
.as-sc-box-outer .as-right
{
    left:auto;
    right:-5px;
}
.as-sc-box-inner h6
{
    text-align:left;
    margin-left:12px;
    margin-top:40px;
    margin-bottom:2px;
    font-size:12px;
    position:absolute;
    bottom:22px;
    left:0px;
}
.as-sc-box-inner p
{
    text-align:left;
    margin-left:12px;
    font-size:11px;
    color:#0e58ab;
    position:absolute;
    bottom:10px;
    left:0px;
}


/**CHANGE ORIGINAL CORNERS**/
.as-sc-box-outer:hover .as-bottom-right, .as-sc-box-outer:hover .as-bottom-left, .as-sc-box-outer:hover .as-top-right, .as-sc-box-outer:hover .as-top-left
{
    background-image:url(../image/appstore/corner_content_item_hover.gif);
}
#as-scroll-content .as-sc-box-outer:hover
{
    /**
    border-left:solid 1px #515151;
    border-right:solid 1px #515151;
    border-top:solid 1px #8d8d8d;
    border-bottom:solid 1px #8d8d8d;
    **/
}
.as-sc-box-outer:hover .as-box-hover
{
    display:block;cursor:pointer;
}


/**HOVER DETAILS STYLES**/
.as-box-details, .as-sc-box-outer div.as-box-details:hover
{
    /**display:none;**/
}
.as-sc-box-outer:hover .as-box-details, .as-box-details
{
    cursor:pointer;
    width:156px;
    height:154px;
    top:-65px;
    left:-5px;
    
    /**background:transparent url(../image/appstore/popup_panel.png) no-repeat left top;
    **/
    display:block;
    padding:35px 22px 30px 40px;
    position:absolute;
    z-index:100;
}
.as-box-details img
{
    position:absolute;
    top:0px;
    left:0px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/1pixeltransparent.png', sizingMethod='scale');
    /****/
    z-index:100;
}
.as-box-details .img3
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/1pixeltransparent.png', sizingMethod='scale');
}
div.as-box-details .img2
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/1pixeltransparent.png', sizingMethod='scale');
}
div.as-box-details .img1
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/1pixeltransparent.png', sizingMethod='scale');
}
.as-sc-box-outer img
{

}
.as-box-details h5
{
    color:#043895;
    font-size:14px;
    font-weight:bold;
    position:relative;
    width:160px;
}
.as-box-details h6
{   
    color:#787878;
    font-size:13px;
    font-weight:normal;
    position:relative;
}
.as-box-details p
{
    margin-top:5px;
    color:#353535;
    font-size:11px;
    font-weight:normal;
    line-height:15px;
    position:relative;
}
.as-sc-box-outer:hover .as-details-right
{
    left:auto;
    right:251px;
}

/**MENU MOUSE OVER BLACK BOX CORNERS**/
.as-box-hover .as-top-left, div.as-details-right .as-top-right
{
    position:absolute;
    width:2px;
    height:2px;
    top:0px;
    left:0px;
    display:block;
    background:transparent url(../image/appstore/corner_content_item_black.jpg) no-repeat -2px -2px;
}
.as-box-details .as-top-right, div.as-right .as-top-left
{
    position:absolute;
    width:2px;
    height:2px;
    top:0px;
    left:auto;
    right:0px;
    display:block;
    background:transparent url(../image/appstore/corner_content_item_black.jpg) no-repeat 0px -2px;
}
.as-box-hover .as-bottom-left, div.as-details-right .as-bottom-right
{
    position:absolute;
    width:2px;
    height:2px;
    bottom:0px;
    left:0px;
    display:block;
    background:transparent url(../image/appstore/corner_content_item_black.jpg) no-repeat -2px 0px;
}
.as-box-details .as-bottom-right, div.as-right .as-bottom-left
{
    position:absolute;
    width:2px;
    height:2px;
    bottom:0px;
    right:0px;
    left:auto;
    display:block;
    background:transparent url(../image/appstore/corner_content_item_black.jpg) no-repeat 0px 0px;
}
#as-scroll-content.onover .selected, #as-scroll-main.as-page1 .page1
{
    z-index:10;
}
.onover .as-sc-box-outer
{
    z-index:-1;
}

#as-viewtype
{
    display:inline-block;
    width:55px;
    height:32px;
    background:transparent url(../image/appstore/view-type-btn.jpg) no-repeat 0px center;
}
#as-viewtype.view2
{
    background:transparent url(../image/appstore/view-type-btn.jpg) no-repeat -55px center;
}

.as-view2,.as-view1
{
    display:inline-block;
    float:left;
    width:884px;
    position:relative;
    height:441px;
    border-top:solid 1px #fff;
    border-bottom:solid 1px #fff;
}

.store2 .as-view1,.store1 .as-view2
{
    display:none;
}
.as-view1
{
    /**background:transparent url(../image/appstore/bg_gradient_store_1x445.jpg) repeat-x;**/
}