.ddsmoothmenu{

font: bold 12px tahoma;

width:100%;

background:url(../images/ssc_mockup_05.gif) repeat-y top center;

border:#000000 solid 0px;



}



.paginator { padding-top: 0px; margin-left: auto; margin-left: auto; }

.paginator a, .pageList .this-page { padding: 5px; text-decoration: none; }

.paginator a:visited { padding: 5px; text-decoration: none; }

.paginator .atstart { margin-right: 10px; padding:5px; color: #aaa; }

.paginator .prev { margin-left: 10px; padding: 0px 2px; }

.paginator .break { padding: 2px 6px; border: none; text-decoration: none; }

.paginator .next { margin-right: 10px; padding: 5px; }

.paginator .atend { margin-left: 10px; padding: 5px; color: #aaa; }

.paginator .this-page {padding: 5px;  font-weight: bold; color: #5e830c; }

.paginator a:hover {color: #000; text-decoration: none;}

.pages div.results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 0px; }





.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

background:url(../images/ssc_mockup_05.gif) repeat-y top center;

border-bottom:#FFFFFF dotted 1px;

display: block;

float: right;

height:40px;

width:184px;

 

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

width:174px;

height:42px;

text-align:right;

display: block;

text-decoration: none;

color:#FEFFFF;



line-height:30px;

border-left: 0;

border-right: 0;

padding-right:5px;

border-bottom:#FFFFFF dotted 0px;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-table;

height:40px;

width:184px;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color: #FEFFFF;

}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	color: #FEFFFF;

	background:url(../images/ssc_mockup_03-2.gif) repeat-x top center;

	height:40px;

	font-weight:bold;

}



.ddsmoothmenu ul li a:hover{

 /*background of menu items during onmouseover (hover state)*/

	color: #FEFFFF;

	background:url(../images/ssc_mockup_03-2.gif) repeat-x top center;



    font-weight:bold;



}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

position: absolute;

left: 0px;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

background:url(../images/ssc_mockup_05.gif) repeat-y top center;

 

}





/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}



/*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{

line-height:30px;

font: normal 13px Verdana;

width:184px; /*width of sub menus*/

background:url(../images/ssc_mockup_09.gif) repeat-x top center;

height:40px;

text-decoration: none;

display:inline-block;

color: #FEFFFF;

font-weight:bold;

margin:0px;

}





/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

left: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

left: 5px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

color: #FEFFFF; 

background: #999999; 

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.8;

}