benefits.html

<script type="text/javascript">
	$(document).ready(function(){
		

		$('form').removeClass('ui-bar-c');
		$('form').addClass('ui-bar-a');
		$('form > div').removeClass('ui-body-c');
		$('form > div').addClass('ui-body-a');
		$('form > div > input').removeClass('ui-body-c');
		$('form > div > input').addClass('ui-body-a');
		
		
	});
</script>



    	<div data-role="controlgroup" data-type="horizontal">
            <a href="#" data-role="button" data-theme="b"  class="active">link3 <br> 25</a>
    		<a href="#" data-role="button" data-theme="b">link4 <br> 32</a>
		</div>

    <ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="false" data-divider-theme="a" data-theme="c" id="ui-custom-ul">
        <li data-role="list-divider">role</li>
            <li class="no-ui-icon"><a href="#">Name</a>
                        
            </li>
            <li class="no-ui-icon"><a href="#">aame</a>
	            <span class="free_benefits">free text</span>
              
	          
            </li>
            <li class="no-ui-icon details">
            	test test
            </li>
		   	<li class="no-ui-icon">
            	<a href="#">xxxxxx</a>
                <span class="discount_benefits">discount</span>
                  <div class="accept accept2">
                  <span class="cross"></span>
                  </div>
            
            </li>
            	<li class="no-ui-icon">
            	<a href="#">xxxxxx</a>
                  <div class="accept accept2">
                  <span class="cross active"></span>
                  </div>
            
            </li>
            <li class="no-ui-icon"><a href="#">came <span class="countguest"><b>+5</b></span></a></li>

	</ul>