/* Global */
html {
  background-color: #FFFFFF;
  background-image: url('bg2.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: scroll;
  background-size: contain;
}

/* This is where you can put in a specific font if you want to make it global */
body { 
}

/* Header (This is that bar on the very top) */
header#page_header #header_bg {
	background-color: none;
	background-image: url('headerbg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scroll;
	height: 147px;
	border-bottom: solid 2px #2a9ee5;
}

header#page_header nav#user_nav {background-color: transparent; color: #FFF600; text-shadow: none; font-weight: bold; position: relative;}
header#page_header, header#page_header a {background-color: transparent; color: #FFF600 !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFF600; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFF600; position: relative;}

/* Hero (The logo) */
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; position: relative !important; top: -75px !important;}
header#page_header #hero a#logo img {}

/* Main Content (The main box) */
#main_content {
  max-width: 900px;
  margin-bottom: 10em;
  margin-top: 1em;
  background-color: #ffffff;
  color: #000000;
  position: relative;
}

/* The Step whatever of whatever bar */
nav.breadcrumbs { 
  background-color: #f7173b;
}

/* The Select from all available packages bar */
#main_content section#package_select { 
  color: #FFFFFF;
  font-style: normal !important;
  background-color: #2a9ee5;
}



/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
	background-image: none;
	border: solid 1px #000;
	background-color: #f7173b;
	color: #fff;
}

/* Date & Time Box Header (Month/Year) */
.ui-widget-header
{
background-color: #f7173b;
background-image: none;
border: solid 1px #444;
margin-bottom: 2px;
font-family: '', sans-serif;
}
/* Date & Time Box Calendar Colors */
.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default, 
#date_time_select .ui-state-highlight
{
color: #000;
font-family: '', sans-serif;
font-size: large;
}
/* Date & Time Box Selected Colors */
#date_time_select .ui-state-active,
#date_time_select .ui-state-hover
{
border: solid 1px #666;
color: #171616;
}
/*Selection box Values*/
#date_time_select .ui-state-active
{
background-color: #f7173b;
background-size: 40px 30px;
background-position: center;
color: white;
}
/*Date & Time Text*/
h1, h2, form fieldset.container legend {
    color: #000;
    text-transform: none;
    margin-bottom: 0.25em;
}
/*Weekday Text and colors*/
.table thead th, table thead th, .table tfoot th, table tfoot th {
    background-color: #24e455;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: bottom;
}
/* Preferred Time & Time Zone */
#main_content fieldset.time-picker legend span#preferred_time_wrap span
{
	font-weight: bold;
	font-style: normal;
	color: #000 !important;
	}

/* The color of the time and time zone selected message in the main box */
#main_content fieldset.time-picker legend span, #main_content form#guest_form fieldset legend span {
	color: #000000 !important;
	font-weight: bold;
}

/* The bar on the bottom of the main box */
#main_content footer.main-actions {
	background-color: #000;
}

/* The background and border color of a package when the package has been selected on select time page*/
#main_content #featured_packages ul.package-horizontal li.package.selected {
    border-color: #001F7C !important;
}

/* Footer */
footer#page_footer {
  color: #FFFFFF;
  background-color: #2c2c2c;
  text-shadow: none;
  border-top: solid 1px #fff;
}

#PrivacyPolicy a {
  color: #FFFFFF;
}

/* Mobile */
@media only screen and (max-width: 640px) {
header#page_header nav#user_nav {background-color: transparent; color: #FFF600; text-shadow: none; font-weight: bold; position: relative;}
header#page_header, header#page_header a {background-color: transparent; color: #FFF600 !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFF600; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFF600; position: relative;}
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; position: relative !important; top: -10px !important;}
header#page_header #hero a#logo img {}
}

/* Buttons */
button.btn-success, input[type="button"].btn-success, input[type="submit"].btn-success, input[type="reset"].btn-success, .btn.btn-success, .table tbody tr td.is-actions a.btn-success, table tbody tr td.is-actions a.btn-success, form fieldset.dark-button-select input[type='radio']+label.btn-success, form fieldset.dark-button-select input[type='radio']+legend.btn-success, #main_content fieldset.time-picker input[type='radio']+label.btn-success, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success, #main_content form#guest_form fieldset input[type='radio']+label.btn-success, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success, body.authentication a#account_create {
	background-image: none !important;
	background-color: #f7173b !important;
	font-weight: bold;
}

button.btn-success:hover, button.btn-success:active, button.btn-success.active, input[type="button"].btn-success:hover, input[type="button"].btn-success:active, input[type="button"].btn-success.active, input[type="submit"].btn-success:hover, input[type="submit"].btn-success:active, input[type="submit"].btn-success.active, input[type="reset"].btn-success:hover, input[type="reset"].btn-success:active, input[type="reset"].btn-success.active, .btn.btn-success:hover, .table tbody tr td.is-actions a.btn-success:hover, table tbody tr td.is-actions a.btn-success:hover, form fieldset.dark-button-select input[type='radio']+label.btn-success:hover, form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, #main_content fieldset.time-picker input[type='radio']+label.btn-success:hover, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:hover, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:hover, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, body.authentication a#account_create:hover, .btn.btn-success:active, .table tbody tr td.is-actions a.btn-success:active, table tbody tr td.is-actions a.btn-success:active, form fieldset.dark-button-select input[type='radio']+label.btn-success:active, form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, #main_content fieldset.time-picker input[type='radio']+label.btn-success:active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, body.authentication a#account_create:active, .btn.btn-success.active, .table tbody tr td.is-actions a.btn-success.active, table tbody tr td.is-actions a.btn-success.active, form fieldset.dark-button-select input[type='radio']+label.btn-success.active, form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, #main_content fieldset.time-picker input[type='radio']+label.btn-success.active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success.active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success.active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, body.authentication a.active#account_create {
	background-image: none !important;
	background-color: #24e455 !important;
}