/*--- reset ---*/
/*--- reset5 © 2011 opensource.736cs.com MIT ---*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,
mark,menu,meter,nav,output,progress,section,summary,time,video{ border:0; outline:0; 
	font-size:100%; vertical-align:baseline; background:transparent; margin:0;padding:0; }
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{ display:block; }
nav ul{ list-style:none; }
ol{ list-style:decimal; }
ul{ list-style:disc; }
ul ul{ list-style:circle; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
ins{ text-decoration:underline; }
del{ text-decoration:line-through; }
mark{ background:none; }
abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help; }
table{ border-collapse:collapse;border-spacing:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input[type=submit],input[type=button],button{ margin:0; padding:0;}
input,select,a img{ vertical-align:middle; }
a{ text-decoration: none; }

.clear{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; }

body{ font-family: 'Open Sans'; overflow: hidden; }

#switcher { height: 50px; background: #232323; z-index: 99999; position: fixed; width: 100%; }
#switcher .inner-switcher{ /*max-width: 960px;*/ padding: 0px 20px; margin: 0px auto; }
#switcher .switcher-logo{ float: left; height: 60px; margin-top: 2px; margin-right: 23px; }
#switcher #theme_select { float: left; font-size: 15px; line-height: 20px; padding: 15px 15px; width: 185px; 
	color: #cfcfcf; background: url('arrow2.png') right center no-repeat #3f3f3f; cursor: pointer; background-size:29px 11px }

#iframe { margin-top: 50px; }

/* theme list */
#theme_list { margin: 0px auto; position: relative; float: left; }
#theme_list ul { display: none; margin-left: 0px; list-style: none; width: 215px;  
	position: absolute; left: 133px; top: 50px; background: #3f3f3f;
	max-height: 300px; overflow-y: hidden; overflow-x: hidden;  }
#theme_list ul li{ padding: 0px 15px; }
#theme_list ul li a { display: block; padding: 10px 0px; font-size: 15px;
	color: #cfcfcf; border-top: 1px solid #616161; }

/* command button */
#command_button{ float: right; font-size: 13px; /*font-weight: bold; */}
#command_button .purchase { float: left; }
#command_button .purchase a { display: inline-block; padding: 15px 30px 15px 55px; line-height: 20px; height: 20px;
	background: url('cart2.png') 25px center no-repeat /*#3f3f3f*/ /*#3d9341;*/ #82b440; /*#81b441; /*#00d148;*/ color: #fff; background-size:17px 15px }

#command_button .remove_frame { float: left; }
#command_button .remove_frame a { display: inline-block; padding: 15px 0px 15px 50px; line-height: 20px; height: 20px; 
	background: url('eb.png') 25px center no-repeat; color: #949494; background-size:11px 11px }

/*--- tablet ---*/
@media only screen and (max-width: 959px) {
/*	#switcher .inner-switcher{ max-width: 768px; }*/
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px) {
/*	#switcher .inner-switcher{ max-width: 420px; }*/
	#command_button .purchase a, #command_button .remove_frame a{ text-indent: -9999px;
		padding: 15px 15px; width: 30px; background-position: center center; }
	#command_button .remove_frame a {padding-right:0}
/*	#switcher .switcher-logo {height:15px;  margin-top: 15px} */
	#switcher .switcher-logo{display:none}
	#theme_list ul{left:0px;}
}

/*--- mobile portrait style ---*/
@media only screen and (max-width: 419px) {
/*	#switcher .inner-switcher{ max-width: 300px; min-width: 300px; }*/
/*	#command_button{ float: left; }*/
	#switcher #theme_select{ width: 125px; }
/*	#switcher .switcher-logo{display:none} */
	#theme_list ul{left: 0px; width: 175px;}
	
}