﻿.vertmenu
{
	border: solid 0px green;
	/*width: 212px;*/	
	overflow: hidden;
}

.vertmenu a
{
	font-size: 14px;
	font-family: Arial;
}

.vertmenu li
{
   	background-image:url(../Image/predesigned/site/headarrow2.gif);
	background-repeat:no-repeat;
	background-position: 5px 2px; /*Suggestion. It can be in conjunction to padding gaps bellow*/
	padding: 6px 0;
	border-bottom:1px dashed #BABABA;
}
.vertmenu li:hover
{
    background-image: url(../Image/predesigned/site/rollOver_Red2.gif);    
	background-repeat:no-repeat;
	background-position: -1px 0px; /*Suggestion. It can be in conjunction to padding gaps bellow*/
	padding: 6px 0;	
	border-bottom:1px dashed #BABABA;
	cursor: pointer;
	cursor: hand;
}
.vertmenu li:hover a{color: #FFF;}
.vertmenu li.firstMenuItem      {background-image:url(../Image/predesigned/site/nav_bg.jpg); background-position:0px 0px;}
.vertmenu li.firstMenuItem:hover{background-image:url(../Image/predesigned/site/nav_top_over.gif); background-position:0px 0px;}

.vertmenu li.lastMenuItem       {background-image:url(../Image/predesigned/site/nav_bg2.jpg); background-position:0px 0px;}
.vertmenu li.lastMenuItem:hover {background-image:url(../Image/predesigned/site/nav_bottom_over.gif); background-position:0px 0px;}


.vertmenu li a
{
	color: #000;
	font-weight: bold;	
	padding-left: 23px;	
	text-decoration: none;
}
.vertmenu li.selected {padding-bottom1: 0px;} /*should be 0 if selected has children. Play around*/
.vertmenu li.selected a {color:#D2232A;}
.vertmenu li.selected:hover a{color: #FFF;} 

.vertmenu li.selected:hover ul.level0 a{color:#333333;}
/*.vertmenu li.selected ul.level0{margin-top:9px;border-top:1px dashed #BABABA;}*/
.vertmenu li ul.level0{margin-top:9px;padding-top:6px; border-top:1px dashed #BABABA;}

.vertmenu ul li a {	text-transform: none;}

ul.level0 li
{
	/*
	color: #333333; 
	font-weight: bold;
	font-size: 11px;
	
text-transform: uppercase;*/
}

.vertmenu ul.level0 li
{	
	list-style-type:none;		
	background-image: none;
	/* border-bottom: solid 1px red; 	 url('../image/nav/subnav_line.gif');	background-repeat: no-repeat;*/
	background-color: #F4F3F3;	
	background-position:bottom;	
	padding:0px;
	margin: 1px 0 2px 25px;
	border-width:0px;	
}

.vertmenu ul.level0 li a {padding-left:5px; color: #333333; font-weight: bold; font-size: 11px;}

.vertmenu ul.level0 li.selected{ background-color:#636363;}/* color: #FFF;*/
.vertmenu ul.level0 li.selected a{ color: #FFF;}/**/

.vertmenu li ul.level0 li:hover{ background-color:#636363;}
.vertmenu li ul.level0 li:hover a{color:White;}

.vertmenu li.selected ul.level0 li:hover {background-color: #636363; color:#FFF;}
.vertmenu li.selected ul.level0 li:hover a { color:White;}/**/

/* LEVEL1*/
.vertmenu ul.level1 li
{    
	border-bottom: solid 0px red;
	background-color: #fff;
	background-image: none;
}

.vertmenu ul.level1 li a
{
	color: #959595; /* light gray */
	font-weight: bold;
	text-transform: none;
	font-size: 11px;
}
.vertmenu ul.level1 li.selected
{
	background-image: url("../Image/nav/navTriangle.gif") ;
	background-position: 7px; /* 0px 0px;*/
	}
