/*
site back-ground
*/
.api-site-bg-header {
    background-image: url(/images/api/regular/site-bg-headerx35.gif);
    height: 35px;
}

.api-site-bg-footer {
    background-image: url(/images/api/regular/light-gray-dot.gif);
    height: 32px;
}

.api-site-bg-footer-shadow {
    background-image: url(/images/api/regular/bottom-top-shadow.gif);
    height: 5px;
}

.api-headerline {
    background: url(/images/api/regular/tab-bg-sub.png);
}

.api-site-bg-header-logo {
    background: url(/images/api/regular/tab-bg-sub.png);
    height: 70px;
}

.api-site-bg-header-logo-blue {
    background: url(/images/api/regular/tab-bg-sub-blue.gif);
    height: 70px;
}

.api-site-bg-header-logo-in {
    padding-top: 7px;
    height: 50px;
}

.api-site-bg-header-logo-in-blue {
    padding-top: 7px;
    height: 50px;
}

.api-site-bg-sub-menu {
    background-image: url(/images/api/regular/site-sub-menu.gif);
    height: 35px;
}

.api-site-bg-sub-menu-blue {
    background-image: url(/images/api/regular/site-sub-menu-bar-v-blue.gif);
    height: 35px;
}

/******** tabs *******/
.api-site-tab-bg {
    height: 32px;
    background: url(/images/api/regular/tab-bg-bar.png);
}

.api-site-tab-left-active-single {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-left-active-single.png);
}

.api-site-tab-left-active-double {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-left-active-double.png);
}

.api-site-tab-middle-active {
    height: 32px;
    background: url(/images/api/regular/tab-middle-active.png);
}

.api-site-tab-right-active-single {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-right-active-single.png);
}

.api-site-tab-right-active-double {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-right-active-double.png);
}

.api-site-tab-left-inactive-single {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-left-inactive-single.png);
}

.api-site-tab-left-inactive-double {
    width: 0px;
    height: 32px;
    background: url(/images/api/regular/tab-left-inactive-double.png);
}

.api-site-tab-middle-inactive {
    height: 32px;
    background: url(/images/api/regular/tab-middle-inactive.png);
}

.api-site-tab-right-inactive-single {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-right-inactive-single.png);
}

.api-site-tab-right-inactive-double {
    width: 20px;
    height: 32px;
    background: url(/images/api/regular/tab-right-inactive-double.png);
}

.api-site-menu-sub-nav-spacer {
    float: left;
    width: 1px;
    height: 35px;
    background-image: url(/images/api/regular/site-sub-menu-spacer-white.gif);
}


/******** menu ******/
#menu_coaster_light {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
    z-index: 9999;
}

    #menu_coaster_light img {
        border: 0px;
    }

    #menu_coaster_light li.menu_coaster_nav {
        float: left;
        position: relative;
        height: 35px;
        z-index: 999;
        margin: 0px;
    }

.menu_coaster_nav_link {
    text-decoration: none;
    display: block;
    height: 35px;
}

#nav_coaster_menu {
    border-left: 0px solid #f0f0f0;
}

    #nav_coaster_menu:hover {
    }

.menu_coaster_dropdown {
    position: absolute;
    left: -999em;
    margin-top: 0px;
    margin-left: 1px;
    padding: 10px;
    border: 2px solid #d2d3d3;
    border-top: 0;
    text-align: left;
    background: #f7f7f7;
    z-index: 99;
    box-shadow: 2px 2px 8px #444;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    -moz-box-shadow: 2px 2px 8px #444;
    -webkit-box-shadow: 2px 2px 8px #444;
    background-position: top;
    background-repeat: repeat-x;
    color: #888;
    font-size: 10px;
}

#menu_coaster_light li.menu_coaster_nav:hover .menu_coaster_dropdown {
    left: 0px;
    top: auto;
    margin: 0px;
}

#dropdown_coaster_menu {
    width: 200px;
}

.div-menu-sub-link-group {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

    .div-menu-sub-link-group:hover {
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        background-color: #f0f0f0;
    }

.div-menu-sub-link {
    font-size: 10px;
    font-weight: bold;
    color: #888;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    padding-left: 8px;
    background: url(/images/icons/arrow-10x10.gif) no-repeat;
}

a.div-menu-sub-url:link, a.div-menu-sub-url:visited, a.div-menu-sub-url:hover {
    color: #888;
}

/**********  font **********/
.api-f-menu-link {
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    font-weight: bold;
    color: #777;
}

.api-f-menu-link-blue {
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    font-weight: bold;
    color: #fff;
}

.api-dealer-title {
    font-weight: bold;
    color: #000099;
}







/*
site-main-menu
*/
.site-menu-left {
    background-image: url(/images/api/regular/site-menu-left.gif);
    width: 10px;
    height: 25px;
}

.site-menu-center {
    background-image: url(/images/api/regular/site-menu-center.gif);
    height: 25px;
    text-align: center;
}

.site-menu-right {
    background-image: url(/images/api/regular/site-menu-right.gif);
    width: 10px;
    height: 25px;
}

/*
site menu tab font 
*/
.f-site-menu-tab {
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana;
    color: #666;
    text-shadow: -1px 0 #f0f0f0, 0 1px #f0f0f0, 1px 0 #f0f0f0, 0 -1px #f0f0f0;
}

.api-site-menu-sub-bar {
    height: 35px;
}

.api-site-menu-sub-nav {
    color: #444;
    font-weight: bold;
    font-size: 11px;
    float: left;
    height: 35px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    background-image: url(/images/api/regular/site-sub-menu-half.gif);
}

.api-site-menu-sub-nav-blue {
    color: #000;
    font-weight: bold;
    font-size: 11px;
    float: left;
    height: 35px;
    text-transform: uppercase;
    text-align: center;
    background-image: url(/images/api/regular/site-sub-menu-half-blue.gif);
}

div.api-site-menu-sub-nav:hover, .api-site-menu-sub-nav-active {
    cursor: pointer;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    float: left;
    height: 35px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    background-image: url(/images/api/regular/site-sub-menu-on2.gif);
}

div.api-site-menu-sub-nav-blue:hover, .api-site-menu-sub-nav-active-blue {
    cursor: pointer;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    float: left;
    height: 35px;
    text-transform: uppercase;
    text-align: center;
    background-image: url(/images/api/regular/site-sub-menu-on2-blue.gif);
}

.site-menu-sub-nav-spacer {
    float: left;
    width: 1px;
    height: 35px;
    background-image: url(/images/api/regular/site-sub-menu-spacer-white.gif);
}







/************************************
link style
************************************/
a.sitelink:link {
    font-weight: bold;
    font-size: 11px;
    color: #555;
    text-shadow: -1px 0 #f0f0f0, 0 1px #f0f0f0, 1px 0 #f0f0f0, 0 -1px #f0f0f0;
}

a.sitelink:visited {
    font-weight: bold;
    font-size: 11px;
    color: #555;
    text-shadow: -1px 0 #f0f0f0, 0 1px #f0f0f0, 1px 0 #f0f0f0, 0 -1px #f0f0f0;
}

a.sitelink:hover {
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-shadow: -1px 0 #f0f0f0, 0 1px #f0f0f0, 1px 0 #f0f0f0, 0 -1px #f0f0f0;
}

.sitelink-inactive {
    font-weight: bold;
    font-size: 11px;
    color: #aaa;
    text-shadow: -1px 0 #f0f0f0, 0 1px #f0f0f0, 1px 0 #f0f0f0, 0 -1px #f0f0f0;
}