﻿/* BEGIN MENU LEFT */

.urbangreymenu{
background-color:#1a1f2a;
padding-top:5px;
width:100%;
}

.urbangreymenu .headerbar
{
    color:#fff;
    font-size:14px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    margin-bottom: 0px; /*bottom spacing between header and rest of content*/            
    float:left;    
}

.textmenu_sub
{           
    background:#304d6b url(../images/icon_menu.png) left 19px no-repeat;
    padding:13px 0 13px 29px;
    line-height:20px;
    border-bottom:1px solid #2c445e;
    color:#ffffff;        
}
.textmenu_sub-active
{
	font-size: 12px;
	color:#5b5b5b;
	font-family:Arial;
    text-decoration:none;                   
}

.textmenu_sub-active div a {color:#5b5b5b; font-weight:bold }

.urbangreymenu div.selected
{    
    color:#ffcb05;
    font-size:14px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;
    background:#211f22;    
    margin-top:3px;   
    border-bottom:none; 
}
.urbangreymenu div.selected a
{    
    color:#ffcb05;
    font-size:14px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;
    background: url(../images/icon_menu_ac.png) right center no-repeat;
    padding:8px 30px 8px 25px;
    border-bottom:none; 
}

.urbangreymenu div.unselected a
{
       
}

.urbangreymenu div{
    color:#fff;
    font-size:14px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;        
    margin-top:3px;
    border-bottom:1px solid #2c445e; 
    background:#304d6b;   
}
.urbangreymenu div a{
    color:#fff;
    font-size:14px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;
    background: url(../images/icon_menu.png) right center no-repeat;  
    padding:8px 30px 8px 25px;         
    margin-right:10px;
}

.urbangreymenu .headerbar a:hover{
color:#5b5b5b;
}

.urbangreymenu .headerbar a:active{
color:#5b5b5b;
}

.urbangreymenu ul.sub_cat{
list-style-type: none;
margin: 0;
padding:0;
}

.urbangreymenu ul.sub_cat li{    
}

.sub_cat
{

}

.urbangreymenu .sub_cat  a
{
    color:#c7c8ca;
    font-size:13px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;
    background:#3d4150 url(../images/icon_menu_items.png) 25px center no-repeat;
    padding:4px 30px 4px 44px;    
    border-bottom:1px solid #212632;
    border-top:1px solid #212632;
}
.urbangreymenu .sub_cat a:hover, .urbangreymenu .sub_cat a.active {    
    color:#fff;
    font-size:13px;    
    font-family:'Myriad Pro';    
    font-weight:bold;
    text-decoration: none;
    display: block;
    text-transform:uppercase;
    background:#211f22 url(../images/icon_menu_items.png) 25px center no-repeat;
    padding:4px 30px 4px 44px;    
    border-bottom:1px solid #212632;
    border-top:1px solid #212632;
}

.urbangreymenu ul li a:visited{
background:url('../images/bullet_sub_menu_ac.png') no-repeat left 5px;
padding-left:10px;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color:#499edf;
background:url('../images/bullet_sub_menu_ac.png') no-repeat left 5px;
padding-left:10px;
}

.urbangreymenu ul li a:active{ /*hover state CSS*/
color:#00a33d;
background: transparent;
background:url('../images/bullet_sub_menu_ac.png') no-repeat left 5px;
padding-left:10px;
}

.active_menu a
{
    font-weight:bold;
}
#mnu_hover:hover
{    
    background-image: url(../images/bg_cat.png); 
    background-repeat: no-repeat; 
    background-position: 164px top;
}
.active_menu div a
{
    color:#5b5b5b;
}
.active_sub_menu
{
    font-weight:normal;
    color:#499edf; 
    background-image: url("/images/bullet_cat_ac.png");
}