@charset "utf-8";
/* CSS Document */
.swarch_corners2_tl, .swarch_corners2_t, .swarch_corners2_tr, .swarch_corners2_l, .swarch_corners2_r, .swarch_corners2_bl, .swarch_corners2_b, .swarch_corners2_br, .swarch_corners2 {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.swarch_corners2_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".swarch_corners2" and change the padding
    */
    background-color: #efbb3f;
}
.swarch_corners2_tl {
    height: 100%;
    background-image: url("swarch_corners2_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.swarch_corners2_tr {
    height: 100%;
    background-image: url("swarch_corners2_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.swarch_corners2_bl {
    height: 100%;
    background-image: url("swarch_corners2_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.swarch_corners2_br {
    height: 100%;
    background-image: url("swarch_corners2_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.swarch_corners2 {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 16px 17px 16px 17px;