Bootstrap Radio Button Issue

by halsey

HTML

<script src="http://foorder.com/_Resources/SBX/js/jquery.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-transition.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-alert.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-tab.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-tooltip.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-button.js"></script>
<script src="http://foorder.com/_Resources/SBX/js/bootstrap-collapse.js"></script>
<script src="http://fonts.googleapis.com/css?family=Ubuntu"></script>
<link rel="stylesheet" href="http://foorder.com/_Resources/SBX/css/bootstrap.css">
<link rel="stylesheet" href="http://foorder.com/_Resources/SBX/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://foorder.com/_Resources/SBX/css/docs.css">
<link rel="stylesheet" href="http://foorder.com/_Resources/SBX/js/google-code-prettify/prettify.css">
             


<form action="http://foorder.us6.list-manage1.com/subscribe/post?u=81c3da3b3ebbf564cf50a78ff&amp;id=f16451f556" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

                                <fieldset class="mc-field-group">
                                
                                	
                                    <div class="form-field input-prepend">

                                            <span class="add-on">http://Foorder.com/</span>

                                            <input class="span3 required" id="prependedInput mce-MMERGE2" type="text" placeholder="YourProfile" value="" name="MMERGE2">
                                     
                                     </div><!-- / .formfield .input-prepend -->
                                    
                                    
                                    <div class="form-field">
                                ...

CSS

body {
		font-family: 'Ubuntu', sans-serif; 
		background-image: url(img/bg_gradient.jpg);
		background-repeat: repeat-x;
		background-position: top;
	 }
	 
	 @media (min-width: 1px) and (max-width: 800px) {
		  body {
			background-image: none;
		  }
		}
	 
	 .center-align {
		text-align: center; 
	 }
	 
	 
	 h1 {
		font-size: 26px;
		color: #E42C13;
		font-weight: normal; 
		padding-bottom: 20px;
	 }
	 
	 .btn-link {
		  color: #009999;
		  font-size: .9em;
		}
		
	.btn-link:hover,
	.btn-link:focus {
		  color: #006565;
		}
		
		
	.footer-container .btn-link {
		  color: #999;
		}
	
	.footer-container .dot {
		  color: #CDCDCD;
		  font-size: .6em;
		}
		
	.footer-container .dot {
		  padding-bottom: 40px;
		}	
		
	.footer-container .btn-link:hover,
	.footer-container .btn-link:focus {
		  color: #666;
		}	
		
	
	.btn-primary {
		  color: #ffffff;
		  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		  background-color: #009999;
		  *background-color: #009999;
		  background-image: -moz-linear-gradient(top, #009999, #048997);
		  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#048997));
		  background-image: -webkit-linear-gradient(top, #009999, #048997);
		  background-image: -o-linear-gradient(top, #009999, #048997);
		  background-image: linear-gradient(to bottom, #009999, #048997);
		  background-repeat: repeat-x;
		  border-color: #048997 #048997 ##048997;
		  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
		  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		}
		
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary.disabled,
	.btn-primary[disabled] {
		  color: #ffffff;
		  background-color: #01818E;
		  *background-color: #048997;
	}
		
	.btn-primary:active,
	.btn-primary.active {
		  background-color: #026974 \9;
		}
	...