.dd {
	/*display:inline-block !important;*/
	text-align:left;
	float:left;
}
.dd .ddTitle {
	border:1px solid #88c9f0;
	padding:15px;
	font-size:30px;
	color:#11335a;
	cursor:default;
	overflow:hidden;
	height:16px;
	background:#fff;
	width:110px;
}
.dd .ddTitle span.arrow {
	background:url(dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#66CCFF;
	
}
.hidden {display:none;}

#webmenu_msdd {
    width:145px!important;
}

@media (min-width: 320px) and (max-width: 767px) {
  	
	#webmenu_msdd {
		margin-left:1%;
		width:125px!important;
	}
	
	.dd .ddTitle {
		width:95px!important;
	}
	
	#content .dd .ddTitle {
		padding:15px;
	}
	
	.dd .ddTitle span.textTitle {
		font-size:1.4rem;
		margin-left:5px;
		position: relative;
		top:2px;
	}		
	
}