﻿.sideNav{width:150px; float:left; clear:left; }

.menu ul {
	width:150px;
	float:left; clear:left;
	/*border:solid 1px #d3d3d3;*/
}

.menu li {font:bold 11px/15px Arial,Helvetica,Sans-serif;}

.menu ul li {
    list-style:none;
	position: relative;
	/*float: left;*/  /* commented for flyout use else dropdown*/
	text-align: center;
    width:150px;
}

.menu ul li a {
display: block;
	text-decoration: none;
	color: #1460be;  /*1460be top menu text color*/
	background: transparent url(../../images/Left_navArrow.gif) no-repeat 135px 10px;  /*required for IE6 */
	border:1px solid #e4e4e4;
	border-bottom:1px dotted #FFFFFF;
	border-top:1px dotted #CFCFCF;
	padding:5px;
	display:block;
	text-align:left;
}

.menu ul a:hover
{
	color: #f47b20; /* bg 69321f */
	border:1px solid #f47b20;
	border-right:0px;
	background: #fffaea url(../../images/Left_navArrow.gif) no-repeat 135px -23px;
} 
.menu ul a.lastNavLink{border:1px solid #e4e4e4; border-top:1px dotted #CFCFCF;}
.menu ul a:hover.lastNavLink{border:1px solid #f47b20; border-right:0px;}
.menu ul a.firstNavLink{border-top:1px solid #e4e4e4;}
.menu ul a:hover.firstNavLink{border-top:1px solid #f47b20;}

.menu ul li a span {
	/*padding: 0 15px 0 10px;
   	background: url(arrow.gif) no-repeat 100% 50%;  optional */
}

.menu ul li ul {
    display: block;
    position: absolute;
/* hidding submenus based on: http://css-class.com/articles/ursidae/  */
    left: -999em;/* this makes it more accessible than display:none; */
    width: 162px;
    background:#fff2d5;
    
    border-top:1px solid #f47b20;
    border-bottom:1px solid #f47b20;
border-right:1px solid #f47b20;
}

.menu ul li:hover ul,
.menu ul li.over ul {
    display: block;
    left: 148px;  /* the postion near main menu */
    top: 0;       /* align with top of main menu */
    position: absolute;
    z-index: 4000;
    
}

.menu ul li ul li {
    width: 154px;
    height: auto;
    background: transparent;
    text-indent: 0;


}
.menu ul li:hover  ul li a
{
    width: 100%;
    padding: 5px;
    border:0px;
	border-left: 1px solid #f47b20;

    }
.menu ul li:hover ul li a,
.menu ul li.over ul li a {
    display: block;
    width: 126px;/*this is to adjust if used some background image for dropdown */
    background: transparent;
   
    text-decoration: none;
    margin: 0;
    text-indent: 0;
    text-align: left;

    white-space: nowrap;
    font-weight:normal;
  
}
.menu ul li ul li a.firstSubNav{border:none;}
.menu ul li ul li a:hover.firstSubNav {  border:0px;}
.menu ul li ul li a.firstSubNavNobar, .menu ul li ul li a:hover.firstSubNavNobar {  border:0px; background:transparent url(../../images/menuLeftbar.gif) no-repeat left bottom;}
.menu ul li ul li a:hover {
    color: #f47b20;
}

.menu ul li.active a,
.menu ul li a:hover,
.menu ul li:hover a,
.menu ul li.over a {
    background: #fff2d5;
    border:1px solid #f47b20;
    
}


.clearboth {clear:both}

div.reorderBucket{margin-top:10px; width:150px; float:left;clear:both;}


