﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gateways
{
    position: relative;
    background: transparent;
    font-size: 11px;
    height: 26px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 200px;
    float: right;
    color: #9CCECE;
}
#gateways ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    height: 20px;
}
#gateways ul ul
{
    padding: 0 0 0 109px;
    margin: 0;
    list-style: none;
    height: 20px;
    float: right;
}


#gateways table
{
    border-collapse: collapse;
    margin: -1px -20px 0 0;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 1em;
}

#gateways li
{
    float: left;
    height: 20px;
}
#gateways li a
{
    float: left;
    display: block;
    padding: 0 0 0 0px;
    height: 20px;
    color: #9CCECE;
    text-decoration: none;
    font-family: Verdana,Helvetica,sans-serif;
}
#gateways li a b
{
    float: left;
    height: 20px;
    display: block;
    padding: 0 5px 0 5px;
    cursor: pointer;
    display: inline;
    font-weight: normal;
}
#gateways li.current a
{
    background-position: 0 -35px;
}
#gateways li.current a b
{
    background-position: 100% -35px;
}
#gateways li ul
{
    position: absolute;
    top: 20px;
    left: -9999px;
    z-index: 10;
}
#gateways li.current ul
{
    left: 0;
    z-index: 1;
}
/*
#gateways li a:hover {background-position:0 -70px; cursor:pointer;}
#gateways li a:hover b {background-position:100% -70px; color:#000;}

#gateways li:hover > a  {background-position:0 -70px; cursor:pointer;}
#gateways li:hover > a b {background-position:100% -70px; color:#000;}

#gateways li.current a:hover {background-position:0 -35px; border-color:#000;}
#gateways li.current a:hover b {background-position:100% -35px; color:#fff;}
#gateways li.current:hover a {background-position:0 -35px; border-color:#000;}
#gateways li.current:hover a b {background-position:100% -35px; color:#fff;}
*/
#gateways ul :hover ul
{
    left: 0;
    color: #fff;
}

#gateways ul :hover ul.right li, #gateways ul li.current ul.right li
{
    float: right;
}


#gateways ul :hover ul li a
{
    display: inline;
    padding: 0 5px;
    margin: 0;
    font-size: 11px;
    width: auto;
    white-space: nowrap;
    font-weight: normal;
    border: 0;
    color: #9CCECE;
}


#gateways ul li.current ul li a, #gateways li.current a:hover ul li a, #gateways li.current:hover ul li a
{
    display: inline;
    padding: 0 5px;
    margin: 0;
    font-size: 11px;
    width: auto;
    white-space: nowrap;
    font-weight: normal;
    border: 0;
    color: #fff;
}

#gateways ul li.current ul.right li a, #gateways li.current a:hover ul.right li a, #gateways ul :hover ul li a.last, #gateways ul li.current ul li a.last, #gateways li.current a:hover ul li a.last, #gateways li.current:hover ul li a.last
{
    background-image: none;
}

#gateways li ul li.current_sub a, #gateways li a:hover ul li.current_sub a, #gateways li:hover ul li.current_sub a, #gateways li a:hover ul li a:hover, #gateways li:hover ul li a:hover
{
    color: #fff;
}

#gateways li.current ul li.current_sub a, #gateways li.current a:hover ul li.current_sub a, #gateways li.current:hover ul li.current_sub a, #gateways li.current a:hover ul li a:hover, #gateways li.current:hover ul li a:hover
{
    color: #fff;
}

#gateways li a:hover b
{
    text-decoration: underline;
    color: #fff;
}
#gateways ul :hover ul li a
