h2 {font: normal 26px Arial, sans-serif; padding: 20px 0; margin: 0 0 30px 0;}

.demo-container {padding: 30px 0; width: 165px; margin-right: 5px; float: left;}
.demo-container.right {float: right;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.clear {clear: both;}

/* Vertical Mega Menu Styles */
.dcjq-vertical-mega-menu .menu{
font: normal 14px Arial, sans-serif; 
line-height: 16px; 
position: relative; /* Required */
border: 0px solid #999;
border-bottom: none;
background: none repeat scroll 0 0 #FAFAFC;
border-radius: 5px 5px 5px 5px;
list-style:none;
float:right;
width:160px;
}
.dcjq-vertical-mega-menu .menu li a {
display: block; 
color: #1D1DA3; 
padding:15px 0px 5px 40px; 
/*margin-left: 40px;*/
text-shadow: 1px 1px 1px #fff; 
text-decoration: none;
border-bottom: 0px solid #999;
background: url(images/bg_nav.png) repeat-x 0 0;
}
.dcjq-vertical-mega-menu .menu li a:hover, .dcjq-vertical-mega-menu .menu li.mega-hover a {
/*background-position: 0 -40px; */
/*color: #1D1DA3; 
text-shadow: 1px 1px 1px #000;
background:#DDD;*/
text-decoration:underline;

}
.dcjq-vertical-mega-menu .menu li a.dc-mega {
position: relative;
}
/* Add arrow icon to parent links */
.dcjq-vertical-mega-menu .menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 14px; 
right: 15px; 
width: 6px; 
height: 8px; 
background: url(images/arrow_right.png) no-repeat -6px 0;
}
.dcjq-vertical-mega-menu .menu li a:hover .dc-mega-icon, .dcjq-vertical-mega-menu .menu li.mega-hover a .dc-mega-icon {
background-position: 0 0;
}
/* Mega menu container */
.dcjq-vertical-mega-menu .menu li .sub-container {
position: absolute; /* Required */
overflow: hidden;
background: url(images/bg_menu.png) no-repeat 100% 100%; /* Add the drop shadow */
padding: 0 13px 17px 0; /* Padding for drop shadow */
}
.dcjq-vertical-mega-menu .menu li .sub-container .sub {
border: none;
padding: 15px 15px 5px 15px;
background: #fff url(images/bg_grad_top.png) repeat-x 0 0;
border-top: 1px solid #ccc; 
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ccc;
}
.dcjq-vertical-mega-menu .menu li .sub .row {
width: 100%; overflow: hidden; /* Clear floats */
}
.dcjq-vertical-mega-menu .menu li .sub li {
float: none; 
width: auto; 
font-size: 1em; 
font-weight: normal;
}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr {
float: left; /* Required */
margin: 0 5px 10px 5px;
}
.dcjq-vertical-mega-menu .menu li .sub a, .dcjq-vertical-mega-menu .menu.left li .sub a {
background: none; 
border: none; 
text-shadow: none;
float: none;
color: #000; 
display: block;
text-decoration: none; 
font-size: 0.9em;
margin-bottom: 0;
}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr a.mega-hdr-a {
background: url(images/bg_nav.png) repeat-x 0 -40px; 
padding: 5px;
margin-bottom: 5px;
text-transform: uppercase; 
font-weight: bold; 
color: #fff;
text-shadow: 1px 1px 1px #000;
text-align: center;
}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
text-shadow: none;
}
.dcjq-vertical-mega-menu .menu .sub li.mega-hdr li {margin-bottom: 3px;}
.dcjq-vertical-mega-menu .menu .sub li a {
padding: 3px 3px 3px 15px;
background: url(images/bullet.png) no-repeat 3px 8px;
font-weight: normal;
text-transform: capitalize; font-size: 12px;
}
.dcjq-vertical-mega-menu .menu .sub li a:hover {
text-decoration:underline;
/*color: #fff;
background: #000 url(images/bullet_white.png) no-repeat 5px 8px;*/
}
.dcjq-vertical-mega-menu .menu .sub ul li {
padding-right: 0;
}
/* Custom mega menu styling */
.dcjq-vertical-mega-menu .menu li#menu-item-1 .sub .row {
padding: 10px 10px 0 40px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: url(images/mens.png) no-repeat 0 center;
}
.dcjq-vertical-mega-menu .menu li#menu-item-1 .sub .row.last {
background: url(images/ladies.png) no-repeat 0 0;
}
.dcjq-vertical-mega-menu .menu li#menu-item-1 .sub li.mega-hdr {
padding: 75px 0 0;
}
li#menu-item-4.mega-hdr {background: url(images/nike.png) no-repeat center 0;}
li#menu-item-5.mega-hdr {background: url(images/reebok.png) no-repeat center 0;}
li#menu-item-6.mega-hdr {background: url(images/adidas_1.jpg) no-repeat center 0;}
li#menu-item-7.mega-hdr {background: url(images/gola_1.jpg) no-repeat center 0;}
li#menu-item-8.mega-hdr {background: url(images/nike_2.jpg) no-repeat center 0;}
li#menu-item-9.mega-hdr {background: url(images/reebok_2.jpg) no-repeat center 0;}
li#menu-item-10.mega-hdr {background: url(images/adidas_2.jpg) no-repeat center 0;}
li#menu-item-11.mega-hdr {background: url(images/gola_2.jpg) no-repeat center 0;}

li#menu-item-3 li.mega-hdr {padding: 120px 0 0;}
li#menu-item-15.mega-hdr {background: url(images/bag_1.jpg) no-repeat center 0;}
li#menu-item-16.mega-hdr {background: url(images/bag_2.jpg) no-repeat center 0;}
li#menu-item-17.mega-hdr {background: url(images/bag_3.jpg) no-repeat center 0;}
li#menu-item-18.mega-hdr {background: url(images/bag_4.jpg) no-repeat center 0;}

/* Styling for menu items with only 2 levels */
.dcjq-vertical-mega-menu .menu li .sub-container.non-mega .sub {
padding: 10px;
background: #fff;
}
.dcjq-vertical-mega-menu .menu li .sub-container.non-mega li {
padding: 0; 
margin: 0;
width: 150px;
float: none;
}


/* Custom styling for 2 levels */
.dcjq-vertical-mega-menu .menu li#menu-item-2 .sub-container.non-mega .sub {
width: 480px; 
height: 180px;
padding: 20px 10px 10px;
}
.dcjq-vertical-mega-menu .menu li#menu-item-2 .sub-container.non-mega li {
float: left;
}
li#menu-item-12, li#menu-item-13, li#menu-item-14{
padding: 150px 0 0;
margin-right: 10px;
}
li#menu-item-12 {background: url(images/jacket_1.jpg) no-repeat center 0;}
li#menu-item-13 {background: url(images/jacket_2.jpg) no-repeat center 0;}
li#menu-item-14 {background: url(images/jacket_3.jpg) no-repeat center 0;}

.img-sprite {
    background-image: url("images/sp1.png");
}

#nav-mail {
    background-position: -43px -66px;
}
.type_navrail li i {
    height: 20px;
    margin-right: 10px;
    vertical-align: text-bottom;
    width: 20px;
}

#mega-1 > li{
	background-image: url("../images/sprites.png");
    background-repeat: no-repeat;
}

#nav-news {
	background-position: 0px -512px ;	
}
#nav-articles {
  background-position: 0px -165px ;
}
#nav-videos {
    background-position: 0px -385px;
}

#nav-cricket {
	background-position: 0px -125px ;
}

#nav-finance {
    background-position: 0px -78px;
}
#nav-forum {
    background-position: 0px -34px;
}
#nav-connect {
    background-position: 0px -596px;
}
#nav-games {
    background-position: 0px 3px;
}
#nav-contact {
    background-position: 0px -558px;
}
#nav-livetv {
    background-position: 0px -472px;
}#nav-Weather {
    background-position: 0px -217px;
}
#nav-Translation {
    background-position: 0px -306px;
}
#nav-SMS {
    background-position: 0px -261px;
}
#nav-Chat {
    background-position: 0px -428px;
}
#nav-Wallpapers {
    background-position: 0px -346px;
}

#nav-views{
   background: url("../images/v2.png") no-repeat scroll 0px 5px transparent;
   background: url("../images/v3.jpg") no-repeat scroll 0px 10px transparent;
}
#nav-buzz{
   background: url("../images/b1.png") no-repeat scroll 2px 5px transparent;
}
#nav-dictionary{
   background: url("../images/d2.png") no-repeat scroll 5px 7px transparent;
   padding-bottom:	7px;
}
/*	================================================================================================================
	================================================================================================================
	================================================================================================================	*/

#mega-menu-9 li ul {display: none;}
#mega-menu-9 .sub ul {display: block;}

#collapse-menu {
    border-top-color: #F9F9F9;
    color: #AAAAAA;
}

#collapse-menu {
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 34px;
    list-style: none outside none;
    text-align: right;
    width: 160px;
}

#collapse-button {
    background: linear-gradient(to top, #DFDFDF, #FFFFFF) repeat scroll 0 0 #F4F4F4;
    border-color: #CCCCCC;
}
#collapse-button {
    float: left;
    margin: 8px 6px;
}
#collapse-button, #collapse-button div {
    background: none;/* repeat scroll 0 0 #FAFAFC*/
    float: left;
    height: 15px;
    width: 15px;	
	height: 18px;
    width: 28px;
	margin-left: -4px;
    margin-top: 1px;
}


.folded #collapse-button div {
    background-position: 0 -72px;
}

#mydiv{
  	float: left;
    font-size: 10px;
    height: 550px;
    margin-left: -30px;
    margin-top: 2px;
    position: relative;
    width: 20px;
	display:none;
}
#mydiv1{
  float:left; margin-top:2px; height:550px; margin-left:-20px; position:relative; width:20px; font-size:10px;
}
#collapse-button2, #collapse-button2 div {
    background: none repeat scroll 0 0 #FAFAFC;
    float: left;
    height: 20px;
    margin-left: -1px;
    margin-top: 30px;
    width: 20px;
}