/*
HTML5 Reset :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer :: http://ericmeyer.com
HTML5 Doctor :: http://html5doctor.com
and the HTML5 Boilerplate :: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block; }
.lodging_lead_form .leadForm {position:relative;}
p { margin: 0 0 5px 0; }
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: 700; vertical-align: bottom;}
td {font-weight: 400; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
/* Accessible focus treatment
people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: 700;}
td, td img {vertical-align: top;}
/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear, .clr, .clearall, .clrall {clear:both;display:block;}
.clearall, .clrall {width:0;height:0;margin:0;padding:0;}
/* Reusable Classes */
.FL {float:left;}
.FR {float:right;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------/*
Main Styles
Color Key:
Orange: e06f1d
Blue: 698a9a
Lighter Blue: 56a7d6
Green: 60642a;
Fonts
Lobster
font-family: "lobster-1","lobster-2";
Museo Sans
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
Anton
font-family: 'Anton', Helvetica, arial, serif;
-------------------------------------------------------------------------------*/
*, body
{
line-height: 18px;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
font-size: 12px;
}
body
{
background: url(../images/backgrounds/bg.jpg) repeat-x #d0d0d0;
}
/* we like off-black for text */
body, select, input, textarea {color: #464646;}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: 700;}
a,a:visited
{
color: #698a9a;
}
a:hover, a:visisted:hover
{
color: #88a6b5;
}
a.internal
{
color: #464646;
text-decoration: none;
}
a.internal:hover
{
text-decoration: none;
}
#ui-datepicker-div
{
display: none;
z-index: 100 !important;
}
/**
Headings
**/
h1
{
color: #698a9a;
font-size: 21px;
font-weight: 400;
margin: 5px 0 5px;
}
h3
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 13px;
}
/**
Buttons
**/
.button, .button:visited
{
-moz-border-radius: 10px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background: none;
border: 0;
border-bottom: 1px solid rgba(0,0,0,0.25);
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
padding: 5px 10px 6px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.button:hover
{
background-color: #111;
color: #fff;
}
.xsmall.button, .xsmall.button:visited
{
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
padding: 3px 13px;
}
.small.button, .small.button:visited
{
font-size: 11px;
font-weight: 700;
padding: 3px 29px;
}
.button, .button:visited,
.medium.button, .medium.button:visited
{
font-size: 14px;
font-weight: 700;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.button, .large.button:visited
{
font-size: 18px;
font-weight: 700;
padding: 5px 14px 5px;
}
.xlarge.button, .xlarge.button:visited
{
font-size: 24px;
font-weight: 700;
padding: 5px 14px 5px;
}
.action.button, .action.button:visited
{
background-color: #e06f1d;
text-transform: uppercase;
}
.action.button:hover
{
background-color: #fc9200;
}
.secondary.button, .secondary.button:visited
{
background-color: #698a9a;
}
.secondary.button:hover
{
background-color: #92bfd5;
}
tr.alt, td.alt
{
background: #e5e5e5;
}
/**** Site wide modal styles ****/
div.modalOverride
{
width: 798px
}
div.closeModal
{
position: absolute;
right: 20px;
top: 5px;
z-index: 1000;
}
div.closeModal a
{
color: #e06f1d;
text-decoration: none;
}
div.closeModal a span
{
position: relative;
top: -7px;
}
body .ui-widget-overlay {
background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
/* This prevents the modal dialogs from showing up BEHIND other content */
ui-dialog { z-index:10001 !important; }
/**
Layout
**/
section.wrapper
{
margin: 0 auto;
width: 960px;
}
section.wrapper section.contact_box
{
height: 70px;
margin: 19px 20px 0 0;
}
section.wrapper section.contact_box article
{
float: right;
margin-right: 9px;
text-align: center;
}
section.wrapper section.contact_box article span.msg
{
color: #698a9a;
display: block;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.2px;
}
section.wrapper section.contact_box article span.msg_top
{
color: #464646;
font-weight: 500;
font-size: 10px;
}
section.wrapper section.contact_box article span.number
{
color: #e06f1d;
font-family: 'Anton', Helvetica, arial, serif;
font-size: 30px;
line-height: 26px;
}
section.wrapper section.contact_box article img
{
margin: 13px 0 0 0;
}
section.wrapper header
{
background: url(../images/backgrounds/bg_header.png) repeat-x transparent;
clear: all;
float: left;
height: 123px;
margin-top: -6px;
width: inherit;
}
section.wrapper header img.logo
{
float: left;
margin: 20px 0 0 58px;
}
section.wrapper header article.main_nav
{
height: 26px;
float: left;
margin: 97px 0 0 40px;
display:inline;
}
section.wrapper header article.main_nav ul
{
list-style: none;
}
section.wrapper header article.main_nav ul li
{
float: left;
}
section.wrapper header article.main_nav ul li a
{
color: #e06f1d;
display: block;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 13px;
height: 19px;
padding: 7px 15px 0;
text-decoration: none;
text-transform: uppercase;
}
section.wrapper header article.main_nav ul li a:hover
{
background: url(../images/backgrounds/bg_nav_hover.png) repeat-x;
}
section.wrapper header article.main_nav ul li.divider
{
background: url(../images/nav_divider.png) no-repeat;
height: 26px;
width: 1px;
}
section.wrapper header section.right_box
{
float: right;
margin: 11px 13px 0 0;
width: 136px;
}
section.wrapper header section.right_box article.social
{
float: left;
margin: 0 0 4px 75px;
width: 55px;
}
section.wrapper header section.right_box article.travel_agent
{
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 11px;
line-height: 11px;
text-decoration: none;
float: left;
margin: 0 0 1px 0;
height: 15px;
font-size: 11px;
width: 136px;
text-align: center;
}
section.wrapper header section.right_box article.your_cart
{
background: url(../images/backgrounds/bg_your_cart.png) no-repeat;
float: left;
height: 15px;
padding: 17px 0 0 26px;
width: 136px;
}
section.wrapper header section.right_box article.your_cart a
{
color: #fff;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 11px;
line-height: 11px;
text-decoration: none;
}
section.wrapper header section.right_box article.vr_solutions
{
float: left;
margin: 12px 0 0 11px;
}
section.wrapper section.inner_gray_bar
{
background: url(../images/gray_bar.png) repeat-x transparent;
clear: both;
height: 13px;
width: inherit;
}
section.wrapper section.inner_white_bar
{
background: url(../images/white_bar.png) repeat-x transparent;
clear: all;
float: left;
height: 13px;
width: inherit;
}
section.wrapper section.multi_column_wrapper
{
background: url(../images/backgrounds/bg_multi_column.png) repeat-y 0 0;
float: left;
padding-bottom: 20px;
width: 960px;
}
section.wrapper section.single_column_wrapper
{
background: url(../images/backgrounds/bg_single_column.png) repeat-y 0 0;
float: left;
padding-bottom: 30px;
width: 960px;
}
section.wrapper section.single_column_wrapper section.generic_wrapper_blank
{
margin: 0 20px;
}
section.wrapper section.multi_column_bottom
{
background: url(../images/backgrounds/bg_multi_column_bottom.png) repeat-y 0 0;
height: 16px;
float: left;
margin-bottom: 16px;
width: 960px;
}
section.wrapper section.single_column_bottom
{
background: url(../images/backgrounds/bg_single_column_bottom.png) repeat-y 0 0;
height: 16px;
float: left;
margin-bottom: 16px;
width: 960px;
}
section.wrapper aside.column_one
{
float: left;
width: 180px;
}
section.wrapper aside.column_one section.current_search
{
width: inherit;
}
section.wrapper aside.column_one section.current_search h2
{
background: url(../images/backgrounds/bg_current_search_top.png) no-repeat;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 14px;
font-weight: 400;
height: 24px;
padding: 10px 0 0 22px;
width: inherit;
}
section.wrapper aside.column_one section.current_search section.body
{
background: url(../images/backgrounds/bg_current_search.png) repeat-y;
float: left;
}
section.wrapper aside.column_one section.current_search section.body fieldset span
{
color: #818285;
font-weight: 700;
}
section.wrapper aside.column_one section.current_search section.body a.button
{
font-weight: 800;
}
section.wrapper aside.column_one section.current_search fieldset
{
margin: 5px 20px 0 25px;
display:inline;
}
section.wrapper aside.column_one section.current_search fieldset label
{
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
}
section.wrapper aside.column_one section.current_search fieldset input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
section.wrapper aside.column_one section.current_search fieldset input.property_id
{
background: url(../images/backgrounds/bg_current_search_property_name.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0;
width: 85px;
}
section.wrapper aside.column_one section.current_search fieldset.msg
{
background: url(../images/backgrounds/bg_current_search_arrows.png) no-repeat 50px 2px transparent;
color: #56a7d6;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 10px;
height: 18px;
line-height: 10px;
padding: 8px 0 0 15px;
}
section.wrapper aside.column_one section.current_search div.dotted_line
{
float: left;
height: 1px;
border-top: 1px dotted #818285;
margin: 8px 5px 3px 14px;
width: 162px;
}
section.wrapper aside.column_one section.current_search button, section.wrapper aside.column_one section.current_search a.button
{
margin: 10px 0 10px 20px;
}
section.wrapper aside.column_one section.current_search div.search_other
{
padding: 10px 0 15px 30px;
}
section.wrapper aside.column_one section.current_search div.search_other a
{
color: #698a9a;
}
section.wrapper aside.column_one section.back_to_search_results
{
background: url(../images/backgrounds/bg_back_to_search_results.png) no-repeat;
height: 31px;
padding: 46px 0 0 19px;
}
section.wrapper aside.column_one section.empty_top
{
background: url(../images/backgrounds/bg_left_empty_cap.png) no-repeat;
height: 54px;
width: 184px;
}
section.wrapper aside.column_one section.my_favorites
{
width: inherit;
}
section.wrapper aside.column_one section.my_favorites h2
{
background: url(../images/header_my_favorites.png) no-repeat;
color: #fff;
float: left;
font-family: "lobster-1","lobster-2";
font-size: 20px;
font-weight: 400;
height: 43px;
line-height: 25px;
padding: 14px 0 0 43px;
width: 180px;
}
section.wrapper aside.column_one section.my_favorites section.top
{
background: url(../images/backgrounds/bg_my_favorites_top.png) no-repeat;
height: 8px;
float: left;
width: 180px;
}
section.wrapper aside.column_one section.my_favorites section.body
{
background: url(../images/backgrounds/bg_my_favorites.png) repeat-y;
float: left;
padding-left: 21px;
width: 159px;
}
section.wrapper aside.column_one section.my_favorites section.body article
{
border-bottom: 1px solid #d6d6d6;
margin-bottom: 11px;
padding-bottom: 5px;
width: 144px;
}
section.wrapper aside.column_one section.my_favorites section.body article h3 a
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 13px;
}
section.wrapper aside.column_one section.my_favorites section.body article div.bed_bath
{
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 12px;
margin: 7px 0 0;
}
section.wrapper aside.column_one section.my_favorites section.body article div.price
{
color: #e06f1d;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 16px;
margin: 7px 0 0;
}
section.wrapper aside.column_one section.my_favorites section.body article div.price span.per_night
{
color: #818285;
font-size: 11px;
}
section.wrapper aside.column_one section.my_favorites section.body article div.remove a
{
background: url(../images/icon_remove.png) no-repeat left center;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 10px;
margin: 7px 0 0 98px;
padding: 0 0 0 13px;
text-decoration: none;
}
section.wrapper aside.column_one section.my_favorites section.body article div.remove a:hover
{
text-decoration: underline;
}
section.wrapper aside.column_one section.my_favorites section.body a.shortListButton
{
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 auto;
width: 75px;
}
section.wrapper aside.column_one section.my_favorites section.body a.shortListButton:hover
{
text-decoration: underline;
}
section.wrapper aside.column_one section.my_favorites section.bottom
{
background: url(../images/backgrounds/bg_my_favorites_bottom.png) no-repeat;
height: 26px;
float: left;
width: 180px;
}
section.wrapper aside.column_one section.search_filters
{
background: url(../images/backgrounds/bg_search_filters.png) repeat-y;
float: left;
padding: 40px 0 4px 0;
width: 180px;
}
section.wrapper aside.column_one section.search_filters h3
{
background: url(../images/backgrounds/bg_left_header.png) no-repeat;
border-top: 1px solid #818285;
color: #818285;
float: left;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 14px;
font-weight: 400;
height: 26px;
margin-left: 12px;
padding: 11px 0 0 12px;
text-transform: uppercase;
width: 153px;
}
section.wrapper aside.column_one section.search_filters_bottom
{
background: url(../images/backgrounds/bg_current_search_bottom.png) no-repeat;
float: left;
height: 7px;
margin-left: 11px;
width: 169px;
}
section.wrapper aside.column_one section.search_filters a.remove
{
background: url(../images/icon_remove.png) no-repeat left center;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 10px;
padding: 0 5px 0 13px;
text-decoration: none;
}
section.wrapper aside.column_one section.search_filters div.current_refinements
{
border-top:0;
border-right: 0;
float: left;
margin: -4px 0 10px 15px;
overflow: auto;
padding: 5px 0 0 6px;
width: 154px;
}
section.wrapper aside.column_one section.search_filters li
{
clear: both;
}
section.wrapper aside.column_one section.search_filters div.filter_list, section.wrapper aside.column_one section.search_filters div.boolean_filter_list
{
border: 1px solid #b9b9b9;
border-top:0;
border-right: 0;
float: left;
height: 110px;
margin: -4px 0 10px 15px;
overflow: auto;
padding: 5px 0 0 6px;
width: 154px;
}
section.wrapper aside.column_one section.search_filters div.boolean_filter_list
{
height: 50px;
}
section.wrapper aside.column_one section.search_filters div.filter_list input[type="checkbox"], section.wrapper aside.column_one section.search_filters div.boolean_filter_list input[type="checkbox"]
{
float: left;
margin-right: 10px;
}
section.wrapper aside.column_one section.search_filters div.filter_list a, section.wrapper aside.column_one section.search_filters div.boolean_filter_list a
{
color: #818285;
font-size: 11px;
}
section.wrapper aside.column_one section.search_filters div.action_buttons
{
float: left;
margin-left: 30px;
}
section.wrapper aside.column_one section.contact_info
{
background: url(../images/backgrounds/bg_let_us_help.png) repeat-y;
float: left;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
padding: 13px 0 0;
text-align: center;
width: 180px;
}
section.wrapper aside.column_one section.contact_info h4
{
color: #698a9a;
font-size: 20px;
text-transform: uppercase;
}
section.wrapper aside.column_one section.contact_info div.number
{
color: #e06f1d;
font-family: 'Anton', arial, serif;
font-size: 22px;
line-height: 40px;
}
section.wrapper aside.column_one section.contact_info a
{
color: #698a9a;
font-size: 16px;
}
section.wrapper aside.column_one section.contact_info a:hover
{
text-decoration: none;
}
section.wrapper aside.column_one section.contact_info p
{
margin-bottom: 20px;
}
section.wrapper aside.column_one section.contact_info_bottom
{
background: url(../images/backgrounds/bg_let_us_help_bottom.png) no-repeat;
float: left;
height: 7px;
width: 180px;
}
section.wrapper aside.column_one section.side_bar_navigation
{
background: url(../images/backgrounds/bg_sidebar.png) repeat-y;
margin: 0 0 0 10px;
width: 168px;
}
section.wrapper aside.column_one section.side_bar_navigation article.bottom
{
background: url(../images/backgrounds/bg_sidebar_bottom.png) no-repeat bottom left;
height: 5px;
padding: 26px 0 0 0;
width: 168px;
}
section.wrapper aside.column_one section.side_bar_navigation article.top
{
background: url(../images/backgrounds/bg_sidebar_top.png) no-repeat;
height: 37px;
width: 168px;
}
section.wrapper aside.column_one section.side_bar_navigation ul
{
}
section.wrapper aside.column_one section.side_bar_navigation ul li
{
border-bottom: 1px solid #585858;
}
section.wrapper aside.column_one section.side_bar_navigation ul li.title
{
padding: 7px 0 8px 0;
}
section.wrapper aside.column_one section.side_bar_navigation ul li a
{
color: #fff;
font-size: 14px;
padding: 0 0 0 12px;
text-decoration: none;
}
section.wrapper aside.column_one section.side_bar_navigation ul li a:hover
{
text-decoration: underline;
}
section.wrapper aside.column_one section.side_bar_navigation ul li.parent
{
}
section.wrapper aside.column_one section.side_bar_navigation ul li.parent a.heading
{
background: url(../images/backgrounds/bg_sidebar_header.png) no-repeat;
display: block;
margin: 0 0 0 3px;
padding: 1px 0 0 12px;
height: 23px;
}
section.wrapper aside.column_one section.side_bar_navigation ul li ul
{
background: #585858;
border-bottom: 1px solid #878787;
display: none;
margin: 0 0 0 5px;
padding: 0 0 0 2px;
width: 156px;
}
section.wrapper aside.column_one section.side_bar_navigation ul li ul.active
{
display:block;
}
section.wrapper aside.column_one section.side_bar_navigation ul li ul li
{
border-bottom: 1px solid #878787;
height: 22px;
padding: 4px 0 0;
}
section.wrapper aside.column_one section.side_bar_navigation ul li ul li a
{
color: #fff;
font-size: 12px;
padding: 5px 0 0 21px;
text-decoration: none;
}
section.wrapper aside.column_one section.side_bar_navigation ul li ul li a:hover
{
text-decoration: underline;
}
section.wrapper section.column_two {
float: left;
padding-left: 5px;
width: 765px;
}
section.wrapper section.column_two section.column_two_top
{
background: url(../images/property_header.jpg) no-repeat;
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 21px;
height: 27px;
padding: 4px 0 0 19px;
}
section.wrapper section.column_two section.our_recommendations
{
}
section.wrapper section.column_two section.our_recommendations section.our_recommendations_top
{
background: url(../images/backgrounds/bg_our_recommendations.png) repeat-y;
color: #fff;
float: left;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 16px;
height: 21px;
padding: 5px 0 0 28px;
width: 634px;
}
section.wrapper section.column_two section.our_recommendations div.carouselPages
{
float: left;
width: 100px;
}
section.wrapper section.column_two section.our_recommendations div.jcarousel-container
{
float: left;
}
section.wrapper section.column_two section.our_recommendations section.our_recommendations_bottom
{
background: url(../images/property_bottom.jpg) repeat-y;
float: left;
height: 16px;
width: 762px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-container
{
height: 280px;
overflow: hidden;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-container-horizontal
{
background: url(../images/backgrounds/bg_carousel.png) no-repeat;
padding: 0 0 0 10px;
margin: 0;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-clip-horizontal
{
position: relative;
width: 753px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item
{
background: url(../images/backgrounds/bg_carousel_item.png) no-repeat;
width: 250px;
height: 280px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.details
{
color: #fff;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
height: 186px;
padding: 15px 20px 0 30px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.details div.city_state
{
clear: both;
font-size: 15px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.details div.property_name
{
font-size: 17px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.details div.bed_bath
{
color: #fff;
font-size: 13px;
text-decoration: none;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.price
{
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 11px;
height: 86px;
padding: 4px 20px 0 12px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.price strong
{
color: #e06f1d;
font-size: 24px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item article.price a.action
{
margin: 10px 0 0 57px;
}
section.wrapper section.column_two section.our_recommendations .jcarousel-item-horizontal
{
margin-right: 10px;
}
section.wrapper section.column_two section.our_recommendations div.carouselPages
{
background: #fff;
float: right;
height: 18px;
margin-right: 4px;
padding: 6px 0 0;
position: relative;
width: 97px;
}
div.searchResultsAndPaging div.carouselPages span.jFlowControl
{
height: 16px;
padding: 2px 4px 3px;
}
div.searchResultsAndPaging div.carouselPages span.jFlowControl a
{
text-decoration: none;
}
div.searchResultsAndPaging div.carouselPages span.jFlowNext
{
padding-right: 0;
}
div.searchResultsAndPaging div.carouselPages span.jFlowNext span.arrow:hover
{
background-position: -8px center;
}
div.searchResultsAndPaging div.carouselPages span.jFlowPrev span.arrow
{
padding-left: 0;
padding-right: 0;
}
div.carouselPages span.jFlowControl
{
background-color: #fff;
color: #b9b9b9;
height: 10px;
}
div.carouselPages span.jFlowPrev span.arrow
{
background: url("/images/jflow_arrows.png") no-repeat scroll 0 0 transparent;
float: left;
height: 9px;
margin: 2px 4px 0;
padding: 0;
text-indent: -9999px;
width: 7px;
}
div.carouselPages span.jFlowPrev span.arrow:hover
{
background-position: 0 -9px
}
div.carouselPages span.jFlowPrev, div.carouselPages span.jFlowPrev:hover, div.carouselPages span.jFlowNext, div.carouselPages span.jFlowNext:hover {
background-color: #fff;
}
div.carouselPages span.jFlowNext span.arrow {
background: url("/images/jflow_arrows.png") no-repeat scroll -7px 0 transparent;
height: 9px;
margin: 2px 0 0;
padding: 0;
text-indent: -9999px;
width: 7px;
}
div.carouselPages span.jFlowNext span.arrow:hover
{
background-position: -7px -9px
}
div.carouselPages span.jFlowControl:hover, div.carouselPages span.current { background: url(../images/backgrounds/bg_jflow_selected.png) no-repeat transparent; }
section.wrapper section.column_two section.search_results_top
{
background: url(../images/backgrounds/bg_search_results_top.png) no-repeat;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
float: left;
height: 72px;
padding: 4px 0 0 19px;
position: relative;
width: 743px;
}
section.wrapper section.column_two section.search_results_top div.search_sort
{
left: 22px;
position: absolute;
top: 47px;
}
section.wrapper section.column_two section.search_results_top div.search_views
{
font-size: 13px;
left: 295px;
position: absolute;
top: 48px;
}
section.wrapper section.column_two section.search_results_top div.search_results_num, section.wrapper section.column_two section.search_footer_pages div.search_results_num
{
left: 330px;
font-size: 14px;
position: absolute;
top: 11px;
}
section.wrapper section.column_two section.search_footer_pages
{
height: 30px;
position: relative;
}
section.wrapper section.column_two section.search_footer_pages div.search_results_num
{
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
left: 10px;
top: 0;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages, section.wrapper section.column_two section.search_footer_pages div.search_results_pages
{
color: #818285;
left: 485px;
font-size: 14px;
position: absolute;
top: 51px;
}
section.wrapper section.column_two section.search_footer_pages div.search_results_pages
{
top: 0px;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li, section.wrapper section.column_two section.search_footer_pages ul li
{
float: left;
height: 10px;
margin: 0 5px 0;
padding: 0 0 0 4px;
width: 10px;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li:hover, section.wrapper section.column_two section.search_results_top div.search_results_pages ul li.current, section.wrapper section.column_two section.search_footer_pages ul li:hover, section.wrapper section.column_two section.search_footer_pages ul li.current
{
background: url(../images/backgrounds/bg_jflow_selected.png) no-repeat;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li a, section.wrapper section.column_two section.search_footer_pages ul li a
{
color: #56a7d6;
font-size: 12px;
text-decoration: none;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li.prev, section.wrapper section.column_two section.search_results_top div.search_results_pages ul li.next, section.wrapper section.column_two section.search_footer_pages ul li.next, section.wrapper section.column_two section.search_footer_pages ul li.prev
{
background: none;
height: 19px;
width: 35px;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li a.prev, section.wrapper section.column_two section.search_footer_pages ul li a.prev
{
background: url(../images/arrows_search_pages.png) no-repeat 0 -19px;
display: block;
height: 19px;
overflow: hidden;
text-indent: -9999999px;
width: 35px;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li a.prev:hover, section.wrapper section.column_two section.search_footer_pages ul li a.prev:hover
{
background-position: 0 0;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li a.next, section.wrapper section.column_two section.search_footer_pages ul li a.next
{
background: url(../images/arrows_search_pages.png) no-repeat -35px -19px;
display: block;
height: 19px;
overflow: hidden;
text-indent: -9999999px;
width: 35px;
}
section.wrapper section.column_two section.search_results_top div.search_results_pages ul li a.next:hover, section.wrapper section.column_two section.search_footer_pages ul li a.next:hover
{
background-position: -35px 0;
}
section.wrapper section.column_two div.mapPanel
{
border: 0;
margin: 310px 0 0 6px;
}
section.wrapper section.column_two section.search_results_bottom, section.body_content_bottom
{
background: url(../images/backgrounds/bg_search_results_bottom.png) no-repeat;
float: left;
height: 8px;
width: 762px;
}
section.wrapper section.column_two section.column_two_top
{
background: url(../images/property_header.jpg) no-repeat;
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 21px;
height: 27px;
line-height: 22px;
padding: 4px 0 0 19px;
}
section.wrapper section.column_two div.search_results_wrapper
{
background: url(../images/backgrounds/bg_content_box.png) repeat-y;
float: left;
padding:14px 0 0 2px;
width: 762px;
}
section.wrapper section.column_two div.extras_search_results_wrapper, section.body_content
{
background: url(../images/backgrounds/bg_content_box.png) repeat-y;
float: left;
padding: 14px 0 0 15px !important;
width: 749px;
}
div.needHelp
{
float:right;
}
div.needHelp img
{
position:fixed;
margin-left:-11px;
margin-top:-16px;
cursor:pointer;
}
/* Search Results Property Elements
******************************/
section.wrapper section.column_two div.search_results_wrapper div.property_container
{
background-color: #d8d8d8;
margin: 0 0 0 8px;
padding: 0 0 5px 5px;
width: 740px;
}
section.wrapper section.column_two div.search_results_wrapper div.property_divider
{
background: url(../images/backgrounds/bg_search_results_divider.png) no-repeat;
height: 6px;
margin: 0 0 17px 5px;
width: 745px;
}
section.wrapper section.column_two div.search_results_wrapper div.property_container table
{
background: #fff;
clear: both;
width: 735px;
}
section.wrapper section.column_two div.search_results_wrapper div.property_container table td.propertyImage, section.wrapper section.column_two div.search_results_wrapper div.property_container table td.propertyDetails
{
padding-top: 5px;
}
section.wrapper section.column_two div.search_results_wrapper div.property_container table td.propertyImage div.photo_count
{
background: url(../images/photo_tag.png) no-repeat;
color: #fff;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
height: 25px;
left: 82px;
padding: 10px 5px 0 0;
position: absolute;
text-align: right;
top: 70px;
width: 52px;
}
div.searchResultPropertyHeader
{
height: 22px;
}
div.searchResultPropertyHeader span
{
float: left;
font-weight: 400;
font-size: 14px;
height: 18px;
margin: 2px 5px 2px 0;
overflow: hidden;
padding: 4px 2px 0;
text-align: center;
text-align: center;
width: 177px;
}
/* Default Colors until we get the correct ones for all site */
div.property_container div.searchResultPropertyHeader span { color: white; }
div.property_container div.searchResultPropertyHeader span.proximity { background: #60642a; }
div.property_container div.searchResultPropertyHeader span.luxury { background: #60642a; }
div.property_container div.searchResultPropertyHeader span.incentive { background: #60642a; }
div.property_container div.searchResultPropertyHeader span.title { background: #60642a; font-weight:400; }
div.searchResultPropertyHeader span.last
{
margin-right: 0px;
width: 172px;
}
td.propertyDetails span.city_state
{
color: #818285;
display: block;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 16px;
padding: 0 0 5px 0;
}
table td.propertyDetails a
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 18px;
text-decoration: none;
}
td.propertyDetails span.bed_bath
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 14px;
text-decoration: none;
}
td.propertyDetails span.call_us
{
color: #818285;
display: block;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 16px;
padding: 5px 0 0 0;
}
td.propertyFeatures
{
background: url(../images/backgrounds/bg_search_divider.png) repeat-y;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 12px;
padding: 6px 0 0 10px;
width: 155px;
}
td.propertyFeatures span
{
color: #698a9a;
text-transform: uppercase;
}
td.propertyFeatures ul {
margin: 0;
padding: 10px 0 0 0;
}
td.propertyFeatures li
{
font-size: 12px;
}
td.property_price
{
color: #818285;
padding-left: 10px;
text-align: center;
vertical-align: middle;
}
td.property_price span.price strong
{
color: #e06f1d;
font-size: 24px;
}
td.property_price div.srViewDetailsButton {
margin: 0 auto;
padding-top: 10px;
width: auto;
}
td.shortList
{
text-align: center;
}
td.shortList a
{
color: #464646;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 16px;
font-weight: 400;
}
td.shortList span
{
background: url(../images/icons/icon_star.png) no-repeat 0 3px;
color: #d69d28;
font-family: "lobster-1","lobster-2";
margin: 0 0 0 5px;
padding: 0 0 0 21px;
}
td.mapAndTour
{
text-align: center;
}
td.mapAndTour a.view_on_map
{
background: url(../images/icons/icon_view_on_map.png) no-repeat 0 3px;
color: #698a9a;
font-family: "lobster-1","lobster-2";
font-size: 16px;
font-weight: 400;
padding: 0 0 0 14px;
}
/**** Short List Modal ****/
div.modalOverride h3
{
background: url("images/icons/icon_star.png") no-repeat scroll 0 3px transparent;
color: #D69D28;
font-family: "lobster-1","lobster-2";
font-size: 20px;
margin: 10px 0 0 5px;
padding: 0 0 0 21px;
}
div.property_header
{
background: #d8d8d8;
height: 22px;
margin: 20px 0 0 0;
width: 741px;
}
table.shortlist_property
{
border: 5px solid #d8d8d8;
border-top: 0;
height: 132px;
margin: 0 0 5px;
width: 741px;
}
table.shortlist_property td
{
padding-top: 5px;
}
table.shortlist_property td.propertyDetails
{
width: 219px;
}
table.shortlist_property td.propertyImage
{
padding-left: 10px;
text-align: center;
width: 163px;
}
table.shortlist_property td.propertyFeatures
{
width: 171px;
}
table.shortlist_property td.propertyFeatures table.amenities-dl td {
font-size: 9px;
padding: 0 0 0 5px;
}
table.shortlist_property td.property_price div.propertyPrice strong {
color: #E06F1D;
font-size: 24px;
}
table.shortlist_property td.property_price div.bookNowButton
{
padding: 10px 0;
}
table.shortlist_property td.property_price div.removeProperty a.cancel
{
background: url("images/icon_remove.png") no-repeat scroll left center transparent;
color: #818285;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 10px;
font-weight: 500;
margin: 0 auto;
padding: 0 0 0 13px;
text-decoration: none;
}
table.shortlist_property td.dates_section
{
border: 1px dotted #e5e1cf;
padding: 5px 0 5px 10px;
}
table.shortlist_property fieldset
{
float: left;
width: 110px;
}
table.shortlist_property fieldset label, table.shortlist_property fieldset span
{
color: #698a9a;
display: block;
font-size: 12px;
}
table.shortlist_property fieldset input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
div.modalFooter
{
margin: 20px 0 0 0;
}
div.modalFooter span.referenceNumber
{
color: #698a9a;
font-size: 14px;
font-weight: 700;
}
div.modalFooter div.contactDetails
{
color: #818285;
float: right;
font-size: 12px;
font-weight: 700;
margin-right: 40px;
}
div.modalFooter div.contactDetails div
{
font-size: 14px;
}
div.modalFooter div.contactDetails span
{
color: #e06f1d;
font-size: 16px;
}
div.modalFooter div.contactDetails a
{
text-decoration: none;
}
div.modalFooter div.contactDetails a span
{
color: #698a9a;
font-size: 12px;
font-weight: 700;
}
/**** Two Column *****/
section.wrapper section.column_two section.body_content
{
background: url(../images/backgrounds/bg_content_box.png) repeat-y;
padding: 0 0 0 2px;
}
section.wrapper section.column_two section.body_content div.copy_wrapper
{
padding: 10px 19px 10px 19px;
}
section.wrapper section.column_two section.body_content h1
{
color: #698a9a;
font-size: 21px;
font-weight: 400;
margin: 0 0 5px;
}
section.wrapper section.column_two section.body_content h2
{
color: #e06f1d;
font-size: 17px;
font-weight: 400;
}
section.wrapper section.column_two section.body_content h3
{
color: #464646;
font-size: 15px;
}
section.wrapper section.column_two section.body_content ul, section.wrapper section.column_two section.body_content ol
{
padding: 10px 0 10px 20px;
}
section.wrapper section.column_two section.body_content ol li {
list-style: decimal outside;
}
section.wrapper section.column_two section.body_content ul li {
list-style: disc outside;
}
section.wrapper section.column_two section.body_content p
{
padding: 5px 0;
}
section.wrapper section.column_two section.body_content section.advanced_search section h3
{
color: #464646;
display: block;
font-size: 14px;
font-weight: 700;
}
section.wrapper section.column_two section.body_content section.advanced_search section.choose_a_location
{
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
float: left;
height: 80px;
margin: 20px 0 0;
padding: 0 0 0 29px;
width: 325px;
}
section.wrapper section.column_two section.body_content section.advanced_search .margin_hack
{
margin-left: -18px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.choose_a_location h3
{
background: url(../images/icons/icon_1.png) no-repeat;
height: 37px;
padding: 0 0 0 27px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.choose_a_location select
{
background: url(../images/backgrounds/bg_favr_select.png) no-repeat;
border: 0;
height: 29px;
margin: -10px 0 0 28px;
padding: 5px;
width: 280px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.select_your_dates
{
border-bottom: 1px dotted #cccccc;
height: 80px;
float: left;
margin: 20px 0 0 0;
padding: 0 0 0 20px;
width: 348px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.select_your_dates label
{
color: #698a9a;
font-size: 12px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.select_your_dates div
{
float: left;
margin: -10px 0 0 28px;
width: 110px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.select_your_dates input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
section.wrapper section.column_two section.body_content section.advanced_search section.select_your_dates h3
{
background: url(../images/icons/icon_2.png) no-repeat;
float: left;
height: 37px;
padding: 0 0 0 27px;
width: 300px;
}
section.wrapper section.column_two section.body_content section.advanced_search .categories
{
clear: both;
padding: 15px 0 0 29px;
overflow: hidden;
}
section.wrapper section.column_two section.body_content section.advanced_search div.categories h3
{
background: url(../images/icons/icon_3.png) no-repeat;
font-size: 14px;
font-weight: 700;
height: 37px;
padding: 0 0 0 27px;
}
section.wrapper section.column_two section.body_content section.advanced_search div.categories h4
{
font-size: 14px;
font-weight: 500;
}
section.wrapper section.column_two section.body_content section.advanced_search .categoryField
{
float: left;
min-height: 170px;
margin: -10px 0 0 28px;
padding: 0 0 10px 0;
}
section.wrapper section.column_two section.body_content section.advanced_search .categoryData
{
border-right: 1px dotted #cccccc;
float: left;
margin: 5px 0 0 0;
padding: 0;
width: 195px;
}
section.wrapper section.column_two section.body_content section.advanced_search .categoryData li
{
list-style: none;
}
section.wrapper section.column_two section.body_content section.advanced_search .searchButtons
{
float: none;
overflow: hidden;
margin: 0 auto;
width: 235px;
}
section.wrapper section.column_two section.body_content section.advanced_search .searchButtons label
{
margin: 2px 0 0 5px;
}
section.wrapper section.column_two section.body_content section.advanced_search .searchButtons a.button, section.wrapper section.column_two section.body_content section.advanced_search .searchButtons button {
float: none !important;
margin-top: 10px;
margin-bottom:5px;
}
section.wrapper section.column_two section.body_content section.advanced_search .propertyId
{
float: none;
overflow: hidden;
padding: 7px 0 7px 496px;
}
section.wrapper section.column_two section.body_content section.advanced_search .top
{
margin-top: 20px;
}
section.wrapper section.column_two section.body_content section.advanced_search .bottom
{
margin: 20px 0 40px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form
{
padding-top: 0px;
height: 480px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form div.leadForm
{
padding: 0 15px;
width: 680px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form header {
background: none;
float: left;
height: 30px;
margin-top: 0;
width: 600px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form p.intro
{
float: left;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form h2
{
margin: 05px 0 10px 0;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.personal_info
{
border-right: 1px dotted #cccccc;
float: left;
width: 230px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.personal_info fieldset
{
float: left;
margin: 0 0 10px 0;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.personal_info fieldset.receive_promos input
{
float: left;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.personal_info fieldset.receive_promos label
{
float: right;
font-size: 11px;
margin: 0 0 0 5px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.trip_detail
{
float: left;
padding-left: 10px;
width: 400px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.trip_detail fieldset label
{
color: #464646;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 12px;
font-weight: 500;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.trip_detail input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
section.wrapper section.column_two section.body_content section.lodging_lead_form section.trip_detail div.submit_button
{
margin: 10px auto;
width: 100px;
}
section.leadForm section.footer {
background-color: transparent;
border-top: 1px solid #CCC5A3;
clear: both;
padding: 10px;
position: relative;
}
section.wrapper section.column_two section.body_content_bottom
{
background: url(../images/backgrounds/bg_content_box_bottom.png) no-repeat;
height: 7px;
}
/**** Destination Experts ****/
section.destinationExpertsList {
background-color: transparent;
}
section.blog_entries_all
{
padding: 0 0 0 29px;
width: 691px;
}
#destinationExpertIndividual
{
padding: 20px;
}
#destinationExpertIndividual .bottom
{
clear: both;
}
#destinationExpertIndividual .profileFrame, #destinationExpertIndividual .blogEntries
{
width: 371px;
}
/**** Property Details Page ****/
section.wrapper section.column_two section.property_details_top
{
background: url(../images/backgrounds/bg_content_box.png) repeat-y;
float: left;
padding: 20px;
position: relative;
width: 761px;
}
section.wrapper section.column_two section.property_details_top .images {
overflow:hidden;
width:406px;
}
section.wrapper section.column_two section.property_details_top .actionColumn
{
width:275px;
padding-left: 10px;
text-align: left;
}
section.wrapper section.column_two section.property_details_top .actionColumn h1
{
color: #698a9a;
font-size: 22px;
line-height: 28px;
margin: 0;
text-align: left;
}
section.wrapper section.column_two section.property_details_top .actionColumn .upperRateAndBookNow
{
text-align: left;
}
section.wrapper section.column_two section.property_details_top .actionColumn .upperRateAndBookNow .secondaryBookNow
{
margin: 10px 10px 0 55px;
}
section.wrapper section.column_two section.property_details_top .propertyInquiry {
clear: both;
float: left;
margin: 10px 10px 0 74px;
}
section.wrapper section.column_two section.property_details_top .selectDates {
background:url(../images/error_arrows_down.png) no-repeat center bottom;
width:136px;
height:102px;
position:absolute;
margin:-70px 0 0 434px;
}
section.wrapper section.column_two section.property_details_top .selectDates strong {
color:red;
}
.imagesFooter {
clear:both;
overflow:hidden;
padding:8px 0 0 9px;
}
.imagesFooter .addthis_toolbox {
float:right;
}
.imagesFooter .bookingOptionsButton {
padding-top:10px;
clear:both;
float:right;
}
.imagesFooter .bookingOptionsButton a {
font-weight:700;
float:right;
}
.imageFrame {
clear:none !important;
cursor:pointer;
margin:0 !important;
}
.imageFrameSml {
display:block;
float:none !important;
cursor:pointer;
margin:6px 4px 0 0 !important;
}
.calendar {
clear:both;
margin-bottom:10px;
}
div.calendar table {
margin:0 auto;
}
div.calendar td.monthCell
{
background: #638394;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
div.calendar td.monthCell h3
{
color: #fff;
font-family:Arial;
font-size:14px;
text-align:center;
padding: 8px 0 4px;
}
div.calendar td.monthCell table
{
border-collapse:collapse;
}
div.calendar td.monthCell table th
{
color: #fff;
font-weight:400;
font-size:12px;
text-align:center;
}
td.calendars div.calendar td.monthCell table td
{
border: 1px solid #999999;
color:#000;
width:34px;
height:45px;
vertical-align:top;
text-align:right;
font-size:10px;
cursor:pointer;
}
td.calendars div.calendar td.monthCell table td.selected, td.calendars div.calendar td.monthCell table td.selected span
{
background: #ff7e21;
}
td.calendars div.calendar td.monthCell table td:hover {
background-color: #ff7e21;
}
div.calendar td.monthCell table td.unavailable {
background: #a3a3a3;
}
td.calendars div.calendar td.monthCell table td span,div.calendar td.monthCell table td.unavailable span {
font-size:14px;
}
div.calendar td.monthCell table td span {
display:block;
margin-bottom:8px;
text-align:left;
}
td.monthCell del {
display:none;
visibility:hidden;
}
td.monthCell ins {
}
td.monthCell {
border:none;
vertical-align:top;
}
td.monthCell table {
border-spacing:0;
height:256px;
}
span.calendarDatesOfStay {
font-family:Georgia;
font-size:20px;
font-weight:400;
position:relative;
top:20px;
left:20px;
}
table.layout td div.secondMonth {
margin-left:5px;
}
table.layout td div.month h3,table.layout td div.secondMonth h3 {
font-size:12px;
display:block;
font-weight:700;
}
div.calendar table.layout td.previous a, div.calendar table.layout td.next a {
background:url(../images/sprite_calendar_arrows.png) no-repeat;
width:8px;
height:15px;
text-indent:-9999px;
display:block;
position:relative;
top:24px;
outline:none;
}
div.calendar table.layout td.previous a {
background-position:0 0;
left: -103p;
}
td.calendars table.layout td.next a {
background-position:-8px 0;
left: 100px;
}
ul.legend {
float:left;
margin:0;
padding:10px 0 0;
}
td.calendars div.calendar ul.legend li
{
color: #666666;
font-size:10px;
float:left;
list-style-type:none;
}
td.calendars div.calendar ul.legend li.selected span
{
background: #FF7E21;
border: 1px solid #999999;
float:left;
width:16px;
height:14px;
margin:0 5px;
}
td.calendars div.calendar ul.legend li.unavailable span
{
background: #D9D9D9;
border: 1px solid #999999;
float:left;
width:16px;
height:14px;
margin:0 5px 0 20px;
}
.availableForCheckIn,.availableForCheckOut {
background:url(../images/sprite_halfdays.png) no-repeat;
}
.availableForCheckIn {
background-position:-39px 0;
background-color:Red;
}
.availableForCheckOut {
background-position:0 0;
background-color:Green;
}
section.wrapper section.column_two section.property_details_top .thumbCenter,.imagesFooter .viewAllPhotos,.calendars .datesField,.calendars .individuals,.calendars .datesField input,.calendars .individuals select,.calendars .datesField img {
float:left;
}
div.calendar td.monthCell table td br,div.calendar td.monthCell table td.unavailable br,table.layout td h3 {
display:none;
}
table.layout td.previous,table.layout td.next {
width:0;
height:0;
margin:0;
padding:0;
}
section.wrapper section.column_two section.property_details_bottom
{
background: url(../images/backgrounds/bg_property_bottom.png) no-repeat;
float: left;
height: 13px;
margin-bottom: 9px;
width: 762px;
}
section.wrapper section.column_two section.property_details_mid_top
{
background: url(../images/backgrounds/bg_property_top.png) no-repeat;
float: left;
height: 8px;
width: 762px;
}
section.wrapper section.column_two section.property_detailed_information
{
background: url(../images/backgrounds/bg_content_box.png) repeat-y;
float: left;
position: relative;
width: 761px;
}
section.wrapper section.column_two section.property_detailed_information td.details
{
border: 0;
padding: 0;
}
section.wrapper section.column_two section.property_detailed_information .details .informationPanel {
padding: 20px 10px 0 20px;
width: 461px;
}
section.wrapper section.column_two section.property_detailed_information .details .informationPanel p
{
font-size: 13px;
padding: 0 30px 0 10px;
}
section.wrapper section.column_two section.property_detailed_information .details .informationPanel p.start
{
margin-top: 31px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.amenities
{
padding: 0 0 0 10px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.amenities h2
{
color: #698a9a;
font-size: 20px;
font-weight: 500;
}
section.wrapper section.column_two section.property_detailed_information td.details div.amenities ul
{
list-style: disc outside none;
}
section.wrapper section.column_two section.property_detailed_information td.details div.amenities p
{
font-weight: 700;
margin-top: 10px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.amenities p span
{
color: #e06f1d;
font-weight: 700;
}
.visualInformation h2
{
color: #698a9a;
font-size: 20px;
font-weight: 500;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_top
{
background: url(../images/backgrounds/bg_pd_top.png) no-repeat;
height: 6px;
width: 455px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information
{
background: url(../images/backgrounds/bg_pd.png) repeat-y;
padding: 0 0 0;
width: 455px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information h1
{
border-bottom: 1px solid #547382;
color: #fff;
display: block;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 25px;
margin: 0;
padding: 0 5px 5px 14px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information ul.typeAndId
{
border-top: 1px solid #88a6b5;
margin: 0;
padding: 5px 0 5px 14px;
width: 440px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information ul.typeAndId li
{
color: #fff;
font-size: 14px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information ul.typeAndId li.property_id
{
font-size: 11px;
text-align: right;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_middle
{
background: url(../images/backgrounds/bg_pd_white.png) repeat-y;
width: 455px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_middle div.occupancy
{
height: 21px;
margin: 0;
padding-top: 8px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_middle div.occupancy div
{
color: #464646;
float: left;
font-size: 20px;
text-align: center;
width: 149px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_shadow
{
background: url(../images/backgrounds/bg_pd_shadow.png) no-repeat;
height: 6px;
width: 455px;
}
section.wrapper section.column_two section.property_detailed_information section.property_information_bottom
{
background: url(../images/backgrounds/bg_pd_bottom.png) no-repeat;
height: 6px;
width: 455px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials
{
margin: 0 0 0 20px;
width: 462px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials div.special_information
{
margin: -7px 0 0 0;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials div.special_information span.offer_tag
{
background: url(../images/backgrounds/bg_special_offer_tag.png) no-repeat;
display: inline-block;
font-size: 14px;
height: 23px;
margin-left: 3px;
padding: 3px 0 0 9px;
text-transform: uppercase;
width: 120px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials div.special_information section.top
{
background: url(../images/backgrounds/bg_pd_specials_green.png) no-repeat;
font-weight: 700;
height: 24px;
padding: 2px 0 0;
width: 461px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials div.special_information section.top a
{
color: #fff;
font-size: 18px;
}
section.wrapper section.column_two section.property_detailed_information td.details div.specials div.special_information section.bottom
{
background: url(../images/backgrounds/bg_pd_specials_gray.png) no-repeat;
color: #fff;
height: 24px;
padding: 6px 0 0 10px;
width: 451px;
}
section.wrapper section.column_two .propertyPrice
{
color: #818285;
font-size: 16px;
}
section.wrapper section.column_two .propertyPrice strong
{
color: #E06F1D !important;
font-size: 34px;
font-weight: normal;
}
section.wrapper section.column_two .propertyPrice span.perNight
{
display: inline;
font-size: 12px;
}
section.wrapper section.column_two section.property_detailed_information .calendars {
background: url(../images/backgrounds/bg_property_divider.png) no-repeat top left #F9F9F9;
padding: 20px 0 20px 5px;
width: 263px;
}
section.wrapper section.column_two section.property_detailed_information .calendars h2
{
color: #698a9a;
font-size: 20px;
font-weight: 500;
margin-left: 10px;
}
section.wrapper section.column_two section.property_detailed_information .calendars .manualDates {
overflow:hidden;
}
section.wrapper section.column_two section.property_detailed_information .calendars .manualDates p {
overflow:hidden;
margin:5px 0;
}
section.wrapper section.column_two section.property_detailed_information .calendars .manualDates fieldset
{
float: left;
margin: 0 0 9px 12px;
width: 117px;
}
section.wrapper section.column_two section.property_detailed_information .calendars .manualDates fieldset label
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 14px;
font-weight: 500;
}
section.wrapper section.column_two section.property_detailed_information .calendars .manualDates input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
section.wrapper section.column_two section.property_detailed_information .calendars .datesField label, .calendars .individuals label
{
color: #698a9a;
display:block;
font-size:11px;
font-weight:700;
margin-bottom:2px;
}
section.wrapper section.column_two section.property_detailed_information .calendars .individuals {
padding-right:25px;
}
section.wrapper section.column_two section.property_detailed_information .calendars .upperRateAndBookNow {
clear:both;
margin:20px 0 0;
}
section.wrapper section.column_two section.property_detailed_information .calendars p.clear_dates
{
float: left;
margin: 10px 0 20px 70px;
}
section.wrapper section.column_two section.property_detailed_information .calendars div.rates_and_book_now
{
border-top: 1px dotted #cccccc;
float: left;
padding: 20px 20px 0 0;
text-align: right;
width: 243px;
}
section.wrapper section.column_two section.property_detailed_information .calendars div.secondary_book_now
{
padding: 0 30px 0 0;
}
section.wrapper section.column_two section.property_detailed_information div.simpleLeadForm div.leadForm
{
width: 250px;
}
/* Vacation Services
************************/
.VacationServices
{
}
.VacationServices input, .VacationServices select
{
margin: 0 6px 0 0;
}
/**** Product Offer Hack ****/
div.propertyContent .property-info {
padding-right: 50px;
width: 226px !important;
}
/**** Footer ****/
section.home_text_top
{
background: url(../images/backgrounds/bg_home_seo_top.png) no-repeat left bottom;
color: #464646;
font-weight: 700;
height: 24px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 0 40px;
width: 845px;
}
section.home_text
{
background: url(../images/backgrounds/bg_home_seo.png) repeat-y;
color: #464646;
height: 100px;
margin: 0 auto;
padding: 4px 46px 10px;
overflow: hidden;
width: 792px;
}
section.home_text_bottom
{
background: url(../images/backgrounds/bg_home_seo_bottom.png) no-repeat;
height: 21px;
margin: 0 auto 20px;
overflow: hidden;
text-align: center;
width: 885px;
}
section.home_text_bottom div.expander
{
background: url(../images/arrows_home_seo.png) no-repeat;
cursor: pointer;
height: 15px;
margin: 6px auto 0;
width: 34px;
}
section.green_bar
{
background: url(../images/backgrounds/bg_footer_green.png) repeat-x top center;
height: 68px;
float: left;
width: 100%;
}
section.green_bar div.green_bar_inner
{
background: url(../images/backgrounds/bg_footer_newsletter.gif) no-repeat left 0;
width: 960px;
height: 68px;
margin: 0 auto;
overflow: hidden;
}
section.green_bar div.green_bar_inner table
{
float: right;
margin: 5px 0 0;
}
section.green_bar div.green_bar_inner table th
{
color: White;
}
section.green_bar div.green_bar_inner table td
{
padding: 0 5px 0 0;
}
section.green_bar div.green_bar_inner table td input[type="text"]
{
width: 108px;
}
section.green_bar div.green_bar_inner table td input.small
{
padding: 3px 10px !important;
margin: 0 0 0 5px;
}
.ie7 section.green_bar div.green_bar_inner table td input.small
{
padding: 3px 2px !important;
margin: 0 0 0 5px;
}
section.green_bar div.green_bar_inner p
{
float: right;
}
footer
{
background: url(../images/backgrounds/bg_footer_mountains.jpg) no-repeat top center #818285;
height: 378px;
float: left;
padding: 0 0;
width: 100%;
}
footer section.body
{
color: #fff;
height: 374px;
margin: 0 auto;
padding: 4px 0 0 50px;
width: 940px;
}
footer section.body h3
{
border-bottom: 1px solid #b7b8bc;
color: #fff;
font-weight: 500;
font-size: 14px;
margin-top: 17px;
}
footer section.body article
{
float: left;
margin: 0 20px;
width: 190px;
}
footer section.body article ul li
{
margin-bottom: 2px;
}
footer section.body article ul.brands li
{
border-bottom: 1px dotted #b7b8bc;
padding: 14px 0 21px;
}
footer section.body article ul li a
{
color: #fff;
font-size: 12px;
text-decoration: none;
}
footer section.body article ul li a:hover
{
text-decoration: underline;
}
/**** Live Chat ****/
div.pageHeader span.livechat
{
border: 1px dotted #fff;
border-width: 0 0 0 1px;
float: right;
height: 50px;
margin: 0;
}
div.pageHeader span.livechat div
{
background: transparent;
position: relative;
right:0;
text-align: center;
width: 180px;
}
div.pageHeader span.livechat div a
{
margin: 0 !important;
}
/**** Generic Wrapper ****/
section.wrapper section.single_column_wrapper section.generic_top
{
background: url(../images/backgrounds/bg_full_top.png) no-repeat;
color: #698a9a;
font-size: 18px;
font-weight: 700;
height: 23px;
margin: 0 0 0 23px;
padding: 8px 0 0 26px;
width: 888px;
}
section.wrapper section.single_column_wrapper section.generic_bottom
{
background: url(../images/backgrounds/bg_full_bottom.png) no-repeat;
height: 8px;
margin: 0 0 0 23px;
width: 914px;
}
section.wrapper section.single_column_wrapper section.generic_wrapper
{
background: url(../images/backgrounds/bg_full.png) repeat-y;
margin: 0 0 0 23px;
padding: 10px 0 0 25px;
width: 914px;
}
/**** Error Page ****/
section.wrapper section.single_column_wrapper div.error_not_found
{
margin: 0 auto;
width:760px
}
/**** MLP Styles ****/
section.wrapper section.single_column_wrapper section.generic_top div.paging
{
float: right;
margin: -5px 20px 0 0;
}
.ie7 section.wrapper section.single_column_wrapper section.generic_top div.paging
{
float: right;
margin: -20px 20px 0 0;
}
section.wrapper section.single_column_wrapper section.generic_top a
{
color: #818285;
font-size: 11px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay h3
{
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay h3 span
{
color: #818285;
font-size: 12px;
font-weight: 500;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset.middle
{
text-align: center;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset label
{
color: #698a9a;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-size: 14px;
font-weight: 500;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset.participating_destinations
{
margin-left: 40px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset.participating_destinations label
{
padding-bottom: 4px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset img
{
margin: 15px 0 13px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset a.clear
{
background: url(../images/icon_remove.png) no-repeat left center;
color: #818285;
font-weight: 500;
font-size: 11px;
padding: 3px 0 4px 13px;
text-decoration: none;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset a.button
{
margin: 14px 0 0 10px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay
{
height: 100px;
margin: 5px 0 0 39px;
}
section.wrapper section.single_column_wrapper section.dates_of_stay fieldset input.date
{
background: url(../images/backgrounds/bg_current_search_date.png) no-repeat;
border: 0;
color: #818285;
font-size: 12px;
height: 21px;
padding: 2px 10px 0 39px;
width: 68px;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowControl
{
background-color: transparent;
color: #b9b9b9;
height: 10px;
margin: 4px 0 0;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowControl a
{
color: #56a7d6;
font-size: 12px;
text-decoration: none;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowPrev, section.wrapper section.single_column_wrapper section.generic_top span.jFlowNext
{
background-color: transparent;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowPrev span.arrow
{
background: url(../images/arrows_search_pages.png) no-repeat 0 -19px;
display: block;
height: 19px;
overflow: hidden;
text-indent: -99999px;
width: 25px;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowPrev span.arrow:hover
{
background-position: 0 0;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowPrev, div.carouselPages span.jFlowPrev:hover, div.carouselPages span.jFlowNext, div.carouselPages span.jFlowNext:hover {
background-color: #fff;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowNext span.arrow {
background: url(../images/arrows_search_pages.png) no-repeat -35px -19px;
display: block;
height: 19px;
overflow: hidden;
text-indent: -9999999px;
width: 35px;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowNext span.arrow:hover
{
background-position: -35px 0;
}
section.wrapper section.single_column_wrapper section.generic_top span.jFlowControl:hover, section.wrapper section.single_column_wrapper section.generic_top span.current
{
background: url(../images/backgrounds/bg_jflow_selected.png) no-repeat transparent;
}
section.wrapper section.single_column_wrapper section.participating_destinations
{
width: 500px;
}
/**** Cart Styles ****/
section.cart_top
{
background: url(../images/backgrounds/bg_cart_top.png) no-repeat;
height: 8px;
margin: 0 0 0 50px;
width: 861px;
}
section.cart_bottom
{
background: url(../images/backgrounds/bg_cart_bottom.png) no-repeat;
height: 8px;
margin: 0 0 0 50px;
width: 861px;
}
section.cart_wrapper
{
border: 1px solid #b9b9b9;
border-top: 0;
border-bottom: 0;
margin: 0 0 0 50px;
width: 860px;
}
section.cart_wrapper div.cart_title
{
color: #698a9a;
font-size: 18px;
font-weight: 700;
height: 30px;
padding: 0 0 0 20px;
}
section.cart_wrapper div.cart_title a.cartContinueShopping
{
float: right;
font-size: 12px;
margin: 0 10px 0 0;
}
div#billing-info
{
height: 533px;
}
div#billing-info section.entry
{
background: none;
border-bottom: 0;
height: 510px;
margin: 20px 0 20px 0;
width: 420px;
}
div#billing-info section.entry h2
{
background-color: #698a9a;
color: #ffffff;
font-size: 16px;
height: auto !important;
}
div#billing-info section.entry div.overlay
{
background: #698a9a;
height: 520px;
padding: 0 0 0 10px;
width: 420px;
}
div#billing-info .editInfoButton
{
color: #fc9200;
}
div#billing-info section.creditCardInformation p.needHelp {
height: 14px !important;
margin: 25px 10px 10px 0;
text-align: left;
width: 435px;
}
div#billing-info div.submitReservation
{
background: none;
padding: 22px 0 0;
margin: 0 0 0 50px;
}
div#billing-info section.entry span.validator
{
color:red;
}
div#billing-info input.error, div#billing-info select.error
{
border: 1px solid Red;
}
div#billing-info span.validator, p.errorContainer, div.creditCardError
{
color: Red;
}
div#billing-info section.entry p
{
margin: 10px 12px 0 0;
}
section.entry p.terms {
padding: 10px 0 0;
width: 200px;
}
div#billing-info section.entry p input[type=text], section.entry p select
{
width: 150px;
}
div#billing-info section.entry p input.address
{
width: 329px;
}
div#billing-info section.entry p input.zip
{
width: 100px;
}
div#billing-info section.entry p select.country {
width: 214px;
}
div#billing-info section.entry p input.securityCode {
margin-right: 5px;
width: 80px;
}
span.creditCard {
background-image: url("../images/icons/credit_card_icons.jpg");
}
div#billing-info div.errorLegend { margin: 0; }
div#billing-info #content2 { padding: 142px 0 30px 29px; }
div#billing-info #undermainimage, #mainimage, #topnav, #subnav { display: none; }
div#billing-info section.creditCardInformation {
float: left;
margin: 20px 0 20px 0;
}
div#billing-info div.continue {
float: left;
margin: 20px 0 0 100px;
width: 352px;
z-index: 1000;
}
.checkout.items
{
margin: 2px 0 0;
overflow: hidden;
}
.checkout.items article.col1
{
padding: 0;
width: 715px;
}
.checkout.items article.col3
{
height: auto;
padding: 20px 0;
position:relative;
text-align: right;
width: auto;
float: right;
}
section.cart_section
{
}
section.cart_section .cart_item_container
{
width: 838px;
height: 136px;
}
section.cart_section header
{
background: #698a9a;
color: #fff;
float: none;
height: 24px;
padding: 3px 10px;
}
section.cart_section article
{
display: block;
float: left;
}
section.cart_section article span.discount, section.total_section div.total_box span.discount
{
color: #e7002b;
}
section.cart_section article.col1
{
padding: 0 15px 0 0;
width: 385px;
}
section.cart_section article.col1 span.title
{
font-size: 12px;
display:block;
}
section.cart_section article.col1 div.details
{
font-weight: bold;
margin: 10px 0 0 20px;
}
section.cart_section article.col1 span.date
{
color: #607f9b;
}
section.cart_section article.col2
{
width: 226px;
}
section.cart_section article.col3
{
height: 118px;
padding: 0 10px 0 0;
position:relative;
text-align: right;
}
section.cart_section article.col3 div.total_box, section.total_section div.total_box
{
background: #f0f5f9;
bottom: 0;
padding: 5px;
position: absolute;
right: 0;
width: 269px;
}
section.cart_section article.col3 div.total_box span.title, section.total_section div.total_box span.title
{
font-size: 12px;
float: left;
text-align: right;
width: 156px;
}
section.cart_section article.col3 div.total_box span.amount, section.total_section div.total_box span.amount
{
display: block;
font-size: 12px;
float: left;
text-align: right;
width: 105px;
}
.bold
{
font-weight: bold;
}
section.total_section
{
position: relative;
height: 45px;
margin-bottom: 10px;
}
section span.heading
{
float: left;
font-size: 16px;
}
section span.section_total
{
float: right;
font-size: 14px;
font-weight: 700;
margin: 2px 20px 0 0;
}
section span.section_total b
{
font-size: 16px;
}
section div.items
{
border: 0;
padding: 8px 10px;
overflow: auto;
text-align: left;
width: 840px;
}
section div.items section
{
overflow:hidden;
}
section div.items div.cart_image
{
float: left;
margin-right: 5px;
width: 130px;
}
section div.items div.cart_image a.remove_item
{
background: url(../images/cart/btn_remove_item.png) no-repeat;
display: block;
height: 20px;
margin-left: 5px;
margin: 10px 5px 0 0;
overflow: hidden;
text-indent: -99999px;
width: 113px;
}
section.costSummary
{
background: url(../images/backgrounds/bg_cart_cost_total.png) repeat-y;
clear: none;
float: left;
margin: 0 0 0 610px;
padding: 18px 0;
width: 280px;
}
section.cost_summary_bottom
{
background: url(../images/backgrounds/bg_cart_cost_total_bottom.png) repeat-y;
float: left;
height: 7px;
margin: 0 0 0 610px;
width: 280px;
}
section.costSummary article.money_section
{
}
section.costSummary article.money_section div.discount
{
color: #e7002b;
padding: 40px 0 0 0;
}
section.costSummary article.money_section span.title
{
display: block;
float: left;
text-align: right;
width: 157px;
}
section.costSummary article.money_section span.amount, section.costSummary article.money_section span.discount
{
display: block;
float: left;
text-align: right;
padding-right: 50px;
width: 73px;
}
section.costSummary article.vacation_total
{
border-left: 0;
border-right: 0;
color: #666666;
font-size: 20px;
margin: 5px 0;
padding: 5px 0;
}
section.costSummary article.vacation_total span.title
{
color: #e06f1d;
font-size: 22px;
margin-left: 10px;
}
section.costSummary article.vacation_total span.amount
{
color: #e06f1d;
font-size: 20px;
}
section.costSummary a
{
margin: 10px 0 0 75px;
}
fieldset
{
border: 0;
float: left;
}
fieldset label
{
display: block;
}
fieldset.destinations
{
width: 150px;
}
fieldset.resorts
{
width: 205px;
}
fieldset.resorts select
{
width: 200px;
}
fieldset.start
{
width: 90px;
}
fieldset.start input
{
width: 75px;
}
fieldset.numDays
{
width: 105px;
}
fieldset.numDays select
{
width: 100px;
}
.findLiftTicketButton
{
margin-bottom: 15px;
margin-left: 10px;
margin-top: 13px;
}
.findLiftTicketNoResultsText
{
margin-top:100px;
margin-bottom:100px;
font-weight:bold;
}
section.liftTickets header
{
height: 35px;
padding: 8px 10px 5px;
}
section.liftTickets section header
{
background-color: #ccc9b8;
height: 16px;
margin: 10px 0 10px;
padding: 5px 10px;
}
section.liftTickets article.ticketSection
{
border: 5px solid #ccc9b8;
display: block;
padding: 10px 18px;
overflow: auto;
text-align: right;
}
section.divider
{
background: url(../images/liftticket_line.jpg) no-repeat;
border: 0;
height: 15px;
margin-top: 10px;
width: 761px;
}
div.feedbackAreaDiv
{
background: #fff99d;
}
div.feedbackAreaDiv ul.feedbackArea
{
color: #000000;
font-size: 11px;
list-style: none;
padding: 4px 0 4px 10px;
}
div.feedbackAreaDiv ul.feedbackArea li
{
list-style: none;
}
nav.site div#CartLinkLI
{
position: absolute;
top: -2px;
right: 0;
}
nav.site div#CartLinkLI section.cartlink
{
background: url(../images/cart/bg_top_cart.png) no-repeat;
height: 33px;
width: 266px;
}
nav.site div#CartLinkLI section.cartlink a
{
background: transparent;
font-size: 11px;
font-family: Sans-Serif;
float: left;
margin: 6px 0 0 5px;
padding: 0;
}
nav.site div#CartLinkLI section.cartlink a:hover
{
background: transparent;
}
nav.site div#CartLinkLI section.cartlink div.cart_total
{
color: #fff;
float: right;
font-weight: bold;
margin: 9px 15px 0 0;
}
div.pageTitle a.cartContinueShopping
{
font-size: 11px;
float: right;
margin: 20px 10px 0 0;
}
div.rentalCarRateRules
{
clear:both;
}
/**** Lift Ticket Search Styles ****/
section.lift_section
{
margin-bottom: 10px;
width: 720px;
}
section.lift_section article { display: block; overflow: hidden; clear: both; }
section.lift_section header
{
background: #607f9b;
color: #fff;
height: auto;
margin: 0;
padding: 15px 0 15px 10px;
}
section.lift_section header td
{
background: #607f9b;
color: #fff;
height: 15px;
padding: 5px 10px;
}
section.lift_section section
{
border: 5px solid #ccc9b8;
margin-top: 10px;
width: 720px;
}
section.lift_section section header
{
background: #ccc9b8;
color: #000;
font-size: 18px;
padding: 1px 10px;
width: 700px;
}
section.lift_section section header span.descSmall
{
color: #5C5C5C;
font-size: 11px;
font-weight: normal;
display:block;
}
section.lift_section section article.ticketSection
{
margin: 11px 18px;
width: inherit;
}
section.lift_section section article.ticketSection table
{
width:95%;
}
section.lift_section section article.ticketSection th
{
padding:0 10px;
}
section.lift_section section article.ticketSection td
{
color: #666666;
font-size: 14px;
padding: 10px;
}
section.lift_section section article.ticketSection td.qty
{
text-align: left;
width: 100px;
}
section.lift_section section article.ticketSection td.days
{
text-align: left;
width: 100px;
}
section.lift_section section article.ticketSection td.desc
{
width: 250px;
}
section.lift_section section article.ticketSection td.desc span.descSmall
{
color: #A9A9A9;
font-size: 11px;
font-weight: normal;
}
section.lift_section section article.ticketSection td.perDay
{
text-align: right;
width: 125px;
}
section.lift_section section article.ticketSection td.total
{
font-weight: bold;
text-align: right;
width: 125px;
}
a.btn_add_to_cart
{
background: url(../images/cart/btn_add_to_cart.png) no-repeat;
display: block;
height: 25px;
text-indent: -9999px;
width: 90px;
}
/** Property Card **/
section.single_column_wrapper div.properties div.mlpProperties {
background: none;
clear: both;
margin: 5px 0;
padding: 14px 14px 30px;
width: 912px;
}
section.single_column_wrapper div.mlpProperties table.resultsTable td
{
background-color: transparent;
border: 0;
padding: 0;
vertical-align: top;
}
section.single_column_wrapper div.mlpProperties article.property_card
{
margin-right:12px;
}
section.single_column_wrapper div.mlpProperties article.property_card span.price
{
height: auto;
}
section.single_column_wrapper div.mlpProperties article.property_card span.price strong
{
font-size: 16px;
line-height: normal;
}
article.property_card
{
background: url(../images/backgrounds/bg_property_card.png) no-repeat;
height: 200px;
margin: 0 5px 8px 0;
width: 285px;
overflow: hidden;
position: relative;
}
article.property_card div.specialTags
{
background: #60642a;
color: #fff;
font-size: 14px;
text-align: center;
position: absolute;
width: 280px;
top: 0;
left: 0;
}
article.property_card div.property_info
{
float: left;
padding: 0 5px;
width: 270px;
height: 87%;
position: relative;
top: 20px;
}
article.property_card div.property_image
{
float: left;
width: 130px;
}
article.property_card div.title_location
{
color: #818285;
float: left;
font-size: 14px;
width: 135px;
}
article.property_card div.title_location a
{
color: #698a9a;
display: block;
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
article.property_card div.title_location strong
{
color: #698a9a;
font-size: 14px;
font-weight: 500;
}
article.property_card div.from_price
{
color: #818285;
clear: both;
text-align: center;
width: 100%;
position: absolute;
bottom: 25px;
}
article.property_card div.from_price span.price
{
display: block;
height: 60px;
}
article.property_card div.from_price span.wasPrice
{
display: none;
font-size: 13px;
}
article.property_card div.from_price span.wasPrice strong
{
color: #818285;
font-size: 13px;
text-decoration: line-through;
}
article.property_card div.from_price strong
{
color: #e06f1d;
font-size: 30px;
line-height: 38px;
}
article.property_card a.button
{
margin: 0 0 0 80px;
position: absolute;
bottom: 5px;
left: 0;
color: White;
}
/* This prevents the modal dialogs from showing up BEHIND other content */
ui-dialog { z-index:10001 !important; }
/* Car Rental Search Pages */
table.rentalcar-search-grid
{
}
table.rentalcar-search-grid th
{
background: #E6E1CE;
border-bottom: 1px solid #000;
padding: 10px;
text-align: left;
}
table.rentalcar-search-grid td
{
border-bottom: 1px solid #000;
padding: 10px;
text-align: left;
height: 75px;
}
table.rentalcar-search-grid td.rental_col
{
border-left: 1px solid #f3f3f3;
}
table.rentalcar-search-grid td .car_price
{
font-size: 30px;
text-decoration: underline;
}
table.rentalcar-search-grid td span.bold
{
font-weight: bold;
}
td.car_pickup input[type=text], td.car_dropoff input[type=text]
{
width: 242px;
}
td.car_search, .search-button
{
padding: 10px 0 0 10px;
}
.car-lowest-price a
{
background: #fcfda8;
}
/* Pseudo-booking confirmation page */
section.confirmationInformation
{
margin: 10px 20px;
width: 861px;
color: #698a9a;
}
section.confirmationInformation .top
{
background: url(../images/backgrounds/bg_cart_top.png) no-repeat left top;
height: 8px;
}
section.confirmationInformation h1
{
padding: 0 0 0 19px;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 18px;
border-bottom: 1px solid #b9b9b9;
}
section.confirmationInformation .container
{
border: 1px solid #b9b9b9;
border-top-width: 0;
border-bottom-width: 0;
}
section.confirmationInformation .BookingConfirmationText
{
margin: 20px;
width: 450px;
float: left;
}
section.confirmationInformation .BookingConfirmationText label, section.confirmationInformation .BookingConfirmationText label span
{
font-family: "lobster-1","lobster-2";
font-size: 21px;
color: #e06f1d;
}
section.confirmationInformation .BookingConfirmationText p
{
margin: 10px 0;
}
section.confirmationInformation .BookingConfirmationText p strong
{
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 600;
font-size: 16px;
}
section.confirmationInformation .BookingConfirmationText p.contact
{
font-family: "lobster-1","lobster-2";
font-size: 18px;
}
section.confirmationInformation .BookingConfirmationText p.contact span.phone
{
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 600;
color: #e06f1d;
font-size: 21px;
margin-right: 6px;
}
section.confirmationInformation .BookingConfirmationText p.contact span.email
{
margin-left: 6px;
padding-left: 22px;
background: url(../images/icons/icon_email.png) no-repeat left 5px;
}
section.confirmationInformation .BookingConfirmationText p.contact span.email a
{
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 700;
font-size: 14px;
}
section.confirmationInformation .BookingConfirmationText p.thanks
{
font-family: "lobster-1","lobster-2";
font-size: 28px;
color: #e06f1d;
float: right;
width: 195px;
text-indent: -40px;
margin-right: 20px;
}
section.confirmationInformation .OrderInformation
{
float: right;
width: 346px;
margin-top: 50px;
}
section.confirmationInformation .OrderInformation .top
{
/* josh to insert rounded corner here */
background: #698A9B;
border: 3px solid #55717D;
border-right-width: 0;
border-bottom-width: 0;
height: 2px;
}
section.confirmationInformation .OrderInformation h2
{
margin: 0;
background: #698A9B;
border: 3px solid #55717D;
border-top-width: 0;
border-bottom-width: 1px;
border-right-width: 0;
color: White;
padding: 0 0 0 19px;
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 500;
font-size: 18px;
}
section.confirmationInformation .OrderInformation .container
{
border-left: 3px solid #999;
background: #ccc;
padding: 10px;
color: black;
}
section.confirmationInformation .OrderInformation p
{
}
section.confirmationInformation .OrderInformation label
{
cursor: default;
font-weight: bold;
display: inline-block;
width: 120px;
text-align: right;
}
section.confirmationInformation .OrderInformation p span.multiLineValue
{
display: inline-block;
padding-left: 124px;
}
section.confirmationInformation .OrderInformation .bottom
{
clear: both;
/* josh to insert rounded corner here */
background: #ccc;
border: 3px solid #999;
border-right-width: 0;
border-top-width: 0;
}
section.confirmationInformation .OrderInformation .print
{
text-align:center;
margin-top: 15px;
}
section.confirmationInformation .bottom
{
background: url(../images/backgrounds/bg_cart_bottom.png) no-repeat left top;
height: 8px;
clear: both;
}
/* Sitemap */
#sitemap
{
margin: 20px;
}
/* Product Offer page */
#productOffer
{
margin: 20px;
}
/* Override Classes */
.hide
{
display: none;
visibility: hidden;
}
.no_results_msg
{
font-weight: bold;
padding: 10px 0;
}
div.popup_toolTip
{
display: none; /*--hidden by default--*/
background: #fff;
padding: 10px;
border: 5px solid #ddd;
font-size: 1.2em;
position: absolute;
cursor: help; text-decoration:none;
z-index: 99999;
width: 300px;
}
div.popup_toolTip a.close
{
float:right;
}
/* Passenger Information
**************************/
div.passengers
{
margin:0 40px;
}
div.passengers div.instructions
{
font-size: 14px;
padding: 0 0 40px;
}
div.passengers section header
{
font-weight: bold;
font-size: 18px;
margin: 0 0 10px 50px;
}
div.passengers fieldset
{
clear: both;
margin-left: 125px;
}
div.passengers fieldset div.passengerName,div.passengers fieldset div.passengerPreference, div.passengers fieldset div.passengerDetail
{
clear: left;
}
div.passengers fieldset p
{
float: left;
clear: none;
white-space: nowrap;
}
div.passengers fieldset div.passengerName p
{
margin-left: 18px;
}
div.passengers fieldset div.passengerDetail
{
border: 1px solid black;
background: #ccc;
}
div.passengers fieldset div.passengerDetail p
{
margin-left: 28px;
}
div.passengers fieldset label
{
width: auto;
padding-top: 3px;
text-align: left;
}
div.passengers fieldset select
{
position: relative;
top: -2px;
}
div.passengers .actions
{
padding: 0 0 40px 100px;
}
div.passengers .actions a
{
margin-left: 10px;
}
/* dataArt changes */
.generic_wrapper .paging {overflow:hidden;}
.generic_wrapper .paging .pagingContainer
{
float:right;
margin-right:50px;
}
.resultsRange {display:none;}
section.bottomPaginationArea {background:none !important;}
table.carouselPages span.jFlowControl {padding:0 4px;}
.agentLogIn {margin:10px 40px;}
.agentLogIn h1,
.agentLogIn .validationSummary {margin-bottom:15px;}
.agentLogIn .actions {margin-top:20px;}
.agentLogIn .button {margin:0 10px;}
section.wrapper section.single_column_wrapper .pageTitle
{
padding:10px 40px 15px;
color: #698A9A;
font-size: 21px;
font-weight: 400;
margin: 5px 0;
}
.fright {float:right;}
.segments
{
width: 700px;
float: right;
}
table.flightSegmentTable
{
margin-bottom: 2px;
width: 100%;
background-color: #E4F1F9;
}
table.flightSegmentTable th
{
padding: 5px;
background-color: #1282BF;
color: #FFF;
font-weight: bold;
text-align: left;
}
table.flightSegmentTable td
{
padding: 5px;
width: 29%;
}
table.flightSegmentTable td.airlineImage
{
width: 6%;
vertical-align: middle;
}
table.flightSegmentTable td.flightNumber, table.flightSegmentTable td.airlineName, table.flightSegmentTable td.flightTime
{
width: 18%;
}
table.flightSegmentTable td.flightNumber, table.flightSegmentTable td.flightTime
{
font-weight: bold;
}
table.flightSegmentTable td.flightTime
{
text-align: right;
}
table.flightSegmentTable tr.departureDetails
{
border-top: 1px solid #1282BF;
}
section.cart_section .flightsSummary { float: right; background-color: #EFF4F8; padding: 5px 10px 5px 20px; width: 25%; margin: 10px 3px 10px 0px; }
.flightsSummary table { width: 100%; }
.flightsSummary table td { text-align: right; vertical-align: bottom; }
.flightsSummary td.itemDescription { width: 60%; }
.flightsSummary td.itemValue { width: 40%; }
.air-legal { margin-bottom: 10px; }
.flight-specific { text-align: right; }