/* Instructions: Use the clearfix class on the parent container of a floated element
   to avoid having to use the <br style="clear: both" /> element.
   
    <div class="clearfix">
        <div style="float: left">....
        </div>
    </div>
    
 */
/* http://perishablepress.com/lessons-learned-concerning-the-clearfix-css-hack/ */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */