.selector,
.selector *, div.checker, div.checker *, div.radio,  div.radio * {margin: 0;padding: 0;}

.selector {padding: 0 0 0 0; display: inline-block; vertical-align: bottom; zoom: 1; float: right; }

div.selector { margin: 10px 0; cursor: pointer; padding: 0 20px; line-height: 53px; height: 53px; padding: 0 !important; font-size: 28px; position: relative; overflow: hidden; color: #000; text-align: left;border: solid 1px #d1d2d5;border-radius: 3px;}
div.selector span {cursor: pointer; background: url(../img/select.gif) no-repeat right 0px center; height: 53px; line-height: 53px;
			display: block;overflow: hidden; padding:0 10px 0 10px; width: 460px !important;}
div.selector select {width: 300px;top: 0px;left: 0px; position: absolute;opacity: 0;height: 53px;border: none;background: #fff; cursor: pointer; font: 28px 'DINPro-R', sans-serif;}

@media only screen and (max-width: 480px) {
div.selector {width: 300px !important; }
div.selector select {width: 300px !important; }
div.selector span {background: rgba(0, 0, 0, 0) url("../img/select.gif") no-repeat scroll right 10px center; width: 280px !important;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
div.selector {width: 400px !important; }
div.selector select {width: 400px !important; }
div.selector span {background: rgba(0, 0, 0, 0) url("../img/select.gif") no-repeat scroll right 10px center; width: 380px !important;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
div.selector {width: 500px !important; }
div.selector select {width: 500px !important; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
div.selector {width: 500px !important; }
div.selector select {width: 500px !important; }
}
@media only screen and (min-width: 1280px) {
div.selector {width: 500px !important; }
div.selector select {width: 500px !important; }
}