/* Used for the front page hover buttons */
#flowtabs {
    position:relative;
    /* dimensions */
    width:950px;
    height:31px !important;
    margin:0 !important;
    padding:0;
    z-index:1;

    /* IE6 specific branch (prefixed with "_") */
    _margin-bottom:-2px;
}

#flowtabs li {
    float:left;
    text-indent:0;
    list-style-type:none;
    margin-bottom: -1px;
}

#flowtabs li a {
    background: url(/assets/images/home/nav_bar.gif) no-repeat;
    display:block;
    height: 50px;
    /* font decoration */
    color:#000;
    font-size:12px;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    outline: none;

}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; width: 210px;}
#flowtabs #t2 			{ background-position: -210px 0; width: 216px;}
#flowtabs #t3 			{ background-position: -426px 0; width: 200px;}
#flowtabs #t4 			{ background-position: -626px 0; width: 180px;}
#flowtabs #t5 			{ background-position: -806px 0; width:144px;}

/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -50px; }
#flowtabs #t2:hover 	{ background-position: -210px -50px; }
#flowtabs #t3:hover 	{ background-position: -426px -50px; }
#flowtabs #t4:hover 	{ background-position: -626px -50px; }
#flowtabs #t5:hover 	{ background-position: -806px -50px; }

/* panes */
#flowpanes {
    background: #ffffff no-repeat 0 -100px;
    width:950px;
    height:275px;
}


/* single pane */
#flowpanes div {
    display:none;
    color:black;
    margin:0px 0px;
    z-index:0;
}

/* override the root element to enable scrolling */
#flowpanes {
    position:relative;
    overflow:hidden;
    clear:both;
}

/* override single pane */
#flowpanes div {
    float:left;
    display:block;
    width:950px;
    cursor:pointer;
    font-size:14px;
}