/*------------------------------------------------------------------------
# CGrocket Joomshopping Categories Module by cgrocket.com
# ------------------------------------------------------------------------
# author    CGrocket http://www.cgrocket.com
# Copyright (C) 2011-2012 CGrocket.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.cgrocket.com - http://www.leweb2.com
-------------------------------------------------------------------------*/

.lofmenu_jshopping {  
	width:100%;}
	
	.lofmenu_jshopping ul.lofmenu {
		margin:0;
		padding:0;		
		position: relative;
		list-style-type:none;
		z-index: 999;
		
		
		
		}
		
		.lofmenu_jshopping ul.lofmenu li{
			width:100%;
			display:block;
			margin: 0;
			padding: 0;
			position:relative;
			/*
			position: relative;
			z-index: 10;
			*/}

		.lofmenu_jshopping .lofmenu .lofitem1,
		.lofmenu_jshopping .lofmenu .lofitem2 {   }

			.lofmenu_jshopping .lofmenu a {
				display:block;
				color:#000;
				position:relative;
				padding:8px 0;
				padding-right:20px;
				text-decoration:none;
				
				
				-webkit-transition:background-color color .3s ease-out;
				-moz-transition:background-color .3s ease-out, color .3s ease-out;
				-o-transition:background-color .5s ease-out; 
				transition:background-color .5s ease-out;
				
				background:url(/Themes/leftmenu_bg.png);
				height:23px;
				
				}
				
				
				/* on hover */
				.lofmenu_jshopping .lofmenu .lofactive > a{
					background-color: #eee;
					color: #F60;
					
					
					}
				
				/* when is current */		
				.lofmenu_jshopping .lofmenu .ice-current > a{
					background-color:#eee;
					color: #222;
					
					}				
						
					.lofmenu_jshopping .lofmenu > .ice-current > a:before {
						content:"";
						background:url(/Themes/current.png) no-repeat center right;
						
						position:absolute;
						height:30px;
						width:14px;
						right:-14px}	
						
				
				
				
				.lofmenu_jshopping .lofmenu .lofitem1 img{
					margin:0 -10px 0 1px;
					 
					float:left;}
				
				
				.lofmenu_jshopping .lofmenu .lofitem1 a span.counter {
					color:#999;
					padding-left:1x}
					
					
				/* when has childs items */	
				.lofmenu_jshopping .lofmenu .lofitem1 a i{
					background: url(/Themes/next.png) no-repeat top;
					display: block;
					height: 14px;
					position: absolute;
					right: 5px;
					top: 7px;
				
					width: 14px;}
					.lofmenu_jshopping .lofmenu .lofactive > a i{
						background-position:bottom}
					
					
					
		/* second level menu */			
		.lofmenu_jshopping .lofmenu .lofitem1 ul{
			width:300px;
			position:absolute;
			top: -1px;
			left:99.9%;
			border:1px solid #ccc;
			box-shadow:0 0 10px #999;
			padding:0;
			margin:0;
			background:#fff;
			z-index: 9;}