@charset "utf-8";

.banner-main { float: left; position: relative; }
.banner-image-reel { position: absolute; top: 0; left: 0; }
.banner-image-reel img { float: left; }

.scrollable { position:relative;overflow:hidden;width:980px;height:320px;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
* html .scrollable { margin: 0 0 0 -190px; }
*+html .scrollable { margin-left: -190px; }
.items div {float:left; width:980px;}
.scrollable img {float:left;width:980px;height:320px;}
.scrollable .active {position:relative;cursor:pointer; }


.hscrollable, .vscrollable, .hscrollable-sites, .hscrollable-partners { position:relative;overflow:hidden;height:100%;width:80%;}
.hscrollable .items, .hscrollable-sites .items, .hscrollable-partners .items {width:20000em;position:absolute;clear:both;color:#2E3192;}
.vscrollable .items { height:20000em;position:absolute;clear:both;color:#2E3192; }

.hitems div {float:left;}
.hscrollable .active, .vscrollable .active, .hscrollable-sites .active, .hscrollable-partners .active {position:relative;cursor:pointer; }

/*--Paging Styles--*/
.navi { position: absolute; bottom: 5px; right: 5px; width: 90px; height:24px; z-index: 100; text-align: center; line-height: 24px; }
.navi a { padding: 2px 4px; font-size: 12px; text-decoration: none; color: #999; background: #eee; border: 1px solid #999; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.navi a.active { font-weight: bold; color: #ff5c00; background: #ddd; border: 1px solid #ff5c00; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.navi a:hover { font-weight: bold; color: #ff5c00; background: #ddd; border: 1px solid #ff5c00; }

.navi-banner { height: 29px; line-height: 29px; z-index: 100; }
.navi-banner a { color: #fff; padding: 3px 20px; height: 29px; text-decoration: none; font-family: Helvetica,Calibri,Tahoma,Arial,微软雅黑,宋体,sans-serif; }
.navi-banner a.active { border-bottom: 4px solid #ff9d29; font-weight:bold; }
.navi-banner a:hover { border-bottom: 4px solid #ff9d29; }

/* Navi */
/* this makes it possible to add next button beside scrollable */
.hscrollable, .vscrollable, .hscrollable-sites, .hscrollable-partners {float:left;*display:inline;}
/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(../images/hori_large.gif) no-repeat;display:block;width:30px;height:30px;float:left;margin:35px 10px;cursor:pointer;font-size:1px;}
/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down{background:url(../images/vert_large.gif) no-repeat; float: none;margin: 10px 50px;}
/* up */
a.up:hover{ background-position:-30px 0; }
a.up:active{ background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled {visibility:hidden !important;		}