/* =================================================== Accordion ========================================================= */
.accordion{
 border-radius: 3px;
}

.accordion li {
 border-radius: 3px;
}
.accordion img {
 border-radius: 1px;
}

.accordion_transp_0{ background:url('../Images/accordionbackgroundtransp_0.png') repeat scroll 0 0 transparent; }
.accordion_transp_0 li { background:url('../Images/accordionitembackgroundtransp_0.png') repeat scroll 0 0 transparent; }

.accordion_transp_20{ background:url('../Images/accordionbackgroundtransp_20.png') repeat scroll 0 0 transparent; }
.accordion_transp_20 li { background:url('../Images/accordionitembackgroundtransp_20.png') repeat scroll 0 0 transparent; }

.accordion_transp_40{ background:url('../Images/accordionbackgroundtransp_40.png') repeat scroll 0 0 transparent; }
.accordion_transp_40 li { background:url('../Images/accordionitembackgroundtransp_40.png') repeat scroll 0 0 transparent; }

.accordion_transp_60{ background:url('../Images/accordionbackgroundtransp_60.png') repeat scroll 0 0 transparent; }
.accordion_transp_60 li { background:url('../Images/accordionitembackgroundtransp_60.png') repeat scroll 0 0 transparent; }

.accordion_transp_80{ background:url('../Images/accordionbackgroundtransp_80.png') repeat scroll 0 0 transparent; }
.accordion_transp_80 li { background:url('../Images/accordionitembackgroundtransp_80.png') repeat scroll 0 0 transparent; }

.accordion_transp_100{ background:url('../Images/accordionbackgroundtransp_100.png') repeat scroll 0 0 transparent; }
.accordion_transp_100 li { background:url('../Images/accordionitembackgroundtransp_100.png') repeat scroll 0 0 transparent; }

.accordion a, .accordion a:hover{
 text-decoration: none;
}

.accordion ul, .accordion li, .accordion img, .accordion a, .accordion p,
.accordion table, .accordion td{
 margin: 0;
 padding: 0;
 border: 0;
 border-spacing: 0;
}

.accordion h2{
 margin: 0;
 padding: 0;
}

.accordion .title h2{
 padding-top: 5px;
 font-size: 13px;
 color: #fff;
 overflow: hidden;
 text-align: center;
 font-weight: bold;
 white-space:nowrap; 
 text-overflow: ellipsis;
}

.accordion a{
 overflow: hidden;
 display: block;
}

.accordion .imgwrap{
 list-style-position: outside;
 display:table-cell;
 vertical-align:middle;
}

.accordionv .imgwrap {
 text-align: center;
}
.accordionh .imgwrap {
 margin-left:30px;
}

/* ====================================== Accordion Vertical ===================================*/
.accordionv{
 margin-top: 5px;
 padding-top: 5px;
}

.accordionv ul li{ 
 list-style: none;
 margin: 0px 5px 5px 5px;
}

.accordionv a{
 position: relative;
 height: 30px;
}

.accordionv .imgwrap{
 position:absolute;
 top: 20px;
 display:table;
}
.accordionv .imgwrap .hinnerImg{
 position: relative;
 width: 100%;
 height: 100%;
 display:table-cell;
 vertical-align: middle;
}

.accordionv .title{
 display: block;
 height: 20px;
 margin: 0 10px 0 10px;
}

.accordionv .title span{
 display: none;
}

/* =================================== Accordion Horizontal ====================================*/
.accordionh {
 margin-top: 5px;
}

.accordionh a{
 position: relative;
 width: 30px;
 height: 100%; 
}

.accordionh .imgwrap{
 position:absolute;
 left: 0px;
 display:table;
}

.accordionh .imgwrap .hinnerImg{
 position: relative;
 width: 100%;
 height: 100%;
 display:table-cell;
 vertical-align: middle;
}

.accordionh .title {
 position:absolute;
 top: 50%;
 z-index: 1;

 transform:rotate(-90deg)translate(0,0); 
 -ms-transform:rotate(-90deg)translate(0,0); /* IE 9 */
 -moz-transform:rotate(-90deg)translate(0,0); /* Firefox */
 -webkit-transform:rotate(-90deg) translate(0,0);/* translate(-80px,-65px); *//* Safari and Chrome */
 -o-transform:rotate(-90deg)translate(0,0); /* Opera */
}

.accordionh .title h2{
 padding-top: 20px;
 margin-left: 20px;
}

.accordionh .title span{
 display: none;
}

.accordionh ul {
 padding-left: 5px;
 overflow: hidden;
} 

.accordionh ul li{
 float:left;
 overflow: hidden;
 list-style:none;
 border-radius: 3px;
 margin: 5px 5px 0px 0px;
} 
 
 
 
 
 
/* ======================== Accordion Horizontal Layout2 ========================================== */
.accordionhL2{
 margin-top: 5px;
}

.accordionhL2, .accordionhL2 a{
 padding:0;
 overflow: hidden;
 height: 100%;
}

.accordionhL2 .imgwrap{ 
 text-align: left;
}

.accordionhL2 .title{
 display: table-cell;
}

.accordionhL2 .title h2{
 position: relative;
 margin-left: 5px;
 font-size: 16px;
 white-space: normal;
 line-height: normal;
 text-align: left;
}

.accordionhL2 .title span{
 display: block;
 font-size:12px;
 font-weight: normal;
 margin-left: 5px;
 height: 0px;
 color: #FFF;
}

.accordionhL2 ul{
 margin: 5px;
 overflow: hidden;
}

.accordionhL2 ul li{
 float:left;
 list-style:none;
 border-radius:3px;
 overflow: hidden;
}