/*
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
{
    margin: auto;
    padding-top: 7px;
    width: 1080px;
    height: 50px;
}
.api-site-bg-header-logo-in-blue
{
    margin: auto;
    padding-top: 7px;
    width: 1080px;
    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-image: url('/images/api/regular/dropdown_shadow.gif');*/
    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;
    /*background-image: url('/images/api/regular/dropdown_shadow.gif');*/
}
.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
{
    margin: auto;
    width: 1080px;
    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;
}
