diff --git a/css/page-pins.css b/css/page-pins.css
new file mode 100644
index 0000000..0b9c6f4
--- /dev/null
+++ b/css/page-pins.css
@@ -0,0 +1,4 @@
+#travelers-select .ui-selecting { background: #FECA40; }
+#travelers-select .ui-selected { background: #F39814; color: white; }
+#travelers-select { list-style-type: none; margin: 0; padding: 0; width: 450px; }
+#travelers-select li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
diff --git a/page-pins.php b/page-pins.php
index 84bcd31..685f1d4 100644
--- a/page-pins.php
+++ b/page-pins.php
@@ -80,6 +80,7 @@
     endwhile;
     wp_enqueue_script('page_pins_map', get_stylesheet_directory_uri() . '/js/page-pins-map.js', array('jquery', 'jquery-ui-selectable'));
     wp_localize_script('page_pins_map', 'page_pins_map', array('places' => $locations, 'traveler' => array_values($traveler)));
+    wp_enqueue_style('page_pins', get_stylesheet_directory_uri() . '/css/page-pins.css');
 ?>