/*	CSS for customized radio buttons and check boxes */
.custom-radio { position: relative; margin:0;  float:left; width:145px;  }
.custom-radio input {position: absolute; left: 0px; top: 0px; margin: 0; z-index: 0; float:left; opacity:0 !important; }

.custom-radio label {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; display:inline-block; }

.custom-radio label { background:url(../images/radio_img-1.png) no-repeat; width:100% !important; height:26px;  margin: 0 auto; padding:0 0 0 25px;  font-family:'FrutigerSCINRmv1Roman';font-size:14px;line-height:26px;color:#ffffff; padding:0 0 0 35px; }
.custom-radio label.checked {background:url(../images/radio_img-2.png) no-repeat;}










.custom-checkbox label { background:url(../images/check_box_1.png) no-repeat center center; font-family: 'Open Sans', sans-serif;font-size:14px; color:#4d4d4d;}
.custom-checkbox label.checked{ background:url(../images/check_box.png) no-repeat;}


.custom-checkbox input  {position: absolute; left: 2px; top: 2px; margin: 0; z-index: 0; float:left; }
.custom-checkbox label  {display: block; position: relative; z-index: 1; padding-right: 1em; line-height: 1; cursor: pointer; }

.custom-checkbox { position: relative; }