/* =================================================================== */

/* Styles Switcher
====================================================================== */

#style-switcher h3 {
    color: #888;
    font-size: 13px;
    margin: 5px 0 -5px 1px;
}

#style-switcher {
    background-color: #fff;
    width: 205px;
    position: fixed;
    top: 120px;
    z-index: 999;
    border-radius: 0 0 3px 0;
    left: -206px;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-top: 0;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
}

#style-switcher div {
    padding: 2px 18px 10px 18px;
}

#style-switcher h2 {
    background-color: #909090;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0 6px 20px;
}

#style-switcher h2 a {
    background: url("../images/switcher.png") no-repeat 10px center transparent;
    background-color: #909090;
    display: block;
    height: 43px;
    position: absolute;
    right: -43px;
    text-indent: -9999px;
    top: 0;
    width: 43px;
    border-radius: 0 3px 3px 0;
}

.colors {
    list-style: none;
    margin: 0 0px 10px 0;
    overflow: hidden;
}

.colors li {
    float: left;
    margin: 4px 2px 0 2px;
}

.colors li a {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    border-radius: 1px;
}

.layout-style select,
.footer-style select {
    width: 164px;
    padding: 5px;
    color: #888;
    cursor: pointer;
    border-radius: 2px;
    font-size: 13px;
    margin: 2px 0 10px 2px;
}

.layout-style,
.footer-style {
    padding: 0 !important;
}

.green {
    background: #73b819;
}

.blue {
    background: #169fe6;
}

.orange {
    background: #fa5b0f;
}

.navy {
    background: #495d7f;
}

.yellow {
    background: #ffb400;
}

.peach {
    background: #fcab55;
}

.red {
    background: #c62020;
}

.beige {
    background: #bfa980;
}

.pink {
    background: #c71c77;
}

.cyan {
    background: #37b6bd;
}

.celadon {
    background: #74aea1;
}

.brown {
    background: #784e3d;
}

.cherry {
    background: #911938;
}

a.gray {
    background: #505050;
}

.purple {
    background: #6957af;
}

.olive {
    background: #b3c211;
}

.bg1 {
    background-image: url("../images/bg/noise.png");
}

.bg2 {
    background-image: url("../images/bg/retina_dust.png");
}

.bg3 {
    background-image: url("../images/bg/brushed_alu.png");
}

.bg4 {
    background-image: url("../images/bg/crisp_paper_ruffles.png");
}

.bg5 {
    background-image: url("../images/bg/navy_blue.png");
}

.bg6 {
    background-image: url("../images/bg/bedge_grunge.png");
}

.bg7 {
    background-image: url("../images/bg/diamond_upholstery.png");
}

.bg8 {
    background-image: url("../images/bg/egg_shell.png");
}

.bg9 {
    background-image: url("../images/bg/light_toast.png");
}

.bg10 {
    background-image: url("../images/bg/noise_pattern_with_crosslines.png");
}

.bg11 {
    background-image: url("../images/bg/purty_wood.png");
}

.bg12 {
    background-image: url("../images/bg/subtle_stripes.png");
}

.bg13 {
    background-image: url("../images/bg/textured_stripes.png");
}

.bg14 {
    background-image: url("../images/bg/tileable_wood_texture.png");
}

.bg15 {
    background-image: url("../images/bg/crissXcross.png");
}

.bg16 {
    background-image: url("../images/bg/vichy.png");
}

@media only screen and (max-width: 1023px) {
    #style-switcher {
        display: none;
    }
}