/*------------------------------------------------------------------------# CD J-Shopping 1.5 - September 2008# ------------------------------------------------------------------------# Copyright (C) 2005-2008. Jforjoomla Template Club. All Rights Reserved.# @license - Copyrighted Commercial Software# Author: Jforjoomla Template Club.# Websites:  http://www.jforjoomla.com -------------------------------------------------------------------------*//* Son of Suckerfish Dropdowns---------------------------------------------------------Originally developed by Patrick Griffiths and Dan Webbhttp://www.htmldog.com/articles/suckerfish/dropdowns/---------------------------------------------------------NOTE: After a deep research, we decide to divide thisCSS into 2 parts. The first part will define the layout.The second part will define the visual look for this menu.---------------------------------------------------------*/#cd-cssmenu {	margin-left:23px; /* all lists */	margin-right:0px;	margin-top:0px;	margin-bottom:0px;	padding:0px;	background: url(../../images/mainnav-sep.gif) no-repeat; }#cd-cssmenu ul {	margin: 0; /* all lists */	padding: 0;}#cd-cssmenu li {	margin: 0; /* all list items */	padding: 0;	float: left;	display: block;	background: url(../../images/mainnav-sep.gif) no-repeat right top;	cursor: pointer;}#cd-cssmenu li ul {	width: 16.4em;	position: absolute; /* second-level lists */	z-index: 999;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	height: auto;	width: 15.9em;}#cd-cssmenu li ul ul {	margin: -2em 0 0 15em; /* third-and-above-level lists */}#cd-cssmenu li li {	padding: 0 1em 0 0;	margin: 0;	width: 14.9em;}#cd-cssmenu ul a {	width: 14.8em;	width: 14.4em;}#cd-cssmenu li:hover ul ul, #cd-cssmenu li:hover ul ul ul,#cd-cssmenu li.sfhover ul ul, #cd-cssmenu li.havechildsfhover ul ul, #cd-cssmenu li.havechild-activesfhover ul ul, #cd-cssmenu li.activesfhover ul ul,#cd-cssmenu li.sfhover ul ul ul, #cd-cssmenu li.havechildsfhover ul ul ul, #cd-cssmenu li.havechild-activesfhover ul ul ul, #cd-cssmenu li.activesfhover ul ul ul {	left: -999em;}/* This "unhides" the sub-menus (left: -999em is what hides them) */#cd-cssmenu li:hover ul, #cd-cssmenu li li:hover ul, #cd-cssmenu li li li:hover ul,#cd-cssmenu li.sfhover ul, #cd-cssmenu li.havechildsfhover ul, #cd-cssmenu li.havechild-activesfhover ul, #cd-cssmenu li.activesfhover ul,#cd-cssmenu li li.sfhover ul, #cd-cssmenu li li.havesubchildsfhover ul, #cd-cssmenu li li.havesubchild-activesfhover ul, #cd-cssmenu li li.activesfhover ul,#cd-cssmenu li li li.sfhover ul, #cd-cssmenu li li li.havesubchildsfhover ul, #cd-cssmenu li li li.havesubchild-activesfhover ul, #cd-cssmenu li li li.activesfhover ul {	left: auto;}/* STYLING THE MENU-----------------------------------*//* 1st level */#cd-cssmenu li a {	display: block;	text-decoration: none;	line-height: 28px;	padding: 0 14px 0px;	color:#f0eeee;	font-size: 12px;	font-weight: bold;	letter-spacing: 0px;}#cd-cssmenu li a:hover,#cd-cssmenu li a:active,#cd-cssmenu li a:focus {	color: #FFFFFF;}#cd-cssmenu li:hover,#cd-cssmenu li.sfhover,#cd-cssmenu li.havechildsfhover,#cd-cssmenu li.havechild-activesfhover {	/*background: url(../../images/mainnav-hover.gif) no-repeat center top;*/	color: #FFFFFF;}#cd-cssmenu li a.active,#cd-cssmenu li a.active:hover,#cd-cssmenu li a.active:active,#cd-cssmenu li a.active:focus {	/*background: url(../../images/mainnav-active.gif) no-repeat center top;*/	color: #FFFFFF;}/* 2nd level and above */#cd-cssmenu li ul {	/*border: 2px solid #9e4c0d;	border-bottom-width: 1px;*/	background: /*url(../../images/trans-bg.png)#7a3705*/#E32613;}#cd-cssmenu li ul li {	/*border-bottom: 1px solid #9e4c0d;*/	border-right: none;	background: none;}#cd-cssmenu li ul a {	border-right: none;	margin: 0;	padding: 3px 10px;	line-height: normal;	height: auto;	background: none;	color: #FFFFFF;	font-weight: normal;	font-size: 98%;	}#cd-cssmenu li.havesubchild,#cd-cssmenu li.havesubchild-active {	background: url(../../images/arrow3.png) no-repeat 94% 50%;}#cd-cssmenu li ul a:hover,#cd-cssmenu li ul a:active,#cd-cssmenu li ul a:focus,#cd-cssmenu ul li:hover,#cd-cssmenu ul li.sfhover,#cd-cssmenu ul li.havesubchildsfhover,#cd-cssmenu ul li.havesubchild-activesfhover,#cd-cssmenu ul ul li:hover,#cd-cssmenu ul ul li.sfhover,#cd-cssmenu ul ul li.havesubchildsfhover,#cd-cssmenu ul ul li.havesubchild-activesfhover {	background: #DE1B08;	color: #FFFFFF;}#cd-cssmenu ul li a.active {	background: none !important;	color: #FFFFFF;	font-weight: bold;}#cd-cssmenu ul li a.active:hover,#cd-cssmenu ul li a.active:active,#cd-cssmenu ul li a.active:focus {	color: #FFFFFF;}