/* SupraFlex VERTICAL Subnav Rollover Rules
------------------------------ */

a.supra span.flex {
padding: 0 10px 5px 10px;
background:transparent url(../images/supra.png) no-repeat scroll left bottom;
display:block;
line-height:18px;
}
a.supra {
background:transparent url(../images/supra.png) no-repeat scroll left top;
color:#585858;
display:block;
font-size: 12px;
width:186px;
padding: 5px 0 0 0;
margin: 0 0 8px 0;
text-decoration:none;
}
a.supra:hover {
background:transparent url(../images/flex.png) no-repeat scroll left top;
color: #585858;
}

a.supra:hover span.flex {
background:transparent url(../images/flex.png) no-repeat scroll left bottom;
}

/* SupraFlex HORIZONTAL Subnav Rollover Rules
------------------------------ */

a.hsupra span.hflex {
padding: 0 11px 0 0;
background:transparent url(../images/hsupra.png) no-repeat right;
display:block;
line-height:18px;
}
a.hsupra {
background:transparent url(../images/hsupra.png) no-repeat left;
color:#585858;
display:block;
float:left;
font-size: 12px;
height:28px;
padding: 0 11px 0 0;
margin: 0 0 8px 0;
text-decoration:none;
}
a.hsupra:hover {
background:transparent url(../images/hflex.png) no-repeat left;
color: #585858;
}

a.hsupra:hover span.hflex {
background:transparent url(../images/hflex.png) no-repeat right;
}