/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */



/* --- FONTS -------------------------------------- */


::-webkit-input-placeholder { /* WebKit browsers */
    color: #b4b4b4 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b4b4b4 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b4b4b4 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b4b4b4 !important;
}
body {
  font-family: "ProximaNova-Regular",sans-serif;
}
.ui-autocomplete {
  top: 76px !important;
  margin-left: 9px !important;
}
.contact-container {
  margin-left: -5px;
  margin-top: 5px;
}

.menu-container span {
  font-family: proxima_novaregular;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  display: block;
  float: left;
  margin-top: 19px;
  margin-left: 4px;
}

.dropdown-menu>li>a {
  font-size: 21px !important;
}

.main-menu-item a {
  font-family: 'GilroyBold',Arial,sans-serif !important;
  font-size: 20px !important;
  display: block;
  font-weight: 400 !important;
  letter-spacing: 0.2;
}
#hover-opening-times i {
  margin-top: 25px;
  margin-left: 3px;
}
.hover-opening-times span {
  margin-left: 4px;
}

.manage-svg-icon {
  width: 27px;
  margin-top: 19px;
}
.manage-label {
  margin-left: 4px !important;
}

.contact svg {
  margin-top: 18px;
}


.top-menu svg {
  float: left;
  display: flex;
  align-content: center;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.6rem;
  position: relative;
  text-decoration: none;
  transition: color .5s ease;
  color: #a5a5a5;
}

header .top-menu .navbar-nav li {
  margin-right: 7px;
}

header .top-menu .navbar-nav li a:hover {
  color: #AAA;
}

.megaMenu {
  z-index: 1 !important;
}

header .top-menu .button-small:hover {
  background: #056276 !important;
  text-decoration: none !important;
}

.open-days {
  width: 290px !important;
  height: 233px;
  margin-top: 10px;
  padding: 19px !important;
  box-shadow: 0 -1px 12px -1px rgba(0,0,0,.4);
  background: #fff !important;
  margin-right: -5px;
  padding-top: 16px !important;
  z-index: 999999 !important;
}
.opening-times {
  z-index: 999999 !important;
}
.mvhtrctcodl-times span {
  margin-top: 5px;
  font-family: Gilroy-Medium;
  font-size: 15px;
  margin-left: 0px;
}
.mvhtrctc-call-us-link-label {
  font-family: 'GilroyBold',Arial,sans-serif !important;
  font-size: 19px !important;
  font-weight: 400;
  margin-top: 10px;
  display: block;
  margin: 0px !important;
  color: #333 !important;
}
.mvhtrctc-telephone-number {
  font-size: 19px !important;
  font-weight: 400;
  color: #333 !important;
}
.mvhtrctc-call-us-link {
  float: left;
  width: 100%;
  margin-bottom: 8px;
}
.main-vhols-header .text-center {
  text-align: center!important;
}
.main-vhols-header .button-block {
  font-family: 'GilroyBold',Arial,sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  float: left;
  display: block;
  width: 100%;
  color: #fff;
  background-color: #067b93;
  transition: background-color .5s ease;
  padding: 6px 20px;
  border-radius: 4px;
  margin-bottom: 9px;
}
.mvhtrctc-telephone-number {
  color: #dc121c !important;
  font-family: 'GilroyBold',Arial,sans-serif !important;
  font-size: 18px;
  font-weight: 400;
  float: left;
}

.top-menu {
  float: right;
  margin-top: -8px;
}

.booking-interface.confirmation {
	min-height: 380px;
  text-align: center;
  display: none;
}

.mvhtrctcodl-times {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: Gilroy-Medium;
  font-weight: 100;
  color: #666;
  height: 24px;
}

.mvhtrctc-open-days .mvhtrctcod-list {
  padding-left: 0px;
  float: left;
  margin-bottom: 18px;
}

.mvhtrctc-open-days .mvhtrctcod-list li {
  float: left;
  width: 100%;
}

.booking-interface.confirmation h3 {
  margin-top: 90px;
}
.sponsor-banner {
  text-align: center;
  width: 800px;
  margin: 0 auto;
  margin-top: 35px;
}

.sponsor-banner img {
  width: 100%;
}

.ui-autocomplete a:hover {
  text-decoration: none !important;
}

img.responsive {
	width:100%;
	height:auto;
}

.img-desktop {
  display: inline-block;
}
.img-mobile {
  display: none;
}

.main_content {
  margin-top: 20px;
}
.main_content p {
    font-family: "ProximaNova-Regular",sans-serif;
    margin: 0 0 50px;
    text-align: center;
    font-size: 22px;
		width: 100%;
    color: #333;
    line-height: 28px;
}
.usp-container {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 50px;
}
.usp-panel {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.usp-panel .placeholder-icon {
  display: inline-block;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  background: #d8d8d8;
}
.usp-panel strong {
  font-family: 'GilroyBold',Arial,sans-serif !important;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  margin-bottom: 15px;
}
.usp-panel p {
  font-family: "ProximaNova-Regular",sans-serif;
  font-size: 16px;
  line-height: 20px;
}
.footer-container {
  margin-top: 75px;
}

.footer-list-title {
	font-family: 'GilroyBold',Arial,sans-serif !important;
	color: #333333 !important;
}
.footer-container h2, .footer-container h4 {
	font-family: 'GilroyBold',Arial,sans-serif !important;
}
.view_date {
  background: #fff;
	border: 1px solid #d9d9d9;
  width: 100%;
  height: 100%;
  float: left;
  min-height: 525px;
}
.date_inline_loading {
    float: left;
    margin-left: 230px;
    margin-top: 210px;
    background: url("/retail-appointments/modules/bookings/css/inline_loader.gif") no-repeat scroll 50% 100%;
}
.date-nav {
  display: none;
  position: absolute;
  top: 75px;
}
.date_con {
  padding: 15px;
  float: left;
  width: 3000px;
  overflow: hidden;
}
.booking_time_slot {
  cursor: pointer;
}
.booking_time_slot li:hover {
  background: #E10A0A;
  color: #fff;
  transition: .3s background-color ease-out;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  opacity: 0.7;
}
.booking_buttons input {
  padding: 10px;
  width: 170px;
  font-size: 16px !important;
  border-radius: 2px;
}
.ui-selected {
  background: #E10A0A;
  color: #fff !important;
}
.ui-selected:hover {
  background: #E10A0A !important;
  color: #fff !important;
}
.date_nav_prev {
  left: 30px;
}
.date_nav_next {
  right: 30px;
}
.unavailable-time, .unavailable-time:hover {
  background: #F5F5F5 !important;
  color: #F5F5F5 !important;
  cursor: default !important;
}
#date_inline_content {
  overflow: hidden;
}
.time-of-day {
  position: relative;
  height: 445px;
  width: 100%;
  margin-bottom: -445px;
  background: #fff;
  top: -19px;
  z-index:1;
}
.time-of-day > div {
  cursor: pointer;
  padding: 50px 15px 46px 15px;
  border: 1px solid #d9d9d9;
  font-size: 16px;
  color: #E10A0A;
  text-align: center;
  margin-bottom: 2px;
}
.time-of-day > div:hover {
  background: #E10A0A;
  color: #fff;
}
.date-nav-vertical, .date-nav-vertical:hover, .date-nav-vertical:focus {
  background: #12D1C5;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 2px;
}
.date-nav-down {
  width: 100%;
  text-align: center;
}
.date-nav-unavilable {
  cursor: default;
  opacity: 0.1;
}
.booking_column.part-2 {
  display: none;
}
.form-container {
	width: 100%;
	margin: 0 auto;
}
#search-box {
	font-size: 28px;
	padding: 15px;
	width: 100%;
	margin-right: 20px;
	float: left;
}
.search-form-contianer {
    width: 100%;
    background: #fbfbfb;
    margin-bottom: 30px;
}
h1 {
	margin-top: 45px;
	margin-bottom: 70px;
}
h1::after {
	border-top: 5px solid #E10A0A;
  bottom: -23px;
  content: '';
  display: block;
  position: relative;
  width: 55px;
  margin: 0 auto;
}
#confirmation-screen {
  margin-top: 10px;
}
#confirmation-screen h2 {
  float: left;
  font-size: 27px;
  margin-top: 30px;
}
#confirmation-screen h2::after {
  border-top: 4px solid #E10A0A;
  bottom: -7px;
  content: '';
  display: block;
  position: relative;
  width: 32px;
  margin: 0 auto;
  left: -114px;
}
#confirmation-screen h3 {
  font-size: 18px;
  line-height: 20px;
}
.confirmation-copy {
  font-size: 15px;
  line-height: 28px;
}
.confirmation-copy-small {
  font-size: 14px;
  line-height: 28px;
}
#booking_confirmation_panel {
  float: left;
  margin-top: 25px;
}


.search_locations_form-new {
	float: left;
	width: 100%;
  margin-bottom: 70px;
	text-align: center;
}
.newsletter-signup-form-fields button {
	font-size: 16px;
}
.book_now {
  font-size: 14px !important;
}
.testimonial-text {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  margin-top: 50px;
}
.testimonial-text > span {
  display: block;
  margin-bottom: 30px;
}
.placeholder-location-icon::after {
  content: "\e640";
  color: #f1f1f1;
  font-size: 33px;
  font-family: icomoon;
  margin-left: 11px;
}
.location-panel .distance {
	display: block;
}
.location-panel .no-border {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.location-panel a.cta-link {
  color: #0798ac;
  display: block;
  margin-top: 5px;
}

.location-panel .distance {
  font-size: 18px;
  font-family: 'GilroyBold',Arial,sans-serif;
}

.location-panel .distance span {
    font-size: 24px;
}
.store-link {
  font-size: 20px;
  font-family: 'GilroyBold',Arial,sans-serif;
  color: #06869D;
  min-height: 85px;
  display: block;
}
.location-panel .btn {
  font-family: 'GilroyBold',Arial,sans-serif;
  font-size: 16px;
  padding: 15px;
  width: 100%;
  background-color: #06869D;
  border-color: #06869D;
  border-radius: 4px;
}
.location-panel .btn:hover {
  background-color: #046678 !important;
  border-color: #046678 !important;
}
.location-info-panel {
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  font-size: 16px;
}
.location-info-panel-last {
  margin-bottom: 25px;
}
.location-panel svg.location {
  margin-top: 10px;
}
.btn-primary {
  background: #e10a0a;
}
.btn-primary:hover {
  background: #BA0707;
}

.send-message {
  margin-top: 8px;
}

.quick_signup_form label, .send-message label {
  font-family: 'GilroyBold',Arial,sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 10px;
}

.header_nav_link_left, .header_nav_link_right {
	float: left;
	height: 65px;
	width: 200px;
}
.header_nav_link_right {
 	float: right;
}
.booking_column {
  width: 170px;
  float: left;
  margin-right: 2px;Z
}
.pull-center {
  text-align: center;
}
.search_results_header {
	margin-top:50px;
	margin-bottom: 50px;
  padding: 16px;
}
.main_title_large, .main_title_small {
  text-align: center;
}
.main_title_large {
  font-size: 21px;
  color: #333;
  font-family: 'GilroyBold',Arial,sans-serif;
}
.main_title_small {
  font-size: 14px;
  color: #767676;
  font-family: 'GilroyMedium',Arial,sans-serif;
  padding: 0px 0px 10px 0px;
}
.main_header {
	width: 100%;
	background: #cc0000;
	height: 75px;
	margin-bottom: 30px;
}
.main_header .container {
	background: #F3F3F3 url(../images/branded_booking_header-960.png) no-repeat;
	height: 100px;
}
.booking_time_selection {
  height: 396px;
  overflow-y: hidden;
}
.booking_time_selection ol {
  padding-left: 0px;
}
.booking_time_selection li {
  list-style-type: none;
  padding: 20px 15px 20px 15px;
  border: 1px solid #d9d9d9;
  font-size: 16px;
  color: #E10A0A;
  text-align: center;
  margin-bottom: 2px;
}
.booking_time_options, .booking_time_back {
  display: none;
}
.side_panel_content img {
    position: relative;
    top: 3px;
}
.side_panel_content em strong {
	font-size:14px;
	font-style:normal;
	font-weight:normal;
}
#list_view {
	background:#fff;
    position: relative;
   	left: -50px;
    top:-5px;
    padding: 10px;
   	height: 385px;
	width: 300px;
}
#errors {
	display: none;
}
.blog_load {
	margin-left: 0px;
}

table {
	font-size: 0.9em;
	line-height: 1.4em;
}
.intro-text {
  font-family: "ProximaNova-Regular",sans-serif;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: #333;
  line-height: 28px;
  text-align: center;
  margin-bottom: 30px;
}

.border-top {
  border-top: 1px solid #e8e8e8;
  padding-top: 50px;
  float: left;
  width: 100%;
}

.quote-panel p {
  font-family: "ProximaNova-Regular",sans-serif;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: #333;
  line-height: 28px;
  text-align: center;
  margin-bottom: 15px;
}

.quote-panel p.bottom {
  font-weight: bold;
}

h4.xs {
  font-size: 26px;
  text-align: center;
}

.mod_action_del, .mod_action_edit, .mod_action_asset {
	display: none;
}
.booking_day {
	height: 500px;
}
.main_nav ul {
	float: right;
    display: block;
    list-style-type: none;
    margin: 10px 5px 0px 0px;
}
.main_nav ul li {
	display: inline;
    float: left;
    margin: 0 10px 0 0;
    padding: 0px 0px 0px 10px;
    margin-top: 20px;
	border-left: 1px solid #F3F3F3;
}

.main_nav ul li a {
	text-decoration: none;
}
.main_nav ul li a.current {
	font-weight: bold;
}

.panel_tall {
	min-height: 300px;
}
.panel_footer {
	border-top: 1px solid #F3F3F3;
	min-height: 150px;
}
.side_panel_content p {
    font-size: 0.9em;
    line-height: 1.4;
}

.urgent {
	color: red;
}

.mod_action_edit_content {
	display: none;
}

/*nicer nivo loads*/
#nivoslider {
	max-height: 430px;
	overflow: hidden;
}

.hide_from_mobile_view {
	display: inherit;
}
.show_in_mobile_view {
	display: none !important;
}


/* #Page Styles
================================================== */

@font-face { font-family: GilroyBold; src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/gilroy-bold-webfont.woff'); }
@font-face { font-family: GilroyMedium; src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/gilroy-medium-webfont.woff'); }
@font-face{
	font-family: 'ProximaNova-Regular';
	src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.eot');
	src: url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.woff') format('woff'),
	     url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.ttf') format('truetype'),
	     url('//static3.traveltek.net/images/www.virginholidayscruises.co.uk/fonts/proximanova-reg.svg') format('svg');
}

h1, h2, h3, h4, h5, h6, #list_view a {
	font-family: 'GilroyBold',Arial,sans-serif;
}
h1, h2 {
	font-size:40px;
	line-height:40px;
	color:#26313D;
}
h4 {
	font-weight: normal;
}
.five.columns h4 img, .five.columns h6 img {
    position: relative;
    top: 3px;
}

.panel_inner, .subscribeform_con {
	padding: 5px;
	margin-top: 10px;
}
td p {
	margin:0px;
}
td p b {
	font-weight:bold;
}

hr {
	margin-bottom: 15px;
}

#extra_info_panel_mobile {
	display: none;
}

.launch_login {
	font-size: 0.9em;
	padding:0;
	display:block;
}

.min-height-panel table {
  font-size: 1em;
}

.searchbutton_findme {
  display: block;
  margin-top: 10px;
  color: #474242;
  float: left;
  margin-left: 5px;
}
.searchbutton_findme:hover, .searchbutton_findme:focus {
  text-decoration: none !important;
  color: #474242;
}
.message-content {
  width: 100%;
  height: 280px;
  border: 1px solid #ccc;
  padding: 10px;
}

.inline_loader_site {
   background: url("../../../modules/bookings/css/inline_loader.gif") no-repeat scroll 50% 50%;
    height: 20px;
    width: 20px;
    display: none;
}
.booking-interface {
	background: #FBFBFB;
	border: 1px solid #d9d9d9;
	float: left;
	width: 100%;
	height: 100%;
	padding: 15px;
}
.booking-interface small {
  display: block;
	font-size: 10px;
  line-height: 15px;
}
.styled-select-wide {
	float: left;
}
div.placeholder {
	width: 100%;
	height: 100%;
	min-height: 300px;
	overflow: hidden;
	background:#CCC;
}

div.placeholder p {
	position: relative;
	top: 143px;
	color: #C0C0C0;
	font-size: 2em;
	font-weight: bold;
	opacity: .3;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);

}

.tweet_list {
	padding: 5px;
	margin: 0px;
}
.tweet_avatar img {
	display: none;
}

#SUBSCRIBER_EMAIL {
	width: 60%;
	height: 18px;
	margin-right: 10px;
	margin-top: 1px;
	float: left;
}

#calendar_con {
	text-align: center;
}
.mini_calendar {
	width: 79%;
	margin: 0 auto;
}

h1 {
	text-align: center;

}

.ie7 .search_locations_form-new {
	height: 55px;
}
.ie7 .iicol_left_big {
	width: 63%;
}

.button, button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-size:27px;
	color: #fff;
	font-family: 'GilroyBold',Arial,sans-serif;
}

.make_appointment.map {
	height:auto !important;
	width:auto !important;
	background: transparent !important;
    border:none !important;
    border-radius:0px !important;
	color: #D31A3A !important; /* Fix for Firefox */
	text-shadow:none !important;
	text-align:left;
	font-weight:normal !important;
	position:relative;
	display:block;
	padding:0 10px 0 10px !important;
}
.make_appointment.map:active  {
	background: #555555 ;
}
.make_appointment.map:hover  {
	text-decoration:underline;

}
.ui-menu-item {
	float: left;
	width: 100%;
	text-align: left;
}

.searchbutton {
	background-color: #E10A0A;
	border-color: #E10A0A;
	border-radius: 3px;
	font-size: 27px;
  color: #fff;
  font-family: 'GilroyBold',Arial,sans-serif;
  height: 73px;
  width: 100%;
	float: left;
  padding: 0px;
}
.searchbutton:hover {
  background: #BA0707;
}
.searchbutton span {
  position: relative;
  top: -3px;
}
.searchbutton svg {
  position: relative;
  top: 5px;
  left: 5px;
}
.side_panel {
	margin-right: 35px !important; /*tmp*/
}
.side_panel ul {
	float: left;
	width: 100%;
}
.pod-image {
  border-radius: 50%;
}
.min-height-panel {
  min-height: 187px;
}

a.search_again {
	display: block;
}
a.new_search, a.back_to_search {
	display: none;
}
a.search_again, a.back_to_search {
	height: 35px;
 	text-decoration: none;
 	color: #0798ac;
 	max-width:150px;
}

a.search_again:hover, a.back_to_search:hover {
	text-decoration:underline;
}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* --- FONTS -------------------------------------- */



@font-face {
    font-family: 'vh_focobold';
	src: url('../fonts/vhfoco_bd-webfont.eot');
	src: url('../fonts/vhfoco_bd-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/vhfoco_bd-webfont.woff') format('woff'),
	     url('../fonts/vhfoco_bd-webfont.ttf') format('truetype'),
		 url('../fonts/vhfoco_bd-webfont.svg#vh_focobold') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
		src: url('../fonts/icomoon.ttf');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'vh_focoregular';
	src: url('../fonts/vhfoco_rg-webfont.eot');
	src: url('../fonts/vhfoco_rg-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/vhfoco_rg-webfont.woff') format('woff'),
	     url('../fonts/vhfoco_rg-webfont.ttf') format('truetype'),
		 url('../fonts/vhfoco_rg-webfont.svg#vh_focoregular') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vh_foco_headlineregular';
    src: url('../fonts/vhfocoheadline_rg-webfont.eot');
    src: url('../fonts/vhfocoheadline_rg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/vhfocoheadline_rg-webfont.woff') format('woff'),
         url('../fonts/vhfocoheadline_rg-webfont.ttf') format('truetype'),
         		 url('/../fonts/vhfocoheadline_rg-webfont.svg#vh_foco_headlineregular') format('svg');

    font-weight: normal;
    font-style: normal;
}



.foco { font-family: 'vh_focoregular', Arial, sans-serif;font-weight: normal; }
.foco-bold { font-family: 'vh_focobold', Arial, sans-serif;font-weight: 500; }
.foco-headline { font-family: 'vh_foco_headlineregular', Arial, sans-serif;font-weight: normal;
}


.launch_login {
	display: none;
}

.sign-in-copy {
	display: none;
}

  .location-desc {

        display: block;
    font-size: 1em;
  }

  .ui-menu-item a {
  	vertical-align: top;
  	float: left;
  	padding: 10px;
  	width: 100%;
  }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #ededed none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #2b2b2b;
  font-weight: normal;
}



.ui-menu-item {
	border-bottom: 1px solid #f3f3f3;
}


.one, .two, .three, .four {
  position:absolute;
	margin-top: -30px;
	z-index:1;
}
.one span, .two span, .three span, .four span {
	height:18px;
	width:18px;
	border-radius:18px;
	background: #e8e8e8;
	display: block;
	margin: 0 auto;
}
.progress {
  float: left;
  background: #e8e8e8;
  height: 4px;
  width: 100%;
  margin-top: 70px;
}
.progress b {
  font-family: 'GilroyBold',Arial,sans-serif;
	color: #A5A5A5;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}
header .nav-title {
  top: 82%;
}
.current-marker b {
	color: #E10A0A;
}
.current-marker span {
	background: #fff;
	border: 4px solid #dc121c;
}
.one{
	left:0%;
	margin-left: -8px;
}
.two{
	left:33%;
}
.three{
	left:66%;
}
.four{
	left:97%;
}
.primary-color{
	background-color:#e8e8e8;
}
.success-color{
	background-color:#5cb85c;
}

/* date picker styles */

#ui-datepicker-div {
  background: #fff;
  padding: 10px;
  border: 1px solid #d9d9d9;
}
.ui-datepicker-unselectable {
  opacity: 0.2;
}

#ui-datepicker-div td {
  padding: 10px;
  border: 1px solid #F5F5F5;
  text-align: center;
}
#ui-datepicker-div td a:focus, #ui-datepicker-div td a:hover, .ui-state-hover {
  outline: none;
  background: none !important;
  border: 0px !important;
}
#more-dates-selector {
  text-align: center;
  width: 100%;
  padding: 5px 0px 5px 0px;
}


#more-dates-selector {

    /* styling */
    background-color: white;
    border: 1px solid #ccc;
    display: inline-block;
    line-height: 1.4em;
    padding: 5px 10px 5px 10px !important;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}

.date-selector-container {
  display: inline-block;
  margin: 0 auto;
  margin-bottom: -14px;
  margin-top: -11px;
}
.date-selector-container-text {
  float: left;
}
.date-selector-container-arrow {
  background: #fff;
  float: left;
  width: 33px;
  border: 1px solid #ccc;
  height: 34px;
  border-left: 0px;
  cursor: pointer;
}
.date-selector-container-arrow svg {
  margin-top: 13px;
  display: block;
  margin-left: 11px;
}
.ui-datepicker-title {
  margin-left: 40px;
  margin-bottom: 15px;
}
.ui-datepicker-prev, .ui-datepicker-title {
  float: left;
}
.ui-datepicker-next {
  float: right;
}
.newsletter-subheading {
  width: 100% !important;
}
.newsletter-signup-form .btn {
  color: #fff;
  background: #168693;
  border-color: #168693;
  font-weight: bold;
  width: 105px;
}
#confirmation-screen {
  display: none;
}
.no-border {
  border: 0px;
}

label.error {
    font-size: 13px;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    color: red;
    font-weight: normal;
}
.view_date {
  margin-bottom: 20px;
}

a, a:hover {
  color: #06869D;
}
a:hover {
  text-decoration: underline !important;
}
h1.xl {
  font-size: 48px;
  padding: 25px;
}

.date_nav_prev_mobile {
  display: none;
  position: relative;
  top: 50px;
  float: left;
  left: 20px;
}
.date_nav_next_mobile {
  display: none;
  position: relative;
  top: 50px;
  right: 20px;
  float: right;
}

.progress .one, .progress .active {
  cursor: pointer;
}

.physical-location {
  margin-bottom: 0px;
  margin-top: 5px;
}

.newsletter-heading,
.footer-container .newsletter-signup-form .newsletter-subheading,
.newsletter-signup-form {
  text-align: center !important;
}
.newsletter-signup-form .btn-info:hover {
  background: #046678;
  border-color: #046678;
}
.btn-info:hover {
  text-decoration: none !important;
}

span.closed {
  color: red;
  font-size: 16px;
}

span.coming-soon {
  color: #dc121c;
  font-size: 21px;
}

@media only screen and (max-width:745px){

}
@media only screen and (min-width:1200px){
  .booking_column {
    width: 174px;
  }
}

@media only screen and (max-width:1200px){
  .booking_column {
    width: 140px;
  }
}
@media only screen and (max-width:907px){
  .booking_column {
    width: 163px;
  }
}

@media only screen and (min-width:980px) and (max-width:1163px){
  .booking_column {
    width: 141px;
  }
}

@media only screen and (min-width:667px) and (max-width:980px){
  .booking_column {
    width: 162px;
  }
}

.main_content img.img-desktop {
  max-width: 915px;
}

@media only screen and (max-width:725px){

  .booking_column {
    width: 323px;
  }
  h1.xl {
    font-size: 40px;
  }
  .btn-active {
    display: block;
  }
  .date-nav {
    display: none !important;
  }
  .date_inline_loading {
    display: none;
  }
  .date_con {
    padding-left: 0px;
    padding-right: 0px;
    width: 1315px;
  }
  .login_container select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 5px;
  }
  .booking_buttons.pull-right {
    margin-top: 10px;
    text-align: center;
  }
  .confirm_details.confirm_details_inline {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
  }

  .location-panel svg {
    margin-left: 0px;
  }

  .pull-right {
    float: none !important;
  }
  .progress {
    margin-left: 10px;
    width: 93%;
  }
  .one{
  	left:0%;
  	margin-left: 5px;
  }
  .two{
  	left:23%;
  }
  .three{
  	left:62%;
  }
  .four{
  	left:85%;
  }

  .time-of-day > div {
    border-left: 0px;
    border-right: 0px;
  }
  .main_title_small {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 2px;
  }

  .img-desktop {
    display: none;
  }
  .img-mobile {
    display: inline-block;
    width: 100%;
  }

  .book-appt-btn {
    color: #ffffff !important;
    background-color:#e10a0a;
    white-space: nowrap;
    letter-spacing : .2px;
    width: 250px;
    padding: 10px 10px;
    box-shadow: 0 3px 1px -1px #ffffff;
    border-radius: 4px;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin: 0 auto;
    margin-left: auto;
    margin-right :auto;
    float: center !important;
  }


}

@media only screen and (max-width:375px){

  .pull-right {
    float: none !important;
  }
}

@media only screen and (max-width:800px){
  h1, h2 {
    font-size: 30px;
  }
  .search-form-contianer input {
    border: 1px solid #D9D9D9;
    margin-bottom: 5px;
  }
  .usp-container {
    border: 0px;
    margin-top: -50px;
  }
}

@media only screen and (min-width:768px) and (max-width:990px){
  .find-icon {
    display: none;
  }
}

@media only screen and (min-width:768px) and (max-width:1200px){
  .store-link {
    display:block;
    min-height: 111px;
  }
}

@media only screen and (min-width:990px){
  .location-panel svg {
    margin-left: 15px;
  }
  svg.brand-icon {
    margin-left: 0px;
    margin-top: 10px;
  }
}

.form-group {
    margin-bottom: 7px;
    float: left;
    width: 100%;
}

.form-group.pull-center {
  margin-bottom: 15px;
}