﻿
/* TAB MENU - Holdings, Hanison Contractors  
----------------------------------------------------------*/

div.hideSkiplink
{
        background-color:#3a4f63;
        width:100%;
}

div.menu
{
        padding: 0px 0px 0px 0px;
        font-size: small;
}

div.menu ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        z-index: 10;
}

div.menu ul li a, div.menu ul li a:visited
{
        background-color: #142664;
        border: 0px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 9px;
        text-decoration: none;
        white-space: nowrap;
}

div.menu ul li a:hover
{
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
}

div.menu ul li a:active
{
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}
/* ----------------------------------------------------------*/

/* TAB MENU - TRIGON  
----------------------------------------------------------*/

div.menu_trigon
{
        padding: 0px 0px 0px 0px;
        font-size: small;
}

div.menu_trigon ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
}

div.menu_trigon ul li a, div.menu_trigon ul li a:visited
{
        background-color: #e0e1dc;
        border: 0px #4e667d solid;
        color: #503700;
        display: block;
        line-height: 1.35em;
        padding: 4px 9px;
        text-decoration: none;
        white-space: nowrap;
}

div.menu_trigon ul li a:hover
{
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
}

div.menu_trigon ul li a:active
{
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}

/* ----------------------------------------------------------*/

/* TAB MENU - HIRL  
----------------------------------------------------------*/

div.menu_hirl
{
        padding: 0px 0px 0px 0px;
        font-size: x-small;
}

div.menu_hirl ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
}

div.menu_hirl ul li a, div.menu_hirl ul li a:visited
{
        background-color: #015764;
        border: 0px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 9px;
        text-decoration: none;
        white-space: nowrap;
}

div.menu_hirl ul li a:hover
{
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
}

div.menu_hirl ul li a:active
{
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}

/* ----------------------------------------------------------*/

/* TAB MENU - Tai Kee  
----------------------------------------------------------*/

div.menu_taikee
{
        padding: 0px 0px 0px 0px;
        font-size: small;
}

div.menu_taikee ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
}

div.menu_taikee ul li a, div.menu_taikee ul li a:visited
{
        background-color: #2F4D58;
        border: 0px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 9px;
        text-decoration: none;
        white-space: nowrap;
}

div.menu_taikee ul li a:hover
{
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
}

div.menu_taikee ul li a:active
{
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}

/* ----------------------------------------------------------*/


/* TAB MENU - Million Hope  
----------------------------------------------------------*/

div.menu_millionhope
{
        padding: 0px 0px 0px 0px;
        font-size: small;
}

div.menu_millionhope ul
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
}

div.menu_millionhope ul li a, div.menu_millionhope ul li a:visited
{
        background-color: #54546C;
        
        border: 0px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 9px;
        text-decoration: none;
        white-space: nowrap;
}

div.menu_millionhope ul li a:hover
{
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
}

div.menu_millionhope ul li a:active
{
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
}

/* ----------------------------------------------------------*/

headertitle
{
  
}

.heading
{
        /*color: #B31117;
        font-weight: 900;
        font-size: 14px;*/
}



/*--------------------------- Menu - /Trigon/Product ----------------------------*/    
.menu-item4 
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item4 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item4 h4 a   
{
        color: #644807;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item4 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item4 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item4 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item4 li:hover   
{
        background: #eee;
}
    
.menu-item4:hover ul   
{
        height: 190px;
}
     
/*--------------------------------------------------------------------------*/ 

/*--------------------------- Menu - /Trigon/What's New,  /Trigon/Advantages----------------------------*/    
.menu-item5
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item5 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item5 h4 a   
{
        color: #644807;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item5 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item5 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item5 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item5 li:hover   
{
        background: #eee;
}
    
.menu-item5:hover ul   
{
        height: 70px;
}
     
/*--------------------------------------------------------------------------*/ 

/*--------------------------- Menu - /Trigon/Product ----------------------------*/    
.menu-item6
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item6 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item6 h4 a   
{
        color: #644807;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item6 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item6 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item6 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item6 li:hover   
{
        background: #eee;
}
    
.menu-item6:hover ul   
{
        height: 170px;
}
     
/*--------------------------------------------------------------------------*/


/*--------------------------- Menu - /Taikee/About Us, Products ----------------------------*/    
.menu-item7
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item7 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item7 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item7 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item7 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item7 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item7 li:hover   
{
        background: #eee;
}
    
.menu-item7:hover ul   
{
        height: 140px;
}
     
/*--------------------------------------------------------------------------*/

/*--------------------------- Menu - /Taikee/Advantages ----------------------------*/    
.menu-item8
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item8 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item8 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item8 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item8 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item8 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item8 li:hover   
{
        background: #eee;
}
    
.menu-item8:hover ul   
{
        height: 65px;
}
     
/*--------------------------------------------------------------------------*/

/*--------------------------- Menu - /Taikee/Reference ----------------------------*/    
.menu-item9
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item9 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item9 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item9 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item9 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item9 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item9 li:hover   
{
        background: #eee;
}
    
.menu-item9:hover ul   
{
        height: 230px;
}
     
/*--------------------------------------------------------------------------*/

/*--------------------------- Menu - /MillionHope/About Us ----------------------------*/    
.menu-item10
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item10 h4   
{
         
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item10 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item10 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item10 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item10 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item10 li:hover   
{
        background: #eee;
}
    
.menu-item10:hover ul   
{
        height: 200px;
}
     
/*--------------------------------------------------------------------------*/

/*--------------------------- Menu - /MillionHope/Products ----------------------------*/    
.menu-item11
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item11 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item11 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item11 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item11 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item11 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item11 li:hover   
{
        background: #eee;
}
    
.menu-item11:hover ul   
{
        height: 100px;
}
     
/*--------------------------------------------------------------------------*/

/*--------------------------- Menu - /MillionHope/Working Partner – SCHÜCO ----------------------------*/    
.menu-item12
{
        background: #fff;
        width: 200px; 
}
    
/*Menu Header Styles*/
.menu-item12 h4   
{
         border-bottom: 1px solid #999999;
         border-bottom: 1px solid rgba(0,0,0,0.3); 
         border-top: 1px solid rgba(255,255,255,0.2);  
         color: #fff;  
         font-size: 13px;  
         font-weight: 500;  
         margin:4px;  padding: 5px;     /*Gradient*/  
         float: left\9;
}
    
.menu-item12 h4 a   
{
        color: #231F20;  
        display: block;  
        text-decoration: none;  
        width: 200px;
        font-weight : bold;
}
         
.alpha p     
{
        font-size: 13px;    
        padding: 8px 12px;    
        color: #aaa;
}
    
/*ul Styles*/
.menu-item12 ul   
{
        background: #fff;  
        font-size: 12px;  
        line-height: 30px;  
        height: 0px; /*Collapses the menu*/
        list-style-type: none;  overflow: hidden;  
        padding: 0px; /*Animation*/  
        -webkit-transition: height 1s ease;     
        -moz-transition: height 1s ease;       
        -o-transition: height 1s ease;      
        -ms-transition: height 1s ease;          
        transition: height 1s ease;margin: 0px; 
        
} 
      
.menu-item12 ul a   
{
        margin-left: 15px;  
        text-decoration: none;  
        color: #666666;  
        display: block;  
        width: 200px;
} 
       
/*li Styles*/
.menu-item12 li   
{
        border-bottom: 1px solid #eee;
}
       
.menu-item12 li:hover   
{
        background: #eee;
}
    
.menu-item12:hover ul   
{
        height: 130px;
}
     
/*--------------------------------------------------------------------------*/


/*-----------------------------  (Obout) - Holdings    ---------------------------------*/
.SMParent {
   /* background-color: gold;*/
    /*color: navy;*/
    font-size: 13px ;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    display: block;  
    text-decoration: none;  
    font-weight :600;
    line-height: 30px;
    border-bottom: 1px solid #999999;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    color: #465c71;
    padding-left: 7px;
    
    
}

.SMParent a {
    color: #465c71;
    text-decoration: none;
}


.SMParentOver  {
    /*background-color: crimson;*/
    /*color: white;*/
    font-size: 13px ;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight : 600;
    line-height: 30px;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-left: 7px;
}

.SMParentOver a {
    
    text-decoration: none;
}

.SMParentSelected {
   /* background-color: navy;*/
   /* color: white;*/
    font-size: 13px ;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight : 600;
    line-height: 30px;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-left: 7px;
    background-color: #F0F3F6;
}

.SMParentSelected a {
    text-decoration: none;
}

.SMChild {
    
    font: 11px ;
    padding-left: 10px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    display: block;  
    text-decoration: none;  
    line-height: 30px;
    border-bottom: 1px solid #eee;
}

.SMChildOver {
    font: 11px ;
    background-color: #eee;
    
    padding-left: 10px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    display: block;  
     
    line-height: 30px;
    border-bottom: 1px solid #eee;
}

.SMChildOver a {
    text-decoration: none; 
}

.SMChildSelected {
    font: 11px ;
    background-color: #F0F3F6;
    padding-left: 10px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    display: block;  
    text-decoration: none;  
    line-height: 30px;
    border-bottom: 1px solid #eee;
     font-weight : bold;
}

.SMMenu {
    width: 197px;
   /* background-color: #eeeeee;*/
    padding: 2px;
   /* border: 1px solid gray;*/
}

.SMChildrenBox {
  /*  background-color: gray;*/
}

/*--------------------------------------------------------------------------*/
