/* main menu
----------------------------*/
#ddmenu{ display:block; text-align:center;}
#ddmenu ul{width:100%!important; margin:0 auto; padding:0; display:inline-block; list-style:none; position:relative; z-index:999999990; visibility:hidden;}
#ddmenu li { margin:0; padding:0; display:inline-block; position:relative; color:#EEF4FB; float:left;}




#ddmenu li.over a{ background-color:#FFFFFF;  color:#383a35;}
#ddmenu a.arrow{ background-image:url(../images/arrow2.gif); background-repeat:no-repeat; background-position:right center; border-left:1px solid transparent; border-right:1px solid transparent;}
#ddmenu li.over a.arrow{ background-color:#FFFFFF; color:#383a35; }   
#ddmenu li > div{ padding:0; margin:0; display:none;}              
        
/* sub-menu layout
--------------------------------------------*/
#ddmenu div.drop{position:absolute; text-align:left; font-family:'Avenir-Book'; background:white; color:#333333; line-height:30px; font-size:12px; font-weight:bold;}
/* sub-menu offset
--------------------------------------------*/
#ddmenu div.drop { left:0px;/*Use this property to change offset of the sub-menu*/ }
#ddmenu div.dropToLeft { left:auto; right:0px; }
#ddmenu div.dropToLeft2 { left:auto; right:-100px; }
  
/* links in sub menu
----------------------------*/

#ddmenu div.drop a
{
    line-height:20px;
    font-size:13px;
    font-family:'Avenir-Book'; font-weight:900;
	
    color:#383a35;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background-image:none;
	padding: 7px;
	margin: 1px 0 0 0;
	background:#FFFFFF; 
}

#ddmenu div.drop a:hover
{
    background:#001641;
    color:#FFFFFF;
}

/* blocks within the sub-menu
----------------------------*/

#ddmenu div.drop div
{
    background:#FFFFFF;  
	width:280px;
}  

#ddmenu div.column
{
    float:left; /*align each column in one row*/
    
}

#ddmenu div.column div
{
   padding:0px; /*sub-div within div.column. 10px for indent.*/
}


/*######## add additional styles for mobile-friendly responsive menu ########*/
#ddmenu div.menu-icon   
{
    display:none; /* hide menu icon initially */
}

#ddmenu li.hide1 {float:left;} 

@media only screen and (min-width:641px)and (max-width:950px)

{
	#ddmenu div.drop a
	{
		padding: 7px !important;
		margin: 0 0 1px 0;
		background:#666666;
		text-decoration:none;
		color:#FFF; 
	}
	#ddmenu div.drop div
	{
	background:none;  
	width:100%;
	padding:0;
	}
	#ddmenu
	{ background:#001641;
	/*border-bottom:#FFFFFF 1px solid;*/
	}
	#ddmenu ul 
	{ 
   
    border: 1px solid #001641;
	}
    #ddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #ddmenu div.menu-icon  {
		width: 36px;
		height:30px;
		background: transparent url(../images/res_menu.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:4px;
		background-color: #001641;
		padding: 3px 3px 0px;
	}
	
    #ddmenu div.menu-icon-active {
		width: 36px;
		height:30px;
		background: transparent url(../images/menu_close.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:4px;
		background-color: #001641;
		padding: 3px 3px 0px;
    }
	
	/*override the original settings*/
	#ddmenu ul {
		width: 100%!important; 
		display: none;
		background:#001641;
		border: none; 
		border-top:1px solid #FFFFFF;
        border-radius:0; 
	}
	
    #ddmenu li {
		float: none!important;
        display:block;
        width:97.4%;
        font-size:12px !important;
        text-align:left;
	    border-top: 1px solid #FFFFFF!important; border-bottom:none!important; 
	   border-right:none!important;
    }
	
    #ddmenu a.arrow
    {
        background:url(../images/res_barrow.png) 95% 14px  no-repeat; 
		background-position-right:30px;
    }
    
    #ddmenu li.over a.arrow {
        background-color:#009baa;
       background:url(../images/res_button.png) 95% 14px no-repeat;
    }

    #ddmenu a {
        display:block; padding-bottom:7px; padding-top:7px; font-size:12px!important; font-weight:normal!important; border-right:none!important; width:100%;
    }
    
	#ddmenu div.drop {
	    position:relative;
        border-top-color:transparent;
        border-radius:0;
        box-shadow:none;
	}
    
    #ddmenu div.drop, #ddmenu div.dropToLeft, #ddmenu div.dropToLeft2 {
        left:0px; right:auto;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu div.column {
        width:auto;
        float:none;
        padding:0;
    }
}









/* main menu only for mobile horizontal and vertical######################################################################
----------------------------*/
#mddmenu{ display:block; text-align:center; letter-spacing:normal; font-size:0px; font-family:'Avenir-Book';}
#mddmenu ul{width:100%; margin:0 auto; padding:0; font-size:0; display:inline-block; list-style:none; position:relative; z-index:999999990; visibility:hidden;}
#mddmenu li { margin:0; padding:0; font-size:14px; display:inline-block; position:relative; color:#EEF4FB; float:left;}
#mddmenu a{ color:#FFFFFF; /*padding: 12px 6px 10px !important;*/ line-height:30px; text-decoration:none; display:inline-block; outline:0; position:relative; white-space:nowrap; font-size:13px; font-weight:bold; font-family:'Avenir-Book';}


/* links without sub-menu */
#mddmenu li.over a
{
    background-color:#FFFFFF; 
    color:#383a35;
}

/* links with sub-menu */
#mddmenu a.arrow
{
    background-image:url(../images/arrow2.gif);
    background-repeat:no-repeat;
    background-position:right center;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
#mddmenu li.over a.arrow
{
    background-color:#FFFFFF;
    color:#383a35;


}   

#mddmenu li > div
{
    padding:0;
    margin:0;
    display:none;
}              
        
/* sub-menu layout
--------------------------------------------*/

#mddmenu div.drop
{
    position:absolute;
    text-align:left;
     font-family:'Avenir-Book';
    background:white;
    color:#333333;
    line-height:30px;
    font-size:12px;
    font-weight:bold; 

    
}
  
/* sub-menu offset
--------------------------------------------*/

#mddmenu div.drop
{
    left:0px;/*Use this property to change offset of the sub-menu*/
	
}
#mddmenu div.dropToLeft
{
    left:auto; right:0px;
}
#mddmenu div.dropToLeft2
{
    left:auto; right:-100px;
}
  
/* links in sub menu
----------------------------*/

#mddmenu div.drop a
{
    line-height:20px;
    font-size:13px;
    font-family:'Avenir-Book'; font-weight:900;
	
    color:#383a35;
    text-decoration:none;    
    display:block;
    text-align:left;    
    position:static;
    background-image:none;
	padding: 7px;
	margin: 1px 0 0 0;
	background:#FFFFFF; 
}

#mddmenu div.drop a:hover
{
    background:#001641;
    color:#FFFFFF;
}

/* blocks within the sub-menu
----------------------------*/

#mddmenu div.drop div
{
    background:#FFFFFF;  
	width:280px;
}  

#mddmenu div.column
{
    float:left; /*align each column in one row*/
    
}

#mddmenu div.column div
{
   padding:0px; /*sub-div within div.column. 10px for indent.*/
}


/*######## add additional styles for mobile-friendly responsive menu ########*/
#mddmenu div.menu-icon   
{
    display:none; /* hide menu icon initially */
}

#mddmenu li.hide1 {float:left;} 

@media only screen and (min-width:641px)and (max-width:950px)

{
	#mddmenu div.drop a
	{
		padding: 7px !important;
		margin: 0 0 1px 0;
		background:#666666;
		text-decoration:none;
		color:#FFF; 
	}
	#mddmenu div.drop div
	{
	background:none;  
	width:100%;
	padding:0;
	}
	#mddmenu
	{ background:#001641;
	/*border-bottom:#FFFFFF 1px solid;*/
	}
	#mddmenu ul
	{ 
   
    border: 1px solid #001641;
	}
    #mddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #mddmenu div.menu-icon  {
		width: 36px;
		height:30px;
		background: transparent url(../images/res_menu.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:4px;
		background-color: #001641;
		padding: 3px 3px 0px;
	}
	
#mddmenu div.menu-icon-active { width: 36px; height:30px; background: transparent url(../images/menu_close.jpg) no-repeat center center; display: block; /*or inline-block*/ cursor: pointer; -moz-user-select:none; -webkit-user-select: none; /*align the icon to the right*/ margin-left:auto; margin-right:4px; background-color: #001641; padding: 3px 3px 0px; }
	
	/*override the original settings*/
	#mddmenu ul {
		width: 100%; 
		display: none;
		background:#001641;
		border: none; 
		border-top:1px solid #FFFFFF;
        border-radius:0; 
	}
	
    #mddmenu li {
		float: none!important;
        display:block;
        width:97.4%;
        font-size:12px !important;
        text-align:left;
	    border-top: 1px solid #FFFFFF!important; border-bottom:none!important; 
	   border-right:none!important;
    }
	
    #mddmenu a.arrow
    {
        background:url(../images/res_barrow.png) 95% 14px  no-repeat; 
		background-position-right:30px;
    }
    
    #mddmenu li.over a.arrow {
        background-color:#009baa;
       background:url(../images/res_button.png) 95% 14px no-repeat;
    }

    #mddmenu a {
        display:block; padding-bottom:0px!important; padding-top:0px!important; font-size:12px!important; font-weight:normal!important; border-right:none!important; width:100%!important;
    }
    
	#mddmenu div.drop {
	    position:relative;
        border-top-color:transparent;
        border-radius:0;
        box-shadow:none;
	}
    
    #mddmenu div.drop, #mddmenu div.dropToLeft, #mddmenu div.dropToLeft2 {
        left:0px; right:auto;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #mddmenu div.column {
        width:auto;
        float:none;
        padding:0;
    }
}



@media only screen and (min-width:481px)and (max-width:640px)
{
.accordion .item .content {display: none; position:absolute;  width:139%!important; float:left; margin-left:-41%!important; left:0!important; margin-top:7px; border:1px solid #011435; padding:5px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceaea+0,dad7d7+100 */
background: #eceaea; /* Old browsers */
background: -moz-linear-gradient(top, #eceaea 0%, #dad7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eceaea 0%,#dad7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eceaea 0%,#dad7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#dad7d7',GradientType=0 ); /* IE6-9 */
}
}




@media only screen and (min-width:320px)and (max-width:640px)

{
	#mddmenu div.drop a
	{
		padding: 7px !important;
		margin: 0 0 1px 0;
		background:#666666;
		text-decoration:none;
		color:#FFF; 
	}
	#mddmenu div.drop div
	{
	background:none;  
	width:100%;
	padding:0;
	}
	#mddmenu
	{/* background:#00CC99;*/ 	}
	#mddmenu ul
	{ 
   
    border: 1px solid #001641;
	}
    #mddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #mddmenu div.menu-icon  {
		width: 36px;
		height:30px;
		background: transparent url(../images/res_menu.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
		background-color: #001641;
		padding: 3px 3px 0px;
	}
	
    #mddmenu div.menu-icon-active {
		width: 36px;
		height:30px;
		background: transparent url(../images/menu_close.jpg) no-repeat center center;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
       /* margin-left:auto;*/
        margin-right:4px;
		background-color: #001641;
		padding: 3px 3px 0px;
    }
	
	/*override the original settings*/
	#mddmenu ul {
		width: 100%; 
		display: none;
		background:#001641;
		border: none; 
		border-top:1px solid #FFFFFF;
        border-radius:0; 
	}
	
#mddmenu li { float: none!important; display:block; width:97.4%; font-size:12px !important; text-align:left; border-top: 1px solid #FFFFFF!important; border-bottom:none!important;  border-right:none!important;}
#mddmenu a.arrow { background:url(../images/res_barrow.png) 95% 14px  no-repeat;  background-position-right:30px; }
#mddmenu li.over a.arrow { background-color:#009baa; background:url(../images/res_button.png) 95% 14px no-repeat; }
#mddmenu a { display:block; padding-bottom:0px!important; padding-top:0px!important; font-size:12px!important; font-weight:normal!important; border-right:none!important; width:98.7%!important; padding-left:5px; }
#mddmenu div.drop { position:relative; border-top-color:transparent; border-radius:0; box-shadow:none; }
#mddmenu div.drop, #mddmenu div.dropToLeft, #mddmenu div.dropToLeft2 { left:0px; right:auto; }
/*turn each column to list vertically instead of horizontally */
#mddmenu div.column { width:auto; float:none; padding:0; }
}

/*search_area*/
.accordion { width: 100%; overflow: hidden; margin: auto; }
.accordion .item .heading { height:20px; width:20px; cursor: pointer; box-sizing:border-box; }
.accordion .item.open .heading,
.accordion .item:last-child .heading { border: 0; }
.accordion .item.open .heading {  }
.accordion .item .content {display: none; position:absolute;  width:144%; float:left; margin-left:-46.7%; left:0!important; margin-top:7px; border:1px solid #011435; padding:5px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceaea+0,dad7d7+100 */
background: #eceaea; /* Old browsers */
background: -moz-linear-gradient(top, #eceaea 0%, #dad7d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eceaea 0%,#dad7d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eceaea 0%,#dad7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaea', endColorstr='#dad7d7',GradientType=0 ); /* IE6-9 */
}
.bh_54 {float:left; width:75%; height:17px; padding:5px; border: 1px solid  #999999; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; background-color:#fff; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.bh_57 {float:right; background-color:#011435; width:50px; height:29px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
text-decoration:none;  text-align:center; border:0; cursor:pointer; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}