/* CSS Document */

/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title    : Top Navigation
Author   : Anand, e-Tech team
Verified : 
URL      : #

Description : Top Navigation

Created  : 28 April 2010
Modified : 05 May 2010

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

.topNavArea
{
	width: 100%;
	float: left;
}

.topNavArea ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

/*Top level list items*/
.topNavArea ul li
{
	margin:0px 2px 0px 3px;
	width:95px;
	float:left;
	text-align:center;
}

.topNavArea ul li img
{
	margin:0px 3px;
}

.topNavArea ul li span
{
	display:block;
}

/*Top level menu link items style*/

.topNavArea ul li a
{
	display: block;
	padding: 2px 0px;
	color: #666;
	text-decoration: none;
}

#topNav li a:hover img
{
	background: #fff;
	border:none;
	display:inline-block;
	color:#676666;
	padding: 0px 0px;
}

#topNav li a:hover span
{
	border:none;
	display:block;
	padding: 3px 0px;
}

/*1st sub level menu*/
#topNav li ul
{
	left: 0;
	position:inherit;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	padding: 3px 0px; 
	margin: 0px 0px;
	border:1px solid #c5c5c5;
	border-top:none;
	background-color:#fff;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#topNav li ul li
{
	background:none;
	display: block;
	float: none;
	margin:1px 3px;
	padding:0px 0px 3px;
	border:none;
	border-bottom:1px dashed #c5c5c5
}

/* Sub level menu links style */
#topNav li ul li a
{
	color: #666;
	background: #efefef;
	text-decoration: none;
	display: block;
}

#topNav li ul li a:hover
{
	color: #fff;
	background: #ef7c3a;
	display: block;
}

/* ----------------- Hiding and Revealing using :hover ---------------- */

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

a img
{
	border:none;
	background:none;
}
/*Background image for top level menu list links */
#topNav .mainfoldericon
{
	
}

/*Background image for subsequent level menu list links */
#topNav .subfoldericon
{
	background:url(../images/arrow-ps.gif) no-repeat center right;
}

#topNav .subfoldericonwdh
{
	margin:-10px 0px 0px;
	
}

#topNav .subfoldericon:hover
{
	background:#cbdffb url(../images/arrow-ps.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #topNav li { float: left; height: 1%; }
* html #topNav li a { height: 1%; }
/* End */

a img
{
	border:none;
	background:none;
}