/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
/* End hide from IE-mac */

.ddsmoothmenu{ float:left; width:680px; height:30px; line-height:30px; font-size:12px; font-family:"ËÎÌå";}
.ddsmoothmenu ul{ z-index:999; margin:0; padding:0; list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{ display:inline; float:left; text-align:center; padding:0 4px 0 0; position:relative;}

.ddsmoothmenu .menu { width:80px;}
.ddsmoothmenu .menu_b { width:110px;}
.ddsmoothmenu .menu_s { width:90px;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; width:85px; height:30px; line-height:30px; font-size:14px; color:#333; font-weight:bold; text-decoration:none;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}

.ddsmoothmenu ul li a.selected{ background:#1061B1; color:#fff!important;}
.ddsmoothmenu ul li a:hover{ background:#1061B1; color:#fff;}

.ddsmoothmenu ul li ul{}
.ddsmoothmenu ul li ul li a ,.ddsmoothmenu ul li ul li a:link{ background:none; color:#fff;}
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.ddsmoothmenu ul li ul li a.selected{ background:none; color:#fff!important;}

 /*background of menu items during onmouseover (hover state)*/
.ddsmoothmenu ul li ul li a:hover{ background:none; color:#4CC7EF;}


	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{ position:absolute; width:150px; display:none; /*collapse all sub menus to begin with*/ visibility: hidden; padding:5px 4px 10px 0; background:#1061B1;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ text-align:left; display: list-item; padding:0 15px; float: none; text-align:left; font-size:12px; background:none; overflow:hidden;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ width:120px; height:30px; line-height:30px; font-family:ËÎÌå; font-size:12px; border-bottom:#8b8b8b 1px dotted; padding:0px 5px; font-weight:normal; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute;top: -1000px;right: 7px;}
.rightarrowclass{position: absolute;top: 8px;right: 15px;}

/* ######### CSS for shadow added to sub menus  ######### */

/*shadow for NON CSS3 capable browsers*/
.ddshadow{ position: absolute;left: 0;top: 0;width: 0;height: 0;background:none;}

/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
.toplevelshadow{opacity: 0.0;}