/* reliance india by kali  on http://friendwap.mobie.in
*/


#outside{
	border:1px solid #000000;
	background:#600090;
	} 
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:bold 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:100px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#600090;
	color:#ffffff;
	width:100px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:8px 0;
	display:block;
	text-align:left;
	text-decoration:none;
	background:#E0FF60;
	color:#FF0000;
	width:160px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:160px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:160px;
	clear:left;
	width:160px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#000000;
	padding:4px 0;
	width:160px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#FFFF00;
	padding:4px 0;
	width:160px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:159px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:160px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#FFFF00;
}
<style type="text/css">
.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% comic sans ms;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 4px 10px;
text-decoration: none;
padding-right: 95px; 
/*extra right padding to account for curved right edge of tab image*/
color: purple;
background: transparent url(http://chandan2011.mobie.in/menu/back_image.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -15px;/*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: white;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(http://chandan2011.mobie.in/menu/back_image.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

.left {text-align: left;}

.center {text-align: center;}
.top {background-color:#fff;border:1px solid #eee;}

.link1 { background-color: white; text-align: left; margin-left: 1px; border-color: black; border-style: solid; border-width: 1px; color: black; }


.link2 { background-color: silver; text-align: left; border-width: 1px; border-style: solid; border-color: white; margin-left: 1px; }

.line { left margin: 1px; border-bottom:1px dashed #bbb; padding:3px;} .head {background:grey;border:1px solid #ddd;font-weight:bold;color:navy;margin-top:1px;padding:3px;text-align:center;}
.ad{font-weight:bold;}  
.airtel {background-color:#c5e7f6;border:1px solid #8bcfed;text-align:center;font-weight:bold;color:#333333;padding:3px;margin:0px;} 
.update {border-bottom:1px dashed #bbb;padding:3px;} 
</style>