css

  #tabcode1{
margin-bottom:3px;
border-left:4px solid {color:tabcolor};
padding-left:4px;
height:14px;
text-align:left;
overflow:hidden;
margin-top:-1px;
border-bottom:0px solid #706732;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
line-height:10px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}
#tabcode1:hover{
height:120px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode2{
margin-bottom:3px;
height:14px;
text-align:left;
overflow:hidden;
border-left:4px solid {color:tabcolor2};
padding-left:4px;
text-transform:uppercase;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode2:hover{
height:140px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode3{
margin-bottom:3px;
border-left:4px solid {color:tabcolor3};
padding-left:4px;
height:14px;
text-align:left;
overflow:hidden;
border-bottom:0px solid #ccc;
text-transform:uppercase;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode3:hover{
height:135px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode4{
margin-bottom:3px;
border-left:4px solid {color:tabcolor4};
padding-left:4px;
height:14px;
text-align:left;
overflow:hidden;
border-bottom:0px solid #ccc;
text-transform:uppercase;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode4:hover{
height:60px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode5{
margin-bottom:3px;
border-left:4px solid {color:tabcolor5};
padding-left:4px;
height:14px;
text-align:left;
overflow:hidden;
border-bottom:0px solid #ccc;
text-transform:uppercase;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode5:hover{
height:35px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}
#tabcode6{
margin-bottom:3px;
border-left:4px solid {color:tabcolor6};
padding-left:4px;
height:14px;
text-align:left;
overflow:hidden;
text-transform:uppercase;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#tabcode6:hover{
height:60px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}


#tabcode{
text-align:left;
font-size:10px;
opacity: .8;
text-transform:uppercase;
position:fixed;
font-family:'calibri' sans-serif;
left:0px;
background-color:transparent;
letter-spacing:1px;
width:95px;
z-index:9999;
padding:4px;
top:30px;

}