﻿.ddsmoothmenu{
width: 100%;
font-family: Lucida Sans, Verdana, Arial, san-serif
}
.ddsmoothmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background: transparent !important;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
background: none;
}

.ddsmoothmenu ul li.selected {}
.ddsmoothmenu ul li.selected ul li {}

.ddsmoothmenu ul li.selected a{color:#6A4E05 !important;text-shadow: none !important;background: url('/SiteCollectionImages/templates/topselectedbg.png') #fff left top repeat-x !important}
.ddsmoothmenu ul li.selected ul li a{background: url('/SiteCollectionImages/templates/submenuarrow.png') 270px  center no-repeat !important}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: white;
padding: .75em .75em .75em 2em;
color: #2d2b2b;
text-decoration: none;
font-weight: bold;
}
/*.ie6 .ddsmoothmenu ul li a{padding: .5em .75em .5em 2em !important; background-position: .25em 60%}*/

.lastMenu{}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #fff !important; 
color: #6A4E05 !important;
}

.ddsmoothmenu ul li a:hover{
color: #6A4E05 !important;
text-shadow: none !important;
border-bottom: 0;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position:absolute;
width: 293px;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: transparent url('/SiteCollectionImages/templates/dropdownbg.png') left bottom no-repeat !important;
margin-left: -8px !important;
padding-left: 0px !important;
font-family: Arial, Verdana, san serif;
padding-bottom: 15px !important;
padding-top: 5px !important
}
.ie .ddsmoothmenu ul li ul {
margin-left: -8px !important;
padding-bottom: 17px !important;
background:url('/SiteCollectionImages/templates/dropdownbg.png') transparent left bottom no-repeat !important;
}
.ie6 .ddsmoothmenu ul li ul {
width: 280px;
margin-top: -1px !important;
margin-left: 0px !important;background:#fff!important;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4D4D4D') !important;
}
.ie6 .ddsmoothmenu ul li ul li{margin-left: -5px !important;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
margin: 3px 0;
margin-left: 15px
}
.ie6 .ddsmoothmenu ul li ul li a{margin-left: -15px !important}
.ie .ddsmoothmenu ul li ul li img{margin-left: -11px}
.ddsmoothmenu ul li ul li img{margin-left:-11px;width:265px !important}

.ddsmoothmenu ul li ul li a {/*padding: .5em 1em .5em 2em;*/ font-weight:normal;color:#EE6002 !important;line-height:15px}

.ddsmoothmenu ul li ul li ul li a, .ie6 .ddsmoothmenu ul li ul li ul li a, .ie7 .ddsmoothmenu ul li ul li ul li a {padding:.5em !important; font-size:90%} 

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
width: 230px; /*width of sub menus*/
/*padding: 5px;*/
margin: 0;
border-top-width: 0;
color: #AA7D08 !important; background:none
}
.ie .ddsmoothmenu ul li ul li a:link, .ie .ddsmoothmenu ul li ul li a:visited{width: 220px}
.ddsmoothmenu ul li ul li ul li a {padding: 0; font-weight:normal;color:#EE6002 !important;line-height:15px}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:visited{
width: 250px; /*width of sub menus*/
margin: 0;
border-top-width: 0;
color: #EE6002 !important; background:none
}

.ddsmoothmenu ul li ul li a:hover {background: url('/SiteCollectionImages/templates/submenuarrow-hover.png')#F3F3F3 no-repeat !important; background-position: 270px center !important;border: 1px solid #BFBFBF!important}
.ddsmoothmenu ul li ul li a:hover small{color:#000}

.ie .ddsmoothmenu ul li ul li a:hover{background: url('/SiteCollectionImages/templates/submenuarrow-hover.png')#F3F3F3 no-repeat !important;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */
.arrow {position: absolute;width: 1em; height: 1em; display:inline-block; line-height:0}

.downarrowclass{
background:url(/SiteCollectionImages/templates/arrowdown.png) right center no-repeat;
right: 0; margin-top: 13px;margin-right: 10px!important;
width: 7px;
height: 17px;
top:0
}
.ddsmoothmenu ul li.selected .downarrowclass{
background:url(/SiteCollectionImages/templates/arrowdown-selected.png) right center no-repeat;				
}
.rightarrowclass{
top: .5em;
}

/* set arrow color for selected, hover */
.ddsmoothmenu ul li ul li a:hover .rightarrowclass, .ddsmoothmenu ul li ul li a.selected .rightarrowclass{}

/* ######### CSS for shadow added to sub menus  ######### */
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/display:none
}

