ul.sio-tree ul, ul.sio-tree li {
  list-style: none;
  overflow: hidden;
}

ul.sio-tree, ul.sio-tree ul {
  margin-left: 0;
}


ul.sio-tree .item-list {
  width: 100%;
}

ul.sio-tree li {
  border-bottom: #CCC solid 1px;
  border-right: #CCC solid 1px;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px;
  padding: 10px;
  margin: 5px 5px 10px 5px;
  text-align: center;
}
ul.sio-tree li.has-children {
  clear: both;
}
ul.sio-tree li.leaf {
  float: left;
  height: 200px;
}
ul.sio-tree li.leaf .sio-item {
}
ul.sio-tree li.leaf .title-group {
  margin-bottom: 10px;
  /* width: 160px; */
}
ul.sio-tree h4 {
  font-size: 13px;
}

.item-list ul.sio-tree, .item-list ul.sio-tree ul {
  margin: 0;
}

ul.sio-tree img.no-image {
  height: 100px;
}
ul.sio-tree img {
  max-width: 100%;
  height: auto;
}
ul.sio-tree .no-image {
  width:160px; 
  height:100px; 
  border: 1px solid #CCC; 
  text-align: center;
  display: inline-block;
}
ul.sio-tree .no-image .no-image-desc {
  margin-top: 36px;
}
ul.sio-tree .title-group .subtitle {
  color: #555;
}

/* color */

ul.sio-tree > li { background-color: #C5E2AB; }
ul.sio-tree > li ul > li { background-color: #90CB9E; }
ul.sio-tree > li ul > li ul > li { background-color: #FFFFFF; }
ul.sio-tree > li ul > li ul > li ul > li { background-color: #F0F0D8; }
ul.sio-tree > li ul > li ul > li ul > li ul > li { background-color: #DEEFCF; color: #789048 !important;  }
ul.sio-tree a { color: #472;  }


/* custom */
/*
ul.sio-tree > li.leaf { width: 398px; }
.sio-item-709 > li.leaf { width: 244px; }
.sio-item-713 > li.leaf { width: 127px; }
.sio-item-715 > li.leaf { width: 366px; }
.sio-item-717 > li.leaf { width: 120px; }
.sio-item-716 > li.leaf { width: 222px; }
*/

/*
#sio-item-723 { margin-left: 128px; }
#sio-item-2608 { margin-left: 111px; }
#sio-item-3032 { margin-left: 208px; }
#sio-item-1632 { margin-left: 208px; }
#sio-item-756 { margin-left: 98px; }
#sio-item-733 { margin-left: 188px; }
*/