/*
Title:      Real Time Vacations 1.0 / Simpler Grid Reset Styles
Author:     Justin Britt, based on 960.gs and Nick La's simpler grid
Notes:      Lovingly prepared by HawaiiFi in Hanalei, Kauai.
*/

/* XHTML, HTML4, HTML5 Reset
-------------------------------------------------------------------------------------------------------------------- */
* {
    margin: 0; 
    padding: 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
  background: #FCFEFF/*effcff*/;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.3em;
  font-size: 10px;
  font-weight: normal;
}
.giant sup {
    top: -3em;
    padding-left: 2px;
}
.grand sup {
    top: -1.8em;
    padding-left: 2px;
}
sup.currency {
	font-size: 0.6em;
	top: -0.5em;
	font-weight: bold;
	padding-right: 2px;
}
sup a {
    text-decoration: none;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}

/* FONTS
----------------------------------------------------------------------------------------------------*/
body{
    /*font: 12px/18px 'Telex', sans-serif;*/
    font: 12px/18px "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif;  
    color: #36527C;
    /*background-color: #f7fafa;*/
}
pre,
code {
    font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
.font {
    /*font-family: 'Telex', sans-serif;*/
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif;
}

.sans-serif, .arial{
    font-family: sans-serif;
}
.georgia{
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.monospace{
    font-family: Monaco, Courier;
}

/* HEADINGS
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	/*font-family: 12px/18px 'Telex', sans-serif;*/
    font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif; 
}
h1 {
    font-size: 26px;
    line-height: 30px;
}
h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 22px;
    line-height: 26px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}
/*#home h5, #location h5 {
	font-weight: normal;
    font-family: Georgia, 'Times New Roman', Times, serif;
}*/
h5 {
    font-size: 18px;
    line-height: 22px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
}

/* CONTENT TEXT OPTIONS
-------------------------------------------------------------------------------------------------------------------- */
.giant {
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
}
.grand {
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}
.huge {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}
.bigger {
	font-size:22px;
    line-height: 25px;
}
.big{
    font-size:18px;
    line-height: 23px;
}
.large{
    font-size:15px;
    line-height: 21px;
}
.medium{
	font-size: 14px;
    line-height:22px;
}
.normal{
    font-size: 12px;
    line-height:20px;
}
.small {
    font-size: 11px;
    line-height: 17px;
}
.tiny{
    font-size: 10px;
    line-height: 16px;
}
.height-1 {
    line-height: 1em;
}
.w-100 {
    width: 100%;
}
.weight-normal {
	font-weight: normal;
}
.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.underline {
	text-decoration: underline;
}
.no-style{
    font-style: normal;
}
.upper {
	text-transform: uppercase;
}
.line-thru {
	text-decoration: line-through;
}
.nolist {
	list-style: none;
}
.inline-block {
	display: inline-block;
}

/* TEXT SPACING
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}

/* GRID
--------------------------------------------------------------------------------------------------------------------- */
.container, .container-b {
	display: block;
    width: 984px;
    margin: 0 auto;
    clear: both;
}
.bevel {
	-webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	-moz-box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	border: 1px solid #e1e6e5;
}
.grid1, .grid2, .grid3, .grid4, .grid4-extra, .grid5, .grid6, .grid7, .grid8, .grid8-border-r, .grid8-line, .grid9, .grid9-line, .grid10, .grid11, .grid12, .grid12-results, .grid12-border {
    display:inline;
    float: left;
    position: relative;
    padding-left: 15px;
	padding-right: 15px;
}
.grid8-gallery, .grid3-map, .grid3-full, .grid4-map, .grid4-full, .grid8-full, .grid12-full {
	display:inline;
    float: left;
    position: relative;
}
.container .grid1 {
	width:52px;
}
.container .grid2 {
	width:134px;
}
.container .grid3 {
	width:216px;
}
.container .grid4 {
	width:298px;
}
.container .grid5 {
	width:380px;
}
.container .grid6 {
	width:462px;
}
.container .grid7 {
	width:544px;
}
.container .grid8 {
	width:626px;
}
.container .grid9 {
	width:708px;
}
.container .grid10 {
	width:790px;
}
.container .grid11 {
	width:872px;
}
.container .grid12 {
	width:954px;
}
.container .grid12-full {
	width:984px;
}

/* Extras */
.grid8-border-r .grid2 {
	width:133px;
}
.grid3-map {
	width:245px;
}
.grid4-extra {
	width:312px;
}
.grid4-map {
	width:342px;
}
.grid8-gallery {
	width:641px;
}
.grid8-line {
	width:624px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.grid8-border-r {
	width:625px;
	border-right: 1px solid #CCC;
}
.grid9-line {
	width:706px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}


.grid12-results {
	width:953px; 
	border-right: 1px solid #CCC; 
}
.grid12-border {
	width:952px; 
	border: 1px solid #c9cdce;
}


/* Container Borders */
.container-b .grid1 {
	width:51px;
}
.container-b .grid2 {
	width:133px;
}
.container-b .grid3 {
	width:215px;
}
.container-b .grid3-full {
	width:245px;
}
.container-b .grid4 {
	width:297px;
}
.container-b .grid4-full {
	width:327px;
}
.container-b .grid5 {
	width:379px;
}
.container-b .grid6 {
	width:461px;
}
.container-b .grid7 {
	width:543px;
}
.container-b .grid8 {
	width:625px;
}
.container-b .grid8-full {
	width:655px;
}
.container-b .grid9 {
	width:707px;
}
.container-b .grid10 {
	width:789px;
}
.container-b .grid11 {
	width:871px;
}
.container-b .grid12 {
	width:953px;
}
.container-b .grid12-full {
	width:984px;
}

/* Container Controls */
.alpha {
	padding-left: 0;
}
.omega {
    padding-right: 0;
}
.alpha-p {
	padding-left: 0;
	margin-left: 15px;
}
.omega-p {
    padding-right: 0;
    margin-right: 15px;
}


/* CLEARS
--------------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clear {
    clear: both;
}
.block {
	display: block;
}
a.block {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

/* IE HACKS
--------------------------------------------------------------------------------------------------------------------- */
* html .clearfix {
    zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
    zoom: 1;
} /* IE7 */


/* Data Grid
----------------------------------------------------------------------------------------------------*/
.data-container {
    margin-left: auto;
    margin-right: auto;
    width: 624px;
    margin-bottom: 10px;
    padding-top: 10px;
}
.data-container {
    float: left;
}
.data1,
.data2,
.data3,
.data4,
.data5,
.data6,
.data7,
.data8,
.data9,
.data10,
.data11,
.data12 {
    display:inline;
    float: left;
    position: relative;
    padding: 0 10px 0;
    border-left: 1px solid #e5e5e5;
}
.alpha {
    padding-left: 0;
}

.omega {
    padding-right: 0;
}
.data-container .data1 {
    width:31px;
}

.data-container .data2 {
    width:83px;
}

.data-container .data3 {
    width:135px;
}

.data-container .data4 {
    width:187px;
}

.data-container .data5 {
    width:239px;
}

.data-container .data6 {
    width:291px;
}

.data-container .data7 {
    width:343px;
}

.data-container .data8 {
    width:395px;
}

.data-container .data9 {
    width:447px;
}

.data-container .data10 {
    width:499px;
}

.data-container .data11 {
    width:551px;
}

.data-container .data12 {
    width:603px;
}

/* LINKS
-------------------------------------------------------------------------------------------------------------------- */
a, a h5 {
    color: #0088CB;
}

.ui-datepicker-calendar tbody tr td.available-selected a {
    color: #ffffff !important;
}

.ui-datepicker-calendar tbody tr td a {
    color: #0088CB !important;
}

body#home a,
.home a {
	color: #fcce3f;
}

a.white {
	color: #ffffff !important;
}

a.grey {
	color: #999 !important;
}

a p {
	color: #999;
}
a.subtle {
	color: #666;
	text-decoration: none;
}
a.subtle:hover {
	color: #222;
	text-decoration: underline;
}
a.block:hover {
	background-color: #D0EDFC;
}
a:hover {
    /* background: #F2F8FA; */
    color: #F05422;
}
body#home a:hover,
.home a:hover {
	color: #0088CB;
}
a:hover h5 {
    text-decoration: underline;
}
a.text {
	padding-left: 15px; 
	display: block;
	text-decoration: none;
}
a.text p {
	color: #36527C;
}
a.text h5 {
	text-decoration: underline;
}
a.text:hover {
	background-color: #D0EDFC;
	cursor: pointer;
}

body#location {

}

/* GENERAL
-------------------------------------------------------------------------------------------------------------------- */
img { 
    border: none;
}
.rounded{
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
.rounded-t-sm{
    -moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.dark-box{
    background: #D0EDFC;
}
.light-box {
    background-color: #f6fbfc;
}
.grey-box{
    background: #f5f6f7;
}
.yellow-box {
    background-color: #ffffcc;
}
.black-box{
    background: #1A1A1A;
}
.white-box {
    background: #FFF;
}
.grey-line{
    border: 1px solid #EEE;
}
.beige-box{
    background: #e3e0d7;    
}
.blue-box{
    background-color: #D0EDFC;    
}
.no-underline{
    text-decoration: none;
}
.line{
    padding-bottom:2px;
    border-bottom: 1px solid #e5e5e5;
}
.no-line{
    border: none;
    text-decoration: none;
}
ul.no-list-style{
    list-style:none;
}
ul.no-list-style li{
    margin-left: 0;
}
/* Border */
.border{
    border: 1px solid #E0E3E3;
}
.border-t{
    border-top: 1px solid #E0E3E3;
}
.border-l{
    border-left: 1px solid #E0E3E3;
}
.border-b{
    border-bottom: 1px solid #E0E3E3;
}
.border-r{
    border-right: 1px solid #E0E3E3;
}
/* Border Blue */
.border-blue{
    border: 1px solid #9dd8e2;
}
.border-t-blue{
    border-top: 1px solid #9dd8e2;
}
.border-l-blue{
    border-left: 1px solid #9dd8e2;
}
.border-b-blue{
    border-bottom: 1px solid #9dd8e2;
}
.border-r-blue{
    border-right: 1px solid #9dd8e2;
}
/* Border Dark */
.border-t-dark{
    border-top: 1px solid #999;
}
.border-l-dark{
    border-left: 1px solid #999;
}
.border-b-dark{
    border-bottom: 1px solid #999;
}
.border-r-dark{
    border-right: 1px solid #999;
}
/* Border Dotted */
.border-t-dot{
    border-top: 3px dotted #cbd6d9;
}
.border-b-dot{
    border-bottom: 3px dotted #cbd6d9;
}
.white-box .border-t-dot{
    border-top: 3px dotted #e5e5e5;
}
.white-box .border-b-dot{
    border-bottom: 3px dotted #e5e5e5;
}
/* Border White */
.border-l-white{
    border-left: 1px solid #fff;
}
.border-r-white{
    border-right: 1px solid #fff;
}
a:hover .border-l-white{
    border-color: #D0EDFC;
}
a:hover .border-r-white{
    border-color: #D0EDFC;
}
/* Border Strong */
.border-strong{
    border: 1px solid #999;
}
.border-t-strong{
    border-top: 1px solid #999;
}
.border-l-strong{
    border-left: 1px solid #999;
}
.border-b-strong{
    border-bottom: 1px solid #999;
}
.border-r-strong{
    border-right: 1px solid #999;
}
/* Border Standard Background */
.border-t-bg{
    border-top: 1px solid #D0EDFC;
}
.border-l-bg{
    border-left: 1px solid #D0EDFC;
}
.border-b-bg{
    border-bottom: 1px solid #D0EDFC;
}
.border-r-bg{
    border-right: 1px solid #D0EDFC;
}



/* COLORS
-------------------------------------------------------------------------------------------------------------------- */
.red {
    color: #F05422;
}
.green {
    color: #5F9F00;
}
.grey, a.grey {
    color: #999;
}
.white-box .grey, .white-box a.grey {
    color: #333;
}
.mid-grey {
	color: #999;
}
.light-grey {
    color: #e5e5e5;
}
a.light-grey {
	color: #999;
}
a.light-grey:hover {
	color: #1a7a88;
}
.light-blue {
    color: #8daeb5;
}
a.light-blue {
	color: #8daeb5;
}
a.light-blue:hover {
	color: #1a7a88;
}
.beige {
    color: #998a7c;
}
.blue {
    color: #0088cb;
}
.fb-blue {
	color: #3B5998;
}
.white{ 
    color: #FFF;
}
.yellow{ 
    color: #E0CB80;
}
.brown{
    color: #4B3900;
}
.black{
    color: #000;
}
.rounded-t {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.shadow {
  -moz-box-shadow:    3px 3px 2px 1px #deeaed;
  -webkit-box-shadow: 3px 3px 2px 1px #deeaed;
  box-shadow:         3px 3px 2px 1px #deeaed;
}
.shadow-r {
  -moz-box-shadow:    3px 0px 2px 1px #deeaed;
  -webkit-box-shadow: 3px 0px 2px 1px #deeaed;
  box-shadow:         3px 0px 2px 1px #deeaed;
}
.shadow-b {
  -moz-box-shadow:    1px 3px 2px 1px #deeaed;
  -webkit-box-shadow: 1px 3px 2px 1px #deeaed;
  box-shadow:         1px 3px 2px 1px #deeaed;
}
.shadow-home {
  -moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px -2px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.4),
		inset 0px -2px 0px rgba(255,255,255,0);
}
.shadow-t-home {
  	text-shadow:
		1px 2px 2px rgba(000,000,000,0.4),
		-1px -2px 1px rgba(255,255,255,0);
}
.gradient-bg {
   /* fallback/image non-cover color */
   background-color: #c5f7ff; 

   /* fallback image
   background-image: url(images/fallback-gradient.png);  */

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#D0EDFC));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #fff, #D0EDFC); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #fff, #D0EDFC);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #fff, #D0EDFC);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #fff, #D0EDFC);
}
.gradient-bg {
   /* fallback/image non-cover color */
   background-color: #c5f7ff; 

   /* fallback image
   background-image: url(images/fallback-gradient.png);  */

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#D0EDFC));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #fff, #D0EDFC); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #fff, #D0EDFC);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #fff, #D0EDFC);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #fff, #D0EDFC);
}
a.gradient-bg:hover {
   background-color: #fff; 

   /* fallback image
   background-image: url(images/fallback-gradient.png);  */

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0EDFC), to(#fff));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #D0EDFC, #fff); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #D0EDFC, #fff);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #D0EDFC, #fff);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #D0EDFC, #fff);
}
.gradient-bg-blue {
   /* fallback/image non-cover color */
   background-color: #f6fbfc; 
   /* fallback image
   background-image: url(images/fallback-gradient.png);  */
   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6fbfc));
   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #f9feff, #f6fbfc); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #f9feff, #f6fbfc);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #f9feff, #f6fbfc);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #f9feff, #f6fbfc);
}

.alpha90 {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(66, 121, 161);
  /* RGBa with 0.6 opacity */
  background: rgba(66, 121, 161, 0.6);
  /* For IE 5.5 - 7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6046b9cc, endColorstr=#6046b9cc);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6046b9cc, endColorstr=#6046b9cc)";
}

.alpha-blue {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(70, 185, 204);
  /* RGBa with 0.6 opacity */
  background: rgba(70, 185, 204, 0.9);
  /* For IE 5.5 - 7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9046b9cc, endColorstr=#9046b9cc);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9046b9cc, endColorstr=#9046b9cc)";
}

/* SPACING AND LAYOUT
-------------------------------------------------------------------------------------------------------------------- */
.box-content{
    padding: 20px 0;
    margin: 0 20px;
}
hr {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    height: 0;
    border-bottom: 1px solid #95bbc1; 
}
.white-box hr {
    border-bottom: 3px dotted #E5E5E5; 
}
hr.show {
    border-top: 1px solid #CCC;
    margin-top: 20px;
}
.float-l {
    float: left;
}
.float-r {
    float: right;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center{
    text-align: center;
}
.pad-5 {
	padding: 5px;
}
.pad-10 {
	padding: 10px;
}
.pad-15 {
	padding: 15px;
}
.pad-20 {
    padding: 20px;
}
.pad-t0 {
      padding-top: 0;
}
.pad-t5 {
      padding-top: 5px;
}
.pad-t7 {
	padding-top: 7px;
}
.pad-t10 {
      padding-top: 10px;
}
.pad-t15 {
      padding-top: 15px;
}
.pad-t20 {
      padding-top: 20px;
}
.pad-t25 {
      padding-top: 25px;
}
.pad-t30 {
      padding-top: 30px;
}
.pad-b0 {
      padding-bottom: 0;
}
.pad-b5 {
      padding-bottom: 5px;
}
.pad-b10 {
      padding-bottom: 10px;
}
.pad-b15 {
      padding-bottom: 15px;
}
.pad-b20 {
      padding-bottom: 20px;
}
.pad-b25 {
      padding-bottom: 25px;
}
.pad-b30 {
      padding-bottom: 30px;
}
.pad-r0 {
      padding-right: 0;
}
.pad-r5 {
      padding-right: 5px;
}
.pad-r10 {
      padding-right: 10px;
}
.pad-r15 {
      padding-right: 15px;
}
.pad-r20 {
      padding-right: 20px;
}
.pad-r25 {
      padding-right: 25px;
}
.pad-r30 {
      padding-right: 30px;
}
.pad-l0 {
      padding-left: 0;
}
.pad-l5 {
      padding-left: 5px;
}
.pad-l10 {
      padding-left: 10px;
}
.pad-l15 {
      padding-left: 15px;
}
.pad-l20 {
      padding-left: 20px;
}
.pad-l25 {
      padding-left: 25px;
}
.pad-l30 {
      padding-left: 30px;
}
.mar-t0 {
      margin-top: 0;
}
.mar-t5 {
      margin-top: 5px;
}
.mar-t10 {
      margin-top: 10px;
}
.mar-t15 {
      margin-top: 15px;
}
.mar-t20 {
      margin-top: 20px;
}
.mar-t25 {
      margin-top: 25px;
}
.mar-t30 {
      margin-top: 30px;
}
.mar-t40 {
      margin-top: 37px;
}
.mar-b0 {
      margin-bottom: 0;
}
.mar-b5 {
      margin-bottom: 5px;
}
.mar-b10 {
      margin-bottom: 10px;
}
.mar-b15 {
      margin-bottom: 15px;
}
.mar-b20 {
      margin-bottom: 20px;
}
.mar-b25 {
      margin-bottom: 25px;
}
.mar-b30 {
      margin-bottom: 30px;
}
.mar-l0 {
      margin-left: 0;
}
.mar-l5 {
      margin-left: 5px;
}
.mar-l10 {
      margin-left: 10px;
}
.mar-l15 {
      margin-left: 15px;
}
.mar-l20 {
      margin-left: 20px;
}
.mar-l25 {
      margin-left: 25px;
}
.mar-l30 {
      margin-left: 30px;
}
.mar-r0 {
      margin-right: 0;
}
.mar-r5 {
      margin-right: 5px;
}
.mar-r10 {
      margin-right: 10px;
}
.mar-r15 {
      margin-right: 15px;
}
.mar-r20 {
      margin-right: 20px;
}
.mar-r25 {
      margin-right: 25px;
}
.mar-r30 {
      margin-right: 30px;
}

/* BUTTONS
-------------------------------------------------------------------------------------------------------------------- */
a.btn {
	color: #ffffff;
	padding: 10px 20px;
	text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#ff7422 0%,
		#e86a1f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff7422),
		to(#e6691f));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.btn:hover {
	background: #46b9cc;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.1),
		inset 0px -2px 0px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.1),
		inset 0px -2px 0px rgba(255,255,255,0);
}
a.tip {
	color: #0088cb/*5F9F00*/;
	border-bottom: 1px dotted #0088cb/*5F9F00*/;
	cursor: help;
	text-decoration: none;
}
a.btn-blue {
	color: #ffffff;
	padding: 10px 20px;
	text-decoration: none;
	border-color: #003F77;
	background: #00549E;
	background: -moz-linear-gradient(top, #00549E 0%, #003F77 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00549E), color-stop(100%,#003F77));
	background: -webkit-linear-gradient(top, #00549E 0%,#003F77 100%);
	background: -o-linear-gradient(top, #00549E 0%,#003F77 100%);
	background: -ms-linear-gradient(top, #00549E 0%,#003F77 100%);
	background: linear-gradient(top, #00549E 0%,#003F77 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00549e', endColorstr='#003f77',GradientType=0 );
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.btn-blue:hover {
	border-color: #00325E;
	background: #003f77;
	background: -moz-linear-gradient(top, #003f77 0%, #00325e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003f77), color-stop(100%,#00325e));
	background: -webkit-linear-gradient(top, #003f77 0%,#00325e 100%);
	background: -o-linear-gradient(top, #003f77 0%,#00325e 100%);
	background: -ms-linear-gradient(top, #003f77 0%,#00325e 100%);
	background: linear-gradient(top, #003f77 0%,#00325e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f77', endColorstr='#00325e',GradientType=0 );
}
a.btn-blue img {
	vertical-align: 0px;
}

/* INPUT
-------------------------------------------------------------------------------------------------------------------- */
.defaultText, .defaultText-short {
	font-size: 14px;
	padding: 8px 10px;
	margin: 0;	
	border: 1px solid #DDDDDF;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.6);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(50, 50, 52, .05);
	-moz-box-shadow: inset 2px 2px 3px 0px rgba(50, 50, 52, .05);
	box-shadow: inset 2px 2px 3px 0px rgba(50, 50, 52, .05);
	width: 200px;
}
.defaultText-short {
	width: 100px;
}
textarea.defaultText {
	width: 400px;
}
.defaultTextActive {
	color: #a1a1a1;
}
.defaultSelect, .defaultSelect-short, .defaultSelect-standard {
	font-size: 18px;
	overflow: hidden;
}
.defaultSelect {
	width: 224px;
}
.defaultSelect-short {
	width: 80px;
}


/* HEADER
-------------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	/*background: #2a4480 url(/img/bg-header.jpg) repeat-x 0 0;*/
	/*margin: 0 auto;
	width: 954px;*/
	padding-top: 5px;
	height: 58px;
	border-bottom: 1px solid #b3e1e8;
}
#nav {
	float: left;
	margin-top: 16px;
	list-style: none;
	font-size: 13px;
}
#nav li {
	float: left;
	display: inherit;
	margin: 0;
	margin-right: 5px;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #B2DEE6;*/
}
#nav li a {
	float: left;
	text-decoration: none;
	padding: 5px 10px;
}
#nav li a.active {
	background-color: #0088CB;
	color: #fff;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
#nav li a:hover.active {
	background-color: #F05422;
}
#nav-drop {
	position: absolute;
	top: 92px;
	right: 330px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 40px;
	height: 20px;
}
#nav-tools {
	float: right;
	list-style: none;
	font-size: 12px;
}
#nav-tools li {
	float: left;
	display: inherit;
	margin: 0;
}
#nav-tools li a {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	text-decoration: none;
	padding: 5px;
	color: #6F6D68;
}
#nav-tools li a:hover {
	color: #F05422;
}
#crumb {
	
}

/* HOME
-------------------------------------------------------------------------------------------------------------------- */
img.bg-home {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg-home, img.bg-fade {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
img.bg-fade {
	/* Set rules to fill background */
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
.home h1 {
	font-size: 36px;
	text-align: center;
}

.box {
	position: relative;
	margin-bottom: 25px;
	text-align: center;
}
img.border {
	margin-bottom: 7px;
	border: 2px solid #bbb;
}
a:hover img.border {
	border-color: #0088CB;
}
.box h5 {
	padding-left: 5px;
	font-weight: normal;
}
.box p {
	padding-left: 5px;
}
a .hilite {
	color: #0088CB;
}
a:hover .hilite {
	color: #0088CB;
	text-decoration: underline;
}
.box .browse {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 5px 10px;
	color: #fff;
	text-decoration: underline;
}
.box a:hover .browse {
	background-color: #e4fbff;
	text-decoration: underline;
}
.bg-sail {
	/*background: url(http://i.istockimg.com/file_thumbview_approve/13410063/2/stock-illustration-13410063-lighthouse.jpg) no-repeat 0 0;*/
	background: url(http://i.istockimg.com/file_thumbview_approve/8822062/2/stock-illustration-8822062-pods.jpg) no-repeat 0 -18px;
	display: block;
	padding: 15px;
}
.bg-sail img {
	border: 15px solid #bbe4ea;
	border-bottom: none;
}
.length {
	text-align: center;
	border: 5px solid #FFF;
}
.length h5 {
	margin: 28px 0 20px 0;
	font-style: italic;
	color: #999;
}
.length p.hint {
	margin: 10px 45px 30px 45px;
	padding: 5px 7px;
	background-color: #46B9CC;
	color: #fff;
	line-height: 1.3em;
}
.length ul {
	list-style: none;
	font-size: 14px;
	margin: 0 15px 15px 15px;
}
.length li {
	margin: 0 0 5px 0;
}
.length li a {
	display: block;
	padding: 10px 0;
	border: 1px solid #fff;
	width: 100%;
	text-decoration: none;
	background-color: #f6f7f8;
	color: #3D3533;
}
.length li a:hover {
	border-color: #F05422;
	background-color: #e4fbff;
	color: #F05422;
}


/* BODY
-------------------------------------------------------------------------------------------------------------------- */

.social {
	list-style: none;
}
.social li {
	float: left;
	display: inline;
	margin: 0;
}
.facebook {
	width: 150px;
	overflow: hidden;
}
.plus {
	width: 75px;
}
.tweet {
	width: 75px;
}
.sort-container {
	margin-bottom: 20px;
	padding: 10px 0;
	float: left;
	width: 547px;
}
a.listing  {
	position: relative;
	float: left;
	display: block;
	border-top: 1px solid #E0E3E3;
	padding: 10px 0 3px 0;
	width: 100%;
	background-color: #fff;
}
.mar-dates-nav {
	margin-bottom: 55px;
}
#dates-nav {
	position: absolute;
	top: 226px;
	left: 0;
	z-index: 100;
}
#sub-nav {
	position: absolute;
	top: 0;
	z-index: 100px;
}
.listing div {
	width: 492px;
}
.nightly em {
	font-style: normal;
}
.rate img {
	padding-top: 2px;
	vertical-align: -3px;
}
input.standard {
  	margin: 3px 5px;
  	padding: 3px 5px;
	-webkit-appearance: none;
	color: #666;
	font-size: 14px;
}
input.date {
  	background: #fff url(/img/bg-date-select.gif) no-repeat 83px 4px;
  	width: 80px;
  	margin: 3px 5px;
  	padding: 3px 16px 3px 5px;
	-webkit-appearance: none;
	color: #666;
	font-size: 14px;
}
.home input.defaultText {
  	background: #fff url(/img/bg-date-select.gif) no-repeat 100px 10px;
  	margin: 3px 5px;
  	width: 100px;
}


.home-main:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.home-main {
	display: block;
}
 
html[xmlns] .home-main {
	display: block;
}
 
* html .home-main {
	height: 1%;
}

.home ul.social {
/*	position: absolute;
	top: 350px;
	left: 405px;*/
	width: 170px;
	margin: 30px auto;
}
.foot-home{
	position: relative;
	width: 100%;
	display: block;
	height: 30px;
}
#monterey-map {
 padding: 0 3px;
}
#date-home {
	margin-left: 3px;
	padding-left: 10px;
	width: 604px;
}
.map-sub {
}
.nav-sub, #date-home {
	font-weight: normal;
	background-color: #D0EDFC;
}
.nav-sub h6, .nav-sub p, .map-sub p {
	float: left;
	margin-bottom: 0;
	padding: 3px 5px;
	font-weight: normal;
}
.nav-sub h6 {
	text-transform: uppercase;
	color: #1a7a88;
}
.steps {
	margin: 10px 0 0 5px;
	font-size: 14px;
}
.step-box {

}
.step-box, .available-box{
	margin-right: 5px;
	padding: 3px 7px;
	background-color: #8daeb5;
	color: #fff;
}
.steps em {
	font-style: normal;
	color: #61777c;
}
.steps em .step-box {
	background-color: #61777c;
	color: #fff;
}
.nav-sub .step-box, .available-box {
	margin-right: 1px;
}
.nav-sub .step-box, .map-sub .step-box {
	background-color: #58e8ff;
	color: #1a7a88;
}
.nav-sub .social {
	position: absolute;
	top: 10px;
	right: 10px;
}
.available-box {
	background-color: #5F9F00;
	color: #fff;
}
p.locations a {
	text-decoration: none;
}
p.locations a:hover {
	text-decoration: underline;
}
.local {
	position: absolute;
	top: 125px;
	left: 15px;
	font-size: 13px;
}

/* Clearfix */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* Calendar */
#ui-datepicker-div {
	position: absolute;
	left: 0;
	top: 39px;
	padding: 10px 0;
	width: 540px;
	background-color: #fff;
	border: 5px solid #C5F7FF;
	z-index: 1;
	display: block;
}
.ui-datepicker-group {
	float: left;
	width: 247px;
}
.ui-datepicker-group-first {
	padding: 0 10px;
}
.ui-datepicker-calendar {

}
#ui-datepicker-div table {
	margin: 5px;
}
#ui-datepicker-div a {
	text-decoration: none;
}
#ui-datepicker-div .booked a {
	color: #d3c6b3;
}
#ui-datepicker-div .active a {
	color: #fff;
}
#ui-datepicker-div table td, #ui-datepicker-div table th {
	padding: 3px 10px;
	font-size: 12px;
}
#ui-datepicker-div table thead th {
	border: none;
}
.ui-datepicker-header {

}
.ui-datepicker-prev {
	position: absolute;
}
.ui-datepicker-next {
	position: absolute;
	right: 10px;
}
.ui-datepicker-title {
	text-align: center;
	font-size: 13px;
}
#ui-datepicker-div table thead {
	background-color: #ccc;
	color: #666;
}
#ui-datepicker-div table td.ui-datepicker-today {
	padding: 1px 8px;
	border: 2px solid #e86a1f;
}
#ui-datepicker-div table td, .available {
	color: #1a7a88;
}
#ui-datepicker-div .active, .available-dates {
	background-color: #5F9F00;
	color: #fff;
}
#ui-datepicker-div .booked, .book {
	background-color: #ffefd8;
	color: #d3c6b3;
}
.book-dates {
	background-color: #f15c22;
	color: #fff;
}
.legend {
	padding: 10px 0 0 15px;
}
.box-legend {
	border: 1px solid #eee;
	padding: 3px 5px;
}
.hidden { /* Remove on Launch */
	visibility: hidden;
}

/* Gallery */
#gallery-viewer {
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 25px 0 15px 0;
	text-align: center;
}
#control {
	float: left;
	margin: 5px 10px 0 14px;
}
#control a {
	float: left;
	display: block;
	margin-top: 3px;
	padding: 3px 7px;
	text-decoration: none;
	background-color: #fff;
	border-top: 2px solid #f6f7f8;
	border-left: 2px solid #f6f7f8;
	border-bottom: 2px solid #eee;
	border-right: 2px solid #eee;
}
#control a.active {
	background-color: #46b9cc;
	border-color: #46b9cc;
	color: #fff;
}
#control a:hover {
	background-color: #46B9CC;
	color: #fff;
}
#control a.active:hover {
	border-color: #46B9CC;
}
#control a.control-standard {
	margin-left: 5px;
	color: #1a7a88;
	text-decoration: underline;
}
#control a#thumb-video {
	padding-left: 25px;
	background-image: url(/img/video.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
}
#control a.control-standard:hover {
	background-color: #46B9CC;
	color: #fff;
	text-decoration: none;
}
#navigation a {
	position: absolute;
	background-image: url(/img/sprite-mbvr.png);
	background-repeat: no-repeat;
	top: 180px;
	width: 36px;
	height: 69px;
	overflow: hidden;
	text-indent: -999px;
}
#navigation a.prev {
	left: 25px;
	background-position: 0 -69px;
}
#navigation a.next {
	right: 25px;
	background-position: 0 0;
}
#navigation a.prev:hover {
	left: 25px;
	background-position: 0 -207px;
}
#navigation a.next:hover {
	right: 25px;
	background-position: 0 -138px;
}

/* Area Navigation */
.nav-area {
	float: left;
	list-style: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.nav-area li {
	float: left;
	display: inline;
	margin-left: 0;
	margin-right: 15px;
}
.nav-area li.active {
	font-weight: bold;
}

/* Price */
.price-detail {
	padding: 5px 30px;
}
.price-detail dl, .price-detail dt, .price-detail dd {
	float: right;
	padding-top: 5px;
}
.price-detail dt {
	width: 120px;
	text-align: right;
}
.total {
	width: 100%;
	text-align: center;
}
.total a {
	padding: 5px 0;
	display: block;
	/*background-color: #E4FBFF;
	color: #00a393;*/
}
.total a:hover {
	background-color: #46B9CC;
	color: #fff;
}
.quote-price .quote {
	font-size: 18px;
	line-height: 1.8em;
	font-style: oblique;
}

.fb-custom {
	border: 1px solid #e5e5e5;
	background-color: #f6f7f8;
	padding: 7px 0 4px 0;
	float: left;
	width: 296px;
}
.fb-facepile {
	clear: both;
	padding: 10px 20px;
	border-top: none;
}

/* Features - Amenities */
.features ul {
	float: left;
	list-style: disc;
	font-size: 14px;
}
.features ul li {
	float: left;
	width: 124px;
}
.features .grid2 {
	font-size: 14px;
}
.features .grid2, .features .grid6, .reviews .grid2, .reviews .grid6 {
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}
.features .no-line, .features .no-line {
	padding-top: 5px;
	border: none;
}

/* Book */

table#cart {
	width: 100%;
	margin-bottom: 0;
}
table#cart th, table#cart td {
	padding: 10px 0;
}
table#cart th {
	color: #000;
}


/* FOOTER
-------------------------------------------------------------------------------------------------------------------- */

#foot {
	float: left;
	clear: both;
	margin-top: 50px;
	padding: 15px 0;
	border-top: 3px solid #D0EDFC;
	color: #6683B4;
}
#foot a {
	padding: 10px;
	text-decoration: none;
}
#foot a:hover {
}
#book #foot {
	margin-top: 200px;
}




.p-img {
	margin-right: 15px;
}
.p-details {
	margin-top: 1px;
}
.p-details em {
	font-style: normal;
}
.listing-container div.p-favorite {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
}
.p-rating img {
	vertical-align: -3px;
}
.p-price .bigger{
	line-height: 20px;
}

#aside p, #aside h4 {
	margin-left: 5px;
}


/* MESSAGES
-------------------------------------------------------------------------------------------------------------------- */
.message{
    
}
.error{
    border-bottom: 3px solid #660000;
    border-top: 3px solid #660000;
    color: #660000;
}
.confirm{
    border-bottom: 3px solid green;
    border-top: 3px solid green;
    color: green;
}
.warning{
    border-bottom: 3px solid #F56600;
    border-top: 3px solid #F56600;
    color: #F56600;
}





/* MEDIA QUERIES
-------------------------------------------------------------------------------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.foot-home {
	position: relative;
}
}