condensed tab 01

/*---begin updates tab CSS---*/

  #tabcode1{
    margin-bottom:0px;
    border-left:7px solid {color:tabcolor};
    padding-left:4px;
    text-align:left;
    height:14px;
    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:80px;/*---edit the length of tab---*/
    -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:0px;
    border-left:7px solid {color:tabcolor2};
    padding-left:4px;
    text-align:left;
    height:14px;
    overflow:hidden;
    text-transform:uppercase;
    background-color:;
    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:80px;/*---edit the length of tab---*/
    -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{
    border-left:7px solid {color:tabcolor3};
    padding-left:4px;
    text-align:left;
    margin-bottom:0px;
    height:14px;
    overflow:hidden;
    border-bottom:0px solid #ccc;
    text-transform:uppercase;
    background-color:;
    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:80px;/*---edit the length of tab---*/
    -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:0px;
    border-left:7px solid {color:tabcolor4};
    padding-left:4px;
    text-align:left;
    height:14px;
    overflow:hidden;
    border-bottom:0px solid #ccc;
    text-transform:uppercase;
    background-color:;
    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:80px;/*---edit the length of tab---*/
    -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:0px;
    border-left:7px solid {color:tabcolor5};
    padding-left:4px;
    text-align:left;
    height:14px;
    overflow:hidden;
    border-bottom:0px solid #ccc;
    text-transform:uppercase;
    background-color:;
    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:80px;/*---edit the length of tab---*/
    -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;
    left:270px;
    background-color:transparent;
    letter-spacing:0px;
    width:105px;
    z-index:9999;
    padding:4px;
    top:180px;

    }

/*---end updates tab CSS---*/