.hidden {
    display: none !important;
}


html {
    background-color:#FAFAFA;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

h2 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

strong {
	font-weight: bold;
}

em {
    font-style: italic;
}

legend {
    display: none;
}

p {
    padding-top: 5px;
    padding-bottom: 10px;
}


/*
 *  Template styles
 */

div#allDocument {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #F0F0F0;
    background-color: #FFFFFF;
}

div#header{
    position: relative;
    height: 150px;
    margin-left:auto;
    margin-right:auto;
    z-index: 2;
}

div#mainContent {
    width: 100%;
    position: relative;
    z-index: 1;
}

div#footer {
    position: relative
    z-index: 0;
}

.kitpages.clear {
    clear: both;
}

/*
 * Horizontal menu
<div class="kitpages hMenu">
  <ul>
    <li>
      <a href="menu1.php">menu1</a>
    </li>
    <li>
      <a href="menu2.php">menu2</a>
      <div class="kitpages hSubMenu">
        <ul>
          <li>
            <a href="submenu.php">submenu</a>
          </li>
        </ul>
      </div>
    </li>
  </ul>
</div>
 */
div.kitpages.hMenu {
    z-index: 2;
    zoom:1;
} 
/* top menu */
    div.kitpages.hMenu ul {
        position: relative;
        zoom:1;
    } 

    div.kitpages.hMenu ul li {
        position: relative;
        float:left;
        zoom: 1;
    } 

    div.kitpages.hMenu ul li a {
        display: block;
        width: 100px; 
        float: left;
        background-color: #FAFAFA;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-left: 1px solid #F0F0F0;
    } 
    div.kitpages.hMenu ul li:first-child a {
        border-left: none;
    }
    div.kitpages.hMenu ul li a:hover {
        background-color: #F0F0F0;
    }
    
    
    /* sub menu */
    div.kitpages.hMenu ul li div.kitpages.hSubMenu {
        position: absolute;
        top: 30px;
        left: 0px;
        z-index: 2;
    } 

    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li {
        position: relative;
    } 

    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li a {
        display: block;
        float: none;
        background-color: #FAFAFA;
        text-align: center;
        border-left: none;
    }
    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li a:hover {
        background-color: #F0F0F0;
    }
    
/*
 * Horizontal menu
<div class="kitpages accordionMenu">
  <ul>
    <li>
      <a href="menu1.php">menu1</a>
    </li>
    <li>
      <a href="menu2.php">menu2</a>
      <div class="kitpages accordionSubMenu">
        <ul>
          <li>
            <a href="submenu.php">submenu</a>
          </li>
        </ul>
      </div>
    </li>
  </ul>
</div>
 */
div.kitpages.accordionMenu {
    position: relative;
    width: 145px;
} 
/* top menu */
    div.kitpages.accordionMenu ul {
        position: relative;
        width: 145px;
        border-left: 1px solid#CCCCCC;
        border-right: 1px solid#CCCCCC;
        border-top: 1px solid#CCCCCC;
    } 

    div.kitpages.accordionMenu ul li {
        position: relative;
        background-color: #E0E0E0;
        border-bottom: 1px solid #CCCCCC;
    } 

    div.kitpages.accordionMenu ul li a {
        display: block;
        width: 145px;
        background-color: #E0E0E0;
        height: 30px;
        line-height: 30px;
        text-align: center;
    } 
    div.kitpages.accordionMenu ul li a:hover {
        background-color: #F0F0F0;
    }
    
    
    /* sub menu */
    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu {
        position: relative;
    } 
    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu ul {
        border: none;
    } 

    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu ul li {
        position: relative;
        border-bottom: none;
    } 

    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu ul li a {
        display: block;
        float: none;
        background-color: #FAFAFA;
        text-align: left;
        border-left: none;
        margin-left: 10px;
        width: auto;
        height: 20px;
        line-height: 20px;
        padding-left: 30px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 3px 3px;
    }
    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu ul li a.selectedParam {
        background-color: #F0F0F0;
        background-image: url(img/icons/knowMoreRondArrow.png);
    }
    div.kitpages.accordionMenu ul li div.kitpages.accordionSubMenu ul li a:hover {
        background-color: #F0F0F0;
    }

/*
Column management
<div class="kitpages column firstParam">
</div>
<div class="kitpages column">
</div>
<div class="kitpages column lastParam">
</div>
<div class="kitpages clear"></div>
*/
div.kitpages.column {
    position: relative;
    display: block;
    float: left;
}

    div.kitpages.column.firstParam {
        width: 310px;
    }
    div.kitpages.column.lastParam {
        float: right;
        width: 600px;
    }
    
/*
Box Management
<div class="kitpages box">
  <div class="hdParam">
  </div>
  <div class="bdParam">
  </div>
  <div class="ftParam">
  </div>
</div>
*/
div.kitpages.box {
    position: relative;
    width: 303px;
    background-image: url(kitpagesStd/boxBackground.png);
    background-repeat: repeat-y;
}
    div.kitpages.box .hdParam {
        background-image: url(kitpagesStd/boxTop.png);
        background-repeat: no-repeat;
        height: 17px;
    }
    div.kitpages.box .bdParam {
        background-image: url(kitpagesStd/boxGradiant.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        min-height: 178px;
        padding-left: 10px;
        padding-right: 10px;
    }
    div.kitpages.box .ftParam {
        background-image: url(kitpagesStd/boxBottom.png);
        background-repeat: no-repeat;
        height: 13px;
    }