/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

#nav {font-size:1.1em;
	width:250px;
}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;
	float:left;
	width:100%;
 }
#nav li.over { z-index:999; }
#nav a{
	/*background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
	text-decoration:none;
	padding:3px;
}
/*#nav a:hover {background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px; }*/
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li span {margin-left:20px; float:left; display:block}

/************ 0 LEVEL  ***************/
#nav li { 
	/*background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
	width:205px;
	float:left;
}
#nav li a{
	 background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;
}
#nav li.active a { 
	/*background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
}
#nav a { float:left;
	 width:100%;
	 padding:3px 12px 3px 8px; 
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 color:#595959;
	 font-weight:bold;	
}
#nav li a{
	 margin-left:3px;
	 padding-right:5px;
}
#nav li.over a{
	/*background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
}
#nav li a:hover {
	background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;
}

/************ 1ST LEVEL ************/
#nav ul li {
	/*background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
}
#nav ul li.active {
	 
	float:left; margin:0; 
	padding-bottom:1px; 
	/*background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
	width:205px;
}
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { 
	/*background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;*/
}

/*#nav ul a{
	 background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;
}
#nav ul a:hover { background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;}
*/


/************ 2ND LEVEL ************/
#nav ul { 
		position:absolute; 
		width:15em; top:20px; 
		left:-10000px; border:1px solid #dfddde; z-index:1001;
		margin-left:100px;
	}

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a {background:url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;}
#nav ul li a:hover {background:#c1eaf5 url(../images/images/icon/menu_arrow.png) no-repeat 16px 6px;}

#nav ul{
	width:225px;
	background:url(../images/images/menu/menu_left_bg.png) repeat;
}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; z-index:1001;}
#nav li ul{
	padding:0px;
}
#nav li ul li{
	padding:0px 0px 6px 0px;
}
#nav li ul li a{
	 padding:3px 12px 3px 8px; 
	 margin:0px;
}

/* Add by manhnh */
#menu-container{
	width:246px;
	height:60px;
	margin-left:10px;
	margin-top:8px;
	position:relative;
}
#menu-container .top{
	background-image:url(../images/images/box/left_menu_box_top.png);
	width:246px;
	height:39px;
}
#menu-container .middle{
	background-image:url(../images/images/box/left_menu_box_middle.png); 
	min-height:300px;
	background-repeat:repeat-y;
	width:246px;
	
}
#menu-container .bottom{
	background-image:url(../images/images/box/left_menu_box_bottom.png);
	width:247px;
	height:7px;
}
.menu-box-header{
	width:230px;
	height:34px;
	float:left;
	margin:10px 0px 0px 8px;
}
.menu-box-header div{
	
}
.menu-box-header .left-box{
	background-image:url(../images/images/box/menu_item_box_left.png);
	float:left;
	width:12px;
	background-repeat:no-repeat;
	height:41px;

}
.menu-box-header .middle-box{
	background-image:url(../images/images/box/menu_item_box_middle.png);
	float:left;
	width:206px;
	height:46px;
	background-repeat:repeat-x;
}
.menu-box-header .middle-box span{
	color:#00b6e0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px 0px 0px 40px;
	background:url(../images/images/box/box_icon.png) no-repeat 0 100% ;
	float:left;
	
	
}
.menu-box-header .right-box {
	background-image:url(../images/images/box/menu_item_box_right.png);
	width:12px;
	background-repeat:no-repeat;
	height:41px;
	float:left;
}
.menu-box-item-header {
	width:238px;
	float:left;
	margin:15px 0px 0px 4px;
	padding-top:5px;
}
.menu-box-item-header a{
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.menu-box-item-header #header-item-cate{
	float:left;
	background-repeat:no-repeat;
	height:29px;
	width:107px;
}

.menu-box-item-header  a{
	margin:7px 0px 0px 15px;
	text-decoration:none;
	color:#606060;
}

.menu-box-item-header #header-item-brand{
	float:right;
	width:131px;
	float:right;
	height:29px;
}

.menu-box-item-header #header-item-brand a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:7px 0px 0px 20px;
	text-decoration:none;

}
.menu-box-item-header .cate-active{
		background-image:url(../images/images/menu/menu_box_header_active.png);
}

.menu-box-item-header .cate-normal{
	 background-image:url(../images/images/menu/menu_box_header_normal.png);
}

.menu-box-item-header .brand-active{
	background:url(../images/images/menu/menu_box_header_active.png) no-repeat 100% 0%;
}
.menu-box-item-header .brand-normal{
	background:url(../images/images/menu/menu_box_header_normal.png) no-repeat 100% 0%;
}
.menu-box-item-header .cate-active a,.menu-box-item-header .brand-active a{
	color:#fff;
}
.menu-box-item-header  #checkout-brand {
	width:238px;
	float:left;
}
.menu-box-item-header  #checkout-brand .right{
	background: url(../images/images/menu/menu_box_header_active.png) 100% 0%;
	width:50px;
	height:29px;
	float:left;
} 
.menu-box-item-header  #checkout-brand .left{
	float:left;
	background: url(../images/images/menu/menu_box_header_active.png) 0 0%;
	width:163px;
	height:29px;
	float:left;
	color:#fff;
	font-weight:bold;
	padding:0px 0px 0px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}