.ddsmoothmenu{

	height:35px;

	min-width:330px;

	float:right;

	display:block;

	margin:21px 0 0 0;

	background:#f1f1f1 url(../images/bg_mainmenu.png) 0 0 repeat-x;

	-moz-border-radius:5px 5px 5px 5px;

	-webkit-border-radius:5px 5px 5px 5px;

	border-radius:5px 5px 5px 5px;

}

.ddsmoothmenu ul {

	z-index:100;

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.ddsmoothmenu ul li.login{

	-moz-border-radius:0px 5px 5px 0px;

	-webkit-border-radius:0px 5px 5px 0px;

	border-radius:0px 5px 5px 0px;

	background:none;

}

.ddsmoothmenu ul li.login a:hover{

	-moz-border-radius:0px 5px 5px 0px;

	-webkit-border-radius:0px 5px 5px 0px;

	border-radius:0px 5px 5px 0px;

}

/*Top level list items*/

.ddsmoothmenu ul li {

	position: relative;

	float: left;

	display:block;

	font:normal 12px/35px Arial, Helvetica, sans-serif;

	color:#4a5153;

	background:url(../images/line_mainmenu.png) right top repeat-y;

}

/*Top level menu link items style*/

.ddsmoothmenu ul li a {

	display: block;

	background:url(../images/bg_selectcity.jpg) right top no-repeat;

	height:35px;

	color:#4a5153;

	text-decoration:none;

	padding:0 30px 0 18px;

	text-transform:uppercase;

	display:block;

	white-space:nowrap;

}

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

	display: inline-block;

	color:#4a5153;

}

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

	color: #4f4e4e;

	background:#dbdbdb;

}

.ddsmoothmenu ul li a:hover {

	color: #4a5153;

}

/*1st sub level menu*/

.ddsmoothmenu ul li ul {

	position: absolute;

	left:0;

	top:0;

	margin:35px 0 0 0px;

	background:#fff;

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

	border:1px solid #c4c4c4;

	padding:0px;

	-webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.15);

	-moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.15);

	box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.15);

}

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

.ddsmoothmenu ul li ul li {

	display: list-item;

	width:187px;

	border-right:none;

	background:none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul {

	top: 0;

	position: absolute;

	left:15px;

	top:0;

	margin:0px;

	padding:0px;

}

/* Sub level menu links style */

.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li.first ul li a {

	font: normal 12px Arial, Helvetica, sans-serif;;

	width:167px !important; /*width of sub menus*/

	margin: 0;

	border-top-width: 0;

	background:none;

	padding:8px 10px;

	height:auto;

	color:#9f9f9f;

	text-align:left;

	border-bottom: 1px dotted #b8b8b8;

}

.ddsmoothmenu ul li ul li:hover, .ddsmoothmenu ul li ul li a:hover {

	background:#f5f5f5;

	color:#4f4e4e;

}

/* 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: 16px;

	right: 10px;

}

.rightarrowclass {

	position: absolute;

	top:10px;

	right: 10px;

}

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



.ddshadow {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	background: silver;

}

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

	opacity: 0.8;

}

.ddsmoothmenu ul li a.noleftpadding {

	padding-left:1px;

}

.ddsmoothmenu ul li a.selectbutton {

	text-decoration:none;

	color:#000000;

}