@charset "utf-8";
/* CSS Document */
.wrapper{margin:auto; width:705px;}
.prod{position:relative; height:350px; width:350px; display:inline-block; text-align:center;}
.prod img{border:1px solid;}
ul.dash {list-style:none;}
ul.dash li:before{content:"- "; padding-right:20px;}
div.pagination ul li{display:inline; list-type:none; padding:0 10px;}
div.pagination ul li.pagination-start span.pagenav, div.pagination ul li.pagination-end span.pagenav,div.pagination ul li.pagination-start a.pagenav, div.pagination ul li.pagination-end a.pagenav{display:none;}
#menu{padding:0}
ul.menufmenu {display:inline; list-type:none;}
ul.menufmenu li{display:inline; padding:0 10px; border-right: solid 3px; border-color:#666;}
ul.menufmenu li.item-108{margin-left:10px; border-left: solid 3px; border-color:#666;}
ul.menufmenu li a{color:#fff;}
ul.menufmenu li a:hover{color:#666;}
ul.menumm ul {
  display: none;
}

  ul.menumm li:hover > ul {
    display: block;
  }
ul.menumm { margin:0;
  width:980px;
  height:60px;
  background: #7e7e7e; 
  /*background: linear-gradient(top, #b5e656 0%, #64c947 100%);  
  background: -moz-linear-gradient(top, #b5e656 0%, #64c947 100%); 
  background: -webkit-linear-gradient(top, #b5e656 0%,#64c947 100%); */
  box-shadow: /*0px 0px 9px rgba(0,0,0,0.15);*/
  inset 0 1px 0 rgba(255,255,255,0.5),
        0 2px 0px rgba(0,0,0,0.3),
        0 0 4px 0px rgba(0,0,0,0.2);   
  padding: 0 10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px; 
  list-style: none;
  position: relative;
  display: inline-table;
}
  ul.menumm:after {
    content: ""; clear: both; display: block;
  }
ul.menumm li {
  display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
}
  ul.menumm li:hover {
    background: #000;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow:inset 0 2px 0 rgba(255,255,255,0.5),
               0 0px 0px rgba(0,0,0,0.3),
               inset 0 0 4px 0px rgba(0,0,0,0.2); 
}
    ul.menumm li:hover a {
      color: #fff;
  font-weight:bolder;
    }
  
  ul.menumm li a {
    display: block; padding: 20px 20px 15px 20px;
    color: #fff; text-decoration: none; font-weight:bolder;
  }
ul.menumm ul {
  background: #64c947; border-radius: 0px; padding: 0px;
  position: absolute; top:50px;
}
  ul.menumm ul li {
    float: none; 
    border-top:1px solid rgba(0,0,0,0.15);
    border-bottom 1px solid rgba(0,0,0,0.15);
    position: relative;
  }
    ul.menumm ul li a {
  padding: 5px 40px;
      color: #fff;
    }  
        ul.menumm ul li.item-111 a {
      color: #fff;
      width:220px;
    }
        ul.menumm ul li.item-114 a {
      color: #fff;
      width:135px;
    }  
ul.menumm li.item-105 ul{width:215px;}
ul.menumm li.item-103 ul{width:300px;} 
      ul.menumm ul li a:hover {
        background: #58b23e;
      }
ul.menumm ul li:hover{
  background: #58b23e;
  border: 0px;
    border-radius: 0px;
    transition: none;
    box-shadow:inset 0 0px 0 rgba(255,255,255,0.5),
               0 0px 0px rgba(0,0,0,0.3),
               inset 0 0 0px 0px rgba(0,0,0,0.2); 
   width:auto;}
ul.menumm ul ul {
  position: absolute; left: 100%; top:0;
}

ul{padding-left:0;}
div#article-index ul{ position:relative;}
div#article-index ul li{font-size:smaller; list-style:none;display:inline-block;}
#bc {font-size:smaller; margin-left:10px;}
#container { background-color:#fff; width:1000px; margin:auto; position:relative; z-index:9;}
.clear {clear:both;}
@media only screen and (max-width: 980px) {
#topcontainer{width:1000px; background-color:#f8f8f8; box-shadow: 0px 5px 5px #888; position:relative; padding-left:10px;  padding-right:10px; z-index:12;}
#top{margin:auto; width:1000px; height:160px; position:relative; text-align:left; }}
@media only screen and (min-width: 981px){
#topcontainer{background-color:#f8f8f8; padding:10px; box-shadow: 0px 5px 5px #888; position:relative;padding-left:10px; padding-right:10px; z-index:12;}
#top{margin:auto; width:1000px; height:160px; position:relative; text-align:left; }}
#logo{ background:url(../images/logo.jpg); position:relative; height:160px; width:680px;}
#menucontainer{width:100%; position:relative; margin-left:-10px; padding-left:10px; margin-right:-10px; padding-right:10px; z-index:10;}
#menu{margin:auto; width:1000px; text-align:center; color:#fff; position:relative; z-index:10;}
#contentcontainer{width:100%; position:relative; }
#content{margin:auto; width:940px; background:#fff; min-height:500px; padding:30px; text-align:justify;}
#footercontainer{ margin:0px auto -100px; width:1000px; text-align:center; background-color:#fff;}
/*#footer{margin:auto; width:1000px;}*/
#footer{background-color:#1c1c1c;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:1000px;font-size:9pt;background-color:#000; color:#fff; position:relative; height:35px;}
.left{ float:left;}
.green{ color:#63e638;}
.right{ float:right;}
body {font-family: "Century Gothic",arial; background-color:#77c357; margin:0;}
a:link {text-decoration:none;
    color:#09c;}
a:visited {  text-decoration:none;
      color:#09c;}
a:hover {  text-decoration:none;
      color:#666;}
a:active {  text-decoration:none;
      color:#000;}

a.filldiv {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.testtitle1{text-align:center; position:relative;background-color:#505050; padding:5px; color:#fff; font-weight:bold;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:7px;border-top-left-radius:7px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}
.testleft1{margin:auto; position:relative; width:150px;}
.testphoto{float:left;position:relative; width:150px;}
.testtext{float:right; position:relative; width:780px; margin-right:10px}
.testtitle{text-align:center; position:relative; width:780px; background-color:#505050; padding:5px; color:#fff; font-weight:bold;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:0px;border-top-left-radius:0px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}
.testbtext{text-align:justify; padding-left:30px; padding-right:20px; padding-top:40px;}
.testlefttext{text-align:center; padding-top:40px; font-weight:bold;}
.testleft{float:left;position:relative; width:150px;}
.green1{color:#30ad18;}
.grey{background-color:#f8f8f8;}
#menu ul.menu li a {font-weight:bolder;}

.breadcrumbs{background:#eee; padding:10px; text-transform:uppercase; font-size:14px; margin-bottom:20px;}



/*huynh's css*/
.form-error {
  color: red;
  position: absolute;
  left: 300px;
  top: 28px;
  /*text-transform: capitalize;*/
}

.form-item {
  position: relative;
}

.form-item span {
  color: red;
}
.form-item div {
  font-size: 14px;
  margin-bottom: 10px;
}

.form-item label {
  font-size: 14px;
  margin-right: 10px;
}
.form-item input, .form-item textarea {
  width: 280px;
  resize: none;
  border: 1px solid #ccc;
  min-height: 35px;
  padding-left: 5px;
  border-radius: 5px;
}
.form-item select {
  height: 30px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#contact-form input[type='submit'], #contact-form input[type='reset'] {
  padding: 10px;
  cursor: pointer;
}
.form-general {
  font-size: 13px;
  margin-top: 10px;
  /*text-transform: capitalize;*/
}
.form-general .form-error {
  position: static;
}
.form-success {
    color: #77c357;
}