@charset "utf-8";
/* CSS Document */
#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{
    width: 350px; /* Main Menu Item widths */
    border: 1px solid #ccc;
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0; display:block;
    z-index:9;
	
	
}
                
/* Top level menu links style
---------------------------------------*/

#menu-v li
{
   background: #FFF ;
   
	
    list-style: none; margin: 0; padding: 0;
}
#menu-v li a
{
    font: normal 12px Arial;
   border-top: 1px solid #ccc;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: black;
    text-decoration: none;
    line-height:26px;
    padding-left:26px;    
    background-color:#FFFFCC;
}
#menu-v ul li a
{
    line-height:30px;
}

#menu-v li a:hover
{
    /*background-color:#FFCC99;*/
	background-color:#FFE7CE;
}
               
#menu-v li a.arrow:hover
{
  
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
        
  
        
#menu-v a.arrow
{
   
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menu-v li:hover, #menu-v li.onhover
{
    background-position:0 -62px;
	
}

#menu-v ul li a
{
     background-image:none;
	background-color:#EAE7DF;
}
#menu-v ul li:hover, #menu-v ul li.onhover
{
    background-color:#FF00FF;
    background-image:none;

	
}



/*Sub level menu items
---------------------------------------*/




@media screen and (min-width: 681px) {
.box
{
    position: absolute;      /* Tis property will change as per screen resolution for responsive*/
	width: 320px;
	margin-left:350px;
    margin-top:-27px;	

}


}

@media screen and (max-width: 680px) {
.box
{
    position: static;      /* Tis property will change as per screen resolution for responsive*/
	width: 320px;
	margin-left:0px;
    margin-top:0px;	

}


}