@font-face {font-family:"alqalam-telenor-regular-1";src: url("../fonts/alqalam-telenor-regular-1.ttf");}
@font-face {font-family:"urdu-nasq-regular-1";src: url("../fonts/urdu-nasq-regular-1.ttf");}
@font-face {font-family:"farsi-unicode-regular-1";src: url("../fonts/farsi-unicode-regular-1.ttf");}
@font-face {font-family:"DIWANI";src: url("../fonts/DIWANI.TTF");}
   
   
    .lavaLampWithImage {
	position: relative;
	height: 14px;
	width: 870px;
	font-family:"alqalam-telenor-regular-1";
	background-color:none;
	padding: 15px;
	margin: auto;
	overflow: hidden;
	border:0px solid;

			
			
        }
                .lavaLampWithImage li {
	float: right;
	display: block;
	padding:1px;
	display:list-item;
	list-style-type:none;
	text-align:center; 
	height:58px;
	list-style-position: outside;
	list-style-image: url(../../../images/Menu-lin.png); direction:ltr;
                } 
				.lavaLampWithImage li.lin-l{	list-style-position: outside;
	list-style-image: url(../../../images/Menu-lin.png); direction:ltr;}
	            
				.lavaLampWithImage li.lin-r{ background:url(../../../images/Menu-lin.png) scroll no-repeat center right; float:right;  }
	
                    .lavaLampWithImage li.back {
                           background: url(lava.png) no-repeat left -44px !important;
    background-image: url(lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -12px 0 0 -5px;
                    }
                        .lavaLampWithImage li.back .left {
                             background: url(lava.png) no-repeat top left !important;
    background-image: url(lava.gif);
    height: 44px;
    margin-right: 0px;
 /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font-size:6px;
						font-family:"alqalam-telenor-regular-1";
                        text-decoration: none;
						text-shadow:2px 2px 1px #FDFDFD;
                        color: #B2B2B2;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin:-8px 25px 3px 6px;    
                    }
                       
					  .lavaLampWithImage li a:hover   { color:#D90072;}
					    .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
					          border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font-size:6px;
						font-family:"alqalam-telenor-regular-1";
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 6px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 15px solid blue;
                        width: 9px;
                        height: 60px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font-size:6px;
						font-family:"alqalam-telenor-regular-1";
                        text-decoration: none;
                        color: #FFCC33;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     
/* 2nd CSS started from here and edit from here */

div#lavaLampWithImage a:hover, div#lavaLampWithImage a:hover span { color: #fff; }
div#lavaLampWithImage li.current a {}

div#lavaLampWithImage span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#lavaLampWithImage ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/item-pointer.gif);
}
div#lavaLampWithImage ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* lavaLampWithImage::level1 */
div#lavaLampWithImage a {
    padding: 2px 10px 0 10px;
    line-height: 30px;
    color: #AAAAAA;
}
div#lavaLampWithImage span {
    margin-top: 0px;
}/**@replace#1*/
div#lavaLampWithImage li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
div#lavaLampWithImage li.last { background: none; }

/* lavaLampWithImage::level2 */
div#lavaLampWithImage ul ul li { background: none; }
div#lavaLampWithImage ul li ul li a:hover {
  background-color:#EF104E;
  color:#fff;
}
/* YAHA ADD KIYA THA LAST TIME*/
div#lavaLampWithImage ul li ul {
  -moz-box-shadow: 0 3px 7px #ccc;
  -webkit-box-shadow: 0 3px 7px #ccc;
  -khtml-box-shadow: 0 3px 7px #ccc;
  box-shadow: 0 3px 7px #ccc;
  background:#fff;
  display:none;
  position:absolute;
  z-index:1;
  border:1px solid #dfdfdf;
  border-top-color:#ce6000;
}
/* END*/
div#lavaLampWithImage ul ul {
    position: absolute;
    top: 42px;
    left: -999em;
    width: 190px;
    padding: 10px 0px  0px 2px;
    background: url(../images/red-bg.png) repeat scroll 0 0 #db193d;
		-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-khtml-border-radius::0 0 5px 5px;
		-moz-border-top-right-radius:0px;
		-moz-border-top-left-radius:0px;
		-moz-border-bottom-right-radius:5px;
		-moz-border-bottom-left-radius:5px;
		-webkit-border-top-right-radius:0px;
		-webkit-border-top-left-radius:0px;
		-webkit-border-bottom-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-khtml-border-top-right-radius:0px;
		-khtml-border-top-left-radius:0px;
		-khtml-border-bottom-right-radius:5px;
		-khtml-border-bottom-left-radius:5px;	
    margin-top:1px;
}
div#lavaLampWithImage ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}
div#lavaLampWithImage ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
div#lavaLampWithImage ul ul a:hover span {
    color: #fff;
}
div#lavaLampWithImage ul ul li.last { background: url(bg.gif); }
div#lavaLampWithImage ul ul li {
    width: 100%;
}

/* lavaLampWithImage::level3 */
div#lavaLampWithImage ul ul ul {
    padding: 0;
    margin: -40px 0 0 0px !important;

}

/* colors */
div#lavaLampWithImage ul ul ul { background:  #A3041E; }
div#lavaLampWithImage ul ul ul ul { background:  #A3041E; }
div#lavaLampWithImage ul ul ul ul { background:  #A3041E; }
