.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #000;
	} 

.trigger {
	color: #000;
	padding: 9px 13px 8px;
	font-size: 13px;
	width: 100%;
	background: #fff url(../images/triagle-down.png) 98% center no-repeat;
	display: block;
	/*border: 1px solid #ccc;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.trigger:hover {
	color: #000;
	background: #fff url(../images/triagle-down.png) 98% center no-repeat;
	}

.activetrigger {
	color: #000;
	padding:9px 13px 8px;
	font-size: 13px;
	width: 100%;
	background: #fff url(../images/triagle-top.png) 98% center no-repeat;
	display: block;
	/*-border: 1px solid #ccc;-*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #fff url(../images/triagle-top.png) 98% center no-repeat;
	color: #000;
	}

.activetrigger:active {
	background: #fff url(../images/triagle-top.png) 98% center no-repeat;
	color: #000;
	}

.dropcontainer ul {
	position: absolute;
	font-size: 13px;
	/*border: 1px solid #ccc;*/
	border-top: none;
	list-style: none;
	background: #fff;
	list-style-type: none;
	padding: 0 0px;
	margin: 0;
	width: 100%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.dropcontainer ul li{
	padding: 0;
	/*border-bottom: 1px solid #dfdde0;*/
}
.dropcontainer ul li:before{
	display: none;
}
.dropcontainer ul li a{
	padding: 5px 13px;
	width: 100%;
	display: block;
	}

.dropcontainer ul li:hover {
	background: #E0E0E0;
	outline: none;
	}

/*.dropcontainer ul li:first-child {
	display: none;
	}*/
.dropcontainer ul li a:hover{
	background: #E0E0E0;
	width: 100%;
	display: block;
}
.dropcontainer ul li:last-child {
	border-bottom: 1px solid #dfdde0;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}