.tabflow>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	width: 500px;
}

.tabflow>ul>li {
    display:block;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
	height:26px; /* the height of each tab */
	width: 100%; /* the width of the tabflow */

    background-color:#f0f0f0; /*color for background of tab when expanded */

    /* CSS3 Transition Effect */
    transition: height 0.3s ease-in-out; /* how long to do the transition */
    -moz-transition: height 0.3s ease-in-out; /* how long to do the transition */
    -webkit-transition: height 0.3s ease-in-out; /* how long to do the transition */
    -o-transition: height 0.3s ease-in-out; /* how long to do the transition */

}

.tabflow>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:16px;

    border-top:#f0f0f0 1px solid; /* color for the top of the tab */
    /* here down is the text font */
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000000; 
    /* */
    background: #cccccc;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #999999, #cccccc); /* the color of the fade */
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));/* the color of the fade */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 - the color of the fade */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 - the color of the fade */
}

.tabflow>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:220px;
}

.tabflow>ul>li:hover {
	height: 70px; /* the height of the entire thing */
}

.tabflow:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background: #000000;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock - the color of the fade on hover*/
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome - the color of the fade on hover*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 - the color of the fade on hover*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 - the color of the fade on hover*/
}

.tabflow>ul>li>h3:hover {
    cursor:pointer;
}