/* For the more and less divs */
/* always visible */
#outer .holder {padding:20px; border:1px solid #ddd; margin:20px;}
#outer .holder p {padding:15px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}
#outer .holder img { float:left; margin-right:20px;}

/* unclicked style div.more */
#outer div.more i {float:right; cursor:pointer; color:#FF0000; font-style:normal; font-size:12px;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none; font-size:12px;}
#outer div.more img {display:none;}
#outer div.more ul {display:none;}
#outer div.more li {display:none; font-size:12px;}

/* clicked style div.click */
#outer div.click i.show {display:none; }
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
#outer div.click ul {display:block;}
#outer div.click li {display:block;}