Initial pagination functionality, pagination example, less stylesheet update

Author: bjorn2404

dist/css/storelocator.css

@@ -15,7 +15,7 @@
   margin-left: 20px;
   width: 875px;
   font: normal 12px Arial, Helvetica, sans-serif;
-  color: #333;
+  color: #333333;
 }
 .bh-storelocator-container .bh-storelocator-form-container {
   clear: left;
@@ -38,7 +38,7 @@
 .bh-storelocator-container .form-input input {
   padding: 4px;
   line-height: 16px;
-  border: 1px solid #ccc;
+  border: 1px solid #cccccc;
 }
 .bh-storelocator-container #address {
   margin: 0 0 0 10px;
@@ -50,7 +50,7 @@
   padding: 3px 6px;
   background: #ae2118;
   border: 1px solid #961f17;
-  color: #fff;
+  color: #ffffff;
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }
@@ -103,14 +103,6 @@
 .bh-storelocator-container .bh-storelocator-map-container a:active {
   text-decoration: underline;
 }
-.bh-storelocator-container .bh-storelocator-map-container .custom-marker {
-  width: 32px;
-  height: 37px;
-  color: #fff;
-  background: url(../img/custom-marker.png) no-repeat;
-  padding: 3px;
-  cursor: pointer;
-}
 .bh-storelocator-container .bh-storelocator-loc-list {
   float: left;
   width: 240px;
@@ -132,7 +124,7 @@
   margin: 6px 10px;
   cursor: pointer;
   width: 200px;
-  border: 1px solid #fff;
+  border: 1px solid #ffffff;
   /* Adding this to prevent moving li elements when adding the list-focus class*/
 }
 .bh-storelocator-container .bh-storelocator-loc-list .list-label {
@@ -142,7 +134,7 @@
   width: 17px;
   text-align: center;
   background: #451400;
-  color: #fff;
+  color: #ffffff;
   font-weight: bold;
 }
 .bh-storelocator-container .bh-storelocator-loc-list .list-details {
@@ -167,14 +159,36 @@
 }
 .bh-storelocator-container .loc-name {
   /* Picked up by both list and infowindows */
-  color: #AD2118;
+  color: #ae2118;
   font-weight: bold;
 }
 .bh-storelocator-container .bh-storelocator-map {
   float: left;
   width: 635px;
   height: 530px;
 }
+.bh-storelocator-container .bh-storelocator-pagination-container {
+  clear: both;
+}
+.bh-storelocator-container .bh-storelocator-pagination-container ol {
+  list-style-type: none;
+  text-align: center;
+  margin: 0;
+  padding: 10px 0;
+}
+.bh-storelocator-container .bh-storelocator-pagination-container ol li {
+  display: inline-block;
+  padding: 10px;
+  cursor: pointer;
+  font: bold 14px Arial, Helvetica, sans-serif;
+  color: #ae2118;
+  text-decoration: underline;
+}
+.bh-storelocator-container .bh-storelocator-pagination-container ol .bh-storelocator-current {
+  color: #333333;
+  cursor: auto;
+  text-decoration: none;
+}
 /* Modal window */
 .bh-storelocator-overlay {
   position: fixed;
@@ -194,7 +208,7 @@
   width: 920px;
   height: 590px;
   z-index: 10010;
-  background: #fff;
+  background: #ffffff;
   border-radius: 10px;
   box-shadow: 0 0 10px #656565;
 }
@@ -211,7 +225,7 @@
   height: 18px;
   cursor: pointer;
   background: #2c2c2c url(../img/close-icon.png) 3px 3px no-repeat;
-  border: 1px solid #000;
+  border: 1px solid #000000;
   border-radius: 3px;
   box-shadow: 0 0 3px #656565;
 }