ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(/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: 95% 50%;
 background-repeat: no-repeat;
}

ul.dropdown li a {
 display: block;
 padding: 5px 10px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.dropdown li.dir {
 padding: 5px 20px 5px 10px;
}

ul.dropdown ul li.dir {
 padding: 5px 15px;
}


/*-------------------------------------------------/
 * @section		Custom
 */

ul.dropdown ul a {
 padding-left: 15px;
}

ul.dropdown li.hover *.open {
 color: #2FAFD6;
}

/* CSS2 clone */

ul.dropdown li:hover > *.dir {
 color: #2FAFD6;
}