@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Style Switcher
/* ---------------------------------------------------------------------- */

#style-switcher {
	font-size: 12px;
	color: #222;
	background-color: #e6e6e6;
	width: 372px;
	position: fixed;
	right:37px;
	top: 100px;
	z-index: 600;
	display: block !important; /* mobile devices */
	border:solid 1px #000;
	border-right:none;
	border-radius:9px 0px 0px 9px;
	float:right;
	padding:25px 0px 25px 15px;
	
}

#style-switcher h2 {
 
border-bottom:solid 2px; width:100%; float:left;  text-indent:0px; font-family: 'TitilliumText25L800wt', sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.333em; 
	text-align:left;
	
}

#style-switcher h3 {
	font-size: 13px;
	margin-bottom: 0;
}

#options {
	padding: 15px 10px;
	border-right: 1px solid #e0e0e0;
}

#reset {
	padding: 0 10px 15px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

#style-switcher h2 a {
	display: block;
	background: #222 url(style-switcher.png) no-repeat center center;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 24px;
	right:385px;
	text-indent: -9999px;
	border-radius:8px;
	border:solid 1px #000;
}
#layout-switcher {
    margin-top: 10px;

}

#layout-switcher a {
	background-color: #fff;
	border: 2px solid #ccc;
	padding: 5px 13px;
	color: #222 !important;
	margin-top: 0;
	border-radius: 0;
	text-shadow: none;
	background-image: none;
}

#layout-switcher a:hover, #layout-switcher a.active {
	border-color: #222;
}

#reset a { 
	margin: 0;
}

.buttonblk {  
	border: 1px solid #e0e0e0;
	padding: 5px 60px 5px 20px ;
	border-radius: 0; float:right; border-radius:6px; background: #333333 url(../images/arrow2.png) no-repeat center right; }
	
.buttonblk:hover { color:#ccc;}

/* Background Patterns */

.bg-patterns li a {
	background-color: #fff;		
}

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