/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

/*CSS for example Accordion #headerContainer*/

#headerContainer
{
    margin: 0 auto;
    width: 970px;
}

#headerContainer li
{
    margin: 0; /*Spacing between each LI container*/
}

#headerContainer li .hpanel
{
    /*padding:5px 0px 5px 5px;*/ /*Padding inside each content*/
}

.leftInnerDiv
{
    margin: 0px;
    float: left;
    height: 107px;
    border: none;
    outline: none;
}

span.topNavLabel
{
    display: none;
}

.leftInnerDiv1
{
    background-image: url(/images/design001/topNav_homeTabBkg_selected.png);
    width: 50px; /*filter:alpha(opacity=60); 	opacity:.50;*/
}

.leftInnerDiv2
{
    background-image: url(/images/design001/topNav_div2TabBkg.png);
    width: 139px; /*filter:alpha(opacity=60); 	opacity:.50;*/
}

.leftInnerDiv3
{
    background-image: url(/images/design001/topNav_div3TabBkg.png);
    width: 140px; /*filter:alpha(opacity=60); 	opacity:.50;*/
}

.leftInnerDiv4
{
    background-image: url(/images/design001/topNav_div4TabBkg.png);
    width: 138px; /*filter:alpha(opacity=60); 	opacity:.50;*/
}

.leftInnerDiv5
{
    background-image: url(/images/design001/topNav_div5TabBkg.png);
    width: 139px; /*filter:alpha(opacity=60); 	opacity:.50;*/
}

.haccordion
{
    padding: 0;
}

.haccordion ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; /*leave as is*/
}


.haccordion li
{
    margin: 0;
    padding: 0;
    display: block; /*leave as is*/
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 105px; /*For users with JS disabled: Height of each content*/
    overflow: hidden; /*leave as is*/
    float: left; /*leave as is*/
}

.haccordion li .hpanel
{
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 107px; /*For users with JS disabled: Height of each content*/
}