/*
* @package Alpine
* @copyright (C) 2014 by mojoomla.com - All rights reserved!
* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)
* @author mojoomla.com <sales@mojoomla.com>
*/

    #style-selector {position: fixed;top: 155px;left: 0;z-index: 9999;border-top: 2px solid #272727;border-right: 2px solid #272727;border-bottom: 2px solid #272727;border-left: 0px solid #272727;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;/*        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
                box-shadow: 0 3px 3px rgba(0, 0, 0, .3);*/
    }
.style-selector-wrapper {position: relative;z-index: 9999;display: inline-block;background: #454545;}
.style-selector-wrapper > div {margin: 0px 10px 10px 10px;}
#style-selector a.close {position: absolute;top: -2px;right: -48px;width: 46px;height: 38px;line-height: 38px;text-align: center;background: #272727 url(../images/colors-swi.png) no-repeat 10px 4px;border-radius: 0px;border-top: 2px solid #272727;border-right: 2px solid #272727;border-bottom: 2px solid #272727;border-left: 0px solid #272727;font-size: 1px;color: #272727;opacity: 1;}
#style-selector a.active {box-shadow: 0 0 0 2px #000;}
#style-selector .title {height: 40px;width: 100%;float: left;display: block;background: #272727;text-align: center;font-size: 14px;font-weight: bold;line-height: 40px;color: #fff;text-transform: uppercase;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#style-selector .title-sub {margin-top: 50px;margin-bottom: 0px;margin-left: 7px;display: block;color: #fff;text-align: left;font-weight: bold;font-size: 12px;text-transform: uppercase;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#style-selector .title-sub2 {margin-top: 18px;margin-bottom: 0px;margin-left: 0px;display: block;color: #fff;text-align: left;font-weight: bold;font-size: 13px;text-transform: uppercase;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#style-selector ul {width: 180px;margin: 0px 0px 0px 0px;padding: 7px 0 5px 0;border-bottom: 1px solid #505053;}
#style-selector .styles {overflow: hidden;margin: 0px 0px 0px 0px;}
#style-selector .styles li {float: left;margin: 2px;padding: 0;color: #fff;border: 1px solid #454545;}
#style-selector .styles li a {display: block;cursor: pointer;color: #fff;}
.layout select {margin: 0 3px;width: 100%;font-size: 12px;}
.bg-image img {width: auto;height: 100%;}
#style-selector .menu-fswitcher {margin-left: 9px;}
#style-selector .menu-fswitcher select {width:163px;padding: 3px;border: 1px solid #000;}
/* ----------- Colors ----------- */

.pre-color-skin1 {width:27px;height:20px;background-color: #0098f9;float: left;cursor: pointer;}
.pre-color-skin2 {width:27px;height:20px;background-color: #0E6E1D;float: left;cursor: pointer;}
.pre-color-skin3 {width:27px;height:20px;background-color: #ff0096;float: left;cursor: pointer;}
.pre-color-skin4 {width:27px;height:20px;background-color: #FFA500;float: left;cursor: pointer;}
.pre-color-skin5 {width:27px;height:20px;background-color: #dc4611;float: left;cursor: pointer;}
.pre-color-skin6 {width:27px;height:20px;background-color: #6b4f96;float: left;cursor: pointer;}
.pre-color-skin7 {width:27px;height:20px;background-color: #00bdbd;float: left;cursor: pointer;}
.pre-color-skin8 {width:27px;height:20px;background-color: #ee82ee;float: left;cursor: pointer;}
.pre-color-skin9 {width:27px;height:20px;background-color: #ff00a9;float: left;cursor: pointer;}
.pre-color-skin10 {width:27px;height:20px;background-color: #964b00;float: left;cursor: pointer;}