/* Switcher styles */
.bg_patterns_wrap {
	display: block;
	margin-bottom: 15px;
}

.button.secondary {
  background-color: #E9E9E9 !important;
}
.button.secondary:hover {
  background-color: #c3c3c3 !important;
}

.color_switch_wrap {
	clear: both;
	overflow: auto;
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.switch_tile {
  height: 25px;
	width: 25px;
	float: left;
}

.light-blue {
	background: rgb(40, 171, 233);
}


.dark-blue {
	background: rgb(0, 73, 153);
}

.black {
	background: #000;
}

.brown {
	background: rgb(129, 85, 61);
}

.green {
	background: rgb(33, 143, 46);
}

.orange {
	background: #f45721;
}

.purple {
	background: rgb(148, 71, 219);
}

.red {
	background: rgb(228, 56, 56);
}


.grunge-wall {
	background-image: url('../images/backgrounds/grunge_wall.png');
}

.brushed-alu {
	background-image: url('../images/backgrounds/brushed_alu.png');
}

.retina-wood {
	background-image: url('../images/backgrounds/retina_wood.png');
}

.noisy-grid {
	background-image: url('../images/backgrounds/noisy_grid.png');
}

.nistri{
	background-image: url('../images/backgrounds/nistri.png');
}

.cartographer {
	background-image: url('../images/backgrounds/cartographer.png');
}

.illusion {
	background-image: url('../images/backgrounds/illusion.png');
}

.dark-wood {
	background-image: url('../images/backgrounds/dark_wood.png');
}

#slideout {
  background: #fefefe;
  position:fixed;
  width:185px;
  height:330px;
  top:15%;
  left: -185px;
  z-index: 40000;
  border: 1px solid #999;
}

#clickme {
  height:40px;
  width:40px;
  background:#000;
  margin-left:185px;
  margin-top: 20px;
  opacity: .8;
}

.switch_heading {
  text-align: center; 
  color: #555;	
  clear: both;
}

#slidecontent {
  float:left;
}

#slidecontent h6 {
	margin: 10px 0px 0px 0px;
	font-size: 16px;
}

.bg-nav, #color-nav, #layout-nav, #heading-bg-nav {
  list-style: none;
  margin-left: 20px;
  overflow: auto;
}

.bg-nav img, #color-nav img {
  margin-top: 5px;
  margin-bottom: 5px;	
  height: 30px;
  width: 30px;
  cursor: pointer;
  
}

.bg-nav li, #color-nav li, #layout-nav li, #heading-bg-nav li {
  margin-top: 5px; 
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 8px;
}