/**
 * @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 {
	position: relative;
	z-index: 999;
}

ul.dropdown li {
	line-height: 1.3em;
	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: 5px;
	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 {
	width: 160px;
}

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, #top_menu ul ul ul.dropdown-vertical-rtl, #top_menu ul.dropdown-vertical-rtl ul.dropdown-vertical-rtl {
	left: auto !important;
	right: 100%;
}
#top_menu ul.dropdown-vertical-rtl {
	left: auto !important;
	right: 0px;
}
/* For RTL orientation*/

/* /Logic */


/* Decoration */
ul.dropdown {
	font-weight: bold;
}

ul.dropdown li {
	padding: 0px;
	background-color: #ffffff;
}

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

ul.dropdown a, ul.dropdown a:visited {
	color: #2a2a2a;
	text-decoration: none;
}
ul.dropdown a:hover {
	color: #2a2a2a;
	text-decoration: underline; 
}
ul.dropdown a:active {
	color: #2a2a2a; 
}

ul.dropdown ul {
	width: 160px;
	padding: 0px 5px;
	margin-top: 1px;
	background-color: #ffffff;
	border: 1px solid #009FE0;
}

ul.dropdown-vertical a {
	padding: 5px 20px 4px 2px;
	display: block;
}

ul.dropdown *.dir {
	/*background: url('images/icons/category_collapsed.gif') no-repeat right 8px;*/
}

ul.dropdown *.dir:hover {
	/*background: url('images/icons/category_expanded.gif') no-repeat right 8px;*/
}

/** Separator **/
ul.dropdown li.h-sep {
	/*background: transparent url('images/categories_delim.gif') repeat-x scroll center center;*/
	font-size:1px;
	height:1px;
	line-height:1px;
	padding: 0;
	margin: 0;
}
/** /Separator **/

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



/*   07042013  */
/*  Login popup  */

#hide-form-login {
    float: right; 
    font-size: 10px;
    cursor: pointer;
}

.my-account {
	position: relative;
	background-color: #d3e7ff;
}
.info {
	position: relative;
}
.my-account:hover, .info:hover, .my-account:hover .my-account-space, .info:hover .info-space, .my-account input[type=checkbox]:checked{
	background-color: #009fe0;
}
.my-account:hover a.my-account-title, .info:hover a.my-account-title, .my-account input[type=checkbox]:checked{
	color: white;
}

.my-account-space, .info-space {
	width: 175px;
	height: 8px;
	position: absolute;
	margin-top: -8px;
	z-index: 500;
	background-color: #D3E7FF;
}
.first-my-account, .info-table {
    display: none;
    text-align: left;
    color: #2a2a2a;
    background: #fff;
    position: absolute;
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.5);
    padding: 12px 0 12px 20px;
    
    width: 155px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 400;
    text-decoration: none;
    line-height: 16px;
}

/*.my-account:hover .first-my-account, .info:hover .info-table{
	width: 155px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 400;
	cursor: default;
	text-decoration: none;
	line-height: 16px;
}*/
.info:hover .info-table{
	width: 165px;
	padding-right: 0px;
}

.info:hover .info-table{
	margin-left: -64px;
}
.my-account .first-my-account a, .info .info-table {
	text-decoration: none;
}
.login-button {
	width: 153px;
	height: 28px;
	margin-top: 4px;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(images/login.png) transparent no-repeat;
	cursor: pointer;
}
.login-button:hover {
	background: url(images/login-hover.png) transparent no-repeat;
}
.my-account-line {
	width: 156px;
	height: 1px;
	background-color: #efefef;
	margin-bottom: 8px;
}
.my-account-menu {
	padding-left: 14px;
}
.info-menu {
	padding-left: 9px;
}
.my-account-menu a, .info-menu a {
	color: #2a2a2a;
	font-size: 13px;
	text-decoration: none;
}

.my-account-menu a:hover {
	text-decoration: underline;
}
.my-account-menu-desc {
	font-size: 11px;
	font-weight: normal;
	color: #9e9e9e;
	margin-bottom: 6px;
}
.info-menu a:hover {
	text-decoration: underline;
}
.info-menu-desc {
	font-size: 11px;
	font-weight: normal;
	color: #9e9e9e;
	margin-bottom: 6px;
}

.second-my-account {
	width: 155px;
	display: none;
	/*padding-left: 10px;*/
	/*padding-right: 10px;*/
	z-index: 400;
	cursor: default;
	text-decoration: none;
	line-height: 16px;
}
.second-my-account div {
	font-size: 14px;
	line-height: 18px;
}

.my-account .first-my-account a, .second-my-account a {
	text-decoration: none;
}
.my-account .first-my-account a:hover, .second-my-account a:hover {
	text-decoration: underline;
}

.login-input {
	width: 150px;
}
.login-short {
	width: 53px;
	height: 28px;
	background: url(images/login-short.png) transparent no-repeat;
	float: left;
	border: none;
}
.login-short:hover {
	background: url(images/login-short-hover.png) transparent no-repeat;
}
.forget-pass {
	color: #103758;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-weight: normal;
}