/*
BROWSER DETECTION CLASSES:
e_browser_ie: Internet Explorer
e_browser_not_ie: A Browser other than IE
e_browser_moz: Firefox
e_browser_webkit: Webkit(Chrome/Safari)
e_browser_opera: Opera
e_browser_unknown: Unknown Browser
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent; }
/* Avenir Ltd Light font 
@font-face { font-family: 'AvenirLTStd35LightRegular'; src: url('../fonts/avenirltstd-light-webfont.eot'); src: url('../fonts/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avenirltstd-light-webfont.woff') format('woff'), url('../fonts/avenirltstd-light-webfont.ttf') format('truetype'), url('../fonts/avenirltstd-light-webfont.svg#AvenirLTStd35LightRegular') format('svg'); font-weight: normal; font-style: normal; }
.font_1 { font-family: 'AvenirLTStd35LightRegular' }
.font_2 { font-family: Arial, Helvetica,sans-serif }
*/
tr, th, td { vertical-align: middle }
body { line-height: 1 }
ol, ul { }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
hr { margin: 0px; padding: 0px; display: block; font-size: 1px; }
/* FORCE ALL BROWSERS TO QUIRKS MODE BOX MODEL */
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)) }
body { overflow: auto; display: none; position: absolute; }
div, table { text-align: center }
/* BOX, SPACE, STACK, AND FLOW */
.e_box { width: auto; height: auto; }
.e_space { width: 100%; height: 100%; }
.e_stack { width: 100%; height: auto; }
.e_flow { width: auto; nowhitespace: afterproperty; height: 100%; /* NOT X-BROWSER inside a DIV.. Webkit/Gecko acts differently than IE/Opera */ }
.e_browser_ie .e_box, .e_browser_ie .e_space, .e_browser_ie .e_stack, .e_browser_ie .e_flow { zoom: 1; /* IE->hasLayout */: ; /* IE uses this instead of inline-table */ display: inline; }
.e_box { display: inline-block }
.e_space, .e_stack, .e_flow { display: inline-table }
.e_d_box { border: 1px dotted #FF0; padding: 1px; }
.e_d_space { border: 1px dotted #F0F; padding: 1px; }
.e_d_stack { border: 1px dotted #00F; padding: 1px; }
.e_d_flow { border: 1px dotted #F00; padding: 1px; }
/* SPLITS */
.e_split { width: 100%; height: 100%; }
.e_browser_ie .e_split { zoom: 1; /* IE->hasLayout */: ; /* IE uses this instead of inline-table */ display: inline; }
.e_vert_fill, .e_horz_fill, .e_fill { width: 100%; height: 100%; }
.e_vert_auto { width: 100%; height: auto; }
.e_horz_auto { width: auto; height: 100%; }
.e_d_split_t { border-top: 2px dashed #0F0 }
.e_d_split_b { border-bottom: 2px dashed #0F0 }
.e_d_split_l { border-left: 2px dashed #0F0 }
.e_d_split_r { border-right: 2px dashed #0F0 }
/* ALIGNMENT */
.e_left { margin-right: auto }
.e_center { margin-left: auto; margin-right: auto; }
.e_right { margin-left: auto }
.e_top { vertical-align: top }
.e_mid { vertical-align: middle }
.e_bottom { vertical-align: bottom }
.e_text_left { text-align: left }
.e_text_center { text-align: center }
.e_text_right { text-align: right }
/* TEMPLATES */
.e_template { cursor: auto }
.e_use_template_static { }
.e_use_template_hover { }
.e_use_template_popup { }
.e_popup_blanket { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #111; z-index: 7777; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.e_popup_table { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8888; }
.e_popup_cell { width: 100%; height: 100%; cursor: pointer; }
/* WORKFLOWS */
.e_workflow { white-space: nowrap; overflow: hidden; }
.e_step { white-space: normal; vertical-align: top; }
table.e_step { display: inline-table }
div.e_step { display: inline; display: inline-block; }
.e_text { margin-left: 5px; margin-right: 5px; text-align: left; }
.e_select { -webkit-appearance: normal; background: white; margin-left: 5px; margin-right: 5px; text-align: left; border: solid #FFF; color: #444; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }

select.multiple_paid_plans,select.multiple_any_plans,select.multiple_cc_plans{ width: 300px;}/*Fix for long plan names */
select{border-color: white; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));}
.e_check { }
.e_check label { padding-left: 4px; padding-bottom: 2px; }
.e_checkbox { position: relative; width: 19px; height: 19px; border-width: 3px; border-style: ridge; border-color: #DDD; background-color: #DDD; cursor: pointer; }
.e_checkmark { display: none; position: absolute; width: 30px; height: 30px; left: -10px; top: -2px; }
.e_checkbox_checked .e_checkmark { display: block }
.e_checkbox_hover { background-color: #C0D9FF; border-color: #C0D9FF; }
.e_checkbox_down { border-style: inset; background-color: #C0C9DF; }
.e_checkbox_hover .e_checkmark { }
.e_check { padding-left: 5px }
.e_text label { font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; margin-left: 4px; font-weight: bold; }
.e_text input { border: 2px solid #FFF; color: #444; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: top; padding-top: 1px; padding-bottom: 1px; margin-bottom: 0px; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; }
input.e_invalid, div.e_invalid { border-color: #F54; -webkit-background-clip: padding-box; }
/* PROGRESS BAR */
.e_progress { background-color: #555555; margin-left: 15px; margin-right: 15px; position: relative; text-align: left; /* alignment for IE */ }
.e_progress div { background-color: #2222BB }
.e_progress, .e_progress div { height: 28px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; }
.e_progress p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: white; text-align: center; position: relative; top: -22px; margin-bottom: -22px; /* just for IE */ text-shadow: 1px 1px 2px #000; }
.e_browser_ie .e_progress p { height: 1em; filter: Shadow(Color=#000000, Direction=135, Strength=2); }
/* WIDGET - DROP PANEL */
.e_drop_panel { vertical-align: text-bottom; margin-left: auto; margin-right: auto; overflow: hidden; height: 1px; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
.e_drop_button { cursor: pointer; margin-left: auto; margin-right: auto; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
/* ELEVEN BRANDING ELEMENTS */
.e_11_header { background-color: #000; border-top-left-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-left-radius: 1em; -webkit-border-top-right-radius: 1em; }
.e_11_footer { background-color: #000; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; -moz-border-radius-bottomleft: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em; }
.e_step_header { cursor: pointer; height: auto; border-top: 1px solid white; }
.e_step_header_hover { border-top: 1px solid green }
.e_accordion_body { white-space: nowrap; overflow: hidden; height: auto; }
@font-face{
  font-family: 'arial narrow';
  src: url('../fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arialn-webfont.woff') format('woff'),
        url('../fonts/arialn-webfont.ttf') format('truetype'),
        url('../fonts/arialn-webfont.svg#svgArialNarrow') format('svg');
  font-weight:normal;
}
@font-face{
  font-family: 'arial narrow';
  src: url('../fonts/arial-narrow-bold-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial-narrow-bold-regular-webfont.woff') format('woff'),
        url('../fonts/arial-narrow-bold-regular-webfont.ttf') format('truetype'),
        url('../fonts/arial-narrow-bold-regular-webfont.svg#svgArialNarrow') format('svg');
  font-weight:bold;
}

html,body{
  font-size:16px;
  line-height:normal;
  display:block;
  color: #666666;
}

#footer{
  padding:10px;
  text-align:center;
  font-size: 10px;
  font-size: 0.625rem;
  line-height:12px;
  line-height:0.750rem;

  left:0px;
  right:0px;
  width:100%;
  color:#fff;
  font-family: Arial;
}



body{
  font-family: Arial;
}
ol,ul, li{
  list-style:none;
  margin: 0px;
  margin-left: 0px;
  padding-left:0px;
}
em{
  font-weight:bold;
  font-style:normal;
}

input, select {
  border: 1px solid #CCCCCC;
  padding:3px;
}
/* overriding api default styles */
.e_popup_blanket, .e_popup_table { position:fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.e_popup_window { display:inline-table; }
.e_static_popup { display:table-cell; vertical-align:middle; }

.e_text label{

  font-family: Arial;
  vertical-align: bottom;
  margin-left: 4px;
  font-weight: normal;
}
.e_text input{
  border: solid 1px #000;
  color: #444;
  font-family: Helvetica;
  font-weight: normal;
  vertical-align: top;

  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}



.brand_button1, .brand_button2, .connect_btn{
  display:table-cell;
  vertical-align:middle;
  height:40px;
}

#e_tp_preloader { 
  display: none; 
  color: #fff; 
  z-index: 1000; 
  background-color: #000; 
  font-size: 14px; 
  padding: 20px; 
  border-radius:10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  width: 180px; 
  text-align: center; 
  opacity: .7; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); 
}
.ajax_loader { 
  margin-right: 10px; 
  background:url('img/ajax-loader16x16-blk.gif') no-repeat; 
  width:16px; 
  height:16px; 
}
.loader_msg { 
  color: white 
}

/* DEFAULT PLAN STYLES*/
.options{

  width:270px;
}
.brand_option1_h2, .brand_option2_h2{
  font-family: arial narrow,arial,sans-serif;
  font-weight:normal;
  font-size:1.25em;
  font-size:1.25rem;
  display:table-cell;
  vertical-align:middle;
  
}
.brand_option_h2_wrapper {
  display: inline-table;
  height:40px;
  width:100%;
}

/*.options h3, .options ul{color:#000;}*/
.options h3{
  font-family: arial narrow,arial,times new roman,serif;
  font-weight:bold;
  font-size:0.938em;
  font-size:0.938rem;
  color: #666666;
}
.options ul{
  font-family:arial narrow,arial,times new roman,serif;
  font-weight:normal;
  font-size:1.2em;
  font-size:1.2rem;
}

.options p{
  font-family:arial narrow,arial,times new roman,serif;
  font-weight:normal;
  font-size:1.25em;
  font-size:1.25rem;
  
}
.connect_btn{

  display:table-cell;
  vertical-align:middle;
  height:40px;
  font-size: 1.5em;
  font-size: 1.5rem;
  color:#000;
  text-decoration:none;
  font-family: "arial narrow", Arial, sans-serif;
  cursor: pointer;
  background-color: #CCCCCC;
  text-decoration:none;
}



/* GENERAL OPTIONS */
.options-link{
  white-space:nowrap;
  font-family: 'arial narrow',arial,times new roman,serif;
  font-size: 1.25em;
  font-size: 1.25rem;
  text-shadow: 1px 2px #000000;
  color:#fff;
}



.pointer {
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}
.blue {
  color:#0000CC;
}


.hotel_name{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5em;
  font-size:1.5rem;
  /*white-space:nowrap;*/
  line-height: 100%;
  font-family: Arial Bold, Arial, sans-serif;
  text-align: right;
  vertical-align: middle;
  margin-bottom: 0px;
  display:block;
  margin-top:4px;
}
.welcome_text{
  color: #FFFFFF;
  font-weight: regluar ;

  font-family: Arial;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 0px;
  display:block;
}
.hotel_address{
  color: #FFFFFF;
  font-weight: normal;
  font-size: 0.75em;
  font-size: 0.75rem;
  line-height: 100%;
  font-family: Arial Bold, Arial, sans-serif;
  text-align: right;
  vertical align: middle;
  display:block;
}

.walled_garden_link{
  font-family: Arial Narrow;
  font-weight:bold;
  font-size: 0.875em;
  font-size: 0.875rem;
  padding:5px;
  text-align:right;
  color:white;
  float:right;
  line-height:110%;
  vertical-align:top;
  text-decoration:underline;
  cursor:pointer;
}

.connect_header{
  margin-top: 40px;
  vertical-align:top;
  height: 70px;
}
.connect_free_title{
  margin: 0px;
  padding: 0px;
  vertical-align:top;

  font-family: "univers ltd", Arial, Helvetica, Sans-serif;
  color: #000;
  letter-spacing:-2px;
  white-space:nowrap;
}
.connect_plus_title{
  display:none;
  margin: 0px;
  padding: 0px;
  vertical-align:top;

  font-family: "univers ltd", Arial, Helvetica, Sans-serif;
  color: #000;
  letter-spacing:-1px;
  white-space:nowrap;
}
.connect_free_form{
  text-align:center;
  margin:0px auto;
  margin-top: 20px;
}
.connect_plus_form{
  text-align:center;
  margin:0px auto;
  display:none;
}
.connect_terms{
  margin-left:4px;

}
.dotted_line{
  width: 455px;
  text-align:left;
  margin: 0px;
  vertical-align:top;
  margin-top: 20px;
}

.btn{
  width: 130px;
  height: 30px;
  font-family: arial;
  color: #FFFFFF;


  text-align: center;
  text-decoration: none;
  display: block;
  padding: 5px 0 0;
  margin:0px auto;
  background-color: black;
  vertical-align:top;
}

a{
  color:#0000CC;
  text-decoration:none;
  font-size:1em;

}

.return_to_connect {
  text-decoration:underline;
}

.form_label{

  text-align:left;
}

.connect-form,.connect-plus-form{
  vertical-align:top;
}

.btn_wrapper{
  /*border: 1px solid red; */
  padding: 20px 0px;
  display:inline-table;
  width:250px;
}

.mobile-link {
  cursor:pointer;
}

.plans_page .btn_wrapper {
  padding:10px 0px;
}

.lname_form{
  /*border: 1px solid red; */
  margin-top: 25px;
  height: 40px;
  vertical-align: top;
}

.brand_bg{
  margin: 0px;

  width: 100%;

}

.brand_banner{
  margin:0px auto;
  width: 100%;
  max-width:1400px;
  height: 100px;
  color:#FFF;
}

.brand_logo{
  float:left;
  margin-left:57px;
  margin-top:20px;
}


.property_info{
  margin-top:20px;
  margin-right:20px;
  float:right;
  display:inline;
  width: 70%;
  height:100%;
}

.page_container{
  display: block;
  overflow: visible;
  text-align:center;
  margin: 0px auto;
  padding-bottom: 50px;
}

.main_page{
  display: block; 
  vertical-align: top; 
  width: 100%;
  text-align:center; 
  margin: 0px auto;
}

.inner_page{
  text-align:center; 
  margin: 50px auto 0px;
}

.plans_page{
  height: auto;
  text-align:center; 
  margin: 0px auto; 
}

.brand_headline{
  font-size:1.875em;
  color:white; 
  width:100%; 
  margin-bottom:50px;
}

.option1{
  margin-right:30px;
  float:left;
}

.option2{
  float:right;
}

.brand_option_hl{
  margin: 10px 0px 5px;
  font-weight:normal;
}

.highspeed-duration, .e_highspeed-duration, .upgrade_existing-duration{
 width:115px;
 margin-left:10px;
 font-size:0.875em;
 font-size:0.875rem;
}

.highspeed, .e_highspeed{
  font-size: 1.5em;
  font-size: 1.5rem;
  text-decoration: none;
  font-family: 'arial narrow', Arial, sans-serif;
  cursor:pointer;
}

ul.plan_description{
  list-style:none; 
  text-align:center; 
  padding: 15px; 
  padding-bottom: 10px; 
  padding-top: 0px; 
  padding-left:0px; 
  margin-left:0px; 
  padding-bottom:0px;
}

.plan_description li{
  margin-bottom:5px;
}

.price{
  padding:10px;
}

.mobile-show{
  display:none;
}

.options-wrapper{
  clear:both;
  padding-top:15px;
}

.options-wrapper div{
  display:inline;
}

.options-break{
  padding-top:50px;
}

.footer-inside{
  max-width:700px;
  margin:auto;
}

.main_wrapper{
  display:none;
}

.popups {
  display:block;
  width:100%;
  max-width:570px;
  margin: 100px auto 150px;
  
  background-color: #FFFFFF; /* for non-css3 browsers */
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* IE lt 10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DADADA');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DADADA')";
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #FFFFFF), color-stop(1, #CACACA));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FFFFFF 70%, #CACACA 100%);
}

.e_static_popup{display:table-cell;}

.header_box {
  font-size:1.250em;
  font-size:1.250rem;
}

.connect_msg, .form1_pms, .form2_pms {
  font-size: 0.875em;
  font-size: 0.875rem;
}

.connect_msg {
  margin: 20px auto 0px;
}

.other_options, .return_to_connect {
  font-size: 0.750em;
  font-size:0.75rem;
}

.other_options { color:#666666; }
.other_options div {
  display:inline;

}

.roomno, .lastname {
  font-size: 1.125em;
  font-size: 1.125rem;
}

.without-selector {
  display:none;
}

.demo, .custom {
  display:none;
}


/** BRAND SPECIFIC STYLES ************************/
.gradient_bg{
  background-color: #EAEAEA; /* for non-css3 browsers */
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #B8B8B8 0%, #FFFFFF 100%);
  /* IE lt 10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8B8B8', endColorstr='#FFFFFF');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8B8B8', endColorstr='#FFFFFF')";
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #B8B8B8 0%, #FFFFFF 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #B8B8B8 0%, #FFFFFF 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B8B8B8), color-stop(1, #FFFFFF));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #B8B8B8 0%, #FFFFFF 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #B8B8B8 0%, #FFFFFF 100%);
}

.brand_option_bg{
  background-color: #FFFFFF; /* for non-css3 browsers */
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* IE lt 10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DADADA');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DADADA')";
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #FFFFFF), color-stop(1, #CACACA));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 70%, #CACACA 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FFFFFF 70%, #CACACA 100%);

}

.grey_button {

  background-color: #888888; /* for non-css3 browsers */
  background-image: -ms-linear-gradient(top, #BBBBBB 0%, #888888 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#888888');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#888888')";
  background-image: -moz-linear-gradient(top, #BBBBBB 0%, #888888 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #BBBBBB 0%, #888888 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BBBBBB), color-stop(1, #888888));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #BBBBBB 0%, #888888 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #BBBBBB 0%, #888888 100%);/* W3C Markup, IE10 Release Preview */ 
  color: #333333;
}

/* MC - MARRIOTT */
.mc_brand_button1, .mc_brand_option1_h2{

  background-color: #CB0000; /* for non-css3 browsers */
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #CB0000 0%, #7C0101 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB0000', endColorstr='#7C0101');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CB0000', endColorstr='#7C0101')";

  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #CB0000 0%, #7C0101 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #CB0000 0%, #7C0101 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CB0000), color-stop(1, #7C0101));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #CB0000 0%, #7C0101 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #CB0000 0%, #7C0101 100%);
  color: #fff;
}

.mc_brand_button2, .mc_brand_option2_h2{

  background-color: #FF5D1B; /* for non-css3 browsers */
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #FF5D1B 0%, #CD0101 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5D1B', endColorstr='#CD0101');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5D1B', endColorstr='#CD0101')";
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FF5D1B 0%, #CD0101 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FF5D1B 0%, #CD0101 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF5D1B), color-stop(1, #CD0101));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FF5D1B 0%, #CD0101 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FF5D1B 0%, #CD0101 100%);
  color: #fff; /*text-color*/
}


/* CY - COURTYARD */
.cy_brand_button1, .cy_brand_option1_h2{

  background-color: #7EB245; /* for non-css3 browsers */
  background-image: -ms-linear-gradient(top, #7EB245 0%, #4D7637 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EB245', endColorstr='#4D7637'); /* for IE */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EB245', endColorstr='#4D7637')"; /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#7EB245), to(#4D7637)); /* for webkit browsers */
  background: -o-linear-gradient(linear, left top, left bottom, from(#7EB245), to(#4D7637)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #7EB245, #4D7637); /* for firefox 3.6+ */
  background-image: linear-gradient(to bottom, #7EB245, #4D7637);
  color: #fff; /*text-color*/
}

.cy_brand_button2, .cy_brand_option2_h2{

  background-color: #F8981D; /* for non-css3 browsers */  
  background-image: -ms-linear-gradient(top, #F8981D 0%, #CF7605 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8981D', endColorstr='#CF7605'); /* for IE */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8981D', endColorstr='#CF7605')"; /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#F8981D), to(#CF7605)); /* for webkit browsers */
  background: -o-linear-gradient(linear, left top, left bottom, from(#F8981D), to(#CF7605)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #F8981D, #CF7605); /* for firefox 3.6+ */
  background-image: linear-gradient(to bottom, #F8981D, #CF7605);
  color: #fff; /*text-color*/
}



/* FN - FAIRFIELD INN AND SUITES */

.fn_brand_button1, .fn_brand_option1_h2 {  
  background-color: #004990; /* for non-css3 browsers */
  background-image: -ms-linear-gradient(top, #004990 0%, #023160 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004990', endColorstr='#023160');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004990', endColorstr='#023160')";
  background-image: -moz-linear-gradient(top, #004990 0%, #023160 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #004990 0%, #023160 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004990), color-stop(1, #023160));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #004990 0%, #023160 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #004990 0%, #023160 100%);/* W3C Markup, IE10 Release Preview */ 
  color: #fff; /*text-color*/
}
.fn_brand_button2, .fn_brand_option2_h2 {

  background-color: #6CADDF; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #6CADDF 0%, #004990 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CADDF', endColorstr='#004990');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CADDF', endColorstr='#004990')";
  background-image: -moz-linear-gradient(top, #6CADDF 0%, #004990 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #6CADDF 0%, #004990 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6CADDF), color-stop(1, #004990));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #6CADDF 0%, #004990 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #6CADDF 0%, #004990 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color: #fff; /*text-color*/
}

/* RI - RESIDENCE INN */
.ri_brand_button1, .ri_brand_option1_h2 {

  background-color: #640933; /* for non-css3 browsers */  
    background-image: -ms-linear-gradient(top, #640933 0%, #39011B 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#640933', endColorstr='#39011B');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#640933', endColorstr='#39011B')";
  background-image: -moz-linear-gradient(top, #640933 0%, #39011B 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #640933 0%, #39011B 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #640933), color-stop(1, #39011B));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #640933 0%, #39011B 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #640933 0%, #39011B 100%);/* W3C Markup, IE10 Release Preview */ 
  color: #fff; /*text-color*/
}
.ri_brand_button2, .ri_brand_option2_h2 {

  background-color: #E7A614; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #E7A614 0%, #A77401 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7A614', endColorstr='#A77401');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7A614', endColorstr='#A77401')";
  background-image: -moz-linear-gradient(top, #E7A614 0%, #A77401 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #E7A614 0%, #A77401 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E7A614), color-stop(1, #A77401));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #E7A614 0%, #A77401 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #E7A614 0%, #A77401 100%);/* W3C Markup, IE10 Release Preview */   
  
  color: #fff; /*text-color*/
}



/* SH - SPRINGHILL SUITES */
.sh_brand_button1, .sh_brand_option1_h2 {

  background-color: #4A48C4; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #4A48C4 0%, #2E2670 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A48C4', endColorstr='#2E2670');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A48C4', endColorstr='#2E2670')";
  background-image: -moz-linear-gradient(top, #4A48C4 0%, #2E2670 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #4A48C4 0%, #2E2670 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A48C4), color-stop(1, #2E2670));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #4A48C4 0%, #2E2670 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #4A48C4 0%, #2E2670 100%);/* W3C Markup, IE10 Release Preview */   
  
  color: #fff; /*text-color*/
}

.sh_brand_button2, .sh_brand_option2_h2 {

  background-color: #47A5CF; /* for non-css3 browsers */  
    background-image: -ms-linear-gradient(top, #47A5CF 0%, #0E77A6 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47A5CF', endColorstr='#0E77A6');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#47A5CF', endColorstr='#0E77A6')";
  background-image: -moz-linear-gradient(top, #47A5CF 0%, #0E77A6 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #47A5CF 0%, #0E77A6 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #47A5CF), color-stop(1, #0E77A6));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #47A5CF 0%, #0E77A6 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #47A5CF 0%, #0E77A6 100%);/* W3C Markup, IE10 Release Preview */   
  color: #fff; /*text-color*/
}

/* TP - TOWNEPLACE SUITES */
.tp_brand_button1, .tp_brand_option1_h2 {

  background-color: #00728F; /* for non-css3 browsers */  
    background-image: -ms-linear-gradient(top, #00728F 0%, #004964 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00728F', endColorstr='#004964');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00728F', endColorstr='#004964')";
  background-image: -moz-linear-gradient(top, #00728F 0%, #004964 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #00728F 0%, #004964 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00728F), color-stop(1, #004964));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #00728F 0%, #004964 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #00728F 0%, #004964 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color: #fff; /*text-color*/
}
.tp_brand_button2, .tp_brand_option2_h2 {

  background-color: #6CB33F; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #6CB33F 0%, #3C870D 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CB33F', endColorstr='#3C870D');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CB33F', endColorstr='#3C870D')";
  background-image: -moz-linear-gradient(top, #6CB33F 0%, #3C870D 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #6CB33F 0%, #3C870D 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6CB33F), color-stop(1, #3C870D));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #6CB33F 0%, #3C870D 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #6CB33F 0%, #3C870D 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color: #fff; /*text-color*/
}

/* JW - JW */

.jw_brand_button1, .jw_brand_option1_h2 {

  background-color: #000000; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #666666 0%, #000000 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000')";
  background-image: -moz-linear-gradient(top, #666666 0%, #000000 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #666666 0%, #000000 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #000000));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #666666 0%, #000000 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #666666 0%, #000000 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color: #fff; /*text-color*/
}
.jw_brand_button2, .jw_brand_option2_h2 {
  background-color: #666666; /* for non-css3 browsers */
 
    background-image: -ms-linear-gradient(top, #999999 0%, #666666 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')";
  background-image: -moz-linear-gradient(top, #999999 0%, #666666 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #999999 0%, #666666 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999), color-stop(1, #666666));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #999999 0%, #666666 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #999999 0%, #666666 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color: #fff; /*text-color*/
}

/* BR - RENAISSANCE */
.br_brand_button1, .br_brand_button2 {
  border-radius: 40px;


  background-color: #E58C26 ; /* for non-css3 browsers */
    background-image: -ms-linear-gradient(top, #FABE41 0%, #F67C21 100%);/* IE10 Consumer Preview */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FABE41', endColorstr='#F67C21');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FABE41', endColorstr='#F67C21')";
  background-image: -moz-linear-gradient(top, #FABE41 0%, #F67C21 100%);/* Mozilla Firefox */ 
  background-image: -o-linear-gradient(top, #FABE41 0%, #F67C21 100%);/* Opera */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FABE41), color-stop(1, #F67C21));/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-linear-gradient(top, #FABE41 0%, #F67C21 100%);/* Webkit (Chrome 11+) */ 
  background-image: linear-gradient(to bottom, #FABE41 0%, #F67C21 100%);/* W3C Markup, IE10 Release Preview */ 
  
  color:white;
}

.br_brand_option1_h2{
  background-color: #2C2C2C;
  color:white;
}
.br_brand_option2_h2{
  background-color: #666666;
  color:white;
}


/* Banner, Footer and Highlight Colors */
.mc_brand_highlight1{color:#9d102d;}
.mc_brand_highlight2{color:#FF5D1B;}
.mc_brand_banner{background-color:transparent}
.mc_footer{background-color:black}
.MC{background-color:black;}

.br_brand_highlight1{color:#2c2c2c;}
.br_brand_highlight2{color:#2c2c2c;}
.br_brand_banner{background-color:transparent}
.br_footer{background-color:black}
.BR{background-color:black;}



.jw_brand_highlight1{color:black;}
.jw_brand_highlight2{color:black;}
.jw_brand_banner{background-color:transparent}
.jw_footer{background-color:black}
.JW{background-color:black;}


.cy_brand_highlight1{color:#549B00;}
.cy_brand_highlight2{color:#EF8301;}
.cy_brand_banner{background-color:#7EB245; max-width:none;}
.cy_footer, .CY{background-color:#689550}

.fn_brand_highlight1{color:#023160;}
.fn_brand_highlight2{color:#004990;}
.fn_brand_banner{background-color:#004990; max-width:none;}
.fn_footer, .FN{background-color:#004990}

.ri_brand_highlight1{color:#640933;}
.ri_brand_highlight2{color:#A77401;}
.ri_brand_banner, .ri_footer, .RI{background-color:#640933; max-width:none;}

.sh_brand_highlight1{color:#2E2670;}
.sh_brand_highlight2{color:#0E77A6;}
.sh_brand_banner{background-color:#47A5CF; max-width:none;}
.sh_footer, .SH{background-color:#2E2670}

.tp_brand_highlight1{color:#004964;}
.tp_brand_highlight2{color:#3C870D;}
.tp_brand_banner{background-color:#00728F; max-width:none;}
.tp_footer, .TP{background-color:#6CB33F}

.MC, .BR, .JW, .CY, .FN, .RI, .SH, .TP { background-image:none; }

.CY .options-link,
.FN .options-link,
.RI .options-link,
.SH .options-link,
.TP .options-link {
  text-shadow: none;
  color: #666666;
}

/* Full-service bg images */
.MC .brand_bg, .BR .brand_bg, .JW .brand_bg {
  max-width:1400px;
  margin:auto;
}
.MC .brand_bg { background: url('img/MC/brand_bg.jpg') no-repeat left center; }
.JW .brand_bg { background: url('img/JW/brand_bg.jpg') no-repeat center bottom; }
.BR .brand_bg { background: url('img/BR/brand_bg.jpg') no-repeat left center; }



.error_list, .error_list li { padding-top:5px; }
.invalid { color: red; }
label.invalid:before { content: "> "; }
input.invalid { border-color: red; color: black; }

.status_box {
  text-align:left;
  width: 90%;
  border: 1px solid red;
  color:red;
  margin: 10px auto;
  padding:10px;  
  display:none;
}
/* smaller than 570px */
@media screen and (max-width:570px){

  .plans_page .btn_wrapper {
    padding:10px;
  }

  .inner_page, .popups {
    margin-top: 15px;
  }
  .popups {
    margin-bottom:15px;
  }
  
  .other_options div {
    display:block;
  }
  
  .btn_wrapper {
    padding: 20px 25px;
    width: 100%;
  }
  
  .connect_msg {
    margin: 20px 20px 0px;
    width:auto;
  }

  .page_container {
    width:300px;
    padding:0px 0px 1px;
  }
  .brand_logo {
    float:none;
    margin:20px 0px 0px 0px;
  }
  .brand_banner {
    height: 85px;
  }
  .property_info, .mobile-hide, .brand_option_hl, .plan_description, .brand_headline, .hotel_name, .hotel_address, .walled_garden_link {
    display:none;
  }
  .mobile-show {
    display:block;
  }
  .options {
    width:300px;
    margin:0px auto 15px;
    float:none;
  }
  
  .options-wrapper .underline {
    text-decoration:none;
  }
  
  .options-link {
    color:#333;
    text-shadow:none;
  }
  

  
  .options-break {
    padding-top:40px;
  }
  
  .mobile-link {
    padding:10px;
    margin: 10px 0px;
    
    background-color: #888888; /* for non-css3 browsers */
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FDFDFD 0%, #888888 100%);
    /* IE lt 10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#888888');
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FDFDFD 0%, #888888 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #FDFDFD 0%, #888888 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD), color-stop(1, #888888));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FDFDFD 0%, #888888 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FDFDFD 0%, #888888 100%);

  }
  
  .options-wrapper {
    width:300px;
    margin:auto;
    padding:0;
  }
  
  .options-wrapper div {
    display:block;
  }
  
  .CY .brand_logo { margin-top: 28px; }
  .FN .brand_logo { margin-top: 22px; }
  .RI .brand_logo { margin-top: 22px; }
  .SH .brand_logo { margin-top: 24px; }
  .TP .brand_logo { margin-top: 22px; }

  .MC .brand_bg { background: url('img/MC/brand_bg_mobile.jpg') no-repeat left center; }
  .JW .brand_bg { background: url('img/JW/brand_bg_mobile.jpg') no-repeat right bottom; }
  .BR .brand_bg { background: url('img/BR/brand_bg_mobile.jpg') no-repeat center top; }
  
}

/* between 570px and 700px */
@media screen and (min-width:571px) and (max-width:700px){

  .option1{
    margin-right:20px;
  }
  .page_container{
    width:560px;
  }
  
  .hotel_address{
    display:none;
  }
  
  .walled_garden_link{
    display:none;
  }
  
  .brand_logo{
    float:none;
    margin:20px 0px 0px 0px;
  }
  
  .property_info{
    float:none;
    display:block;
    margin:10px auto;
  }
  
  .hotel_name{
    text-align:center;
    margin:auto;
    font-weight:normal;
    font-size:0.75em;
    font-size:0.75rem;
  }
  .CY .brand_logo {}
  .FN .brand_logo { margin-top: 15px; }
  .RI .brand_logo { margin-top: 14px; }
  .SH .brand_logo { margin-top: 20px; }
  .TP .brand_logo { margin-top: 14px; }
}
  

/* larger than 700px */
@media screen and (min-width:701px){

  .CY .brand_logo { margin-top: 32px; }
  .FN .brand_logo { margin-top: 23px; }
  .RI .brand_logo { margin-top: 25px; }
  .SH .brand_logo { margin-top: 28px; }
  .TP .brand_logo { margin-top: 23px; }
  
  .page_container{
    width:570px;
  }
}