@charset "UTF-8";
/**
 * Vertical Left-to-Right Direction CSS Drop-Down Menu Component
 *
 * @file                dropdown.vertical.css
 * @package                Dropdown
 * @version                0.3
 * @type                Transitional
 * @requires        dropdown.css
 * @browsers        Windows: IE5+, Opera7+, Firefox1+
 *                                Mac OS: Safari2+, Firefox2+
 *
 * @link                http://www.lwis.net/
 * @copyright        2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

/* menucategory.dropdown.css */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font: 8pt Tahoma, Arial, Helvetica, sans-serif;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 padding-bottom: 5px;
}

ul.dropdown li {
 float: left;
 line-height: 100%;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* menucategory.dropdown.vertical.css */
ul.dropdown-vertical {
 width: 200px;
 float: none;
}

ul.dropdown-vertical ul {
 top: 0px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}

/* menucategory.dropdown.vertical.rtl.css */
ul.dropdown-vertical-rtl {
 float: none; 
}

ul.dropdown-vertical-rtl ul {
 left: auto !important;  
 right: 99%;
 top: 0px; 
 width: 150px;
}

ul.dropdown-vertical-rtl li {
 text-align: right;
 float: none;
}

/* menucategory.helper.css */
p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 {
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}

.dropdown-upward {
 margin-top: 400px !important;
}

/* menucategory.default.css */
/*-------------------------------------------------/
 * @section                Base Drop-Down Styling
 * @structure        ul (unordered list)
 *                                ul li (list item)
 *                                ul li a (links)
 *                                /*\.class|(li|a):hover/
 * @level sep        ul
 */
ul.dropdown {
 font-weight: normal;
 font-family: verdana;
 color: #CC0099; 
 font-size: 8pt;
 width: 190px;
 padding-left: 5px;
}

        ul.dropdown li {
        padding: 3px 20px;
        border-style: none;
        background-color: transparent;
                font-family: verdana;
                color : #CC0099; 
                font-size: 8pt;
        }

        ul.dropdown li.hover,
        ul.dropdown li:hover {
        background-color: #B3D1EB;
        }

        ul.dropdown a:link,
        ul.dropdown a:visited,
                ul.dropdown a:hover,
                ul.dropdown a:active
                { 
                 font-family: verdana;
                 color : #CC0099; 
                 font-size: 8pt;
                }

        /* -- level mark -- */
        ul.dropdown ul {
         width: 150px;
         margin-top: 1px;
         background-color: #EDF6FE;
        }

                ul.dropdown ul li {
                 font-weight: normal;
                 background-color: transparent;
                }

/*-------------------------------------------------/
 * @section                Support Class `dir`
 * @level sep        ul, .class
 */
ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(http://tokomainanindonesia.com/template/template042/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(http://tokomainanindonesia.com/template/template042/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(nav-arrow-right.png);
 line-height: 20px;
}

ul.dropdown-vertical-rtl *.dir {
 padding-left: 15px;
 background-image: url(nav-arrow-left.png);
 background-position: 0 50%;
 line-height: 20px;
}

/* menucategory.default.ultimate.css */
/*-------------------------------------------------/
 * @section                Base Style Extension
 */
ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 3px 20px;
}



/*-------------------------------------------------/
 * @section                Base Style Override
 */
ul.dropdown li {
 padding: 0;
 border: none;
 font-family: verdana;
 color: #CC0099; 
 font-size: 8pt;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 1px 20px;
}

/*-------------------------------------------------/
 * @section                Base Style Reinitiate: post-override activities
 */
/*-------------------------------------------------/
 *        @section        Custom Styles
 */
ul.dropdown li {
 line-height: 20px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 background-color: #ffccff; 
}

ul.dropdown a:link,
ul.dropdown a:visited,
ul.dropdown a:hover,
ul.dropdown a:active {
 font-family: verdana;
 color : #CC0099; 
 font-size: 8pt;
}

ul.dropdown li a:active {
}

/* Non-first level */
ul.dropdown ul {
 margin-top: 1px;
 background-color: #ffe5ff; 
 width: 150px;
}

ul.dropdown ul li {
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
}

/* Mixed */
ul.dropdown li a,
ul.dropdown *.dir {
 border-style: none;
 padding: 3px 10px;
}

ul.dropdown-vertical *.dir {
 padding-right: 15px;
 background: url(nav-arrow-right.png) 99% 50% no-repeat;
 line-height: 20px;
}

ul.dropdown-vertical-rtl *.dir {
 padding-left: 15px;
 background: url(nav-arrow-left.png) 1% 50% no-repeat;
 line-height: 20px;
}

/*-------------------------------------------------/
 * @section                Support Class `open` Usage
 * @source                js, artificial
 *
 */
ul.dropdown li.hover *.open {
 border-style: none;
 color : #075E7C;
 background-color: #fff;
}

ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
 padding-left: 15px;
 border-top-color: #fff;
 border-left: solid 1px #ffa500;
}

ul.dropdown-vertical-rtl li.hover *.open {
 padding-right: 15px;
 border-right-color: #ffa500;
 border-left: none;
}

ul.dropdown-upward li.hover *.open {
 border-top-color: #fff;
 border-bottom-color: #ffa500;
}

ul.dropdown-upward ul li.hover *.open {
 border-bottom-color: #d9d9d9;
}

        /* CSS2 clone */
        ul.dropdown li:hover > *.dir {
         border-style: none;
         color : #075E7C;
         background-color: #fff;
        }

        ul.dropdown ul li:hover > *.dir,
        ul.dropdown-vertical li:hover > *.dir {
         padding-left: 15px;
         border-top-color: #fff;
         border-left: solid 1px #ffa500;
         line-height: 20px;
        }

        ul.dropdown-vertical-rtl li:hover > *.dir {
         padding-right: 15px;
         border-right-color: #ffa500;
         border-left: none;
         line-height: 20px;
        }

        ul.dropdown-upward li:hover > *.dir {
         border-top-color: #fff;
         border-bottom-color: #ffa500;
        }

        ul.dropdown-upward ul li:hover > *.dir {
         border-bottom-color: #d9d9d9;
        }