/*-------------styleswitcher------------------*/
.styleswitcher{ padding:0px 10px 0px 10px; display:block;}
.styleswitcher li{ float:left; margin:0 10px 0px 0;  display:inline-block;}
.styleswitcher li a{ text-indent:-9999px; float:left; height:25px; width:25px;}

.red{ background:#c20509;}
.orange{ background:#ff3c00;}
.skyblue{ background:#04799f;}
.blue{ background:#018785;}
.green{ background:#007f39;}
.pink{ background:#a4022c;}


/*---------- styleswitcher  ----------*/
.sidePanel{width:280px; position:fixed; left:-231px; top:20%; z-index:9999; }
#panelHandle{ background:#fff url(../images/panelHandle.png) no-repeat 5px 9px; height:43px; width:39px;  float:left; cursor:pointer; margin:0;  border:1px solid #e9e9e9; border-left:1px solid #fff; margin: 0 0 0 -1px;  }
#panelContent{ float:left;  width:230px; height:82px; background: #fff; /* Old browsers */ overflow:hidden; border:1px solid #e9e9e9; border-left:0;}
#panelHandle p {   color: #000; font-size: 24px; font-weight: bold;  margin: 0; padding: 0;font:30px/30px 'AgencyFB'; color:#007cc3; }
.pointer{ left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 128, 211, 0); border-right-color: #fff;border-width: 14px; left: -2.2%; margin-top:104px;}
#panelContent h3{ background: #FFFFFF; padding: 10px 0 5px 8px; text-align: left; font-size:14px;}