/*******************************************************************************
* Left sidebar
*******************************************************************************/
#leftSidebar {
    clear: left;
    float: left;
    position: relative;
    width: 223px;
    margin-top: 0px;

}

#leftSidebar #sideNav .middle {
    background: url(image/servbg.jpg) right repeat-y;
    width: 223px; /* should be 213px, but add 3px to workaround IE6 issue of duplicating characters around floats */
	min-height: 186px; max-height: 186px;
}

/* clear floated children */
#leftSidebar #sideNav .middle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#leftSidebar #sideNav .middle { display: inline-block; }
#leftSidebar #sideNav .middle { display: block; }

.middle {line-height: 17px;}

#rootNav {padding: 0px 0px 0px 0px; border-right: 1px solid #ffffff;}

#leftSidebar #sideNav .middle #rootNav {
    float: left;
    width: 81px;
}

#leftSidebar #sideNav .middle #rootNav a.rootItem {
    display: block;
    background: no-repeat 0px 0px;
    width: 81px;
    margin: 0px;
	
}
/*
#leftSidebar #sideNav .middle #rootNav a.rootItem:hover {
    background-position: -168px;
}
*/

#leftSidebar #sideNav .middle #rootNav a.rootItem.active {
    /*background-position: -84px;*/
}


#leftSidebar #sideNav .middle #rootNav a.rootItem.face {
    background-image: url(image/2.jpg);
}

#leftSidebar #sideNav .middle #rootNav a.rootItem.body {
    background-image: url(image/3.jpg);
}

#leftSidebar #sideNav .middle #rootNav a.rootItem.skin {
    background-image: url(image/4.jpg);
}


#leftSidebar #sideNav .middle .subNav {
    display: none;
}

#leftSidebar #sideNav .middle .subNav.active {
    display: block;
    float: left;
    width: 138px; 
}

#leftSidebar #sideNav .middle .subNav a.subItem {
    display: block;
    padding-left: 15px;
    padding-right: 3px;
    font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, "Sans-serif";
    font-size: 12px;
    font-weight: normal;
    color: #d1e3f5;
    text-decoration: none;
    margin: 0px 0px;
	background: url(./image/bullet_arrow.gif) no-repeat 3px center;
}

#leftSidebar #sideNav .middle .subNav a.subItem:hover {
    color: #fff;
    text-decoration: underline;
    background: url(./image/bullet_arrow_w.gif) no-repeat 3px center;
}