/* ==========================================================================
	#Selecter
========================================================================== */
.selecter-element { *left: -999999px; position: absolute; opacity: 0; }
.selecter { display: block; position: relative; z-index: 1; }
.selecter .selecter-selected { box-shadow: inset 0 2px 15px rgba(234, 234, 234, .7); padding: 4px 30px 6px 7px; background: #fff url(../images/mobiledropdown.png) no-repeat right center; border: 2px solid #676767; color: #ee3342; cursor: pointer; display: block; font-size: 10px; margin: 0; overflow: hidden; position: relative; text-overflow: clip; z-index: 49; }
.selecter .selecter-options { border: 2px solid #676767; border-width: 0 2px 2px; background-color: #fefefe; display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; }
.selecter .selecter-options {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.selecter .selecter-item { padding: 4px 30px 6px 7px; background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; font-size: 10px; margin: 0; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item:last-child { border-bottom: 0; }

/* Open */
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { z-index: 51; }

/* 'Cover' Positioning */
.selecter.cover .selecter-options { border-width: 1px; top: 0; }
.selecter.cover.open .selecter-selected { z-index: 49; }