/*  ----------------- VIVAS MENU STYLES ----------------- */

.menuMain {  font-family:Arial; font-size:8pt; width: 220px; background-color:#542A40; color:#666688; }

.menuTreeLevel1Contracted { background-color:#542A40; padding: 3px 6px 3px 15px; border-top: solid 1px #FFFFFF; cursor: pointer; }
.menuTreeLevel2Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 4px 25px; cursor: pointer; }
.menuTreeLevel3Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 35px; cursor: pointer; }
.menuTreeLevel4Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 45px; cursor: pointer; }
.menuTreeLevel5Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 55px; cursor: pointer; }
.menuTreeLevel6Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 65px; cursor: pointer; }
.menuTreeLevel7Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 75px; cursor: pointer; }
.menuTreeLevel8Contracted { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 2px 85px; cursor: pointer; }

.menuTreeLevel1Contracted:hover { border-top: solid 1px #FFFFFF; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel2Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel3Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel4Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel5Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel6Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel7Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel8Contracted:hover { border: none; color: #FFFEF9; cursor: pointer; }

.menuTreeLevel1Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: bold; color:#FFFEF9; border: none; margin-left: 12px; cursor: pointer; }
.menuTreeLevel2Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel3Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel4Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel5Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel6Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel7Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel8Contracted div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }

.menuTreeLevel1Contracted:hover div { color:#FFFFFF;}
.menuTreeLevel2Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel3Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel4Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel5Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel6Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel7Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel8Contracted:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }

.menuTreeLevel1Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 3px 6px 6px 15px; border-top: solid 1px #FFFFFF; cursor: pointer; }
.menuTreeLevel2Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 4px 25px; cursor: pointer; }
.menuTreeLevel3Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 35px; cursor: pointer; }
.menuTreeLevel4Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 45px; cursor: pointer; }
.menuTreeLevel5Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 55px; cursor: pointer; }
.menuTreeLevel6Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 65px; cursor: pointer; }
.menuTreeLevel7Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 75px; cursor: pointer; }
.menuTreeLevel8Expanded { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 85px; cursor: pointer; }

.menuTreeLevel1Expanded:hover { border-top: solid 1px #FFFFFF; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel2Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel3Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel4Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel5Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel6Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel7Expanded:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel8Expanded:hover { color: #FFFEF9; cursor: pointer; }

.menuTreeLevel1Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: bold; color:#FFFEF9; border: none; margin-left: 12px; cursor: pointer; }
.menuTreeLevel2Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel3Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel4Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel5Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel6Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel7Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel8Expanded div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }

.menuTreeLevel1Expanded:hover div { color:#FFFFFF;}
.menuTreeLevel2Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel3Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel4Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel5Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel6Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel7Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel8Expanded:hover div{ text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }

.menuTreeLevel1Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 3px 6px 6px 15px; border-top: solid 1px #FFFFFF; cursor: pointer;}
.menuTreeLevel2Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 4px 25px; cursor: pointer; }
.menuTreeLevel3Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 35px; cursor: pointer; }
.menuTreeLevel4Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 45px; cursor: pointer; }
.menuTreeLevel5Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 55px; cursor: pointer; }
.menuTreeLevel6Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 65px; cursor: pointer; }
.menuTreeLevel7Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 75px; cursor: pointer; }
.menuTreeLevel8Selected { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 85px; cursor: pointer; }

.menuTreeLevel1Selected:hover { border-top: solid 1px #FFFFFF; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel2Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel3Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel4Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel5Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel6Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel7Selected:hover { color: #FFFEF9; cursor: pointer; }
.menuTreeLevel8Selected:hover { color: #FFFEF9; cursor: pointer; }

.menuTreeLevel1Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: bold; color:#FFFEF9; border: none; margin-left: 12px; cursor: pointer; }
.menuTreeLevel2Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel3Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel4Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel5Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel6Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel7Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel8Selected div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#d7df23; border: none; margin-left: 8px; cursor: pointer; }

.menuTreeLevel1Selected:hover div { color:#FFFFFF;}
.menuTreeLevel2Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel3Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel4Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel5Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel6Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel7Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }
.menuTreeLevel8Selected:hover div { text-decoration: none; font-weight: normal; color: #d7df23; cursor: pointer; }

.menuTreeLevel1Leaf { background-color:#542A40; padding: 3px 6px 3px 15px; border-top: solid 1px #FFFFFF; cursor: pointer; }
.menuTreeLevel2Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 4px 25px; cursor: pointer; }
.menuTreeLevel3Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 35px; cursor: pointer; }
.menuTreeLevel4Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 45px; cursor: pointer; }
.menuTreeLevel5Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 55px; cursor: pointer; }
.menuTreeLevel6Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 65px; cursor: pointer; }
.menuTreeLevel7Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 75px; cursor: pointer; }
.menuTreeLevel8Leaf { background-image: url(../images/horizon_back_grad.gif); background-color:#542A40; padding: 1px 5px 1px 85px; cursor: pointer; }

.menuTreeLevel1Leaf:hover { border-top: solid 1px #FFFFFF; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel2Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel3Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel4Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel5Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel6Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel7Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }
.menuTreeLevel8Leaf:hover { border: none; color: #FFFEF9; cursor: pointer; }

.menuTreeLevel1Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: bold; color:#FFFEF9; border: none; margin-left: 12px; cursor: pointer; }
.menuTreeLevel2Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel3Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel4Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel5Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel6Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel7Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }
.menuTreeLevel8Leaf div { font-family:Arial; font-size:9pt; text-decoration: none; font-weight: normal; color:#FFFEF9; border: none; margin-left: 8px; cursor: pointer; }

.menuTreeLevel1Leaf:hover div { color:#FFFFFF;}
.menuTreeLevel2Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel3Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel4Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel5Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel6Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel7Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }
.menuTreeLevel8Leaf:hover div { text-decoration: none; font-weight: normal; color: #FFFFFF; cursor: pointer; }

/*  ----------------- END VIVAS MENU STYLES ----------------- */