#switcher { width: 180px; min-height: 300px; position: fixed; top: 40px; left: -190px; padding-top: 20px; padding-left: 10px; background: #FFF; border: 1px solid #999; border-left: 0px; z-index: 20000; }
#open_close { width: 40px; height: 160px; position: absolute; top: -1px; left: 190px; z-index: 20001; background: #FFF url('./images/customizer.png') 15px 50px no-repeat; border: 1px solid #999; border-left: 0px; }
#arrow_container { position: relative; display: block; width: 40px; height: 30px; }
a#open { display: block; width: 22px; height: 22px; position: absolute; top: 8px; left: 10px; z-index: 20003; }
a#close { display: block; width: 22px; height: 22px; position: absolute; top: 8px; left: 10px; z-index: 20002; }
.switcher_wrapper { margin-bottom: 10px; }
.feature_title { text-align: center; margin-bottom: 14px; font-weight: bold; text-transform: uppercase; font-size: 11px; color: #272727; }
.customize { width: 170px; height: 25px;}

/* Color picker */
ul.choose_colors { max-width: 180px; overflow: hidden; }
ul.choose_colors li { float: left; width: 75px; margin-right: 20px; }
ul.choose_colors li.last { margin-right: 0px; }
ul.choose_colors li .color_label { font-size: 10px; font-weight: bold; color: #272727; margin-bottom: -6px; text-align: center; text-transform: uppercase; }
.font_label { width: 85px; height: 30px; line-height: 30px; float: left; }
#background_color, #menu_color, #heading_color, #body_color { width: 73px; height: 30px; display: block; border: 1px solid #CCC; }
#background_color { background: #F8F8F8; }
#menu_color { background: #272727; }
#heading_color { background: #333; }
#body_color { background: #666; }
/* Font switcher */
.font_family { width: 95px; float:left; margin-right: 15px; }
.font_family select { width: 95px; }
.font_size { width: 55px; float:right; margin-right: 10px; }
.font_size select { width: 55px; }
#heading_font_family select { width: 170px; }
#section_font_family select { width: 170px; }

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