div.selector, div.uploader span.action, div.uploader span.filename { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0; }
.selector, .radio, .checker, .uploader { display: inline-block; *display: inline; vertical-align: middle; zoom: 1; }

div.selector { position: relative; cursor: pointer;  margin: 0 0 0 0; width: 190px; }
div.selector span { /*height: 24px;*/ line-height: 35px !important; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: 16px !important; background: url(arrow-down.png) no-repeat center right; cursor: pointer; padding: 0 30px 0 45px; border: 1px solid #ccc; }
div.selector select { top: 0; right: 0; opacity: 0; position: absolute;  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1em; border: solid 1px #fff; height: 32px; line-height: 40px; width: 100%; cursor: pointer; }
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus { outline: 0; }
div.selector select option { padding: 5px 15px; border-bottom: 1px solid #ccc; }
div.selector.disabled span { color: #bbb; }

div.checker { position: relative; }
div.checker { width: 14px; height: 14px; margin-right: 3px; }
div.checker input { opacity: 0; display: inline-block; cursor: pointer; position: absolute; top: -1px; left: -1px; width: 16px; height: 16px; }
div.checker span { display: block; float: left; text-align: center; height: 14px; width: 14px; } 

div.radio { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 14px; height: 14px; margin-right: 3px; }
div.radio input { cursor: pointer; position: absolute; top: -1px; left: -1px; width: 16px; height: 16px; }
div.radio span { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 4px; height: 6px; width: 6px; }
div.radio { position: relative; }
div.radio span { display: block; float: left; text-align: center; } 
div.radio input { opacity: 0; text-align: center; display: inline-block; }

div.uploader { position: relative; height: 26px; width: 200px; cursor: pointer; }
div.uploader input { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; float: right; width: 100%; z-index: 1; }
div.uploader span.action { -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
div.uploader span.filename { -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; }
div.uploader span.action { position: absolute; right: 0; display: block; overflow: hidden; cursor: pointer; width: 100px; text-align: center; line-height: 16px; }
div.uploader span.filename { position: absolute; left: 0; right: 100px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777; font-size: 90%; font-size: 11px; line-height: 16px; }
div.uploader.disabled span.action { color: #aaa; }
div.uploader.disabled span.filename { color: #aaa; }

div.selector span { background: none; border: none; width: 112px; }
div.select-brands div.selector span { background: url(../../../img/mersa-icons.png) no-repeat 0 -270px; }
div.select-categories div.selector span { background: url(../../../img/mersa-icons.png) no-repeat -191px -270px; }