﻿body { font-family: arial; color:#444d3e; font-size: 14px;}
    
a { color:#444d3e;  font-weight: normal; text-decoration: none;}

div {   margin: 0px;  padding: 0px; text-align:justify;  }
img{ border-style: none;    }
        
         
 
/* ------------------------------- master page  --------------------*/
       
#myPage {  top: 15px; left: 10px; width: 880px}

#navigation   {  height: 33px;   border-bottom:1px solid #626262; background-color: #d6d6d6; } 
          
.divMenuBox { width:120px; display:inline; float:left ;  text-align:center;} 
.divMenuSeperator { width:1px; display:inline; float:left ; background-color:#b5b5b5}

#navigation a { text-decoration: none;  padding-top: 8px; padding-bottom:9px; 
                           margin:0px;  font-size: 14px; width: 120px;   background-color: #d6d6d6;   
                           text-align:center; display:inline-block;  } 
                           
#navigation a:hover {   background-color: #626262;   color: #FFFFFF;   font-size:15px; padding-bottom:8px;}  
      
#menu  { float:left; width:280px; margin:0;  }
#pic { margin-left:294px;  height:250px; width:586px;    }      
#menu a {color:#444d3e; display: block; line-height: 13px; width: auto; padding: 9px 0px 8px 10px;
            text-decoration: none; font-size: 14px; text-transform: uppercase; }
#menu a:hover { color: #FFF;   background-color: #626262;  }

a.line { border-bottom: 1px solid #979797;    }
 
#content {  height:465; background-color:Gray }       
#footer {   padding:0px;  margin-top:5px;  height: 70px; text-align: center; 
        font-size: 11px; background-color: #d6d6d6;  }
#google  {  left: 10px;  top: 408px; position: absolute;  width:285px; padding-left:10px;   vertical-align:text-bottom; }
               
          
      
        
 
/*------- -------------------leftside in "Content" ------------------------ ------- */
 
.leftside-image {   width: 80px;    padding: 20px; }         
.leftSide {display:inline; float:left; width:294px;  height:auto;   } 
#ad {    width: 220px; height: 150px;   }
/*---------------------------------rightside in "Content"  ------------------------------ */

.rightSide{ display:inline; float:left;     width:586px;  height:auto;   } 
.rightSideBoxWithBorder { background-color: #e9e9e9; border: 1px  #d9d9d9 solid; margin-top:5px; width:584px; height: 465px;}   
.rightSideLeft{ display:inline; float:left; width: 390px;    height: 465px; }
.rightSideRight{display:inline; float:left; width: 189px;    height: 465px; }
.panel { margin-top:5px; margin-left:5px;  width:360px;  height:90px;  padding:10px; background-color:#d6d6d6;  font-size:13px; }
.panelImage { width:110px; display:inline; float:left;  }
.panelTitle { width:250px; display:inline; float:left;  }

.title1 { color: rgb(255,196,37);  font-weight:bold;}
.title2 { color: rgb(0,83,93); font-weight:bold; }
.title3 {color: rgb(109,179,63); font-weight:bold;}
.title4 {color:rgb(68,77,62); font-weight:bold;}
.panelImage img { width:100px; height:75px;}        
  
.RightSideRightPanel { margin-top:5px; font-size: 12px;   background-color:#d6d6d6; height:225px; width:189px; text-align:justify}
.newsTitle { display: block;  height:26px; font-weight: bold;    font-size: 14px;  padding-top: 10px;   padding-left:10px;  }
.articleBox { margin-top:20px; margin-bottom:20px; text-align:justify;}
.leftside-image { width: 120px;  padding: 15px; }
#msBG { width: 135px;    height: 250px; display:inline; float:left;
    background-image: url( '../../images/ms/Management-software-bg.jpg' ); }   
#msBG p { font-size:12px; text-align:left;}   
        
/* ----------------------Products page -------------------*/
#productsTable {font-size:small; }                  
#productsTable td {  text-align:center; vertical-align:top; padding:10px; width:22%; } 

#productTableTwoCol td {  text-align:left; vertical-align:top; padding :25px; line-height:25px; } 

/*--------------- Download ---------------*/   
#downloadTable li{ margin-left:-3px; }
/*------------------------- lighting control ---------------     */
  
.left-td { width: 257px;  text-align: right; vertical-align: top;  font-weight: bold; color: #8b4513;}
            
                /* ----------------- contact page -------------------------*/
                 #addressTable    
                   {   height:280px; font-size: 12px;  }
                   
                   #addressTable b   
                   {      background-color: #666666;
                          padding:5px; 
                          color:White;
                          display:block;  
                           font-weight:bold;   }
                                
                   #addressTable td      
                   {    background-color:#ececec;    }
                   
                    #contactTable
                    {   font-size: 12px;  }
                    
                   #contactTable td   
                   { background-color:#ececec;  padding-left:80px; }
                     
/*--------------------contact page -------------------- */            
        
  