.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}


/* parsys component */
 div.rightpar {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;
}

div.section {
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 47.5%; margin-right: 2.5%; }
div.cq-colctrl-lt0-c1 { width: 47.5%; margin-left: 2.5%;}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.cq-colctrl-lt1 { }
div.cq-colctrl-lt1-c0 { width: 30%; margin-right: 2.5%;}
div.cq-colctrl-lt1-c1 { width: 30%; margin-left: 2.5%; margin-right: 2.5%;}
div.cq-colctrl-lt1-c2 { width: 30%; margin-left: 2.5%; }

/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 18%; margin-right: 2%;}
div.cq-colctrl-lt2-c1 { width: 18%; margin-left: 2%; margin-right: 2%; }
div.cq-colctrl-lt2-c2 { width: 18%; margin-left: 2%; margin-right: 2%; }
div.cq-colctrl-lt2-c3 { width: 34%; margin-left: 2%; }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 22%; margin-right: 2%;}
div.cq-colctrl-lt3-c1 { width: 22%; margin-left: 2%; margin-right: 2%;}
div.cq-colctrl-lt3-c2 { width: 22%; margin-left: 2%; margin-right: 2%;}
div.cq-colctrl-lt3-c3 { width: 22%; margin-left: 2%; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 16%; margin-right: 2.5%;}
div.cq-colctrl-lt4-c1 { width: 16%; margin-left: 2.5%; margin-right: 2.5%;}
div.cq-colctrl-lt4-c2 { width: 16%; margin-left: 2.5%; margin-right: 2.5%;}
div.cq-colctrl-lt4-c3 { width: 16%; margin-left: 2.5%; margin-right: 2.5%;}
div.cq-colctrl-lt4-c4 { width: 16%; margin-left: 2.5%; }

/* widepage layouts */

/* layout 5 : 50% 50% ( grid8 + grid8 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 47.5%; margin-right:2.5%;}
div.cq-colctrl-lt5-c1 { width: 47.5%; margin-left:2.5%;}

/* layout 6 : 25% 25% ( grid4 + grid4 + grid4 + grid4) */
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 22%; margin-right: 2%;}
div.cq-colctrl-lt6-c1 { width: 22%; margin-left: 2%; margin-right: 2%;}
div.cq-colctrl-lt6-c2 { width: 22%; margin-left: 2%; margin-right: 2%;}
div.cq-colctrl-lt6-c3 { width: 34%; margin-left: 2%; }

/* layout 7 : 70% 30% ( grid7 + grid3 ) */
div.cq-colctrl-lt7 { }
div.cq-colctrl-lt7-c0 { width: 28%; margin-right: 2%;}
div.cq-colctrl-lt7-c1 { width: 68%; margin-left: 2%;}

/* layout 8 : 25% 75% ( grid2.5 + grid7.5 ) */
div.cq-colctrl-lt8 { }
div.cq-colctrl-lt8-c0 { width: 23%; margin-right: 2%;}
div.cq-colctrl-lt8-c1 { width: 73%; margin-left: 2%;}