diff --git a/application/third_party/order/views/ah/confirm_order.php b/application/third_party/order/views/ah/confirm_order.php
index df5a7a91..3f020613 100644
--- a/application/third_party/order/views/ah/confirm_order.php
+++ b/application/third_party/order/views/ah/confirm_order.php
@@ -335,6 +335,25 @@ dd.ui_tpicker_time {
 .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
+label.gender {
+    font-size: 19px;
+    font-weight: 400;
+    text-align: center;
+    margin-right: 10px;
+    float: left;
+    border: 1px solid #d1d1d1;
+    padding: 10px;
+    border-radius: 4px;
+}
+label.gender:hover {
+    cursor: pointer;
+    color: #fff;
+    background: #ad1818;
+}
+.tmpick:checked+label {
+    background: #ad1818;
+    color: #fff;
+}
 	</style>
 </head>
 
@@ -374,6 +393,19 @@ dd.ui_tpicker_time {
 
 					<div class="traveler_info">
 						<h3 data-header>Traveler 1</h3>
+                        <div style="    
+    margin-bottom: -30px;
+    display: inline-block;
+    width: 100%;">
+                            <input type="radio" name="gender[]" id="genderMs" value="100003" class="tmpick">
+                            <label class="gender" for="genderMs" style="width: 120px;">
+
+                                Ms.</label>
+                            <input type="radio" name="gender[]" id="genderMr" value="100001" class="tmpick">
+                            <label class="gender" for="genderMr" style="width: 120px;">
+
+                                Mr.</label>
+                        </div>
 						<div class="selectionBlock">
 
 							<div class="inputTerm">
diff --git a/application/third_party/order/views/gh/confirm_order.php b/application/third_party/order/views/gh/confirm_order.php
index 12f6d888..50250c38 100644
--- a/application/third_party/order/views/gh/confirm_order.php
+++ b/application/third_party/order/views/gh/confirm_order.php
@@ -335,6 +335,26 @@ dd.ui_tpicker_time {
 .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
 .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
+
+label.gender {
+    font-size: 19px;
+    font-weight: 400;
+    text-align: center;
+    margin-right: 10px;
+    float: left;
+    border: 1px solid #d1d1d1;
+    padding: 10px;
+    border-radius: 4px;
+}
+label.gender:hover {
+    cursor: pointer;
+    color: #fff;
+    background: #ad1818;
+}
+.tmpick:checked+label {
+    background: #ad1818;
+    color: #fff;
+}
 	</style>
 </head>
 
@@ -374,6 +394,19 @@ dd.ui_tpicker_time {
 
 					<div class="traveler_info">
 						<h3 data-header>Traveler 1</h3>
+                        <div style="    
+    margin-bottom: -30px;
+    display: inline-block;
+    width: 100%;">
+                            <input type="radio" name="gender[]" id="genderMs" value="100003" style="display:none;" class="tmpick">
+                            <label class="gender" for="genderMs" style="width: 120px;">
+
+                                Ms.</label>
+                            <input type="radio" name="gender[]" id="genderMr" value="100001" style="display:none;" class="tmpick">
+                            <label class="gender" for="genderMr" style="width: 120px;">
+
+                                Mr.</label>
+                        </div>
 						<div class="selectionBlock">
 
 							<div class="inputTerm">