/**
 * @version		$Id: component.php 16465 2010-04-26 01:46:24Z eddieajau $
 * @package		Joomla.Site
 * @subpackage	Templates.default
 * @copyright	Copyright (C) 2011 Arvin Pedregosa. All rights reserved.
 * @license		Commercial License
 *
 * Modules CSS - style for specific modules including navigation
 * - Common
 * - Navigation
 *		- Mainmenu
 *		- Sidemenu
 *		- Footermenu
 * - Modules
 */
 
/*************************************************************************
 * Common
 */
	.moduletable h3 {
		margin-top: 0;
	}
	.menu a.disabled {
		color: #666666;
	}

/*************************************************************************
 * Navigation
 */
	.moduletable_menu,
	.moduletable_mainmenu,
	.moduletable_sidemenu,
	.moduletable_footermenu {
	}
	 
	.menu,
	.menu ul,
	.menu li {
		display: block;
		list-style: none;
		margin: 0; padding: 0;
		line-height: 1em;
	}
	 
	/* Mainmenu */
	.moduletable_mainmenu .menu {
		position: relative;
		width: 210px; height: 125px;
		z-index: 200;
	}
	.moduletable_mainmenu .menu ul {
		position: absolute;
		left: 210px; top: 0;
		width: 175px; height: 125px;
	}
	.moduletable_mainmenu .menu ul ul {
		left: 175px;
	}
	.moduletable_mainmenu .menu > li {
		float: left;
	}
	.moduletable_mainmenu a {
		font: 12px/16px Futura, Arial, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFFFFF;
	}
	.moduletable_mainmenu .menu li:hover > a  {
		color: #FFFF00;
	}
	.moduletable_mainmenu .menu ul li:hover > a {
		background: rgba(161, 188, 46, 0.3);
	}
	.moduletable_mainmenu .menu > li ul {
		/* Safely hide 2nd level menus, must be overidden when implicitly desired to be shown */
		display: none;
		max-height: 80px;
		padding: 15px 0 30px;
	}
	.moduletable_mainmenu .menu > li ul a {
		display: block;
		padding: 0 20px 0 30px;
		line-height: 16px;
	}
	.moduletable_mainmenu .menu > li ul li.active > a {
		font-weight: bold;
		color: #000000;
		background: rgba(161, 188, 46, 1);
	}
	.moduletable_mainmenu .menu > li ul li.active > a:hover {
		color: #FFFF00;
	}
	.moduletable_mainmenu .menu > li ul li > a:hover {
		color: #FFFF00;
		background: rgb(161, 188, 46);
	}
	.moduletable_mainmenu .menu > li ul {
		background: rgba(161, 188, 46, 0.55);
	}
	.moduletable_mainmenu .menu > li ul ul {
		background: rgba(161, 188, 46, 0.3);
	}

	.moduletable_mainmenu .item-105 > a {
		position: relative;
		display: inline-block;
		float: left;
		width: 40px; height: 16px;
		line-height: 16px;
		padding: 15px 10px 94px 160px;
		color: #A0BB2E;
		background: #000000 url('../img/logo.jpg') 0 0 no-repeat;
		z-index: 200;
	}

	@media only screen and (max-width : 1024px) {
		.moduletable_mainmenu .item-105 > a {
			text-indent: -9999em;
		}
		.moduletable_mainmenu .item-105 > ul {
			display: block !important;
			opacity: 1 !important;
		}
	}
	
	
	
	.menu_dropdown > li { 
		/* Dropdown menu, assume horizontal placement of first level items */
		position: relative;
	}
	.menu_dropdown > li > ul {
		position: absolute;
		left: 0; top: 28px;
		min-width: 150px;
	}

	/* User Menu */
	.moduletable_user {
		position: absolute;
	    right: 30px;
	    top: 20px;
	    z-index: 200;
	}
	.moduletable_user ul li {
		margin-right: 10px;
		display: inline-block;
		font-size: 11px;
	    text-transform: uppercase;
	}

	/* Sidemenu */
	.moduletable_sidemenu {
	}
	.moduletable_sidemenu ul.menu > li {
		float: none;
		display: none;
	}
	.moduletable_sidemenu ul.menu li.active {
		display: block;
	}
	.moduletable_sidemenu ul.menu > li > a {
		display: block;
		padding: 6px 9px;
		color: #000000;
		font-weight: bold;
	}
	.moduletable_sidemenu ul.menu li.active ul {
		display: block;
		padding-left: 15px;
		overflow: hidden;
	}
	.moduletable_sidemenu ul.menu ul a {
		display: block;
		padding: 6px 9px;
		color: #666666;
	}
	.moduletable_sidemenu ul.menu ul a:hover,
	.moduletable_sidemenu ul.menu li.active > a {
		color: #000000;
	}

	/* Footer Menu */
	.moduletable_footermenu {
	}
	.moduletable_footermenu ul li:first-child a {
	}	
	.moduletable_footermenu a {
		display: block;
		padding: 6px 4px;
		font-size: 11px;
		color: #666666;
	}
	.moduletable_footermenu a:hover {
		color: #000000
	}

/*************************************************************************
 * Shop Categories
 */
.moduletable ul.vm-cat-menu {
	position: absolute;
	left: 50px; top: 150px;
	margin: 0 0 30px; padding: 0;
	list-style: none;
	z-index: 110;
}
.moduletable .vm-cat-menu li {
	display: block;
	width: 400px;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}
.moduletable .vm-cat-menu li.active a {
	color: #000000;
	font-weight: bold;
}
.moduletable .vm-cat-menu li a:hover {
	color: #000000;
}

/*************************************************************************
 * Shop Product List
 */
.moduletable nav.vm-cat-products {
	position: absolute;
	left: 50px;
	top: 220px; bottom: 110px;
	width: 300px;
	z-index: 110;
}
nav.vm-cat-products .scrollable {
	position: absolute;
	top: 28px; bottom: 35px;
	overflow: hidden;
}
nav.vm-cat-products .scrollable ul {
	margin: 0; padding: 0;
	list-style: none;
}
nav.vm-cat-products .scrollable li {
	display: block;
	height: 27px;
	width: 300px;
	font-size: 14px;
	line-height: 27px;
}
nav.vm-cat-products .scrollable li a:hover {
	color: #333333;
}
nav.vm-cat-products .scrollable li.active a {
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}
nav.vm-cat-products .scroll-up,
nav.vm-cat-products .scroll-down {
	position: absolute;
	width: 25px; height: 25px;
	padding: 2px 100px 3px;
	outline: none;
}
nav.vm-cat-products .scroll-up {
	top: 0;
}
nav.vm-cat-products .scroll-down {
	bottom: 0;
}
nav.vm-cat-products .scroll-up span,
nav.vm-cat-products .scroll-down span  {
	display: block;
	width: 25px; height: 25px;
	background-image: url("../img/arrows.png");
	text-indent: -9999px;
}
nav.vm-cat-products .scroll-up span {
 	background-position: -100px -50px;
}
nav.vm-cat-products .scroll-down span {
	background-position: -125px -50px;
}
nav.vm-cat-products .scroll-up:hover span {
	background-position: -100px -75px;	
}
nav.vm-cat-products .scroll-down:hover span {
	background-position: -125px -75px;
}

	
/*************************************************************************
 * Modules
 */