@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto-regular-webfont.eot');
    src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular-webfont.woff') format('woff'),
         url('../font/roboto-regular-webfont.ttf') format('truetype'),
         url('../font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.glossymenu{
margin: 0px 0;
padding: 0;
width: 170px; /*width of menu*/
background-color:#f0f0f0;
width:100%;
 
}

.glossymenu a.menuitem{
background:url(../images/main_menu_arrow.png) no-repeat scroll
font-size:17px;
font-family: 'robotoregular';
color:#000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:13px 10px 13px 38px;
padding-left: 10px;
text-decoration: none;
border-bottom:1px solid #e1e1e1; border-top:1px solid #ffffff;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
/*color: #19ADF9;*/
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
background:url(../images/main_menu_arrow_active.gif) no-repeat scroll 100% 0%;
position: absolute;
top: 10px;
right: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#19adf9;
}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
border-bottom:1px solid #e6e6e6;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0 0 -1px 0;
padding: 0 26px 0 10px;
}

.glossymenu div.submenu ul li{
background:url(../images/left_category_bg.png) no-repeat 0 15px;
padding:0 0 0 14px;
}

.glossymenu div.submenu ul li:hover{
/*border-bottom: 1px solid blue;*/
background:url(../images/left_category_bg_hover.png) no-repeat 0 15px;
}

.glossymenu div.submenu ul li:hover a{ color:#000000;}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 12px 0;
padding-left: 0px;
color:#535353;
border-bottom:1px solid #e6e6e6;
}

.glossymenu div.submenu ul li a:hover{
	color:#000000;
}
