﻿/* top level
--------------------------------------------*/
.menuTemplate2
{
    margin:0px auto 0 auto !important; width: auto;float:right;
    behavior: url("/horizontal/menuh/cssmenu.htc");
    position:relative;
    z-index:4;
    height: auto;
    background: none;
    border: none;
    font-family: 'Ubuntu', sans-serif !important;
    list-style: none;
    padding: 0;
}

.menuTemplate2 div {
    box-sizing:content-box;
}

.menuTemplate2 li
{
    padding: 0;
    float: none;
    /*height: 34px;
    _height:36px;*//*IE6 Hack*/
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    z-index:5;
    
    border-left:1px solid;
    border-right:1px solid;
    border-top:2px solid;
    border-color:transparent;
    _border-color:#FFF;/*IE6 Hack*/
    display: inline-block;
}

.menuTemplate2 li a:hover, .menuTemplate2 li a.onhover
{
   /* border-color:#DDD;*/
    /*border-top:2px solid #B00;*/
    /*border-bottom:1px solid #DDD;*/
}
.menuTemplate2 a
{
    padding: 0px 0px 0px 60px !important;
    line-height: 74px; /*Note: keep this value the same as the height of .menuTemplate2 li */
    font-size: 18px;
    font-weight: normal;
    outline: 0;
    text-decoration: none;
    color: #838383;
    position: relative;
	transition: all 0.5s ease-out;
	cursor:pointer;
}

.fixed .menuTemplate2 a{line-height:60px; transition: all 0.5s ease-out;}

.menuTemplate2 li a:hover , .menuTemplate2 li a.onhover
{
    /*background-color: #EEE;*/
    color: #0a94dd;
    z-index: 9; 
	transition: all 0.5s ease-out;
}
.menuTemplate2 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuTemplate2 li.separator
{
    display:none;
}
               
        
/* sub level
--------------------------------------------*/
        
.menuTemplate2 .drop
{   
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom:2px solid #2056AE;
    background: #FFF url(bg_grad.gif) repeat-x 0 0;
    text-align: left;
    padding: 20px 20px 20px 40px !important;  
    top:73px;
}
.fixed .menuTemplate2 .drop
{
    top:60px; 
}

.menuTemplate2 .drop ul
{	
	margin:0; padding:0; 
}
.menuTemplate2 .drop ul li
{	
	list-style:none; 
	float:none !important;
	width:100%;
	padding:0 !important;
}
.menuTemplate2 .drop ul li a
{
    padding:0 0 0 20px !important;
    font-size: 15px;
    line-height: 32px !important;
    font-weight: normal;
    display: inline;
    text-align: left;
    color:#636466 !important;
    position: relative;
    z-index: 0;
	cursor:pointer;
	
}
.menuTemplate2 .drop ul li a:hover
{
	color:#000 !important
}
.menuTemplate2 .drop ul li a:after{
	content: '\f101';
	position: absolute;
	top: 0px;
	left: 0;
	font-size: 15px;
	line-height: 17px !important;
	color:#2056AE;
	font-family:'FontAwesome';
	transition: 0.3s all ease;
}
.menuTemplate2 .drop ul li a:hover:after{
	content: '\f101';
	position: absolute;
	top: 0px;
	left: 5px;
	font-size: 15px;
	line-height: 17px !important;
	color:#2056AE;
	font-family:'FontAwesome';
	transition: 0.3s all ease;
}

.menuTemplate2 .drop a:hover{text-decoration:none;}

.menuTemplate2 li:hover .drop, .menuTemplate2 li.onhover .drop
{
    left: -690px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate2 li:hover .small, .menuTemplate2 li.onhover .small
{
    left: 0px !important;/*Use this property to change offset of the dropdown*/
}
.menuTemplate2 li:hover .dropToLeft, .menuTemplate2 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate2 li:hover .dropToLeft2, .menuTemplate2 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate2 div.drop div div
{
    padding: 6px 0px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}

.menuTemplate2 .drop .left b {color:#2056ae !important; font-size:18px; font-weight:500;}
.menuTemplate2 .drop .left b i {color:#03a9f4 !important; font-size:20px;}

 
     
/* CSS3 effects
--------------------------------------------*/

/*for submenu.*/
.decor2_2 
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    -moz-box-shadow: 0 0 14px #AAA;
    -webkit-box-shadow: 0 0 14px #AAA;
    box-shadow: 0 0 14px #AAA;  
}