/*Switcher*/

#switcher{
    color:#333;
    background:#fff;
    width:135px;
    font-size:12px;
    position:fixed;
    z-index:999999;
    top:200px;
    left:0;
    padding:10px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    margin-left:0px;
    border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    border: 1px solid #eee;
}

#switcher ul{
    margin:0 -2px;
    padding:0;
    margin-bottom: 10px;
    overflow: hidden;
}
.sw-title{
  margin-bottom: 5px;
  display: block;
}

#switcher .clearfix{
    margin-bottom:10px;
}

#switcher select{
    width:100%;
    border:solid 1px #bbb;
    padding:3px;
    margin-bottom:10px;
}

.custom-close,.custom-show{
    position:absolute;
    margin-left:114px;
    margin-top:-11px;
    display:inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #eee;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    cursor:pointer;
    border: 1px solid #eee;
    border-left: 0px;
}
.custom-close i,.custom-show i{
    font-size: 26px;
    line-height: 40px;
}
#de-color {
    padding:0;
    margin:0;
}
#de-color li{
    list-style:none;
    display:inline-block;
    float:left;
    width:44px;
    height:18px;
    margin: 2px;
    background:#0C9;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    cursor:pointer;
}

#de-color li.bg1{background:#88dee8;}
#de-color li.bg2{background:#94C3F4;}
#de-color li.bg3{background:#7FC576;}
#de-color li.bg4{background:#c2c2c2;}
#de-color li.bg5{background:#f6a835;}
#de-color li.bg6{background:#d4ab87;}
#de-color li.bg7{background:#afacc6;}
#de-color li.bg8{background:#e16060;}
#de-color li.bg9{background:#ffd200;}
#de-color li.bg10{background:#82E07F;}

#switcher select{
    font-size:11px;
    height:30px;
}


#de-pattern {
    padding:0;
    margin:0;
}
#de-pattern li{
    list-style:none;
    display:block;
    float:left;
    width:18px;
    height:18px;
    margin:0 3px 3px 0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    cursor:pointer;
    background-color:#555555;
}

#de-pattern li.p1{background-image:url(images/bg-pattern/thumbnail/p1.html);}
#de-pattern li.p2{background-image:url(images/bg-pattern/thumbnail/p2.html);}
#de-pattern li.p3{background-image:url(images/bg-pattern/thumbnail/p3.html);}
#de-pattern li.p4{background-image:url(images/bg-pattern/thumbnail/p4.html);}
#de-pattern li.p5{background-image:url(images/bg-pattern/thumbnail/p5.html);}
#de-pattern li.p6{background-image:url(images/bg-pattern/thumbnail/p6.html);}
#de-pattern li.p7{background-image:url(images/bg-pattern/thumbnail/p7.html);}
#de-pattern li.p8{background-image:url(images/bg-pattern/thumbnail/p8.html);}
#de-pattern li.p9{background-image:url(images/bg-pattern/thumbnail/p9.html);}
#de-pattern li.p10{background-image:url(images/bg-pattern/thumbnail/p10.html);}
#de-pattern li.p11{background-image:url(images/bg-pattern/thumbnail/p11.html);}
#de-pattern li.p12{background-image:url(images/bg-pattern/thumbnail/p12.html);}
#de-pattern li.p13{background-image:url(images/bg-pattern/thumbnail/p13.html);}
#de-pattern li.p14{background-image:url(images/bg-pattern/thumbnail/p14.html);}
#de-pattern li.p15{background-image:url(images/bg-pattern/thumbnail/p15.html);}
#de-pattern li.p16{background-image:url(images/bg-pattern/thumbnail/p16.html);}
#de-pattern li.p17{background-image:url(images/bg-pattern/thumbnail/p17.html);}
#de-pattern li.p18{background-image:url(images/bg-pattern/thumbnail/p18.html);}
#de-pattern li.p19{background-image:url(images/bg-pattern/thumbnail/p19.html);}
#de-pattern li.p20{background-image:url(images/bg-pattern/thumbnail/p20.html);}