.Style1 {
	border-style: none;
	border-width: 0px;
}

.Style2 {
	color: white;
	text-align: center;
	background-image: url('/DesktopModules/CISS.SideMenu/styles/images/btn-repeat-sel.gif');
	background-repeat: repeat-x;
	height: 22px;
}

TD.Style2 {
	border-bottom-style: none;
	border-width: 0px;
	white-space: nowrap;
}

.Style3 {
	color: black;
	text-align: center;
	background-image: url('/DesktopModules/CISS.SideMenu/styles/images/btn-repeat.gif');
	text-transform: capitalize;
	height: 22px;
}

TD.Style3 {
	border-bottom: thin #c6c6c5 solid;
	border-width: 0px;
	white-space: nowrap;
}

.Style3-alt {
	color: black;
	text-align: center;
	background-image: url('/DesktopModules/CISS.SideMenu/styles/images/btn-repeat-alt.gif');
	text-transform: capitalize;
	height: 22px;
}

TD.Style3-alt {
	border-bottom: thin #c6c6c5 solid;
	border-width: 0px;
	white-space: nowrap;
}

.Style4 {
	text-align: left;
}

TD.Style4 {
	border-bottom: thin #c6c6c5 solid;
	border-width: 0px;
}

.MenuLevel0, .MenuLevel0:link, .MenuLevel0:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight: bolder;
}

.MenuLevel0:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
	font-weight: bolder;
}

.MenuLevel0-alt, .MenuLevel0-alt:link, .MenuLevel0-alt:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EEEEEE;
	text-decoration: none;
	font-weight: bolder;
}

.MenuLevel0-alt:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111111;
	text-decoration: none;
	font-weight: bolder;
}

.MenuLevel0Selected, .MenuLevel0Selected:link, .MenuLevel0Selected:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
	font-weight: bolder;
}

TD.MenuLevel0Selected {
	border-width: 0px;
}

.MenuLevel1Selected, .MenuLevel1Selected:visited {
	line-height: 22px;
	text-decoration: none;
	color: white;
	font-weight: bolder;
}

.MenuLevel1, .MenuLevel1:visited, .MenuLevel1:link {
	line-height: 22px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #444444;
	font-weight: bolder;
}

.MenuLevel1:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.MenuLevel1Selected, .MenuLevel1Selected:visited, .MenuLevel1Selected:link {
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #222222;
}

TD.Level1Seperator {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: white;
}

#dropmenudiv {
	position:absolute;
	border: 2px solid #CCCCCC;
	margin-left: -8px;
	margin-top: 12px;
	border-bottom-width: 0;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif 10px;
	line-height: 18px;
	z-index: 100;
	white-space: nowrap;
}

#dropmenudiv a {
	display: block;
	border-bottom: 2px solid #CCCCCC;
	padding: 1px 4px;
	text-decoration: none;
	font-weight: lighter;
	color: black;
}

#dropmenudiv a:hover {
	background-color: #888888;
	color: white;
}

/*level-2 container
A bar containing the level2 and its child elements
*/
div.level2
{
	width: 100%;                    /*width of the level-2*/
	/*background-color: #cbcbcb;*/      /*background color of level-2, background image can also b used*/
	background-image: url('../images/bg_level-2.gif');
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;	
	font-size:10px;	
}
div.level2 a {color:#444444;}

/*Common rules for all the ul*/
#nav, #nav ul {
	line-height:1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 35px;               /*height of the level-2 bar*/
}
#nav a {
	display:block;
	text-decoration: none;
}
/*text inside the horizotanl level-2 menu
ha --> horizontal Link(a)
*/
#nav a.hA {
	display:block;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
	line-height: 35px;          /*this should b same as height of ul to center aline the text*/
	padding: 0px 5px;          /*increse/decrease indentation of text in level-2*/
}

/*When mouseover the level-2 items this class will b used
hASelected --> horizontal Link(a) when Selected
*/
#nav a.hASelected{
	display:block;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
	line-height: 35px;          /*this should b same as height of ul to center aline the text*/
	padding: 0px 5px;          /*increse/decrease indentation of text in level-2*/
	color: #fff;
	background-color: #b3b3b3;  /*background of selected level-2, you can use background image too here*/
}

/*hLI --> horizontal List Item*/
#nav li.hLI {
	float:left;
	list-style: none;	
}
/*vLI --> vertical List Item*/
#nav li.vLI{	
	display: inline;        /*IE6 hack*/
	list-style: none;
}
/*level-3 text link
vA --> vertical Link(a)
*/
#nav a.vA{
	display: block;
	background-color: #b3b3b3;
	/*height: 20px;           height and line-height shld b same to center align*/
	line-height: 20px;
	padding-left: 10px;	
}
#nav a.vAWithArrow{
	display: block;
	background-color: #b3b3b3;
	/*height: 20px;           height and line-height shld b same to center align*/
	line-height: 20px;
	padding-left: 10px;	
	background: #b3b3b3 url('/DesktopModules/CISS.SideMenu/styles/images/rArrow1.gif') no-repeat 95% center;
}
/*when mouseover dropdownmenu this class will b used
vASelected --> vertical Link(a) when selected
*/
#nav a.vASelected{
	display: block;
	background-color: #888888;
	color: #fff;
	/*height: 20px;*/
	line-height: 20px;	
	padding-left: 10px;
}
#nav a.vASelectedWithArrow{
	display: block;
	background-color: #888888;
	color: #fff;
	/*height: 20px;*/
	line-height: 20px;	
	padding-left: 10px;
	background: #888888 url('/DesktopModules/CISS.SideMenu/styles/images/rArrow2.gif') no-repeat 95% center;
}
div.preload {position: absolute; left: -9999em; background: #888888 url('/DesktopModules/CISS.SideMenu/styles/images/rArrow2.gif') no-repeat 95% center; }

/*2nd level seperator bar*/
li.Level2Seperator 
{
    width: 1px;
    height: 15px;
    float: left;
    list-style: none;
    border-right: 1px solid #000;
    margin-top: 10px;
}
#nav li ul {
	left:-999em;
	position:absolute;
	width:225px;        /*widht of the level-3,4,5,.. menus*/
	z-index: 9999;
}

/*to show image on items which have submenu*/
a.arrow { background: transparent url('/DesktopModules/CISS.SideMenu/styles/images/rArrow1.gif') no-repeat 95% 0px; }
/*a.a1rrow:hover { background: transparent url('/DesktopModules/CISS.SideMenu/styles/images/rArrow1.gif') no-repeat 55% 0px; }*/


/*for proper working it shld b
margin: -(height of vA)px 0 0 (width of the level-3,4,5,... menus*/
#nav li ul ul {
	margin:-20px 0 0 225px;
	border-top: 1px solid #000000;
}
/*
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}*/
.inline
{
	display: inline;
}

/*-----Bottom Rounded Corner */
.xbottom{
	background:transparent none repeat scroll 0 0;
	display:block;
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4
{
	display:block;
	overflow:hidden;
}
.xb2, .xb3, .xb4
{
	background:#b3b3b3 none repeat scroll 0 0;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
}
.xb4 
{
	height:2px;
	margin:0 1px;
}
.xb3
{
	margin:0 2px;
	height:2px;
}
.xb2 
{
	border-width:0 2px;
	height:1px;
	margin:0 3px;
}
.xb1
{
	background:#b3b3b3 none repeat scroll 0 0;
	height:1px;
	margin:0 5px;
}
/*-------------End Rounded Corner---------------*/


/*Note: If you want different colors/settings for levels 5,6,7...
  code will b used same way*/
/*------------Level-4 Menu----------------------*/
/*for the link in level-4 menu*/
#nav li ul ul  a.vA, #nav li ul ul  a.vAWithArrow{
	display: block;
	color: #333;
	background-color: #888888;
	height: 20px;
	line-height: 20px;
}
/*when mouseover the level-4 menu*/
#nav li ul ul  a.vASelected, #nav li ul ul  a.vASelectedWithArrow{
	display: block;
	background-color: #666666;
	color: #fff;
	height: 20px;
	line-height: 20px;	
	padding-left: 10px;
}
/*bottom corner for the level-4 menu*/
#nav li ul ul .xb2,#nav li ul ul .xb3,#nav li ul ul .xb4
{
	background:#888888 none repeat scroll 0 0;
	border-left:1px solid #888888;
	border-right:1px solid #888888;
}
#nav li ul ul .xb1
{
	background:#888888 none repeat scroll 0 0;
	height:1px;
	margin:0 5px;
}
/*------------End of Level-4 Menu----------------------*/