<section id="main_form" class="padding12top"><!-- /.one way car listing start -->
    <div class="banner-bottom pcenter" >
        <!-- container -->
        <div class="container ">


            <!-- one-way-modify-search-top.phtml will include here -->
            <?php include('guide-modify-search-top.phtml'); ?>

            <div class="banner-bottom-grids">

                <div class="row">

                    <div class="col-md-3  banner-bottom-grid widthpercent20 pull-left">

                        <!-- one-way-filters-by-left.phtml file will include here -->
                        <?php include('guide-filters-by-left.phtml'); ?>

                    </div>

                    <!--  cutted central part-->
                    <div class="col-sm-6 banner-bottom-grid widthpercent60 padding_margin0">
    
        
        <div class="col-md-41 banner-bottom-grid">
       		
             <div class="destinations" id="dragdiv">
                        
						 <ul id="allItems" runat="server">
							<li class="button margin-bot5px" id="node1"><a href="#"><h3><img src="/images/sightseeing.png"> Addon Sightseeing</h3></a>
								<li class="dropdown display-listitem">
									
									<div class="destinations-grid-info-outstatin">
									  <div class="pcenter" id="pcenter">  
         
         
               								 <div class="choose">
          						<h5 class="linhight35">Add Sightseeing</h5>
          
         						<div class="sightcont sightcontstyle" >

								<ul class="sightinc">
								</ul>

								</div>
         						
                                    </div>
                                    
                        
											 <div class="choose">

              		<h5 class="linhight35">Day 1- 12/10/2017 (Delhi)</h5>


						<div class="sightcont">
							<div class="destinations-grid-info tours">
                            <div class="td-grids">
                           
                           <div class="slider">

<!--<h4>Add Sightseeing</h4>-->
						<ul class="sightadd" id="flexiselDemo1">
						<li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>



							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>
                            
						<li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>



							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>


                        <li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>



							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>

						<li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>



							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>

						<li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>



							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>
                            
                        <li>
							<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" data-toggle="modal" class="pointer" data-target="#myModal_sightseeing"> 
									<img src="/images/a3.jpg" alt="" title="Click to View Detail"></a>
									<div class="sname">Taj Mahal(Agra)<br>
									<i class="fa fa-inr"></i> 500<br>
 
									<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">
                                    View Detail</a>
									</div>
							</div>

							<div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">

							<div class="sadd">Add</div>
                            </div>

							</li>


					  </ul>
					</div>
               				 
                            </div>
        				
                        	 </div>
						
                        </div>
				</div>
               

               								 <div class="choose">
					<div class="banner-bottom-right">
						
							<div class="choose-info">
							<h5 class="linhight35">Day 2- 13/10/2017 (Agra)</h5>
						</div>
                        <div class="sightcont">
							<div class="destinations-grid-info tours">
                           <div class="td-grids">
                           
                           <div class="slider">
							<div class="arrival-grids">			 
					 			<ul class="sightadd" id="flexiselDemo4">

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                             <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                             <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                             <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>
		
        						<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                             <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                             <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                            <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                            <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd" >Add</div>
                            </div>

</li>

								<li>
								<div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="center">
 								<a  href="#" class="pointer" data-toggle="modal" data-target="#myModal_sightseeing"> 
								<img src="/images/tajmahal.jpg" alt="Bahai Temple" title="Click to View Detail"></a>
								<div class="sname">Taj Mahal(Agra)<br>
								<i class="fa fa-inr"></i> 500<br>
 
								<a href="#" data-toggle="modal" data-target="#myModal_sightseeing">View Detail</a>
								</div>
							</div>
							
                            <div class="col-sm-12" onclick="addSightSeeing($(this).parent(),7)" align="center">
							<div class="sadd">Add</div>
                            </div>

</li>
								
                                </ul>
                  
                                           
								 
				</div>
			</div>
                       
                            
								
								<div class="clearfix"> </div>
							</div>
							</div>
						</div>
					</div>
                    
                  </div> 
                  
                  
                  
                  						</div>
                                      <div class="clearfix"> </div>
								  </div>
									
								 </li>
							</li>
                            
							<li class="button margin-bot5px" id="node2"><a href="#"><h3><img src="/images/driver_icon.png"> Addon Driver</h3></a>
								<li class="dropdown">
									
										
										<div class="destinations-grid-info-outstatin">
									  <div class="choose" id="addonDriver">
						
										<div class="destinations-grid-info tours" id="didfv1" >
                           <div class="td-grids">
								<div class="col-md-3 sightmargin" align="center">
									<img src="/images/driver_icon.png" alt="Hindi understanding & speaking Driver" title="Hindi understanding & speaking Driver" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>Hindi</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
            						<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>100
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
    								</div>
                
                
                
                
            </div>
							</div>
								                                    
							</div>
                            
                            	<div class="col-md-3 sightmargin" align="center">
									<img src="/images/driver_icon.png" alt="Englisg understanding & speaking Driver" title="English understanding & speaking Driver" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>English</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
            				<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>500
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
            </div>
							</div>
								                                    
							</div>
                            
                            
                            	<div class="col-md-3 sightmargin" align="center">
									<img src="/images/driver_icon.png" alt="Englisg understanding & speaking Driver" title="English understanding & speaking Driver" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>English</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
								<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>500
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
               
                           </div>
							</div>
								                                    
							</div>
                            
								
								<div class="clearfix"> </div>
						  </div>
										</div>
									</div>
									  <div class="clearfix"> </div>
										
									
								 </li>
							</li>	
                            						
							<li class="button margin-bot5px" id="node3"><a href="#"><h3><img src="/images/guide_icon.png"> Addon Guide</h3></a>
								
                                <li class="dropdown">
									
										
										<div class="destinations-grid-info-outstatin">
									  <div class="choose" id="addonDriver">
						
										<div class="destinations-grid-info tours" id="didfv1" >
                           <div class="td-grids">
								<div class="col-md-3 sightmargin" align="center">
									<img src="/images/guide_icon.png" alt="Hindi understanding & speaking Guide" title="Hindi understanding & speaking Guide" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>Hindi</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
            						<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>100
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
    								</div>
                
                
                
                
            </div>
							</div>
								                                    
							
                            
                            	<div class="col-md-3 sightmargin" align="center">
									<img src="/images/guide_icon.png" alt="Hindi understanding & speaking Guide" title="Hindi understanding & speaking Guide" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>English</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
            				<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>500
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
            </div>
							</div>
								                                    
							</div>
                            
                            
                            	<div class="col-md-3 sightmargin" align="center">
									<img src="/images/guide_icon.png" alt="Hindi understanding & speaking Guide" title="Hindi understanding & speaking Guide" />
                                    
                                    <div class="clearfix"></div>
                                    <div class="col-md-12 sightmargin padding0" align="center">
									<p>English</p>
										
       							 <div class="col-sm-12 padding_margin0" align="center">
								<span href="#" class="btn btn-lg car_select_butsight widthpercent50">
                			 <div class="pull-right padding5x6px">
                                                    <label class="select-car linhight14"> <i class="fa fa-inr"></i>500
                                                    <input type="radio" checked="checked" name="radio">
                                                    <span class="checkmarkSelect"></span>
                                                    </label>
                                                    </div>
                
               </span>
               
                           </div>
							</div>
								                                    
							</div>
                            
								</div>
								<div class="clearfix"> </div>
						  			</div>
                                    
                                    <div class="td-grids">
							<br>
            
            <div class="choose-info">
							<h5>Select for All Days</h5>
                            
                            <div class="col-sm-12">
                            <div class="col-sm-3">
                            <div class="carbooking margin-left31">
      <input type="radio" onClick="showMe1('didfv7', this)" name="mype" id="yes" checked="checked">
      <label for="yes"><span class="radio">Yes</span></label>
    </div>
    </div>
     <div class="col-sm-3">
     <div class="carbooking">
      <input type="radio" onClick="showMe('didfv7', this)" name="mype" id="no">
      <label for="no"><span class="radio">No</span></label>
    </div>
       </div>                     
           </div>                
						</div>
                        
                          <div class="destinations-grid-info tours disable_none col-sm-12" id="didfv7">
                           <div class="td-grids">
								
                                <div class="mapcantiner_inner1 no-padding col-sm-12">
							<div class=" margin-bot10px padding-top5px padding-bot10px">
     
                            
                             <div class="col-md-31 sightmargin overviueimg3 no-padding" align="left">
							
Day 1.  12-10-2017
<br>

                			</div>
                            
    
     						 <div class="col-md-31 sightmargin overviueimg5" align="left" >
									 <span class="vehicle_name">Tajmahal, Agra Fort,</span><br>
                                     
	
									
							</div>
                            
      
                            
                            <div class="col-md-31 sightmargin overviueimg3" align="left" >
                            
                            		  <label class="booking-check">
                                                        <input type="checkbox" checked="checked">
                                                        <span class="checkmark"></span>
                                                    </label>
                            
                            
									
                                      
	
									
							</div>  
                            
          
	
	
    </div>
    
    </div>
    
   								 <div class="mapcantiner_inner1 no-padding col-sm-12">
	<div class=" margin-bot10px padding-top5px padding-bot10px">
     
                            
                             <div class="col-md-31 sightmargin overviueimg3 no-padding" align="left">
							
Day 1.  12-10-2017
<br>

                			</div>
                            
    
     						 <div class="col-md-31 sightmargin overviueimg5" align="left" >
									 <span class="vehicle_name">Tajmahal, Agra Fort,</span><br>
                                     
	
									
							</div>
                            
      
                            
                            <div class="col-md-31 sightmargin overviueimg3" align="left" >
                            
                            		  <label class="booking-check">
                                                        <input type="checkbox" checked="checked">
                                                        <span class="checkmark"></span>
                                                    </label>
                            
                            
									
                                      
	
									
							</div>  
                            
          
	
	
    </div>
    
    </div>
    
    							<div class="mapcantiner_inner1 no-padding col-sm-12">
	<div class=" margin-bot10px padding-top5px padding-bot10px">
     
                            
                             <div class="col-md-31 sightmargin overviueimg3 no-padding" align="left">
							
Day 1.  12-10-2017
<br>

                			</div>
                            
    
     						 <div class="col-md-31 sightmargin overviueimg5" align="left" >
									 <span class="vehicle_name">Tajmahal, Agra Fort,</span><br>
                                     
	
									
							</div>
                            
      
                            
                            <div class="col-md-31 sightmargin overviueimg3" align="left" >
                            
                            		  <label class="booking-check">
                                                        <input type="checkbox" checked="checked">
                                                        <span class="checkmark"></span>
                                                    </label>
                            
                            
									
                                      
	
									
							</div>  
                            
          
	
	
    </div>
    
    </div>
    
    
                              
								<div class="clearfix"> </div>
						  </div>
							</div>  
                                
								<div class="clearfix"> </div>
						  </div>
                                    
										</div>
									</div>
									  <div class="clearfix"> </div>
										
									
								 </li>
                                
							</li>
                            
                            <li class="button margin-bot5px" id="node4"><a href="#"><h3><img src="/images/activity-icon.png"> Addon Activity</h3></a>
								 <li class="dropdown">
									
										
										<div class="destinations-grid-info-outstatin">
                                        
									 <div class="choose" id="addonActivity">
						<div class="choose-info">
							<h5>Choose Attrections/Pay Entrance or Ticket</h5>
                            
						</div>
						<div class="destinations-grid-info tours" id="didfv4">
                           <div class="td-grids">
								<div id="addonsBlock" class="font-size12px">
			<form action="/updateAddons" id="update_addons" method="post">
			<h5>Addons</h5> 


				<p>
				<label class="booking-check"><span class="txtdgrey mL10">Travel via Yamuna Expressway :</span> <span class="txtblue txtbold">Rs. 600</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
                 <p>
				<label class="booking-check"><span class="txtdgrey mL10">Add English Understanding Driver :</span> <span class="txtblue txtbold">Rs. 32000</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
                 <p>
				<label class="booking-check"><span class="txtdgrey mL10">Add Knowledgeable Tour Guide :</span> <span class="txtblue txtbold">Rs. 32000</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
      
<br>
<h5>Entrance Tickets, Activities, Cultural Shows & Theatre</h5><br>
</form>
<table>

		<form action="#" method="post">
			<tr >
			<td width="30%" class="padding-bot10px">
			<a href="#" class="tooltipF"><p class="txtdgrey mL10">Light and Sound Show, <i>@ Agra Fort- a UNESCO world heritage site, Agra</i></p>
				<span>
					<table><tr><td width="" valign="top"><img alt="" class="imgborder2 activities-image" src="/images/hotel.jpg"  /></td>
                    <td>
					<strong>Details: </strong>Organized to promote Indian culture as well as the history of Agra, that houses one of the seven wonders of the world - Taj Mahal, the 80-minute light and sound show is a major success, nearly 70 artists from different part of the country participates in this show, a must watch in Agra</br></br>
					<strong>Includes: </strong>Light And Sound Show @ Agra Fort</br></br>
					
					
					</td></tr></table>
</span></a>		
			</td>
            <td width="50%" class="padding-bot10px">
			<table cellpadding="10" cellspacing="10" width="100%">
				
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Indian</td>
                        
                        <td width="10%">Rs. 100 </td>
						<td width="20%">
							
							 
							
								
								
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							 
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Indian</td><td width="20%">Rs. 100 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
			</table>
			</td>
            <td width="10%" class="padding-bot10px" align="center">
			<span class="txtblue txtbold">Rs. 500 </span>
			</td>
			</tr>
		</form>
        
        <form action="#" method="post">
			<tr>
			<td width="30%" class="padding-bot10px">
			<a href="#" class="tooltipF"><p class="txtdgrey mL10">Light and Sound Show, <i>@ Agra Fort- a UNESCO world heritage site, Agra</i></p>
				<span>
					<table><tr><td width="" valign="top"><img alt="" class="imgborder2 activities-image" src="/images/hotel.jpg"  /></td>
                    <td>
					<strong>Details: </strong>Organized to promote Indian culture as well as the history of Agra, that houses one of the seven wonders of the world - Taj Mahal, the 80-minute light and sound show is a major success, nearly 70 artists from different part of the country participates in this show, a must watch in Agra</br></br>
					<strong>Includes: </strong>Light And Sound Show @ Agra Fort</br></br>
					
					
					</td></tr></table>
</span></a>		
			</td>
            <td width="50%" class="padding-bot10px">
			<table cellpadding="10" cellspacing="10" width="100%">
				
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Indian</td>
                        
                        <td width="10%">Rs. 100 </td>
						<td width="20%">
							
							 
							
								
								
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							 
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Indian</td><td width="20%">Rs. 100 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
			</table>
			</td>
            <td width="10%" class="padding-bot10px" align="center">
			<span class="txtblue txtbold">Rs. 500 </span>
			</td>
			</tr>
		</form>
        
        
	
</table>
</form>


</div>
                      
                            
                            
								
								<div class="clearfix"> </div>
						  </div>
							</div>
					</div>
                                      
									  
									  <div class="clearfix"> </div>
										</div>
									
								 </li>
							</li>
                            
								 					 
						 </ul>
                         <a name="trip"></a>
                         
					</div>
                                    
                   <!--Customise div-->
					<div class="choose disable_none" id="costomise_div">
                    
                    
                    
						<div class="choose-info left widthpercent100">
                                                    
                                                    <h2 class="pull-left widthpercent40" ><a href="#costomise_div" id="show_trip" class="show_trip">Trip Details</a></h2>
             <h2 class="pull-right widthpercent40" align="right"><a href="#costomise_div" id="show_customise" class="show_customise">Customise Trip</a></h2>
                                   
						</div>
                        
                        
						<div class="destinations-grid-info tours left">
                         <h5><span class="pull-left">Day 1, Delhi - Agra, Karolbag, 6 AM</span><span class="pull-right"><a id="close" class="close">X</a></span></h5>
                         <div class="td-grids">
								 <div class="mapcantiner_inner1 no-padding">
                          
    <div id="boxes-example">
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png"  class="costomise-arow">
           06:00 AM Start from Delhi, 11:00 AM Arrive in Agra, visit Taj Mahal 
            
            <img src="/images/tajmahal.jpg" class="costomise-image">
           
           
        </div>
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png"  class="costomise-arow">
           01:00 PM Lunch (Optional/Own Cost), Visit Agra Fort
            <img src="/images/tajmahal.jpg" class="costomise-image">
            
           
        </div>
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png" class="costomise-arow">
             06:00 PM Depart for Hotel or Agra -Jaipur 4:20 Hr 
            
            <img src="/images/tajmahal.jpg" class="costomise-image">
        </div>
        
        <div class="pull-left col-sm-12">
       <ul class="sightinc1">

		</ul>
        
        </div>
        
         <div class="pull-left col-sm-12">
       <ul class="sightinch">

		</ul>
        
        </div>
        
        
        <div class="box customise-but" draggable="true">
        <span id="modify_vehicle">Modify Vehicle </span>
        </div>
        
         <div class="box customise-but" draggable="true">
         <span id="modify_driver">Modify Driver </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="modify_guide">Modify Guide </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="add_sightseeings">Add Sightseeings </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="modify_hotel">Modify Hotel </span>
        </div>
        
        <div class="box customise-but" draggable="true">
        <span id="modify_activity">Add Activity </span>
        </div>
        
    </div>
  
    
 						   <script>
        (function () {
            var id_ = 'boxes-example';
            var boxes_ = document.querySelectorAll('#' + id_ + ' .box');
            var dragSrcEl_ = null;

            this.handleDragStart = function (e) {
                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/html', this.innerHTML);

                dragSrcEl_ = this;

                this.style.opacity = '0.5';

                // this/e.target is the source node.
                this.addClassName('moving');
            };

            this.handleDragOver = function (e) {
                if (e.preventDefault) {
                    e.preventDefault(); // Allows us to drop.
                }

                e.dataTransfer.dropEffect = 'move';

                return false;
            };

            this.handleDragEnter = function (e) {
                this.addClassName('over');
            };

            this.handleDragLeave = function (e) {
                // this/e.target is previous target element.

                this.removeClassName('over');
            };

            this.handleDrop = function (e) {
                // this/e.target is current target element.

                if (e.stopPropagation) {
                    e.stopPropagation(); // stops the browser from redirecting.
                }

                // Don't do anything if we're dropping on the same box we're dragging.
                if (dragSrcEl_ != this) {
                    dragSrcEl_.innerHTML = this.innerHTML;
                    this.innerHTML = e.dataTransfer.getData('text/html');
                }

                return false;
            };

            this.handleDragEnd = function (e) {
                // this/e.target is the source node.
                this.style.opacity = '1';

                [ ].forEach.call(boxes_, function (box) {
                    box.removeClassName('over');
                    box.removeClassName('moving');
                });
            };

            [ ].forEach.call(boxes_, function (box) {
                box.setAttribute('draggable', 'true');  // Enable boxes to be draggable.
                box.addEventListener('dragstart', this.handleDragStart, false);
                box.addEventListener('dragenter', this.handleDragEnter, false);
                box.addEventListener('dragover', this.handleDragOver, false);
                box.addEventListener('dragleave', this.handleDragLeave, false);
                box.addEventListener('drop', this.handleDrop, false);
                box.addEventListener('dragend', this.handleDragEnd, false);
            });
        })();
    </script>
    
    </div>
    
    <div class="clearfix"> </div>
    
    </div>
							</div>
                            
                            
                            <div class="destinations-grid-info tours left">
                         <h5>Day 2, Jaipur</h5>
                         <div class="td-grids">
								 <div class="mapcantiner_inner1 no-padding">
                          
   						
                        <div id="boxes-example1">
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png"  class="costomise-arow">
           06:00 AM Start from Delhi, 11:00 AM Arrive in Agra, visit Taj Mahal 
            
            <img src="/images/tajmahal.jpg" class="costomise-image">
           
           
        </div>
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png"  class="costomise-arow">
           01:00 PM Lunch (Optional/Own Cost), Visit Agra Fort
            <img src="/images/tajmahal.jpg" class="costomise-image">
            
           
        </div>
        <div class="box customise-style" draggable="true">
       <img src="/images/arow1.png" class="costomise-arow">
             06:00 PM Depart for Hotel or Agra -Jaipur 4:20 Hr 
            
            <img src="/images/tajmahal.jpg" class="costomise-image">
        </div>
        
        <div class="pull-left col-sm-12">
       <ul class="sightinc1">

		</ul>
        
        </div>
        
         <div class="pull-left col-sm-12">
       <ul class="sightinch">

		</ul>
        
        </div>
        
        
        <div class="box customise-but" draggable="true">
        <span id="modify_vehicle">Modify Vehicle </span>
        </div>
        
         <div class="box customise-but" draggable="true">
         <span id="modify_driver">Modify Driver </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="modify_guide">Modify Guide </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="add_sightseeings">Add Sightseeings </span>
        </div>
        
         <div class="box customise-but" draggable="true">
        <span id="modify_hotel">Modify Hotel </span>
        </div>
        
        <div class="box customise-but" draggable="true">
        <span id="modify_activity">Add Activity </span>
        </div>
        
    </div>
                        
                         
  
    
 						   <script>
        (function () {
            var id_ = 'boxes-example1';
            var boxes_ = document.querySelectorAll('#' + id_ + ' .box');
            var dragSrcEl_ = null;

            this.handleDragStart = function (e) {
                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/html', this.innerHTML);

                dragSrcEl_ = this;

                this.style.opacity = '0.5';

                // this/e.target is the source node.
                this.addClassName('moving');
            };

            this.handleDragOver = function (e) {
                if (e.preventDefault) {
                    e.preventDefault(); // Allows us to drop.
                }

                e.dataTransfer.dropEffect = 'move';

                return false;
            };

            this.handleDragEnter = function (e) {
                this.addClassName('over');
            };

            this.handleDragLeave = function (e) {
                // this/e.target is previous target element.

                this.removeClassName('over');
            };

            this.handleDrop = function (e) {
                // this/e.target is current target element.

                if (e.stopPropagation) {
                    e.stopPropagation(); // stops the browser from redirecting.
                }

                // Don't do anything if we're dropping on the same box we're dragging.
                if (dragSrcEl_ != this) {
                    dragSrcEl_.innerHTML = this.innerHTML;
                    this.innerHTML = e.dataTransfer.getData('text/html');
                }

                return false;
            };

            this.handleDragEnd = function (e) {
                // this/e.target is the source node.
                this.style.opacity = '1';

                [ ].forEach.call(boxes_, function (box) {
                    box.removeClassName('over');
                    box.removeClassName('moving');
                });
            };

            [ ].forEach.call(boxes_, function (box) {
                box.setAttribute('draggable', 'true');  // Enable boxes to be draggable.
                box.addEventListener('dragstart', this.handleDragStart, false);
                box.addEventListener('dragenter', this.handleDragEnter, false);
                box.addEventListener('dragover', this.handleDragOver, false);
                box.addEventListener('dragleave', this.handleDragLeave, false);
                box.addEventListener('drop', this.handleDrop, false);
                box.addEventListener('dragend', this.handleDragEnd, false);
            });
        })();
    </script>
    
    </div>
    
    <div class="clearfix"> </div>
    
    </div>
    
     <span>Note<span class="red_text">*</span>:</span> &nbsp;You Can Customize Your Trip by Tracking one Sightseeings to Another
							</div>
					</div>
                    
                  <!--Customise div-->   
            
                    
				</div>
                 <div class="clearfix"> </div>
        
   				 <div id="accordion" class="panel-group">
        
          <div id="trip_details" class="disable_none pull-left marginbot20">
          
               <div class="col-sm-12">
             <h2 class="pull-left widthpercent40" ><a href="#costomise_div" id="show_trip" class="show_trip">Trip Details</a></h2>
             <h2 class="pull-right widthpercent40" align="right"><a href="#costomise_div" id="show_customise" class="show_customise">Customise Trip</a></h2>
              
              </div>         
						

			<div class="destinations pull-left">
                        
						 <ul>
							<li class="button button-close">Day 1<span class="pull-right"><a id="close" class="close font-size18">X</a></span><li>
									
									<div class="destinations-grid-info-outstatin">
									  <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                      <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                      <div class="destinations-hotel">01:00 PM Lunch</div>
                                       <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                      <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                      <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>
                                      <div class="clearfix"> </div>
								  </div>
									
								 </li>
							</li>
							<li class="button button-close">Day 2<li >
									
										
										<div class="destinations-grid-info-outstatin">
									  <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                      <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                      <div class="destinations-hotel">01:00 PM Lunch</div>
                                       <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                      <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                      <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>
									  <div class="clearfix"> </div>
										</div>
									
								 </li>
							</li>							
							<li class="button button-close">Day 3<li>
									
										
										<div class="destinations-grid-info-outstatin">
									  <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                      <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                      <div class="destinations-hotel">01:00 PM Lunch</div>
                                       <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                      <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                      <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>
                                      
									  
									  <div class="clearfix"> </div>
										</div>
									
								 </li>
							</li>
                            
								 					 
						 </ul>
                         
                         
					</div>
                    
                    </div>
                    
          </div>
            
          <div class="clearfix"> </div>
      		
        
      </div>

                    <!--   cutted central end-->


                    <!-- one-way-payment-right.phtml file will include here -->
                    <?php include('guide-payment-right.phtml'); ?>
                    
                    <div class="clearfix"> </div>
                </div>
            </div>
        </div>
    </div>

    
    
    <!--start-right-pop-up-->
    <div id="vehicle_modify" class="rightdivselect right-popup-box">
     				 <div class="col-sm-12">
                     
                      <div align="left" class="col-md-3 sightmargin text-center " > 
                          <span  class="image_box height-outo padding5px no-margin"> 
                              <img class="widthpercent100" src="/images/vehicle.png"></span>
                          <span class="margin-top-22"> Economy </span></div>
                          
                      <div align="left" class="col-md-5 sightmargin overviueimg2car">
                       <div class="amenities">
                           <ul class="no-margin no-padding">
                              <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_pertion"></i><br>
                              <br>
                              3</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_lagguge"></i><br>
                              <br>
                              2</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_ac"></i><br>
                              <br>
                              AC</li>
                          </ul>
                        </div>
                      </div>
                      
                      <div class="col-md-3 sightmargin carprise" align="right">
                      Rs 500
                      </div>
                      
                       <div class="col-md-3 sightmargin carpselect" align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      <div class="col-sm-12">
                     
                      <div align="left" class="col-md-3 sightmargin text-center " > 
                          <span  class="image_box height-outo padding5px no-margin"> 
                              <img class="widthpercent100" src="/images/vehicle.png"></span>
                          <span class="margin-top-22"> Economy </span></div>
                          
                      <div align="left" class="col-md-5 sightmargin overviueimg2car">
                       <div class="amenities">
                           <ul class="no-margin no-padding">
                              <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_pertion"></i><br>
                              <br>
                              3</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_lagguge"></i><br>
                              <br>
                              2</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_ac"></i><br>
                              <br>
                              AC</li>
                          </ul>
                        </div>
                      </div>
                      
                      <div class="col-md-3 sightmargin carprise" align="right">
                      Rs 500
                      </div>
                      
                       <div class="col-md-3 sightmargin carpselect" align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
        
                         <div class="col-sm-12">
                     
                      <div align="left" class="col-md-3 sightmargin text-center " > 
                          <span  class="image_box height-outo padding5px no-margin"> 
                              <img class="widthpercent100" src="/images/vehicle.png"></span>
                          <span class="margin-top-22"> Economy </span></div>
                          
                      <div align="left" class="col-md-5 sightmargin overviueimg2car">
                       <div class="amenities">
                           <ul class="no-margin no-padding">
                              <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_pertion"></i><br>
                              <br>
                              3</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_lagguge"></i><br>
                              <br>
                              2</li>
                            <li class="pull-left lineheight13 paddingbot5px text-center"><i class="icon_ac"></i><br>
                              <br>
                              AC</li>
                          </ul>
                        </div>
                      </div>
                      
                      <div class="col-md-3 sightmargin carprise" align="right">
                      Rs 500
                      </div>
                      
                       <div class="col-md-3 sightmargin carpselect" align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      
                      <div class="close_rightpupop" id="close_rightpupop" >X</div>
                   
                      
     </div>
     
     
     <div id="driver_modify" class="rightdivselect right-popup-box">
     				 <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>Hindi understanding & speaking Driver</p>	
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                       <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>English Speaking & Understanding Guide</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>Hindi understanding & speaking Driver</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      
                      <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>Hindi understanding & speaking Driver</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      
                      <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>Hindi understanding & speaking Driver</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      
                      <div class="close_rightpupop" id="close_rightpupop">X</div>
                   
                      
     </div>
     
     
     <div id="guide_modify" class="rightdivselect right-popup-box right-popup-box" >
     				 
                     <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>Hindi understanding & speaking Guide</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                       <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>English Speaking & Understanding Guide</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                      <div class="col-sm-12">
                     
                     <div class="col-md-7 sightmargin" align="center">
									<p>English Speaking & Understanding Guide</p>
									
									
							</div>
                       
                      <div class="col-md-3 sightmargin " align="right">
                      (Rs 500)
                      </div>
                      
                       <div class="col-md-2 sightmargin " align="right">
                      <a href="#" class="select_but"> Select </a>
                      </div>
                      
                      </div>
                      
                     
                      
                      <div class="close_rightpupop" id="close_rightpupop">X</div>
                   
                      
     </div>
     
     <div id="sightseeings_modify" class="rightdivselect right-popup-box" >
     				 
                   
                   
                   <div class="sightcont">
<div class="destinations-grid-info tours no-border no-padding">
                           <div class="td-grids">
                           
                          

<!--<h4>Add Sightseeing</h4>-->
<ul class="sightadd1 no-padding" >
    <li class="right-sightseeingbox">

<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
    <a  class="pointer" href="#" data-toggle="modal" data-target="#myModal"> 
        <img src="images/a3.jpg" alt="" title="Click to View Detail" class="widthpercent50"></a>

</div>
<div class="sname pull-left margin-left10px">Taj Mahal(Agra)<br>
<p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
</div>

<div class="pull-left margin-left22percent">Rs 1000</div>

<div class="sadd1 margin-left22percent pull-left" onclick="addSightSeeing1($(this).parent(),7)">Add</div>

</li>


 <li class="right-sightseeingbox">

<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
    <a  class="pointer" href="#" data-toggle="modal" data-target="#myModal"> 
        <img src="images/a3.jpg" alt="" title="Click to View Detail" class="widthpercent50"></a>

</div>
<div class="sname pull-left margin-left10px">Taj Mahal(Agra)<br>
<p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
</div>

<div class="pull-left margin-left22percent">Rs 1000</div>

<div class="sadd1 margin-left22percent pull-left" onclick="addSightSeeing1($(this).parent(),7)">Add</div>

</li>

 <li class="right-sightseeingbox">

<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
    <a  class="pointer" href="#" data-toggle="modal" data-target="#myModal"> 
        <img src="images/a3.jpg" alt="" title="Click to View Detail" class="widthpercent50"></a>

</div>
<div class="sname pull-left margin-left10px">Taj Mahal(Agra)<br>
<p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
</div>

<div class="pull-left margin-left22percent">Rs 1000</div>

<div class="sadd1 margin-left22percent pull-left" onclick="addSightSeeing1($(this).parent(),7)">Add</div>

</li>



 <li class="right-sightseeingbox">

<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
    <a  class="pointer" href="#" data-toggle="modal" data-target="#myModal"> 
        <img src="images/a3.jpg" alt="" title="Click to View Detail" class="widthpercent50"></a>

</div>
<div class="sname pull-left margin-left10px">Taj Mahal(Agra)<br>
<p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
</div>

<div class="pull-left margin-left22percent">Rs 1000</div>

<div class="sadd1 margin-left22percent pull-left" onclick="addSightSeeing1($(this).parent(),7)">Add</div>

</li>

</ul>
</div></div>
</div>
                   
                   
                   
                   
                     
                      
                      <div class="close_rightpupop" id="close_rightpupop">X</div>
                   
                      
     </div>
     
     
     <div id="hotel_modify" class="rightdivselect right-popup-box" >
     				 
                   
                   
                   <div class="sightcont">
<div class="destinations-grid-info tours no-border margin-left10px no-padding">
                           <div class="td-grids">
                           
                          

<!--<h4>Add Sightseeing</h4>-->
<ul class="sightaddh no-padding">
    <li class="right-sightseeingbox">
<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
  
    <img src="/images/a3.jpg" class="widthpercent50" alt="" title="Click to View Detail">

</div>
<div class="sname pull-left margin-left10px widthpercent30">Taj Hotel<br>
    <img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">

</div>


<div class="pull-left widthpercent15">Rs 1000</div>

<div class="saddh widthpercent20 pull-left" onclick="addSightSeeingh($(this).parent(),7)">Add</div>

</li>

<li class="right-sightseeingbox">
<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
  
    <img src="/images/a3.jpg" class="widthpercent50" alt="" title="Click to View Detail">

</div>
<div class="sname pull-left margin-left10px widthpercent30">Taj Hotel<br>
    <img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">

</div>


<div class="pull-left widthpercent15">Rs 1000</div>

<div class="saddh widthpercent20 pull-left" onclick="addSightSeeingh($(this).parent(),7)">Add</div>

</li>

<li class="right-sightseeingbox">
<div class="sdes widthpercent30 pull-left" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left">
  
    <img src="/images/a3.jpg" class="widthpercent50" alt="" title="Click to View Detail">

</div>
<div class="sname pull-left margin-left10px widthpercent30">Taj Hotel<br>
    <img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">
<img class="widthauto" src="/images/star_icon.png">

</div>


<div class="pull-left widthpercent15">Rs 1000</div>

<div class="saddh widthpercent20 pull-left" onclick="addSightSeeingh($(this).parent(),7)">Add</div>

</li>

</ul>
</div></div>
</div>
                    
                      
                      <div class="close_rightpupop" id="close_rightpupop" >X</div>
                   
                      
     </div>
     
     
     <div id="activity_modify" class="rightdivselect right-popup-box1">
     				 
                   
                   
                    <div class="choose" id="addonActivity">
						<div class="choose-info">
							<h5>Choose Attrections/Pay Entrance or Ticket</h5>
                            
						</div>
						<div class="destinations-grid-info tours" id="didfv4">
                           <div class="td-grids">
								<div id="addonsBlock" class="font-size12px">
			<form action="/updateAddons" id="update_addons" method="post">
			<h5>Addons</h5> 


				<p>
				<label class="booking-check"><span class="txtdgrey mL10">Travel via Yamuna Expressway :</span> <span class="txtblue txtbold">Rs. 600</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
                 <p>
				<label class="booking-check"><span class="txtdgrey mL10">Add English Understanding Driver :</span> <span class="txtblue txtbold">Rs. 32000</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
                 <p>
				<label class="booking-check"><span class="txtdgrey mL10">Add Knowledgeable Tour Guide :</span> <span class="txtblue txtbold">Rs. 32000</span>
 					 <input type="checkbox" checked="checked">
 					 <span class="checkmark"></span>
				 </label>
                 </p>
                 
      
<br>
<h5>Entrance Tickets, Activities, Cultural Shows & Theatre</h5><br>
</form>
<table>

		<form action="#" method="post">
			<tr>
			<td width="30%" class="padding-bot10px">
			<a href="#" class="tooltipF"><p class="txtdgrey mL10">Light and Sound Show, <i>@ Agra Fort- a UNESCO world heritage site, Agra</i></p>
				<span>
					<table><tr><td width="" valign="top"><img alt="" class="imgborder2 activities-image" src="/images/hotel.jpg"  /></td>
                    <td>
					<strong>Details: </strong>Organized to promote Indian culture as well as the history of Agra, that houses one of the seven wonders of the world - Taj Mahal, the 80-minute light and sound show is a major success, nearly 70 artists from different part of the country participates in this show, a must watch in Agra</br></br>
					<strong>Includes: </strong>Light And Sound Show @ Agra Fort</br></br>
					
					
					</td></tr></table>
</span></a>		
			</td>
            <td width="50%" class="padding-bot10px">
			<table cellpadding="10" cellspacing="10" width="100%">
				
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Indian</td>
                        
                        <td width="10%">Rs. 100 </td>
						<td width="20%">
							
							 
							
								
								
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							 
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Indian</td><td width="20%">Rs. 100 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
			</table>
			</td>
            <td width="10%" class="padding-bot10px" align="center">
			<span class="txtblue txtbold">Rs. 500 </span>
			</td>
			</tr>
		</form>
        
        <form action="#" method="post">
			<tr>
			<td width="30%" class="padding-bot10px">
			<a href="#" class="tooltipF"><p class="txtdgrey mL10">Light and Sound Show, <i>@ Agra Fort- a UNESCO world heritage site, Agra</i></p>
				<span>
					<table><tr><td width="" valign="top"><img alt="" class="imgborder2 activities-image" src="/images/hotel.jpg"  /></td>
                    <td>
					<strong>Details: </strong>Organized to promote Indian culture as well as the history of Agra, that houses one of the seven wonders of the world - Taj Mahal, the 80-minute light and sound show is a major success, nearly 70 artists from different part of the country participates in this show, a must watch in Agra</br></br>
					<strong>Includes: </strong>Light And Sound Show @ Agra Fort</br></br>
					
					
					</td></tr></table>
</span></a>		
			</td>
            <td width="50%" class="padding-bot10px">
			<table cellpadding="10" cellspacing="10" width="100%">
				
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Indian</td>
                        
                        <td width="10%">Rs. 100 </td>
						<td width="20%">
							
							 
							
								
								
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							 
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 6:30 PM, Language: English, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Indian</td><td width="20%">Rs. 100 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
					<tr>
						<td width="70%">Time: 7:30 PM, Language: Hindi, Nationality: Non-Indian</td><td width="20%">Rs. 300 </td>
						<td width="10%">
							
							 
							
							<select id="reservation_2" name="reservation[adults]" class="paddomg5x8"><option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option></select>
							
						</td>
					</tr>
				
			</table>
			</td>
            <td width="10%" class="padding-bot10px" align="center">
			<span class="txtblue txtbold">Rs. 500 </span>
			</td>
			</tr>
		</form>
        
        
	
</table>
</form>


</div>
                      
                            
                            
								
								<div class="clearfix"> </div>
						  </div>
							</div>
					</div>
                   
                   
                   
                   
                     
                      
                      <div class="close_rightpupop " id="close_rightpupop">X</div>
                   
                      
     </div>
    
    
    
    <!--end-right-pop-up-->
    
    
    
</section><!-- /.one way car listing end -->
