/* **************  Start Banner Rotator  ******************* */
a:active {
    outline:none;
}
:focus {
    -moz-outline-style:none;
}
/* container for slides */
.images {
    position:relative;
    cursor:pointer;
    z-index:1;
}
/* single slide */
.images div {
    display:none;
    position:absolute;
    left:0;
}
.banner {
    display:block !important;
    clear:both;
    height:26px;
    width:100px;
    position:absolute;
    top:228px;
    margin-left:15px;
}
/* single tab */
.banner a {
    color:#fff;
    width:20px;
    height:17px;
    float:left;
    margin:2px;
    display:block !important;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    background-color:#c299c2;
    text-align:center;
    padding:3px 0 0 0;
}
/* mouseover state */
.banner a:hover {
    display:block;
    color:#fff;
    background-color:#8a009a;
    width:20px;
    height:17px;
    text-decoration:none;
}
/* active state (current page state) */
.banner a.current {
    display:block;
    color:#fff;
    background-color:#8a009a;
    width:20px;
    height:17px;
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
    visibility:hidden !important;
}
/* **************  END Banner Rotator  ******************* */
/* container for slides */
.ScrollableText,.ScrollableText2 {
    position:relative;
    height:50px;
    width:440px;
    float:left;
    margin:5px 15px 10px 0px;
    cursor:default;
    left:15px;
/* CSS3 tweaks for modern browsers */
/*
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:0 0 25px #666;
  -webkit-box-shadow:0 0 25px #666;
 */
}
.ScrollableText p {
    color:#474747;
    font-size:11px;
    font-weight:bold;
}
.ScrollableText p a {
    font-size:11px;
    font-weight:bold;
    text-decoration: underline;
}
/* single slide */
.ScrollableText div {
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    height:50px;
    font-size:10.5px;
}
/* header */
.ScrollableText h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
}
.bottom_navigator {
    float:left;
    clear:both;
    position:relative;
    left:20px;
}
/* tabs (those little circles below slides) */
.tab {
    clear:both;
    margin-left:30px;
}
.bottom_navigator a {
    margin:0;
}
/* single tab */
.tab a {
    display:none;
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    font-size:1px;
}
/* mouseover state */
.tab a:hover {
    background-position:0 -8px;
}
/* active state (current page state) */
.tab a.current {
    background-position:0 -16px;
}
/* prev and next buttons */
.bottom_navigator .bottom_forward {
    float:left;
    background:#fff url(../images/btn_next.jpg) no-repeat;
    display:block;
    width:60px;
    height:15px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}
.bottom_navigator .bottom_backward {
    float:left;
    background:#fff url(../images/btn_prev.jpg) no-repeat;
    display:block;
    width:60px;
    height:15px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}
/* next */
.bottom_navigator .bottom_forward {
    bbackground-position: 0 -30px;
    clear:right;
     
}
.bottom_navigator .bottom_forward:hover {
    bbackground-position:-30px -30px;
    background-color:#fff;
     
}
.bottom_navigator .bottom_forward:active {
    bbackground-position:-60px -30px;
    background-color:#fff;
     
}
/* prev */
.bottom_navigator .bottom_backward:hover {
    bbackground-position:-30px 0;
    background-color:#fff;
     
}
.bottom_navigator .bottom_backward:active {
    bbackground-position:-60px 0;
    background-color:#fff;
     
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
    visibility:hidden !important;
}
/* **********************  Start Global Rotator **************************** */
/* container for slides */
.global_flagship {
    position:relative;
    height:300px;
    float:left;
    margin:15px 15px 0px 15px;
    cursor:pointer;
    background-color:#000000;
}
*html .global_flagship {
    position:relative;
    height:300px;
    float:left;
    margin:15px 15px 0px 5px;
    cursor:pointer;
}
/* single slide */
.global_flagship div {
    display:none;
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
}
/* header */
.global_flagship h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
}
.global_navigator {
    float:left;
    clear:both;
    display:block;
    height:45px;
    width:455px;
    position:relative;
    top:-200px;
    left:19px;
}
*html .global_navigator {
    left:14px;
}
/* tabs (those little circles below slides) */
.global_tab {
    clear:both;
    margin-left:30px;
}
.global_navigator a {
    width:20px;
    height:42px;
    display:block;
    text-decoration:none;
}
/* single tab */
.global_tab a {
    display:none;
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    font-size:1px;
}
/* mouseover state */
.global_tab a:hover {
    background-position:0 -8px;
}
/* active state (current page state) */
.global_tab a.current {
    background-position:0 -16px;
}
/* prev and next buttons */
.global_forward {
    float:right;
    background: url(../images/global/img_global_arrow_right.png) no-repeat;
    display:block;
    width:45px;
    height:20px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}
.global_backward {
    float:left;
    background: transparent url(../images/global/img_global_arrow_left.png) no-repeat;
    display:block;
    width:45px;
    height:20px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}
*html .global_forward {
    background: url(../images/global/img_global_arrow_right.gif) no-repeat;
}
*html .global_backward {
    background: transparent url(../images/global/img_global_arrow_left.gif) no-repeat;
}
/* next */
.global_navigator .global_forward {
    bbackground-position: -1000px -30px;
     
}
.global_navigator .global_forward:hover {
    bbackground-position:-30px -30px;
    background-color:Transparent;
     
}
.global_navigator .global_forward:active {
    bbackground-position:-60px -30px;
    background-color:Transparent;
     
}
/* prev */
.global_navigator .global_backward {
    bbackground-position: 0px 0px;
}
.global_navigator .global_backward:hover {
    background-color:Transparent;
     
}
.global_navigator .global_backward:active {
    background-color:Transparent;
     
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
    visibility:hidden !important;
}
/* ** set the width and height to match your images * */
#slideshow {
    position:relative;
    height:255px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}