.wc-Grid1 {
    width: 26px;
}

.wc-Grid2 {
    width: 59px;
}

.wc-Grid3 {
    width: 92px;
}

.wc-Grid4 {
    width: 125px;
}

.wc-Grid5 {
    width: 158px;
}

.wc-Grid6 {
    width: 191px;
}

.wc-Grid7 {
    width: 224px;
}

.wc-Grid8 {
    width: 257px;
}

.wc-Grid9 {
    width: 290px;
}

.wc-Grid10 {
    width: 323px;
}

.wc-Grid11 {
    width: 356px;
}

.wc-Grid12 {
    width: 389px;
}

.wc-Grid13 {
    width: 422px;
}

.wc-Grid14 {
    width: 455px;
}

.wc-Grid15 {
    width: 488px;
}

.wc-Grid16 {
    width: 521px;
}

.wc-Grid17 {
    width: 554px;
}

.wc-Grid18 {
    width: 587px;
}

.wc-Grid19 {
    width: 620px;
}

.wc-Grid20 {
    width: 653px;
}

.wc-Grid21 {
    width: 686px;
}

.wc-Grid22 {
    width: 719px;
}

.wc-Grid23 {
    width: 752px;
}

.wc-Grid24 {
    width: 785px;
}

.wc-Grid25 {
    width: 818px;
}

.wc-Grid26 {
    width: 851px;
}

.wc-Grid27 {
    width: 884px;
}

.wc-Grid28 {
    width: 917px;
}

.wc-Grid29 {
    width: 950px;
}

.wc-Grid30 {
    width: 983px;
}

.wc-Grid31 {
    width: 1026px;
}

.wc-Grid32 {
    width: 1059px;
}

.wc-Grid33 {
    width: 1092px;
}

.wc-GridGutter {
    width: 7px;
}

.wc-GridGutterLeft {
    padding-left: 7px;
}

.wc-FirstGutter {
    width: 7px;
}

.wc-LastGutter {
    width: 8px;

}

/**
 * Not a true class. It is used to make certain sub elements float (usually horizontal). Separate CSS definitions with the sub element classes
 * are required to apply floating there while skipping elements that don't have such a definition.
 */
.wc-FloatContent {
}

/**
 * Ensure that all grid style sub elements are floated right beside the previous one.
 */
.wc-FloatContent div.wc-Grid1,
.wc-FloatContent div.wc-Grid2,
.wc-FloatContent div.wc-Grid3,
.wc-FloatContent div.wc-Grid4,
.wc-FloatContent div.wc-Grid5,
.wc-FloatContent div.wc-Grid6,
.wc-FloatContent div.wc-Grid7,
.wc-FloatContent div.wc-Grid8,
.wc-FloatContent div.wc-Grid9,
.wc-FloatContent div.wc-Grid10,
.wc-FloatContent div.wc-Grid11,
.wc-FloatContent div.wc-Grid12,
.wc-FloatContent div.wc-Grid13,
.wc-FloatContent div.wc-Grid14,
.wc-FloatContent div.wc-Grid15,
.wc-FloatContent div.wc-Grid16,
.wc-FloatContent div.wc-Grid17,
.wc-FloatContent div.wc-Grid18,
.wc-FloatContent div.wc-Grid19,
.wc-FloatContent div.wc-Grid20,
.wc-FloatContent div.wc-Grid21,
.wc-FloatContent div.wc-Grid22,
.wc-FloatContent div.wc-Grid23,
.wc-FloatContent div.wc-Grid24,
.wc-FloatContent div.wc-Grid25,
.wc-FloatContent div.wc-Grid26,
.wc-FloatContent div.wc-Grid27,
.wc-FloatContent div.wc-Grid28,
.wc-FloatContent div.wc-Grid29,
.wc-FloatContent div.wc-Grid30,
.wc-FloatContent div.wc-Grid31,
.wc-FloatContent div.wc-Grid32,
.wc-FloatContent div.wc-Grid33,
.wc-FloatContent div.wc-GridGutter,
.wc-FloatContent div.wc-FirstGutter,
.wc-FloatContent div.wc-LastGutter {
    float: left;
}

.wc-FloatContent .wc-FloatRight {
    float: right;
}

.wc-FloatContent .wc-FloatClear {
    float: none;
    clear: both;
}

.wc-AlignToGrid {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}