/* $Id$ */

/**
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 */

/* Logic */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dropdown li {
	vertical-align: middle;
	zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 3;
	cursor: default;
}
ul.dropdown ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 100%;
}
ul.dropdown ul li {
	float: none;
}
ul.dropdown ul ul {
	top: 1px;
	left: 100%;
}
ul.dropdown li:hover > ul {
	display: block;
}

/* For vertical menu */
ul.dropdown-vertical ul {
	top: 1px;
	left: 100%;
}
ul.dropdown-vertical li {
	float: none;
}
/* /For vertical menu */

/* For RTL orientation*/
ul.dropdown-vertical-rtl {
	float: right;
}
ul.dropdown-vertical-rtl, ul.dropdown-vertical-rtl ul.dropdown-vertical-rtl {
	left: 12px !important;
	top: auto !important;
}
#top_menu ul.dropdown-vertical-rtl {
	margin-right: -12px;
}
#top_menu ul.dropdown-vertical-rtl ul, #top_menu ul.dropdown-vertical-rtl ul.dropdown-vertical-rtl {
	margin-right: 0;
	top: 1px !important;
	left: 100% !important;
	right: auto !important;
}
/* For RTL orientation*/

/* /Logic */


/* Decoration */
ul.dropdown {
	font-weight: bold;
}
ul.dropdown a, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active {
	color: #333333;
	text-decoration: none;
}
ul.dropdown ul a, ul.dropdown ul a:visited, ul.dropdown ul a:hover, ul.dropdown ul a:active {
	font-size: 11px;
}
ul.dropdown ul {
	width: 160px;
	border: 1px solid #1763a0;
	background-color: #ffffff;
}
ul.dropdown-vertical a {
	padding: 3px 20px 3px 7px;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
}
ul.dropdown *.dir {
	background: url('images/icons/category_collapsed.gif') no-repeat right 7px;
}
ul.dropdown *.dir:hover {
	background: #afb4cf url('images/icons/category_expanded.gif') no-repeat right 7px;
}
ul.dropdown li:hover {
	background-color: #afb4cf;
}
ul.dropdown li a:hover, ul.dropdown *.dir:hover > a {
	color: #ffffff;
}
ul.dropdown ul li:hover {
	background-color: #afb4cf;
}
ul.dropdown li ul li a:hover, ul.dropdown *.dir:hover ul *.dir:hover > a {
	color: #ffffff;
	text-decoration: none;
}
/** Separator **/
ul.dropdown li.h-sep {
	background: transparent url('images/categories_delim.gif') repeat-x scroll left center;
	font-size: 3px;
	height: 3px;
	line-height: 3px;
	padding: 0;
	margin: 0;
}
ul.dropdown ul li.h-sep {
	display: none;
}
/** /Separator **/

.right-column ul.dropdown-vertical ul {
	top: 1px;
	left: auto;
	right: 100%;
}
/* /Decoration */