nav {
	background: url(../imgs/nav-bg.png) repeat-y right;
	height: 100%;
	width: 114px;
	float: right;
    font-size: 16px;
    font-size: 62.5%;
	position: relative;
    top:0;
	z-index:0;
    margin:0;
    padding:0;
}

nav #category-parents{
    top: 62px;
    direction:rtl;
}



	nav .logo a {
		text-indent: -9999em;
		background: #2c2c2c url(../imgs/logo.png) no-repeat;
		width: 86px;
		height: 62px;
		margin: 0 0 0 0;
		display: inline-block;
		position: relative;
		z-index: 10;
        top:-20px;
        float:right;
	}

	nav .logo a span {
		background: #2c2c2c url(../imgs/logo.png) no-repeat bottom right;
		opacity: 0;
		-moz-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		z-index: 15;
	}

	nav .logo a:hover span {
		opacity: 1;
	}

	nav ul {
		background: url(../imgs/nav-bg.png) repeat-y right;
		position: absolute;
		top: 111px;
        width: 86px;
        float:right;
        right:0px;
	}

		nav li {
			background: url(../imgs/nav-sep.png) bottom right no-repeat,
						url(../imgs/nav-bg.png) repeat-y right;
			width: 86px;
            float:right;
		}

        nav li.BMF-Active-Page {
			background: url(../imgs/nav-sep.png) bottom right no-repeat,
						url(../imgs/nav-bg-active.png) repeat-y right;
			width: 86px;
            float:right;
		}

		nav li a {
            font-family:'b_mitraregular';			
			font-size: 1.18em;
			font-weight: normal;
			text-align: center;
			height: 15px;
			display: block;
			position: relative;
			z-index: 5;
            margin:0px 5px 0px 5px;
            white-space:nowrap;
            text-overflow:ellipsis;  
            
            overflow:hidden;
            color: #B4B4B4;
		}

		nav li a:hover {
			text-decoration: none;
		}

		nav .parent {
			
			padding: 59px 0 16px 0;
		}

		

		nav li .hover {
			background: url(../imgs/nav-hover.png) no-repeat;
			-moz-transition: opacity 0.3s;
			-webkit-transition: opacity 0.3s;
			-o-transition:  opacity 0.3s;
			height: 92px;
			position: absolute;
			top: -2px; left: -7px; bottom: 0; right: 0px;
			opacity: 0;
            float:right;
		}

        nav li.BMF-Active-Page .hover {
			background: url(../imgs/nav-hover-active.png) no-repeat;
			-moz-transition: opacity 0.3s;
			-webkit-transition: opacity 0.3s;
			-o-transition:  opacity 0.3s;
			height: 92px;
			position: absolute;
			top: -2px; left: -7px; bottom: 0; right: 0px;
			opacity: 0;
            float:right;
		}

		.nav-arrow-right {
			background: url(../imgs/nav-hover.png) no-repeat right center;
			width: 7px;
			height: 21px;
			margin: -12px 0 0 0;
			position: absolute;
			top: 50%; right: -10px;
			z-index: 15;
			opacity: 0;
		}

		nav .submit {
			color: #9e9e9e;
			font-size: 1.18em;
			font-weight: bold;
			text-shadow: 0 1px 0 rgba(0, 0, 0, 3);
			text-align: center;
			width: 86px;
			height: 15px;
			padding: 50px 0 26px 0;
			display: block;
			position: absolute;
			bottom: 0;
            right:0px;
			z-index: 5;
            float:right;
		}

		nav .submit:hover {
			text-decoration: none;
		}

			nav .submit span {
				background: url(../imgs/nav-submit.png) no-repeat center 1px;
				-moz-transition: opacity 0.3s;
				-webkit-transition: opacity 0.3s;
				-o-transition:  opacity 0.3s;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0; right: 0;
                float:right;
			}

			nav .submit:hover span {
				opacity: .6;
			}

	/* slide out children categories
	----------------------------------------------------------------------------------------------------------------*/
    .BMF-Div-For-Cover-Not-Full-Submenus {
        background: #282828 url(../imgs/categories-panel-bg.png) repeat-y;
        width: 255px;
		/*display:none;*/
        position:relative;
		
		
    }
	.categories-panel {
		background: #282828 url(../imgs/categories-panel-bg.png) repeat-y;
		-moz-box-shadow: -18px 0 18px 0 rgba(0, 0, 0, .4);
		-webkit-box-shadow: -18px 0 18px 0 rgba(0, 0, 0, .4);
		box-shadow: -18px 0 18px 0 rgba(0, 0, 0, .4);
		height: 100%;
		width: 255px;
		position: fixed;
		top: 49px; left: -400px;
		z-index: -1;
	}

		.categories-panel h2 {
			color: #d2d2d2;
			font-family:'b_mitraregular';
			font-size: 1.5em;
			font-weight: bold;
			letter-spacing: 0.04em;
			background: url(../imgs/categories-panel-head.png) no-repeat bottom right;
			width: 190px;
			height: 39px;
			padding: 22px 35px 0px 30px;
			display: inline-block;
            text-align:right;
            text-overflow:ellipsis;              
            white-space:nowrap;
            direction:rtl;
            margin-bottom:0;
            padding-bottom:0;
		}

		nav li ul {
            margin-top:0;
            padding-top:0;
			background: none;
			overflow: visible;
			position: relative;
            list-style-type:none;
			top: 0;
		}

			nav li ul li {
				background: #202020 url(../imgs/categories-panel-category-BMF.png) no-repeat;
				width: 255px;
				height: 44px;
				padding: 0;
				position: relative;
                top:0;

			}

            nav li ul li.BMF-Active-Page{
				background: #202020 url(../imgs/categories-panel-category-BMF-active.png) no-repeat;
				width: 255px;
				height: 44px;
				padding: 0;
				position: relative;
                top:0;
			}


            nav li ul li.BMF_Has_Sub_Menu_li {
				background: #202020 url(../imgs/categories-panel-category.png) no-repeat;
				width: 255px;
				height: 44px;
				padding: 0;
				position: relative;
			}

            nav li ul li.BMF_Has_Sub_Menu_li.BMF-Active-Page {
				background: #202020 url(../imgs/categories-panel-category-active.png) no-repeat;
				width: 255px;
				height: 44px;
				padding: 0;
				position: relative;
			}


			nav li ul li span {
				background: #202020 url(../imgs/categories-panel-category-BMF.png) no-repeat left -45px !important;
				-moz-transition: opacity 0.2s;
				-webkit-transition: opacity 0.2s;
				-o-transition: opacity 0.2s;
				content: "";
				height: auto !important;
				padding: 0; margin: 0;
				position: absolute;
				top: 0; left: 0; bottom: 0; right: 0;
				opacity: 0;
                overflow:hidden;
			}

            nav li ul li span.BMF_Has_Sub_Menu {
				background: #202020 url(../imgs/categories-panel-category.png) no-repeat left -45px !important;
				-moz-transition: opacity 0.2s;
				-webkit-transition: opacity 0.2s;
				-o-transition: opacity 0.2s;
				content: "";
				height: auto !important;
				padding: 0; margin: 0;
				position: absolute;
				top: 0; left: 0; bottom: 0; right: 0;
				opacity: 0;
                overflow:hidden;
			}



            nav li ul li.BMF-Active-Page > span {
				background: #202020 url(../imgs/categories-panel-category-BMF-active.png) no-repeat left -45px !important;
				-moz-transition: opacity 0.2s;
				-webkit-transition: opacity 0.2s;
				-o-transition: opacity 0.2s;
				content: "";
				height: auto !important;
				padding: 0; margin: 0;
				position: absolute;
				top: 0; left: 0; bottom: 0; right: 0;
				opacity: 0;
                overflow:hidden;
			}
            nav li ul li.BMF-Active-Page.BMF_Has_Sub_Menu_li > span.BMF_Has_Sub_Menu {
				background: #202020 url(../imgs/categories-panel-category-BMF-active.png) no-repeat left -45px !important;
				-moz-transition: opacity 0.2s;
				-webkit-transition: opacity 0.2s;
				-o-transition: opacity 0.2s;
				content: "";
				height: auto !important;
				padding: 0; margin: 0;
				position: absolute;
				top: 0; left: 0; bottom: 0; right: 0;				
                overflow:hidden;
			}











			nav li ul li:last-child {
				border-bottom: 1px solid #2e2e2e;
			}

			nav li ul li:hover > span {
				opacity: 1;
			}

			nav li ul li a {
				color: #adadad;
				font-size: 1.4em;
				font-weight: normal;
				font-family:'b_mitraregular';
				text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
				text-align: right;
				-moz-transition: color 0.2s;
				-webkit-transition: color 0.2s;
				-o-transition: color 0.2s;
				background: none;
				width: 155px;
				height: 29px;
				margin: 0; padding: 15px 68px 0 0 ;
				float: right;
				clear: both;
                direction:rtl;
                overflow:hidden;
                text-overflow:ellipsis;                
                white-space:nowrap;
			}

			nav li ul li a:hover {
				color: #ccc;
			}

		/* start sub category icons */

		/* categories */


	
	nav .arrow-up,	nav .arrow-down {
		background: url(../imgs/nav-fade-arrow-up.png) no-repeat top;
		width: 86px;
		height: 65px;
		position: absolute;
		right: 0;
		z-index: 10;
		cursor: pointer;
		display: none;
	}
nav .arrow-up {
    top:0px;
}
	nav .arrow-down {
		background: url(../imgs/nav-fade-arrow-down.png) no-repeat top center;
		bottom: 0;
	}

	nav .arrow-up:hover,
	nav .arrow-down:hover {
		background-position: 0 -68px;
	}