body{margin:0 auto; overflow:hidden !important;}
.bar h1, .bar h2, .bar h3, .bar h4, .bar h5, .bar h6 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
line-height: 110%;
 
}
.bar h2 {font-size:14px;text-transform:none;padding:10px;background:#82b440;margin:20px 0 10px 0;}
.bar h4 {display:none;}
.bar a{color:#fff;font-size:14px;-webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   -ms-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;}
.bar{position:absolute; top:0; width:100%; height:60px; background:#232323;}
.barselecttheme h2 {color:#FFF;}
.switchercontainer{position:relative; width:960px; margin:0 auto;}
iframe{margin-top:60px;}
.barlogo{float:left; background: url('images/logo.png') no-repeat;width:150px;height:60px;margin-left:10px;margin-top:5px;}
.barselecttheme{position:relative; padding-top:10px; float:left; z-index:9999999;}
.bardocumentation {float:right; background: url('images/readDetails.png') no-repeat;width:70px;height:20px; margin-right:20px; margin-top:20px;}
.barcart{float:right; background:#82b440;box-shadow:0 2px 0 #6f9a37; padding:5px 20px; margin-right:20px; margin-top:13px;color:#fff;border-radius:4px;}
.barcart a {color:#fff;}
.closeframe {float:right;  margin-right:20px; margin-top:20px;}

.closeframe:before {font-family: FontAwesome;
     content: "\f00d";
	margin-right:5px;
	 position:relative;
	  top:0px !important;
	background:none !important;
	color:#fff;
	font-size:14px;
	font-weight:bold;}

.barselectcolor{position:absolute; margin-left:580px; padding-top:10px;}
.closeframe{float:right; margin-right:20px; padding-top:19px;color:#545454;margin-left:5px;padding-left:20px;border-left:1px solid #333;height:41px;}
a.closeframe {color:#999;font-size:12px;margin-top:0px;}
#style-switcher, #theme-switcher, #plugin-switcher{border-radius:0px;margin-top:2px;background:url(images/down_arrow.png) no-repeat 240px 10px;font-size:13px; background-color: #333; color:#fff ; padding:10px 10px 20px 10px; cursor:pointer; z-index:9;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}
#style-switcher {background:url(images/down_arrow.png) no-repeat 140px 10px;background-color: #2F3236;}
#theme-switcher-button{width:240px;}
#plugin-switcher-button{width:240px;}
#theme-switcher {width:240px;}
#plugin-switcher{width:240px;}
#plugin-switcher li, #theme-switcher li , #style-switcher li  {border-bottom:1px solid #3b3b3b;padding-top:0px; padding-bottom:5px;}
#theme-switcher li:hover .creativeBar, #theme-switcher li:hover .portfolioBar , #plugin-switcher li:hover .creativeBar{background-color:#00B0EC;color:#fff;}
#style-switcher li {border-bottom:none;padding-bottom:0px;}
#plugin-switcher li a img{border:1px solid #ccc;padding:10px; background:#fff;display:none; position:absolute; margin-left:200px; margin-top:-30px;}
#plugin-switcher li:hover img {display:block;}
#theme-switcher li img{display:block !important;opacity:0;filter:alpha(opacity=0);border:1px solid #ccc;padding:10px; background:#fff;display:none; position:absolute; margin-left:250px; margin-top:-30px;}

#theme-switcher li:hover img {display:block;opacity:1;filter:alpha(opacity=100);}
#theme-switcher li a {color:#eee;font-size:12px;}
#style-switcher-button{width:140px;}
#theme-switcher li:hover a, #plugin-switcher li:hover a, #style-switcher li:hover a {color:#fff;}
#style-switcher{width:140px;}
#style-switcher-button,#theme-switcher-button, #plugin-switcher-button{border-radius:0px;margin-top:2px;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;position:relative;background:url(images/down_arrow.png) no-repeat center right;  font-size:12px; background-color: #fff; color:#333; padding: 8px 10px 8px 10px;  cursor:pointer;
}
#style-switcher h4, #theme-switcher h4, #plugin-switcher h4{color:#fff !important; margin-bottom:20px; margin-top:-4px !important;}
#closestyle, #closestyle , #closeplugin{background: url(images/closeStyle.png) no-repeat; height:15px; width:15px; position:absolute; margin-left:152px; margin-top:2px;}
.bar li {text-decoration:none; list-style: none !important; margin-top:5px;}
#style-switcher li{padding-left:10px;}
.bar li span{float:right;}
.bar ul {margin-left:0px !important;}
.bar span.portfolioBar{background-color:#fff; padding:0 5px 0 5px;color:#1e1e20; text-shadow:none; text-transform:uppercase;font-size:10px;}
.bar span.creativeBar{background-color:#fff; padding:0 5px 0 5px;color:#1e1e20; text-shadow:none; text-transform:uppercase;font-size:10px;}

#style-switcher li.default_pmc{border-left:20px solid  #e14f4f;}
#style-switcher li.pink_pmc {border-left:20px solid #ed548e;}
#style-switcher li.blue_pmc {border-left:20px solid #AFD2D4;}
#style-switcher li.orange_pmc{border-left:20px solid #e6553a;}
#style-switcher li.green_pmc {border-left:20px solid #4EB28E;}
#style-switcher li.sblue_pmc {border-left:20px solid #25A4D6;}

.documentation {float:left;margin-left:25px;}


@media screen and (min-width:0px) and (max-width:970px){
 .switchercontainer,.barlogo,.bardocumentation,.barselecttheme{display:none;}

}


.documentation a {float:right;padding:8px 15px 8px 15px; border-radius:0px;margin-top:12px;font-size:12px;text-transform:uppercase;font-family:Arial;color:#fff;background: #454545;}
.documentation a:hover {background:#E14F4F}


.documentation a, #theme-switcher li a img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;



}