.horizontalaccordion>ul,.horizontalaccordion>ul>li{list-style:none;height:400px;padding:0;margin:0}.horizontalaccordion>ul>li{overflow:hidden;transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;background:#f0f0f0;width:40px;float:left;display:block}.horizontalaccordion ul li img{height:380px;width:100%}.horizontalaccordion>ul>li>h3{-moz-transform:rotate(90deg) translate(-40px);-o-transform:rotate(90deg) translate(-40px);-webkit-transform:rotate(90deg) translate(-40px);transform:rotate(90deg) translate(-40px);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0) progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999,endColorstr=#ffcccccc);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)" "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";border-left:1px solid #f0f0f0;padding:10px;font-size:14px;text-decoration:none;font-weight:400;color:#fff;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;margin:0;width:400px;float:left;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;display:block}.horizontalaccordion>ul>li>div{height:400px;overflow:auto;padding:10px;position:relative;top:-40px;*top:0;margin:0;left:40px;*left:0;float:left;display:none}.horizontalaccordion>ul>li:hover{overflow:hidden;color:#fff;width:50%}.horizontalaccordion:hover>ul>li:hover>div{color:#fff;display:block}.horizontalaccordion:hover>ul>li:hover>h3{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0) progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545,endColorstr=#ff000000);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1.0)" "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";color:#fff;background:#000;background:-moz-linear-gradient(top,#454545,#000);background:-webkit-gradient(linear,left top,left bottom,from(#454545),to(#000))}.horizontalaccordion>ul>li>h3:hover{cursor:pointer}