
UL.menu {
	Z-INDEX: 100; POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 0px 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY:Arial, Helvetica, sans-serif; FLOAT: left; HEIGHT: 32px; FONT-SIZE:13px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;}

UL.menu LI {
	FLOAT: left; HEIGHT:39px; line-height:39px; margin-top:-3px; display:block;
}
UL.menu LI A {
	COLOR: #fff; FONT-SIZE:13px; FONT-WEIGHT: normal; TEXT-DECORATION: none;
}
UL.menu LI A.aTop { /*background:url(../images/nav-hover-left.png) no-repeat left; */line-height:40px; padding:0 12px 0 9px; color:#fff; font-size:13px; }

UL.menu LI A.aTop:hover, UL.menu LI A.aTop.active {height:38px; background:url(../images/nav-hover-left.png) no-repeat 0 -1px;  padding:0 0px 0 9px; float:left; display:block;}
	
UL.menu LI A.aTop:hover span, UL.menu LI A.aTop.active span{height:38px; background:url(../images/nav-hover-right.png) no-repeat right -1px; padding-right:12px; float:left; color:#000; display:block; cursor:pointer;}

UL.menu LI A.aTop {FLOAT: left; /*transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -webkit-transition-delay: 0.25s */}
/*
UL.menu LI A.aTop SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: url(delaydrop/tab-left.png); FLOAT: left; CURSOR: pointer; PADDING-TOP: 0px
}
UL.menu LI A.aTop B {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 10px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(delaydrop/tab-right.png); FLOAT: left; HEIGHT: 30px; PADDING-TOP: 0px
}*/
UL.menu LI DIV.drop {
	BORDER-BOTTOM: #0c0b0b 5px solid; POSITION: absolute; BORDER-LEFT: #0c0b0b 5px solid; BACKGROUND: #fff; BORDER-TOP: #0c0b0b 5px solid; TOP: 32px; BORDER-RIGHT: #0c0b0b 5px solid; LEFT: -9999px; transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; opacity: 0
}
UL.menu LI DIV.col1 {
	WIDTH: 150px; 
}
UL.menu LI DIV.col2 {
	WIDTH: 300px; 
}
UL.menu LI DIV.col3 {
	WIDTH: 450px; 
}
UL.menu LI DIV.drop DL {
	PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: 130px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 0px
}
UL.menu LI DIV.drop DL DT {
	PADDING-BOTTOM: 3px; LINE-HEIGHT: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #0165b1; FONT-WEIGHT: bold; PADDING-TOP: 10px
}
UL.menu LI DIV.drop DL DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.menu LI DIV.drop DL DD A {
	LINE-HEIGHT: 12px; DISPLAY: block; COLOR: #c60; FONT-WEIGHT: normal; padding:5px 0; 
}
UL.menu LI DIV.drop DL DD A:hover {
	line-height:12px !important; COLOR: #000; TEXT-DECORATION:none; FONT-WEIGHT: normal;  padding:5px 0; background:none; display:block; float:none; margin:0;
}
UL.menu LI DIV.bottomLine {
	BACKGROUND: #0c0b0b; CLEAR: left; padding:5px;
}
UL.menu LI DIV.bottomLine P {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #fc6; TEXT-DECORATION: none; PADDING-TOP: 0px
}
UL.menu LI DIV.bottomLine P A:hover {
	TEXT-DECORATION: underline
}
UL.menu LI A.aTop:hover {
	COLOR: #000
}
UL.menu LI.sub:hover > A.aTop {
	BORDER-BOTTOM: #0c0b0b 2px solid; COLOR: #fc6
}
/*UL.menu LI.sub:hover > A.aTop SPAN { 
	background:url(file:///C|/Users/nidhi.shah/Desktop/test/images/nav-hover-left.png); background-repeat:no-repeat;
	COLOR: #fc6
	
}*/
UL.menu LI:hover DIV.drop {
	LEFT: 0px; transition-delay: 0.25s; -o-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; opacity: 1
}
UL.menu LI:hover DIV.left1 {
	LEFT: -154px; 
}
UL.menu LI.close {
	Z-INDEX: -1; POSITION: absolute; TOP: 0px; RIGHT: 0px; opacity: 0; transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out
}
.clear {
	CLEAR: both
}
UL.menu TABLE {
	POSITION: absolute; MARGIN: 0px 0px -1px; WIDTH: 0px; BORDER-COLLAPSE: collapse; TOP: 0px; LEFT: 0px
}
UL.menu LI.sub A.aTop:hover {
	BORDER-BOTTOM: #0c0b0b 2px solid; DIRECTION: ltr
	
}
UL.menu LI.sub A.aTop:hover DIV.drop {
	LEFT: 0px
}
UL.menu LI.sub A.aTop:hover DIV.left1 {
	LEFT: -154px
}
UL.menu LI.sub A.aTop:hover DIV.bottomLine P {
	FONT-WEIGHT: normal
}
</STYLE>

<STYLE type=text/css media="only screen and (max-device-width:768px)">UL.menu LI:hover + LI.close {
	Z-INDEX: 100; TOP: -40px; opacity: 1
}
UL.menu LI:hover + LI.close A {
	WIDTH: 50px; DISPLAY: block;  HEIGHT: 50px
}
