/*apply global reset*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    /*font-family: inherit;  !Brain*/ 
    vertical-align: baseline;
}
h2,
h2 p,
.sectiontitle,
.section_head {font-family:"Droid Serif",serif }

table { font-size: 1em; }

/*global */

body { font-family:"trebuchet ms", arial, verdana, sans-serif; font-size:12px; color:#333; height:100%; }
h1, h2, h3, h4, h5 { margin: 0; }
h5 { margin-bottom: .8em; }
h6 { margin: 0 0 .4em; }
h1, h2 { font-size: 15px; color:#333}
h3, h4, h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
p { margin:0; padding:0px 0px 6px 0px; }
hr { border-bottom: 1px solid #8ea9b8; margin:10px 0px 10px 0px; border-top:0px; border-right:0px; border-left:0px; height:1px; }

/* Account */

.account-welcome {color:#fff; text-transform:uppercase; padding:0px 0px 0px 0px; font-size:1.2em; font-weight:600;}

/* forms */
.cntbtn{padding:3px; font-size:125%}

.fwrap,
.list_inline,
.list_sep,
.list_data,
.list_data li,
.group_images,
.input_block,
.input_group,
.res_details,
ul.tab,
.section_head,
.travel_form,
.section_footer { overflow: hidden;  *height: 1%;}

.fwrap .section_head { float: left; width: 60%; margin-bottom: .8em; *padding-bottom: .8em; }
.fwrap .section_head .sectionname, .fwrap .section_head .sectiontitle { margin-bottom: 0; padding-bottom: 0; }
.fwrap .action { float: right; width: 35%; text-align: right; }
.section_footer { clear: both; float: none; }
.section_footer .main,
.section_footer .action { width: 45%; }
.section_footer .main { float: left; }
.section_footer .action { float: right; text-align: right; }
.heading, .sectiontitle, .sectionname, .groupname { text-transform: uppercase; }
.sectiontitle { font-size: 15px; }
.sectionname { font-size: 1.2em; }
.sectionname, .groupname { margin-bottom: .8em; }
.notice { color: #993300; }
.norm { font-weight: normal; text-transform: none; }
.block { display: block !important; }
.inline { width: auto; display: inline; }
.none { display: none; }

.tagline { display: block; text-align: center; }

.notice_none { font-style: italic; }
.bc { text-transform: uppercase; margin: 0 0 4px; }
.loading { background: url('../images/miscIcons/loading.gif') 0 0 no-repeat; padding-left: 21px; }
.mLightGreyOutlined .tab_content .loading { background-image: url('../images/miscIcons/loading_grey.gif'); }
.mMediumBrownOutlined .tab_content .loading { background-image: url('../images/miscIcons/loading_brown.gif'); }
/* Links */

a { color:#333; text-decoration:underline; }

a.link_edit, .link_edit a { text-transform: uppercase; font-size: .85em; }
a.link_action, .link_action a { font-weight: bold; text-transform: uppercase; }
.current a, a.current { /*font-weight: bold; !Brain*/ }
.link_print a, a.link_print { background: url('../images/miscIcons/printpage.gif') top left no-repeat; padding-left: 18px; }
p .link_map a, p a.link_map { padding-left: .5em; }
.email { text-decoration: underline; color: #62534c; }
.content table label, .content li label { display: inline; padding: 0 .3em; }
.sectiontitle .link_action, .sectionname .link_action { font-size: .8em; }

/* Lists */
    /* General */
ul { margin: 0; list-style: none; }
ol { margin: 15px 0px 30px 40px; }
li p { margin: .5em 2em; }
    
    /* Specific */
.list_std { list-style: circle; margin-left: 1.5em; }
.list_inline li,
.list_sep li { float: left; margin-right: 1em; }
.list_inline li.row { clear: both; }
.list_data li .title { width: 12em; }
.list_data li { clear: both; }
.list_data li span { float: left; }
.list_data p { margin: 0; }

.list_sep li { border-width: 0 1px 0 0; border-style: solid; padding: 0 1em 0 0; margin: 0 1em 0 0; }
.list_sep .first { }
.list_sep .last { border: 0; padding-right: 0; }

.calc li span { font-weight: normal; }
li .title, li.total span { font-weight: bold; }
.summary li ul { margin: 0 0 0 .5em; }
.list_form, .list_form li { overflow: hidden; *height: 1%; float: left; }
.list_form li { margin-right: 1em; }
body .list_form li input, body .list_form li label { float: left; padding-top: 0; margin-top: 0; }

.list_error { color: #cf1e00; font-weight: bold; list-style: disc; padding-left: 1em; }

/* Images */

body .hotel_photo img, body img.hotel_photo { margin: 0 0 .8em; }
.group_images { margin: 1em 0; }
.content .group_images img { float: left; margin: .5em; border: 1px solid #777; }
img.photo,
.photo img { border-width: 1px; border-style: solid; }

/* Layout */

.box_content { border-top: 1px solid #ccc; margin-top: 1em; padding: 1em 0 0; }
.content_inner { padding: 1em; _width: 90%; }
.box_section { margin: 1em 0 2em; padding: 0 1em; }
.box_section .sectionname { /*margin-left: -1em;*/ margin-bottom: 1em; }
.box_gen { margin: 1em 0; clear: both; }
.box_error { margin: 0 0 1em; clear: both; }

    /* Columns */
.col { width: 45%; float: left; margin: 0 0 1em; padding: 0 1em 1em; }
.col.side { border: 1px solid #aaa; padding: .5em; background: #eee; float: right; }
.mLightBrownTabPanels .side { background: #E2DED8;  border-color: #AB9E8B; }
li .col p { margin: 0; }

/* Tabs */

ul.tab { list-style: none; margin: 0; padding: 0; clear: both; display: block; width: 100%; }
.tab li { padding: .3em 0; float: left; margin-right: .3em; text-align: center; }
.tab li a { padding: .5em; text-decoration: none; background-color: #333; color: #fff; }
.tab li a.active { background: transparent; color: #000; }
.tab_content { padding: 15px; }

/* Res agents */

.resAgentLookup{overflow:hidden;}
.resAgentLookup label {display:block;} 
.resAgentLookup H2{ margin-bottom:10px;}
.resAgentLookup input {width:200px; margin-bottom:5px; clear:both;}
.resAgentInfo { margin-top:8px; padding-top:8px;}
.resAgentRow {cursor:pointer; border:1px solid #9ab4c5; background:#B5C6D1; padding:3px;margin-bottom:1px; font-size:115%;;}
.resAgentRecord {padding:3px;margin-bottom:1px;}
.resAgentRecordHeader { font-weight:600; font-size:110%; padding-bottom:2px;}
.resAgentRecordData { padding-bottom:6px;}
.resAgentRow:hover { background:#9ab4c5;} 


/* Card Template */

.card_temp { text-align: center; padding: 1em; }
.card_temp .card_block, .card_temp .card_block img { width: 252px; height: 154px; }
.card_temp .card_block { position: relative; margin: 0 auto 1em; }
.card_temp li { position: absolute; width: 210px; text-align: left; left: 13px; font-size: 1em; }
.card_temp .temp_name, .card_temp .temp_number { font-weight: bold; }
.card_temp .temp_expire { bottom: -2px;  *bottom: 2px;
}
.card_temp .temp_name { top: 85px; font-size: 1.3em; }
.card_temp .temp_number { top: 68px; }

/* Card Info */

.card_info { overflow: hidden; *height: 1%; margin: 0 0 .5em; }
.card_info.primary { margin: 0 0 1em; }
.card_info .card_name { font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
.card_info.secondary .card_name { font-size: 1em; }
.card_info .card_img,
.card_info .card_details { float: left; margin: 0 .5em .5em 0; }
.card_info .card_details { width: 60%; _width: 55%; }
.card_info img.card_small,
.card_info .card_small img { width: 53px; height: 35px;}
.card_mask {width: 52px; height: 33px; overflow:hidden; float:left;  margin: 0 .5em .5em 0;}
    /* Card Lists */
li .card_info { margin: .5em 0 0; padding: 1.5em 0 0; border-style: solid; border-width: 1px 0 0; }

/* This class sets the width and position for all rows */
.inside { width:950px; _width: 955px; margin:4px auto; min-width:940px; }
/* header-footer */
#header { margin-top: 21px; height: auto; }
#header #ch_logo { float: left; height:30px; width:307px; background:url(../images/template/header/clubhotel.jpg) no-repeat bottom left; cursor:pointer; text-indent: -1000em; margin-bottom: 21px; }
#header #header_data { float: right; width: 50%; text-align: right; margin-bottom: .5em; }
#header #header_data,
#header #header_data input,
#header #header_data select { font-size: .9em; color:#62534c; }
#header #header_data .title,
#header #header_data label { font-weight: bold; }
#header #user_info { margin: 0 0 .4em; }
#header #user_info ul { float: right; }
#header #user_info ul,
#header #user_info a { color:#a19894; font-weight:bold; text-decoration: none; }
#header #user_info a:hover { color:#62534c; }
#header #user_info ul li { border-color: #c0bcbb; margin: 0; padding: 0 .5em; }
#header #user_info .last { padding-right: 0; }
.mainTabs { height:30px; border-bottom:1px solid #63544d; margin: 0 0 1.2em; }
.mainTabs ul { height:30px; margin-bottom:1px; }
.mainTabs li { float:left; list-style-type:none; height:30px; text-align:center; line-height:30px; cursor:pointer; font-size:.8em; font-weight: bolder; font-family:Arial, Helvetica, sans-serif; }
.mainTabs a { text-decoration:none; text-transform: uppercase; height:30px; display:block}
li.separator { color:#c0bcbb; }
.footerPlacement { width:940px; padding-left:15px; }
/* footer line 1 
#foot { clear:both; border-top:1px solid #b6b2b1;}
.footer .nav { clear: both; }
.footer a { text-transform:uppercase; font-size:.9em;}
.footer ul {margin-top: 1em; }
.footer li { float:left; list-style-type:none; padding:0px .6em 0px 0px; margin: 0 .6em .5em 0; border-right: 1px solid #c0bcbb; }
.footer li.last { border: 0; }*/
/* footer line 2 
.footerLine2 {margin-bottom:15px; clear:both; padding-bottom:15px; padding-top:2px;}
.footerLine2 a {text-transform:uppercase; font-size:.9em;}
.footerLine2 li { float:left; list-style-type:none; padding:0px 6px 3px 0px }*/

.copyright { float:right; font-size:.9em; }
.quickLinks { width:691px; line-height:20px; position:absolute; top:15px; left:264px; text-align:right; }

.admin a { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; display:inline-block; }
.admin a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; }
.moduleTools { position:relative; }
.moduleEdit { position:absolute; right:8px; top:8px; z-index:20; width:13px; height:11px; cursor:pointer; background:url(../images/template/edit.gif); filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; display:inline-block; }
.moduleEdit:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.moduleColorSwatch { width:15px; height:15px; float:left; margin-right:3px; border:1px solid black; margin-bottom:3px; cursor:pointer; }

/* error box styles */
.pad8 select.validation-failed,.pad8 input.validation-failed,.pad8 textarea.validation-failed {background: #e6ccbf;  border:2px solid #d1a48f; }
.pad8 select.validation-passed,.pad8 input.validation-passed,.pad8 textarea.validation-passed {}
.box-error-container {overflow:hidden;clear:both;}
.pad8 #box-error  {background: #e6ccbf; color:#993300;  border:2px solid #d1a48f; margin:0px 0px 10px 0px;  padding:6px; overflow:hidden;}
.pad8 #box-error-content { line-height:24px; height:24px; float:left;}
.pad8 #box-error img {float:left; padding-right:6px;}


/* pagination*/
.pages { clear:both; font-size:90%; }
.pages a, .pages span { background:#FFFFFF none repeat scroll 0%; border:1px solid #FFFFFF; display:block; float:left; margin-left:.3em; padding:0.2em 0.5em; }
.pages span.current { background:#88b724 none repeat scroll 0%; border:1px solid #88b724; color:#FFFFFF; font-weight:bold; }
.pages a { border:1px solid #d8d2c8; text-decoration:none; }
.pages a:hover { border-color:#88b724; text-decoration:none; }
.pages a.nextprev { font-weight:bold; margin-right:0px; }
.pages span.nextprev { color:#666666; }
.pages span.nextprev { border:1px solid #DDDDDD; color:#999999; margin-right:0px; }
.pages .nextprev-next { float:right; }

.pages-blue { clear:both; font-size:90%; }
.pages-blue a, .pages-blue span { background:#FFFFFF none repeat scroll 0%; border:1px solid #FFFFFF; display:block; float:left; margin-left:.3em; padding:0.2em 0.5em; }
.pages-blue span.current { background:#88b724 none repeat scroll 0%; border:1px solid #88b724; color:#FFFFFF; font-weight:bold; }
.pages-blue a { border:1px solid #ccc; text-decoration:none; }
.pages-blue a:hover { border-color:#88b724; text-decoration:none; }
.pages-blue a.nextprev { font-weight:bold; margin-right:0px; }
.pages-blue span.nextprev { color:#666666; }
.pages-blue span.nextprev { border:1px solid #DDDDDD; color:#999999; margin-right:0px; }
.pages-blue .nextprev-next { float:right; }

.cancel-res { clear:both; font-size:90%; }
.cancel-res a, .cancel-res span { background:#EEEEEE none repeat scroll 0%; border:1px solid #AAAAAA; display:block; float:left; margin:.4em .3em .8em 0em; padding:0.2em 0.5em; }
.cancel-res span.current { background:#8ea9b8 none repeat scroll 0%; border:1px solid #8ea9b8; color:#FFFFFF; font-weight:bold; }
.cancel-res a { border:1px solid #AAAAAA; text-decoration:none; }
.cancel-res a:hover { border-color:#aaaaaa; background-color:#DEDEDE; }
.cancel-res a.nextprev { font-weight:bold; margin-right:0px; }
.cancel-res span.nextprev { color:#666666; }
.cancel-res span.nextprev { border:1px solid #DDDDDD; color:#999999; margin-right:0px; }
.cancel-res .nextprev-next { float:right; }


/*program Detail */
.programDetail{padding:15px;}
.programDetail strong { text-transform:uppercase;}

/* content */
.content label,
.sidebar label { display:block; margin: 0 0 .2em; clear: both; }
input.contentButton { padding:1px 1px; cursor:pointer; }
.content_footer { text-align: center; }
.content_note { text-align: right; }
/* side bar */

.sidebar p { margin: 0; padding: 0 0 1em 0; clear: both; }
.sidebar ul { margin:0px 0px 0px 0px; list-style: none; }
.sidebar ol { margin:15px 0px 30px 40px; }
.sidebar li { padding-bottom:4px; }
.sidebar .groupname { clear: both; }

/* .sidebar label { display:block; margin-top:5px; margin-bottom:2px; } */
input.sidebarButton { padding:1px 1px; }
/* forms*/
fieldset { border:0px; padding: 0 0 1em; }

legend { position: absolute; margin-bottom: -2em; text-indent: -999em; line-height: 0px; }
.forms-row { clear:left; min-height:30px; text-align:left; }
.forms h1 { padding-bottom:16px; letter-spacing:0x; font-weight:600; font-size:1.2em; }
.forms h2 { padding-bottom:0px; letter-spacing:0x; font-weight:600; margin-top:10px; font-size:.9em; }
.forms p { margin:0; padding:0px 0px 6px 0px; }
.forms ul { margin:0px 0px 0px 0px; list-style: none; }
.forms ol { margin:15px 0px 30px 40px; }
.forms li { padding-bottom:4px; }
.forms label { clear:left; float:left; width:11em; text-align:right; margin-right:10px; }
.forms input { width:250px; }
input.formsButton { float:right; width:auto; padding:6px; }
input.formsCCV { width:25px; }
.forms-required { position:absolute; right:0px; top:0px; }
label.formsClearLabel { display:block; clear:none; float:none; width:auto; text-align:left; margin-right:auto; }
select.formsCreditCardType { width:120px; }
input.formsRadio { width:auto; }

select optgroup { border-top: 1px dotted #ccc; margin-top: .5em; padding-top: .5em; *margin-top: .2em; *padding-top: .2em; }

/* form*/
.form-row { clear:left; min-height:30px; text-align:left; }
.form h1 { padding-bottom:16px; letter-spacing:0x; font-weight:600; font-size:1.2em; }
.form h2 { padding-bottom:0px; letter-spacing:0x; font-weight:600; margin-top:10px; font-size:.9em; }
.form p { margin:0; padding:0px 0px 6px 0px; }
.form ul { margin:0px 0px 0px 0px; list-style: none; }
.form ol { margin:15px 0px 30px 40px; }
.form li { padding-bottom:4px; }
.form label { position:relative; clear:left; float:left; width:11em; text-align:right; margin-right:10px; }
.form-editInPlace { position:absolute; z-index:100; text-align:right; margin-right:10px; border:1px solid #ffcc00; padding:10px; background-color:#ffffcc; }

.form-required { position:absolute; right:0px; top:0px; }
input.formText { width:250px; }
.form span { padding:3px; }
.form textarea { width:400px; }
fieldset { border: 0; }
.form_member { border: 1px solid #ccc; background: #e0e0e0; padding: 1em; }
.form_member p { margin-bottom: 1em; }
.label_inline label,
label.label_inline,
.label_inline input { display: inline !important; float: none !important; width: auto !important; }
li .input_click { margin-top: 0; }

.ch_only { padding: .5em 0; margin-bottom: .5em; }

.form_action { text-align: right; }

.input_block .input_note,
.input_block .input_group,
.input_block .title,
.input_block .data,
.input_block label,
.input_block input,
.input_block select { width: 12em; float: left; display: block; }
.input_block input.btn { clear: both; float: none; display: block; }
.input_block textarea { display: block; width: 95%; }
.input_block .input_note, .input_block .input_group { width: 30em; }
.input_block .input_note { margin: 0 0 0 1.5em; }
.input_block .data, .input_block input, .input_block select { *float: none; margin-bottom: 1em; }
.input_block .title, .input_block label { margin: 0; clear: both; }
.input_block .input_sub { clear: none; }
.input_group { clear: both; }
.input_group input { margin-right: .5em; }
.input_group .input_group { width: auto; clear: none; margin-right: .5em; }
.input_group .input_group input { margin: 0; float: none; display: inline; }
.input_sub .input_sub { margin-bottom: 0; }
.input_phone .ph_area { width: 3em; }
.input_phone .ph_number { width: 7em; }

    /* Search Modules */

#hotel_search .mod_search .tab_content { background-color: transparent; padding: 0; } /* Temp rule */
.mod_search { margin-bottom: .5em; padding: .3em; }
.mod_search .groupname { padding-bottom: .3em; margin-bottom: .5em; }
.mod_search .mod_content { }
.mod_search fieldset { padding: 0; }
.mod_search select { width: 100%; }
.mod_search input { width: 98%; }
.mod_search .tab_content { padding: 0.5em 0.5em 1.5em; _width: 94%; }

        /* Guests */
        
.mod_search .res_guests .input_adults { width: 20%; }
.mod_search .res_guests .input_children { width: 70%; margin: 0; }
.mod_search .res_guests .sel_children { width: 30%; }
.mod_search .res_guests .child_age { *width: 42%; _width: 40%; }

/* Input Types */

    /* Date */

.input_date { margin-bottom: 1em; }
.input_date label, .input_date input, .input_date select { display: inline; float: none; margin: 0em 1em 0 0; width: auto; }
/* User Info */

input.name_m, .name_m input { width: 2em; }
/* Payment Form */

    /* Card */
    
.card_expire label { clear: none; }
.card_expire .card_year select, .card_expire select.card_year { width: 5em; }
.card_cvv { overflow: hidden;  *height: 1%;
}
.card_cvv input, input.card_cvv { width: 3em; margin-right: 1em; }
.card_cvv input, input.card_cvv, .card_cvv img { float: left; }
.card_cvv .cvv_group { float: left; width: 19em; }
.card_cvv .cvv_group .validation-advice { margin: 0; }
.payment_existing .cvv_group { background-color: #F0E2AD; border: 1px solid #ccc; margin-right: 1em; padding: .5em; width: auto;  }
.payment_existing .card_cvv { margin-left: 1em; }
.payment_existing .card_cvv input { margin-bottom: 0; margin-right: 0; }
/* Address */
    
.payment_address ul { margin-bottom: 1em; }

/* Calendar */
.input_cal { overflow: hidden; *height: 1%; float: none; clear: both; margin: 0 0 1em; }
.input_cal div { float: left; margin-right: 1em; }
.input_cal label,
.input_cal input { float: none; }
.input_cal input{ display: inline; margin: 0 .2em 0 0 !important; }
.input_cal label { width: auto !important; margin: 0 0 .5em !important; }
.input_cal input { width: 8em !important; }


/*search component */
.searchComponent { padding:8px; overflow:auto; }
/*templates*/
#threeColumn_leftColumn { float:left; width:420px; margin-right:10px; }
#threeColumn_centerColumn { float:left; width:300px; margin-right:10px; }
#threeColumn_rightColumn { float:left; width:200px; }




#threeColumn_CenterMain_leftColumn { width:200px; float:left; margin-right:10px; }
#threeColumn_CenterMain_centerColumn { float:left; width:520px; margin-right:10px; }
#threeColumn_CenterMain_rightColumn { width:200px; float:left; }
#threeColumn_CenterRightEqual_leftColumn { width:200px; float:left; margin-right:10px; }
#threeColumn_CenterRightEqual_centerColumn { float:left; width:360px; margin-right:10px; }
#threeColumn_CenterRightEqual_rightColumn { width:360px; float:left; }
#rowThreeColumn_CenterRightEqual_row { width:940px; }
#rowThreeColumn_CenterRightEqual_leftColumn { width:200px; float:left; margin-right:10px; }
#rowThreeColumn_CenterRightEqual_centerColumn { float:left; width:360px; margin-right:10px; }
#rowThreeColumn_CenterRightEqual_rightColumn { width:360px; float:left; }
#rowTwoColumn_NavRight_row { width:950px; }
#rowTwoColumn_NavRight_leftColumn { width:730px; float:left; margin-right:10px; }
#rowTwoColumn_NavRight_rightColumn { width:210px; float:left; }
#rowTwoColumn_leftColumn { width:250px; float:left; margin-right:10px; }
#rowTwoColumn_rightColumn { width:690px; float:left; }
#TwoColumn_leftColumn { width:680px; float:left; margin-right:10px; }
#TwoColumn_rightColumn { width:250px; float:left; }
#rowThreeColumn_row { width:940px; }
#rowThreeColumn_leftColumn { width:200px; float:left; margin-right:10px; }
#rowThreeColumn_centerColumn { float:left; width:520px; margin-right:10px; padding-bottom:10px; }
#rowThreeColumn_rightColumn { width:200px; float:left; }
#rowThreeColumn_CenterHeader_topRow { width:940px; }
#rowThreeColumn_CenterHeader_leftColumn { width:250px; float:left; margin-right:10px; }
#rowThreeColumn_CenterHeader_container { width:680px; float:left; }
#rowThreeColumn_CenterHeader_leftColumn2 { float:left; width:680px; }
#rowThreeColumn_CenterHeader_centerColumn { float:left; width:480px; margin-right:10px; }
#rowThreeColumn_CenterHeader_rightColumn { width:190px; float:left; }
#rowOneColumn_row { width:940px; }
#rowOneColumn_centerColumn { float:left; width:940px; margin-right:10px; }

#threeColumn_spanRow {width:940px;}
#threeColumn_spanRow_container {width:692px; float:left}
#threeColumn_spanRow_row {width:682px; margin-right:10px;}
#threeColumn_spanRow_leftColumn {float:left; width:252px; margin-right:10px; }
#threeColumn_spanRow_centerColumn {float:left; width:420px; margin-right:10px;}
#threeColumn_spanRow_rightColumn {float:left; width:248px; float:left}

/* containers */
.twoColumnLeft { width:50%; float:left; overflow:hidden; }
.twoColumnRight { width:50%; float:right; overflow:hidden; }
.halfColumn { width:50%; float:left; overflow:hidden; }
.thirdColumn { width:33%; float:left; overflow:hidden; }
.quarterColumn { width:25%; float:left; overflow:hidden; display:inline; overflow:hidden; }
/* main tabs */
.homeTab { width:57px; background: url(../images/template/header/home-Off.jpg); color:#63544d; text-decoration:none; }
.homeTab:hover { width:57px; background: url(../images/template/header/home-Over.jpg); text-decoration:none; }
.homeTabActive { width:57px; background: url(../images/template/header/home-On.jpg); }
.hotelsTab { width:68px; background: url(../images/template/header/hotels-Off.jpg); color:#63544d; }
.hotelsTab:hover { width:68px; background: url(../images/template/header/hotels-Over.jpg); }
.hotelsTabActive { width:68px; background: url(../images/template/header/hotels-On.jpg); }
.mapTab { width:76px; background: url(../images/template/header/map-Off.jpg); color:#63544d; }
.mapTab:hover { width:76px; background: url(../images/template/header/map-Over.jpg); }
.mapTabActive { width:76px; background: url(../images/template/header/map-On.jpg); }
.packagesTab { width:160px; background: url(../images/template/header/packages-Off.jpg); color:#63544d; }
.packagesTab:hover { width:160px; background: url(../images/template/header/packages-Over.jpg); }
.packagesTabActive { width:160px; background: url(../images/template/header/packages-On.jpg); }

.memberBenefitsTab { width:136px; background: url(../images/template/header/member-benefits-Off.jpg); color:#63544d; }
.memberBenefitsTab:hover { width:136px; background: url(../images/template/header/member-benefits-Over.jpg); }
.memberBenefitsTabActive { width:136px; background: url(../images/template/header/member-benefits-On.jpg); }

.member-benefits-2070 { width:169px; background: url(../images/template/header/2070-Member-Benefits-Off.jpg); color:#63544d; }
.member-benefits-2070:hover  { width:169px; background: url(../images/template/header/2070-Member-Benefits-over.jpg); }
.member-benefits-2070Active{ width:169px; background: url(../images/template/header/2070-Member-Benefits-On.jpg); }

.member-benefits-1040 { width:209px; background: url(../images/template/header/1040-Member-Benefits-Off.jpg); color:#63544d; }
.member-benefits-1040:hover  { width:209px; background: url(../images/template/header/1040-Member-Benefits-over.jpg); }
.member-benefits-1040Active{ width:209px; background: url(../images/template/header/1040-Member-Benefits-On.jpg); }

.specialsTab { width:76px; background: url(../images/template/header/map-Off.jpg); color:#63544d; }
.specialsTab:hover  { width:76px; background: url(../images/template/header/map-over.jpg); }
.specialsTabActive{ width:76px; background: url(../images/template/header/map-On.jpg); }

.memberServicesTab { width:136px; background: url(../images/template/header/member-services-Off.jpg); color:#63544d; }
.memberServicesTab:hover { width:136px; background: url(../images/template/header/member-services-Over.jpg); }
.memberServicesTabActive { width:136px; background: url(../images/template/header/member-services-On.jpg); }
.memberAccountsTab { width:114px; background: url(../images/template/header/member-accounts-Off.jpg); color:#63544d; }
.memberAccountsTab:hover { width:114px; background: url(../images/template/header/member-accounts-Over.jpg); }
.memberAccountsTabActive { width:114px; background: url(../images/template/header/member-accounts-On.jpg); }
/* variations */
.bulletList ul { margin:10px 0px 20px 20px; list-style:circle; }
.bulletList li { margin-bottom:2px; }
/* various */
.counter { float:right; padding-top:5px; }
.error { color: #fff; background: #993300; border: 1px solid #993300; padding: .5em; margin: 0 0 1em; text-transform: uppercase; font-size: 13px; font-weight:bolder }
.success { color:#8ec400; font-weight:bold; font-size:1.3em; }
.asterisk { color:maroon; padding:0px 3px 0px 3px; }
#debug { color: #000000; margin:15px; }
#debug fieldset { color:#cccccc; padding:15px; }
#debug legend { color:#cccccc; padding-left:5px; padding-right:5px; cursor:pointer; font-size:1.5em; }
#debug table { color:#000000; }
/*general classes*/
.f { width:98%; }
.h { width:48%; }
.fl { float:left; }
.fr { float:right; }
.o { overflow:auto; }
.tar { text-align:right; }
.tac { text-align:center; }
.rel { position:relative; }
.abs { position:absolute; }
.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.aw { width:auto; }
/* line spacing classes */
/*top margins*/
.mt1 { margin-top:1px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt4 { margin-top:4px; }
.mt5 { margin-top:5px; }
.mt6 { margin-top:6px; }
.mt7 { margin-top:7px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
/*right margins*/
.mr1 { margin-right:1px; }
.mr2 { margin-right:2px; }
.mr3 { margin-right:3px; }
.mr4 { margin-right:4px; }
.mr5 { margin-right:5px; }
.mr6 { margin-right:6px; }
.mr7 { margin-right:7px; }
.mr8 { margin-right:8px; }
.mr9 { margin-right:9px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
/*bottom margins*/
.mb1 { margin-bottom:1px; }
.mb2 { margin-bottom:2px; }
.mb3 { margin-bottom:3px; }
.mb4 { margin-bottom:4px; }
.mb5 { margin-bottom:5px; }
.mb6 { margin-bottom:6px; }
.mb7 { margin-bottom:7px; }
.mb8 { margin-bottom:8px; }
.mb9 { margin-bottom:9px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
/*left margins*/
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
/*top and bottom margins*/
.mtb3 { margin:3px 0px; }
.mtb5 { margin:5px 0px; }
.mtb10 { margin:-5px 0 10px 0px; }
.pr5 { padding-right:5px; }
.pr20 { padding-right:20px; }
.clear { clear:both; height:20px; }
.clear10 { clear:both; height:10px; }
/*cursor styles*/
.pointer { cursor:pointer; }
/* list classes */
.list ul { margin:0px 0px 0px 20px; }
.list li { margin-bottom:2px; }

/* Rates */

.rate, .rate table { width: 94%; margin: 0 0 20px 10px; }
.rate th, .rate td { text-align: center; }
.rate .rate_avg { padding: 0 .5em; white-space: nowrap; font-weight: bold; text-align: right; }
.rate td.rate_avg { padding-right: 2em; }
.rate .room_name { text-transform: uppercase; font-weight: bold; text-align: left; padding: 0 .2em 1em 0; }
.rate .room_header th,
.rate .room_header td { }
.rate .room_header td { text-align: right; }
.rate .room_header .groupname { margin-bottom: .4em; }
.rate .room_header .room_desc { font-size: .9em; font-weight: normal; }
.rate tr.week_header td,
.rate tr.week_header th { border-width: 0 0 1px; border-style: solid; border-color: #9E9E9E; }
.rate tr.first td,
.rate tr.first th { padding-top: .8em; }
.rate tr.last td { padding-bottom: 2em; }
.rate_box { background-color: #f0f7cc; border-style: solid; border-width: 1px; padding: .3em; border-color: #cde46b; }

    /* Hotel Details */
#detail_rate { padding: 1em .5em; }
#detail_rate .rate .room_header th,
#detail_rate .rate .room_header td { padding-top: 1.2em; }
#detail_rate .rate tr.last td { padding-bottom: .8em; }

/*********** all modules ********/
/* find hotels module */
#findBox { color:#d8edf8; }
/* featured cities module */

/* Ektron Hack */
.ektronHack { clear:both; }
/* solid modules*/
.pad8 { padding:10px 9px; }
.protoBlue { background:#92c1ff; margin-bottom:10px; display:inline-block; }
/*Blue*/
.brandBlue { background:#133256; color:#b5c6d1; margin-bottom:10px; display:inline-block; }
.brandBlue h1 { color:#ffffff; }
.brandBlue a { color:#ffffff; }
.mDarkBlue { background:#3a5e7d; color:#b5c6d1; margin-bottom:10px; display:inline-block; }
.mDarkBlue h1 { color:#b5c6d1; }
.mDarkBlue a { color:#ffffff; }
.mMediumBlue { background:#728fa5; color:#b5c6d1; margin-bottom:10px; display:inline-block; }
.mMediumBlue h1 { color:#b5c6d1; }
.mMediumBlue a { color:#ffffff; }
/*Brown*/
.brandBrown { background:#553e20; color:#d0c9be; margin-bottom:10px; display:inline-block; }
.brandBrown h1 { color:#a9a091; }
.brandBrown a { color:#FFFFFF; }
.mDarkBrown { background:#cbc3b6; color:#000000; margin-bottom:10px; display:inline-block; }
.mDarkBrown h1 { color:#ffffff; }
/*Grey*/
.mLightGrey ul li { border-color: #aaa; }
.brandGrey { background:#4a4f53; color:#cdcfd0; margin-bottom:10px; display:inline-block; }
.brandGrey h1 { color:#cdcfd0; }
.brandGrey a { color:#ffffff; }
.mDarkGrey { background:#727679; margin-bottom:10px; display:inline-block; }
.mMediumGrey { background:#9ea0a3; margin-bottom:10px; display:inline-block; }
/* Begin New Styles*/

.mLightBlue { background:#f1ece3; margin-bottom: 1em; *height: 1%; color:#333333; width:100% }
.mLightBlue .groupname { color: #333; }
.mLightBlue .sectiontitle { color: #434343; }
.mLightBlue .summary .section_head .sectiontitle .plain { color: #515151; } 
.mLightBlue h1 { color:#666666; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mLightBlue h2 { color:#666666; text-transform:uppercase; padding:0px 0px 0 0px; }
/* .mLightBlue h3 { color:#666666; text-transform:uppercase; padding:0px 0px 4px 0px; } */
.mLightBlue h4 { color:#666666; text-transform:uppercase; padding:0px 0px 0px 0px; }
.mLightBlue h5 { color:#666666; text-transform:uppercase; padding:0px 0px 0px 0px; }
.mLightBlue a { color:#6d9d00; }
/* .mLightBlue img { border:1px solid #8ea9b8; } */
.mLightBlue .photo { border-color: #96AEBC; }
.mLightBlue .tab_content,
.mLightBlue .tab li a.active { /*background:#ABC0CB;*/ }
.mLightBlue .mod_search { /*background-color: #D0DCE1;*/ border: 1px solid #fff; }
.mLightBlue .tab li a { background: #7899AB; }


.mLightBlueOutlined { margin-bottom:10px; display:inline-block; color:#333333; overflow:hidden; width:100% }
.mLightBlueOutlined a { color:#6d9d00; }
.mLightBlueOutlined .tab_content,
.mLightBlueOutlined .tab li a.active { background:#f1ece3; }
.mLightBlueOutlined .tab li a { background: #a3a3a3; }
.mLightBlueOutlined h1 { color:#666666; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mLightBlueOutlined h2 { color:#666666; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mLightBlueOutlined .photo,
.mLightBlueOutlined .card_info { border-color: #8ea9b8; }
.mLightBlueOutlined .tab_content .rate_box { background: #d8f6cd; border: 1px solid #7ce155; }
.mLightGreyOutlined { color:#333333; border:1px dotted #333333; width:99.9%; margin-bottom:10px; display:inline-block; }
.mLightGreyOutlined .photo { border:1px solid #bcbcbc; }
.mLightGreyOutlined .tab li a { background-color:#a3a3a3; }
.mLightGreyOutlined .tab_content,
.mLightGreyOutlined .tab li a.active { background-color:#f1ece3; }
.mLightGreyOutlined h1 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mLightGreyOutlined h2 { color:#515151; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mLightGreyOutlined a { color:#6d9d00; }
.mLightGreyOutlined a.visited { color:#04315e; }
.mLightGreyOutlined .program_detail .hotel_data { border-color: #ababab; }
.mLightGreyOutlined #detail_rate { background: #f0f0f0; }
.mMediumBrownOutlined { color:#333333; background:#ffffff; margin-bottom:10px; display:inline-block; width:100% }
.mMediumBrownOutlined .photo { border-color: #777;}
.mMediumBrownOutlined a { color:#04315e; }
.mMediumBrownOutlined .tab_content,
.mMediumBrownOutlined .tab li a.active { background-color:#cbc3b6; }
.mMediumBrownOutlined .tab li a { background-color:#a09687; }
.mMediumBrownOutlined .tab_content .box_section,
.mMediumBrownOutlined .tab_content .box_content,
.mLightBrown .sectiontitle { border-color: #E9E6E0; border-style: solid; }
.mMediumBrownOutlined .tab_content .col.side { background-color: #e9e6e0; border-color: #948469; color: #3F372C; }
.mMediumBrownOutlined #detail_rate { background: #E9E6E0; }
.mMediumBrownOutlined h1 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mMediumBrownOutlined h2 { color:#515151; text-transform:uppercase; padding:0px 0px 8px 0px; }

.mMediumBrown { background:#88b724; color:#fff; margin-bottom:10px; display:inline-block; width:100%; }
.mMediumBrown h1 { color:#fff; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mMediumBrown h2 { color:#fff; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mMediumBrown a { color:#fff; }
.mLightBrown .photo { border-color: #777; }
.mLightBrown div { border-color: #BEB4A3; }
.mLightBrown { color:#515151; background:#f1ece3; margin-bottom:10px; display:inline-block; width:100% }
.mLightBrown h1 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mLightBrown h2 { color:#515151; text-transform:uppercase; padding:0px 0px 10px 0px; }
.mLightBrown .res .box_content { border-color: #EFEDE9; }
.mLightBrown .res .col.side { background: #EFEDE9; }
.mLightBrown .res .col.side .box_content { border-color: #9E947C; }
/* .mLightBrown img { border:1px solid #777777; } */
.mLightBrown a { color:#6d9d00; }

.mLightGrey { color:#333333; background:#fff; margin-bottom:10px; display:inline-block; width:100%; }
.mLightGrey .tab_content,
.mLightGrey .tab li a.active { background: #B5B5B5; }
.mLightGrey .tab li a { background: #C4C4C4; }
.mLightGrey h1 { color:#515151; text-transform:uppercase; }
.mLightGrey h2 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mLightGrey a { color:#6d9d00; font-weight:bolder }
/* .mLightGrey img { border:1px solid #d0d0d0; } */
.mLightGrey a.visited { color:#04315e; }
.mLightGrey div { /*border-color: #cecece;*/ }
.mLightGrey .list_sep li,
.mLightGrey th,
.mLightGrey td { border-color: #aaa; }

.mRed { color:#993300; background:#e5ccbf; margin-bottom:10px; display:inline-block; width:100% }

.mRed h1 { color:#993300; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mRed h2 { color:#993300; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mRed a { color:#04315e; }
.mRed .photo { border:1px solid #d0d0d0; }
.mRed a.visited { color:#04315e; }
.mRedV1 { color:#515151; background:#e5ccbf; margin-bottom:10px; display:inline-block; width:100% }

.mRedV1 h1 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mRedV1 h2 { color:#515151; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mRedV1 a { color:#04315e; }
.mRedV1 .photo { border:1px solid #d0d0d0; }
.mRedV1 a.visited { color:#04315e; }

.mYellow { color:#993300; background:#f0e2ad; margin-bottom:10px; display:inline-block; width:100% }

.mYellow h1 { color:#993300; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mYellow h2 { color:#993300; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mYellow a { color:#04315e; }
.mYellow .photo { border:1px solid #d0d0d0; }
.mYellow a.visited { color:#04315e; }

.mYellowV1 { color:#515151; background:#f1ece3; margin-bottom:1em; display:inline-block; width:100% }

.mYellowV1 h2 { color:#515151; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mYellowV1 a { color:#6d9d00; }
.mYellowV1 .photo,
.mYellowV1 .list_sep li,
.mYellowV1 .hotel_data .list_sep li,
.mYellowV1 .rate tr.week_header td,
.mYellowV1 .rate tr.week_header th { border-color: #AB9A58; }
.mYellowV1 a.visited { color:#04315e; }
.mYellowV1 .note,
.mYellowV1 .rate_box { background: #f0f7cc; border-color: #cde46b; }
.mYellow2Outlined { color:#515151; background:#f9f9d5; margin-bottom:10px; display:inline-block; width:100% }
.mYellow2Outlined form,
.mYellow2Outlined .tab_content,
.mYellow2Outlined .tab li a.active { background:#c6d4db; }
.mYellow2Outlined h1 { color:#515151; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mYellow2Outlined h2 { color:#515151; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mYellow2Outlined h3 { color:#515151; text-transform:uppercase; padding:0px 0px 0px 0px; }
.mYellow2Outlined h4 { color:#515151; padding:0px 0px 6px 0px; }
.mYellow2Outlined a { color:#04315e; }
.mYellow2Outlined .photo { border:1px solid #d0d0d0; }
.mYellow2Outlined a.visited { color:#04315e; }
.mYellow2Outlined ul { margin:0px 0px 0px 0px; list-style:circle; }
.mYellow2Outlined li { margin-bottom:2px; }
.mYellow2Outlined li a { display:block; height:22px; padding:0pt 6px 0pt 6px; text-decoration:none; background-color:#8ea9b8; line-height:22px; color:#ffffff; }

.mYellow2Outlined li a.active { background-color:#c6d4db; color:#000000; }

.mYellowV2 { background: #F9F2DB; margin-bottom: 1em; *height: 1%; color: #333; width:100% }
.mYellowV2 a { color: #04315e; }
.mYellowV2 .rate_box { background: #FBF8EC; border-color: #E3D7A4; }
.mWhite { margin-bottom:10px; width:100%; border:1px dotted #333333; width:99.9%}

.mWhite a {color:#88b724; }
.mWhite h1 { color:#666666; text-transform:uppercase; padding:0px 0px 6px 0px; }
.mWhite h2 { color:#666666; text-transform:uppercase; padding:0px 0px 8px 0px; }
.mWhite h3 { color:#666666; text-transform:uppercase; padding:0px 0px 4px 0px; }
.mWhite h4 { color:#666666; text-transform:uppercase; padding:0px 0px 0px 0px; }
.mWhite h5 { color:#666666; text-transform:uppercase; padding:0px 0px 0px 0px; }

.mWhite ul.menu { margin:0px 0px 0px 0px; }
.mWhite li.menu { margin-bottom:2px; list-style:none; background-color:none; }
.mWhite li.menu a.menu { background-color:none; }
.mWhite li.reservation { border-color: #ccc; }
/* End New Styles*/

/*Silver*/
.brandSilver { background:#8a847d; margin-bottom:10px; display:inline-block; }
.mDarkSilver { background:#a6a09c; margin-bottom:10px; display:inline-block; }
.mMediumSilver { background:#c2beba; margin-bottom:10px; display:inline-block; }
.mLightSilver { background:#dedede; margin-bottom:10px; display:inline-block; }
/*White*/
.mWhite { margin-bottom:10px;}
/* outlined modules */
.greyOutline { margin-bottom:10px; display:inline-block; }
/* steps */
.stepContainer { overflow:auto; float:right; text-align:center; margin-left:4px; text-transform:uppercase; font-size:80%; }
.stepSelected { width:60px; height:5px; background-color:#F0E2AD; border:1px solid #727679; }
.stepUnSelected { width:60px; height:5px; background-color:#727679; border:1px solid #727679; }
.stepText { overflow:auto; font-size:.8em; text-transform:uppercase; }
#messageBox { background-color:#FFFFFF; border:1px solid #927e7d; color:#927e7d; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:large; font-weight:700; padding:30px; z-index:100; display:none; position:fixed; height:32px; line-height:32px; }
#modal { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #000; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; display:none; }

.membershipCard { overflow:hidden; width:94px; height:60px; text-align:center; margin-left:auto; margin-right:auto;}
.selectedCardCenterBox { overflow:hidden; width:94px; height:60px;}

/*prototype*/
.greyModule { background:#eeeeee; margin-bottom:10px; display:inline-block; background-image: url(../images/layout/moduleBg.jpg); background-position:top; background-repeat:repeat-x; width:100% }
.greyModule .photo { border:1px solid #eeeeee; }
.goldModule { background:#ffffde; margin-bottom:10px; display:inline-block; }
.lightBlueModule { background:#b9cfdb; margin-bottom:10px; display:inline-block; }
/**/

#starLabel { position: absolute; text-align:right; width:130px; }
starLabel.check { position:relative; text-align:left; }
.starSummaryBox { background-color:#f2f2f2; border:1px solid #d4d4d4; width:71px; height:71px; float:right; margin-left:4px; cursor:pointer; }
.starSummaryBoxLayout { text-align:center; margin-top:16px; height:15px; line-height:15px; font-size:.9em; }
.starSummaryPrice { text-align:center; margin-top:9px; }
/*rounded corner images
.rounded_ul { background: url(../images/roundCorners/ul.png) no-repeat top left; }
.rounded_ur { background: url(../images/roundCorners/ur.png) no-repeat top right; }
.rounded_ll { background: url(../images/roundCorners/ll.png) no-repeat bottom left; }
.rounded_lr { background: url(../images/roundCorners/lr.png) no-repeat bottom right; }*/
/*rounded outline images
.rounded_1px_ul { background: url(../images/roundCorners/ul-dedede-1px-border.png) no-repeat top left; }
.rounded_1px_ur { background: url(../images/roundCorners/ur-dedede-1px-border.png) no-repeat top right; }
.rounded_1px_ll { background: url(../images/roundCorners/ll-dedede-1px-border.png) no-repeat bottom left; }
.rounded_1px_lr { background: url(../images/roundCorners/lr-dedede-1px-border.png) no-repeat bottom right; }
.rounded_1px_top { background: url(../images/roundCorners/top-dedede-1px-border.png) repeat-x top; }
.rounded_1px_left { background: url(../images/roundCorners/left-dedede-1px-border.png) repeat-y left; }
.rounded_1px_right { background: url(../images/roundCorners/right-dedede-1px-border.png) repeat-y right; }
.rounded_1px_bottom { background: url(../images/roundCorners/bottom-dedede-1px-border.png) repeat-x bottom; }*/
/*validation*/
.panel { clear: both; display: none; border: 3px solid #CCC; padding: 1em; }
.panel.active-tab-body { display: block; }
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }

input.validation-failed, textarea.validation-failed { border:1px solid #d2a48d; }
/*input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; }*/

.validation-advice { color:#993300; background:#e5ccbf; margin: .5em 0; padding:3px; border:1px solid #d2a48d; float: left; }
.input_block .validation-advice { margin: 0 0 1em 12em; clear: both; _float: none; _width: 11em; }
.input_block .input_sub .validation-advice { margin-left: 0; }
.custom-advice { margin: 0px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; }

/* Destinations */

.destinations .list_destinations li { text-align: center; width: 17%; _width: 16%; }
.destinations .list_destinations .photo { _width: 100%; _height: auto; }

/* Brands */

.list_brands li { margin: 0 25px 1em 0; }
.list_brands img.brand_logo,
.list_brands .brand_logo img { width: 85px; height: 53px; }

/* Specials */

.specials .photo,
.specials .box_content { float: left; width: 48%; }
.specials .box_content { border: 0; margin: 0 0 0 1em; padding: 0; }

/* Travel Form */

.travel_form fieldset { float: left; width: 45%; }
.travel_form .input_destination { margin-right: 1em; }
.travel_form .input_destination input { width: 100%; }
.travel_form .input_destination select { width: 99%; }
.travel_form fieldset input,
.travel_form fieldset select { margin-bottom: .5em; }

/* Regions */

.regions .col { width: 17%; }
.regions .col .groupname { margin-bottom: .5em; }
.regions .col ul { margin: .5em 0 1em; padding: 0 0 0 .6em; }

/* Map */

#hotels_map .map_wrap { height: 39em;}
#hotels_map .map_box { width: 79%; _width: 75%; }
#hotels_map .map_list { width: 19%; }

/* CHA */

.cha .input_block { margin: 1em 0; }
.cha .input_block .input_group { width: auto; }
.cha .input_block .input_sub { margin-bottom: 2em; *margin-bottom: 1em; }
.cha .input_block textarea { float: left; margin: 0 0 1em; }
.cha .input_sub label { float: none; }
.cha .input_sub select,
.cha .input_sub input { width: auto; margin-right: .5em; display: inline; }
.cha .logo_brand { border: 2px solid #ccc; margin: 0 1em 1em 0; }

.cha table td { padding: 1em; }
.cha table .alt td,
.cha table .alt th { background: #f0f0f0; }
.cha table { margin: 1.5em 0; }
.cha table thead th { text-transform: uppercase; background: #333; color: #fff; font-weight: bold; font-size: 1.1em; padding: .5em; border-left: 1px solid #a0a0a0; }
.cha table tbody th { text-align: left; width: 15em; text-transform: uppercase; color: #333; }

/* Page Header Box */

.page_header .col { padding: 0; border: 0; margin: 0; background: none; }
.page_header .col.side .form_search { text-align: right; }

/* Home Page */

    /* Find A Hotel */

#find_hotel .tab_content { background-color: transparent; } /* Hide color until tabs are added */
#find_hotel .res_guests .input_adults { width: 23%; }
#find_hotel .res_guests .child_ages { clear: both; }
#find_hotel .map_list { width: 29%; }
    /* Join Us */
    
#join_us .card_info .card_img { width: 40%; }
#join_us .card_info .card_img img { width: 100%; }
#join_us .card_info .card_details { width: 50%; }
#join_us .card_info { margin: 0em 1em 0 0; }

    /* Hotel Name Search */
    
#hotel_name_search_box .hotel_search { margin: 1em 0 0; text-align: right; }

    /* Selected City */
    
#selected_city .photo { margin: 0 1em .7em 0; float: left; }
#selected_city .content_footer { clear: both; }

    /* Map Sidebar */

#map_sidebar div { text-align: center; }
#map_sidebar img { width: auto; height: auto; }
#map_sidebar .content_footer { text-align: center; }

    /* Account Sidebar */
    
#account_sidebar li .card_info.first { border: 0; margin: 0; }

    /* Local Memberships */
    
.loc_mem select { width: 60%; }

    /* Home Sub-Pages */
    
.home_sub .input_block label { width: 21em; }

/* Ratings */
.rating_block, .rating_block img { float: left; }
.rating_block { margin-right: .5em; }
.rating_block img { border: 0;  display: inline; }
.rating { text-align: left; }
.rating span { display: block; }
.hotel_data .rating { margin: 1em 0; }

/* Reviews */ 
.box_review { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #fefefe; }
.box_review.last { border: 0; }
.box_review p { clear: both; margin: .8em 0; }
.box_review .review_helpful h6 { font-weight: bold; display: inline; padding-right: 1em; }
.box_review .norm { font-size: .8em; padding-left: 1em; }
.review a { background: url('../images/miscIcons/icon_comment.gif') top left no-repeat; padding-left: 18px; min-height: 13px; *height: 13px; }
.review a.link_more { background: none; padding: 0; }

/* Hotel Summary */

.hotel_brand { font-size: 1.2em; }
#hotel_summary h3 { margin-bottom: .8em; }
#hotel_summary h3, #hotel_summary h4 { text-transform: uppercase; }
#travel_summary { margin: 1em 0; }
#travel_summary li { clear: both; }
#travel_summary li span { float: left; }
#travel_summary li .title { width: 8em; font-weight: normal; }
#travel_summary .total .title { font-weight: bold; }
/* Reservation Common */

.alert, .col.alert { background: #febdb2; border: 1px solid #fe8976; color: #515151; padding: .5em; }
.alert a { color: #515151; }
.alert h3 { margin-top: 0; }
.note { background-color: #ddffb2; color: #515151; border: 1px solid #88b724; padding: .3em; margin: 0.8em 0; clear: both; }

.res .input_block { margin: 1em; }
.res .res_header { border-bottom: 1px solid #ccc; padding: 0 0 1em; margin: 0 0 1.5em; }
.res .address { margin-left: 1em; }
.res .box_content ul { margin: 1em 0 1em 1em; }
.res th { text-align: left; font-weight: normal; width: 35%; }
.total, .res .total th { font-weight: bold !important; text-transform: uppercase !important; padding-top: .5em; }
.res table { width: 100%; }
.res table, .res ul { margin: 1em 0 1em 1em; }
.res .box_content { border-color: #ccc; }
.res .col .box_content { border-width: 0 0 1px; border-style: solid; margin: 0 0 1em; padding-bottom: 1em; }
.res .col .box_content.last { border: 0; }
.res .col.side { float: right; border: 1px solid #ccc; background: #e0e0e0; }
.res .content_footer { clear: both; }
.res h3 { margin-bottom: 1em; }
.res .sign_in .input_block { margin-left: 0; }

.res .terms_confirm { margin-bottom: .8em; text-transform: none; color: inherit; }
.res h4.terms_confirm { font-weight: bold; font-size: 1em; }
.res .validation-ph { overflow: hidden; *height: 1%; }

    /* Reservation Details */
    
.res_details .groupname { font-size: 1em; }
.res_details .list_data li .title { width: 11em; }
.res_details ul { margin-bottom: 1em; *margin: 0; }
.res_details li ul { margin: 0; }
.res_details .col { width: 55%; margin-bottom: 0;  }
.res_details .col.side { width: 35%; }
li .res_details { margin: 0 0 1em; }

.res_dates input { width: 80%; margin-bottom: .5em; }
.res_dates .icon_calendar {  }
.res_guests .input_group { float: left; clear: none; margin-right: .8em; }
.res_guests select { margin-bottom: .5em; }
.res_guests .input_adults { width: 15%; }
.res_guests .input_children { width: 60%; }
.res_guests .child_ages { overflow: hidden; *height: 1%; }
.res_guests .child_age { float: left; margin-right: 1em; }
.res_guests .child_age.default { display: none; }
.date_field { color: #aaa; }

.sign_in .col { padding: 0; }
.sign_in .col_main { border-right: 1px solid #ccc; margin-right: 1em; }

/* Find Hotel Override */
.findHotelField { float:left; margin-right:3px;}
.findHotelCalendarIcon {}

/* Reservation Guest Info */

#res_guest #guest_details .data { padding-right: 1em; }
#res_guest #res_primary .list_option li { float: left; width: 45%; }
#res_guest #res_primary input, #res_guest #res_primary label { float: left; clear: none; margin-right: 10px; }
#res_guest #res_primary label { padding: 0 .3em; width:15em; }
#res_guest #res_primary .fwrap { float: left; width: 100%; }
#res_guest .input_block { width: 60%; }

/* Reservation Review */

#res_details ul { margin-bottom: 0; }
#res_reminder h4 { margin: 1em 0; }
#res_reminder #other_recipients { display: block; margin: .5em 1.5em;  *margin-left: 2em;
}
/* Reservation Payment */
    
        /* Modes */
    
#res_payment .form_member { display: none; }
#res_payment.mode_sign-in #res_sign_in, #res_payment.mode_activate #res_activate_member, #res_payment.mode_reset #res_reset_pass { display: block; }
/* Reservation Confirmation */
    
#res_conf_details { margin: 0 0 1em; }
#res_conf_details h3 { background: #006AAA; color: #fff; padding: 1em; border: 3px solid #fff; margin-bottom: .5em; }
#res_conf_details ul { margin: 0 0 0 2em; }
#res_conf_details li { padding: 0; }

/* Card Application */

    /* Card Application Confirmation */

.list_data.confirmation .title, #capp_confirmation #member_payment .list_data .title { width: 16em; }
#capp_confirmation #member_payment ul { float: left; width: 45%; }
#capp_confirmation #member_payment li ul { float: none; width: 100%; }
#capp_confirmation #member_billing { clear: both; }

/* Membership Renewal */

.renewSummary {}

    /* Renewal Package */

#renew_package div,
#renew_package .img_card,
#renew_package .sectionname,
#renew_package ul { float: left; margin-right: 1em; }

#renew_package .sectionname a { display: block; font-size: smaller; }

#renew_package #package_hotels { clear: both; float: none; }

    /* Renewal Payment */

#renew_payment #billing { margin-top: 2em; }

#renew_payment #billing ul { margin: 1em 0; }

    /* Renewal Shipping */
    
#renew_shipping #addresses { margin: 0 0 1em; }

/* Sign In */

    /* Common */

.signin { position: relative; }
.home_sub .sectiontitle,
.signin .sectiontitle { border-width: 0 0 1px; border-style: dotted; padding-bottom: .3em; margin-bottom: 1em; }
.signin .logo_truste { position: absolute; bottom: 0; _bottom: 2em; left: 0; }
.signin .col { padding-top: 0; }
.signin .col.side { border: 0; background: none; }
.signin .input_group { margin-bottom: .5em; }

    /* Standard Form */

#sign_in .col { width: 40%; }
#sign_in .col.side { width: 54%; _width: 50%; }

    /* Choose Credentials */

#signin_credentials { background: url('../images/temp/signInMap.png') bottom right no-repeat; }
#signin_credentials ul { margin: 1em 0; }
#signin_credentials .content_footer { margin: 3em 0 0; text-align: center; }

/* Activate Account */
    
    /* Common */
    
.activate { background: url('../images/layout/signInBackground_small.png') right 90% no-repeat; _background-image: url('../images/temp/signInMap.gif'); padding-bottom: 150px;}
.activate .content_footer { text-align: center; position: absolute; width: 100%; bottom: 0; _bottom: 1.3em; }
.activate .success { color: #993300; background: #e5ccbf; border: 1px solid #d2a48d; padding: .5em; margin: 0 0 1em; text-transform: uppercase; font-size: 1em; }
.activate .input_block label { width: 11em; }
.activate .input_block .validation-advice { margin-left: 11em; }

/* Hotel Search */

#hotel_search .mYellowV1 { border: 1px solid #C1A993; }

.non_ch_notice .groupname { padding: 0; margin: 0; }

/* Hotel Details */

    /* General */
.hotel_details .input_group { margin-bottom: 1em; }

    /* Main Content */
.hotel_data { margin: 0 0 1em; }
.hotel_data .col { width: 65%; _width: 75%; padding: 0; }
.hotel_data .col.side { width: 220px; float: right; text-align: right; background: transparent; border: 0; }
.hotel_data .section_head { width: auto; float: none; }
.hotel_data .section_head img, .hotel_data .section_head .sectiontitle { float: left; }
.hotel_data .section_head .img_card { margin-right: 1em; width: 46px; }
.hotel_data .section_head .sectiontitle { width: 88%; }
.hotel_data .featured .img,
.hotel_data img.featured { border-color: #333; width: 130px; height: auto; }
.hotel_data img.featured,
.hotel_data .hotel_info,
.hotel_data .hotel_links { float: left; margin-right: 5px; }
.hotel_data .hotel_info,
.hotel_data .hotel_links { width: 65%; _width: 60%; margin-top: .5em; }
.hotel_data .hotel_links { width: 100%; _width: 90%; clear: both; margin-top: 2em; }
.hotel_data .hotel_links li { border-color: #acacac; }
.hotel_data .hotel_links .brand_name { font-weight: bold; }
        /* Non-CH Hotels */
.non_ch .hotel_data .featured img,
.non_ch .hotel_data img.featured { width: 90px; height: auto; }

    /* Hotel Details */
 
#hotel_details ul { list-style: circle; margin-left: 1.5em; }
#hotel_details .col { width: 34%; margin: 0; }
#hotel_details #hotel_photos { width: 130px; float: right; text-align: right; }
#hotel_details #hotel_photos ul { list-style: none; margin: 0; }

    /* Hotel Reviews */
#detail_review .col { float: left; width: 60%; }
#detail_review .col.side { float: right; width: 30%; }
#detail_review ul { margin: 1em 0; }

    /* Restaurants */
.box_restaurant { border: 0; border-bottom: 1px solid #E1DDD7; }
.box_restaurant.last { border: 0; }
.box_restaurant li { margin: 1em 0; }
.box_restaurant .sectionname, .box_restaurant ul { float: right; width: 75%; }
.box_restaurant img { float: left; width: 130px; height: auto; margin: 0 0 0 .5em; }
.box_restaurant .groupname { font-size: 1em; border-bottom: 1px solid #DFDAD2; padding-bottom: .8em; margin-bottom: .8em; }

    /* Membership Program */

#detail_membership { margin-top: .5em; }
#detail_membership .fwrap img,
#detail_membership .fwrap .section_head,
#detail_membership .membership_option,
#detail_membership #membership_options input { float: left; margin-right: 1em; }
#detail_membership .col.side { float: right; width: 40%; }
#detail_membership .col.side .list_benefits { margin-bottom: 1em; }
#detail_membership .fwrap .section_head { text-align: center; }
#detail_membership .membership_option { width: 50%; text-align: center; }
#detail_membership #membership_options input { width: 45%; margin: 0; }
#detail_membership .membership_option { clear: both; }

#membership_options .link_action { float: left; }
#membership_options .membership_option,
#membership_options .link_action { margin-bottom: .5em; }

.program_detail .hotel_list .hotel_data { border-width: 1px 0 0; border-style: solid; padding-top: 1.5em; }
.program_detail .hotel_list .first .hotel_data { border: 0; padding-top: 0; }

    /* Price/Availability */
    
#detail_price .box_section { padding: 0; margin-bottom: 0; }
#detail_price .res_dates, #detail_price .res_guests { float: left; }
#detail_price .res_dates { width: 32%; margin-right: 1em; }
#detail_price .res_guests { width: 50%; }
#detail_price #detail_rate { margin-top: 2em; }

/* Customer Service */

.cservice .note { margin: 0 0 1em; font-weight: bold; }
.cservice .input_block input,
.cservice .input_block select,
.cservice .input_block label { width: 15em; margin: 0 0 2em; *margin-bottom: 1em; }
.cservice .input_block .validation-advice { margin-left: 15em; }
.cservice .input_block .input_cal { clear: none; width: 26em; }

.cservice .questions { margin-bottom: 1em; }
.cservice .answer { border-width: 1px 0 0; border-style: solid; padding: 1em 0; }
.cservice .link_action { font-weight: normal; }

    /* Contact Us Online */
    
#cs_contact_online .validation-ph { float: none; clear: both; }
#cs_contact_online .validation-ph div { margin: 1em 0; }

/* Account */

    /* Homepage */
        
        /* Summary */
    
#account_summary .col { width: 55%; padding: 0; }
#account_summary .col.side { width: 45%; background: transparent; float: right; border: 0; }
#account_summary .list_data li { line-height: 1.7em; }
#account_summary .list_data .title { width: 7em; padding-right: 1em; }
#account_summary .col.side .fwrap .sectionname { width: 55%; }
#account_summary .col.side .fwrap a.action { width: 45%; }
    
        /* Profile Complete */
    
#profile_complete li img { padding: 0 1em 0 0; }
#profile_complete .item { background-repeat: no-repeat; padding-left: 30px; display: block; }
#profile_complete .item_status { width: 16px; height: 16px; text-indent: -1000em; position: absolute; }
#profile_complete .item_no { background-image: url(../images/miscIcons/icon_no.gif); }
#profile_complete .item_yes { background-image: url(../images/miscIcons/icon_yes.gif); }

        /* Current Reservations */
#current_reservations li.reservation { border-width: 0 0 1px; border-style: solid; margin-bottom: 1.5em; }
#current_reservations .res_details .col { /*padding-bottom: 0*/ }
#current_reservations li.last { margin: 0; border: 0; }

    /* Profile */

.profile .input_block .card_expire { width: 26em; }
.profile_update { font-weight: bold; }
.profile .card_info .card_details { width: 65%; }
.profile .list_data .title { width: 11em; }

        /* Title */
#profile_title .section_head { width: 50%; margin: 0; padding: 0; }
#profile_title .action { width: 45%; }      
        /* Payment */
#profile_payment .list_data .title { width: 11em; }
#profile_payment .edit .list_data .title { width: 6em; }

    /* Account Activity */
    
.activity table { width: 100%; margin: 1em 0; }

#activity_form fieldset { padding: 0; }
#activity_form .input_block label { width: 15em; }
#activity_form .input_group label { width: auto; }
#activity_form .input_group { margin-bottom: 2em; }
/*phase out*/
.moduleHeading { padding-bottom:6px; letter-spacing:0x; font-weight:600; }
/*phase out*/
.contentBox { background-color:#EEEEEE; padding:8px; }
/* phase out form classes */
/* phase out text classes */
.smallText { font-size:85%; width:auto; }
.xSmallText { font-size:71%; width:auto; letter-spacing:1px; }
.largeText { font-size:1.2em; }
.b { font-weight:600; }
/* phase out button classes */
.btn { padding:1px 1px; }





#twoColumn_leftColumnNew { float:left; width:630px; margin-right:10px; }
#twoColumn_rightColumnRight { float:left; width:300px; }


#twoColumn_leftColumnNew h2{ font-size:1.3em }
#twoColumn_leftColumnNew .tab_content { margin:0 auto; padding:0; position:absolute; width:612px; overflow:hidden}
#twoColumn_leftColumnNew .travel_form { height:260px }
#twoColumn_leftColumnNew .tab_content .hotel_photo { width:614px; height:209px; margin:0}
#twoColumn_leftColumnNew .tab_content .hotel_data_container { width:614px; height:30px; margin-top:10px}
#twoColumn_leftColumnNew .tab_content .hotel_data_container .hotel_data_container_data { width:480px; height:30px; float:left; text-transform:uppercase; font-size:1.1em; padding-left:5px}
#twoColumn_leftColumnNew .tab_content .hotel_data_container .hotel_data_container_button { width:120px; height:30px; float:right; text-align:right; padding-right:2px}
#twoColumn_leftColumnNew .tab_content .hotel_data_container .hotel_data_container_button input { text-transform:uppercase; width:120px; }
#twoColumn_leftColumnNew .tab_content .hotel_data_container_name { width:612px; height:60px; text-align:left; position:absolute; top:150px; line-height:60px; color:#FFFFFF; font-size:24px; padding-left:10px; background-image:url(../images/black70.png); z-index:100}

#invite_friends { margin:0 auto}
#Upcoming_Sales { }
#Upcoming_Sales_list { width:95%; margin:0 auto; }
.content_footer { margin:10px 0; padding-right:6px; text-transform:uppercase; font-size:1.1em; font-weight:bolder}
#Upcoming_Sales_list .Upcoming_Sales_list_link { height:20px; font-weight:bolder; font-size:1.1em}
#Upcoming_Sales_list .Upcoming_Sales_list_content { height:26px; border-bottom:1px #999999 solid; }



hr.saleLine { border-width:0; border-top:#cccccc 1px solid; margin:2em 0; clear:both}
/* sale menu*/
.active_Sales {clear:both }
#topMenuContainer_width {width:110px; background-color:#FFFFFF; background-image:url(../images/upcoming-arrow.gif); background-repeat:no-repeat; background-position:90px 1em; float:right; margin-bottom:1em}
#topMenuContainer { line-height:1em; display:inline-block; height:1em; overflow:hidden}
#topMenuContainer a{ text-transform:uppercase; text-decoration:none; display:block; padding-right:20px }
#saleIndexHeader { margin-bottom:0.3em; margin-top:0.3em; display:block}
#saleIndexTitle {float:left; }
#saleIndexHeaderName { font-size:1.3em; font-weight:bolder; text-transform:uppercase }
#saleIndexHeaderBreadcrumb { font-size:1em; width:200px; clear:both}
#saleIndexHeaderBreadcrumb a { color:#133256; }
#saleTopContainer { height:50px }

#saleTopTitle { float:left; margin-right:10px; margin-left:10px; margin-top:0.1em; }
#saleTopName { font-size:1.4em; height:1.4em; float:left}
#saleTopLocation { font-size:1em; float:left; line-height:1.6em; margin-top:0.3em }
#saleTopEventend { float:right; font-weight:bolder; margin-top:0.8em }
#saleTopSearchButton { text-transform:uppercase; float:right; margin:5px 5px 0 10px }
#saleTopSearchButton a { color:#FFFFFF; text-decoration:none; padding:3px 10px; display:block}

#saleLeftPhotoDiscription { border:#cccccc 1px solid; padding:0.8em; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 }
#saleLeftPhotoThump  { margin:10px 0; text-align:center }
#saleLeftPhotoThump img { width:67px; height:54px; border-width:0 }
#saleLeftPhotoThump a { border-width:3px; border-style:solid;  margin:0; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; display:inline-block; width:67px; height:54px; }
#saleLeftPhotoThump a.photo { border-color:#ffffff; }
#saleLeftPhotoThump a.currentPhoto { border-color:#6699CC; }
#saleLeftPhotoThump ul {list-style:none; }
#saleLeftPhotoThump ul li{ float:left }

#saleLeftPhoto { height:360px; }
#saleLeftPhotoHeight { position:absolute; height:360px; }
#saleLeftPhotoBL { position:absolute; top:155px; left:10px; z-index:5}
#saleLeftPhotoBR { position:absolute; top:155px; left:620px; z-index:5}

#saleLeftPhotoImg { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; width:662px; height:360px }

#tabClick { height:26px }
.tab_content ul {  margin-left:20px; list-style-image:url(../images/icon_list3.gif)}
.tab_content p { margin-top:1em }
.tab_content { display:inline-block }
.tab_content_show { display:block; padding:10px}
.tab_content_hide { display:none; padding:10px}
.tab_content .tab_content_table { width:48%; float:left; border:1px solid #CCCCCC; background-color:#FFFFFF; margin:0 10px 10px 0 }
.tab_content .tab_content_table div{ padding:5px 10px }
.tab_content .tab_content_table .tab_content_table_tittle{ font-weight:bolder; border-bottom:1px solid #CCCCCC  }
.tab_content .tab_content_bolder { font-weight:bolder; clear:both; margin-bottom:1em}
.tab_content .tab_content_txt { clear:both; margin-bottom:1em}


.googleMap { border:1px solid #000000; margin:0; padding:0 }

.CalendarTitle { margin:0 auto; height:2.4em; width:98%; clear:both}
.CalendarName { float:left; font-size:1.4em; font-weight:bolder; width:18%  }
.CalendarDisc { float:left; font-size:1em; width:350px   }
.CalendarPicContainer { margin:0 auto; display:inline-block; width:98%; clear:both; padding:1.2em 0; border-top:1px solid #CCCCCC;}
.CalendarPicContainerleft { float:left; width:17%; font-style:italic; }
.CalendarPicContainerRight { float:right; width:82%;}
.CalendarPicContainerRight ul{ list-style:none; }
.CalendarPicContainerRight ul li{ float:left; width:246px; text-align:left; height:140px }
.CalendarPicContainerRight li a img{ width:225px; height:82px; margin-bottom:0.4em; }
.CalendarPicContainerRight li a{ text-decoration:none}



#pre-sale { display:inline-block }
.pre-sale_pic { height:322px; margin-bottom:1em  }
.pre-sale_pic_c { position:absolute; height:322px; display:inline-block; width:922px; overflow:hidden }
.pre-sale_bigpic { width:922px; height:322px }
.pre-sale_bigpic_name {text-align:left; position:absolute; width:100%; top:262px; line-height:60px; color:#FFFFFF; font-size:24px; padding-left:10px; background-image:url(../images/black70.png); z-index:100 }
#pre-sale_left { width:300px ; float:left; padding-top:0.2em }
.pre-sale_title { text-transform:uppercase; margin-bottom:1em; font-weight:bolder; font-size:1.2em; padding-left:10px }
.pre-sale_content { padding-left:10px}
#pre-sale_right { width:600px ; float:right; padding-top:0.2em; background-color:#dedede; margin-left:20px}
.pre-sale_calendar { background-color:#f6f6f6; width:285px; height:220px; margin:7px; _margin:5px; float:left; text-align:center; font-size:1.1em; text-transform:uppercase; font-weight:bolder}
.sale_calendar  { display:inline-block;  width:230px;  text-align:center; text-transform:uppercase;}
div.calendarShowMonth { line-height:2em; }
div#calendarCancelImgContainer { position:absolute;}
div#calendarCancelImgContainer #calendarCancelImg{ position:absolute; z-index:1; top:59px; left:25px; width:9px; height:9px; display:none }
div#calendarCancelImgContainer #calendarCheckoutLayer { width:70px; height:40px; background:url(../images/calendar-checkoutframe.gif) no-repeat; position:absolute; top:18px; left:16px; text-align:center; line-height:1.1em; padding-top:5px; display:none}
span#calendarCheckOutNote { font-size:0.9em; color:#728fa5 }

div.calendarShowMonth ul { margin:0; padding:0; }
div.calendarShowMonth ul li { float:left; overflow:hidden }
div.calendarShowMonth ul li#calendarPrevMonth {width:60px; text-align:left; }
div.calendarShowMonth ul li#calendarCurrentMonth {width:105px; text-align:center}
div.calendarShowMonth ul li#calendarNextMonth {width:60px; text-align:right; }
div.calendarShowMonth ul li a { text-decoration:none; font-size:0.9em }

ul.calendarShowWeek { border-top:solid 1px #cccccc ; border-bottom:solid 1px #cccccc; height:2em; line-height:2em; width:98%; margin:0 auto}
ul.calendarShowWeek li{ float:left; width:12.7%; margin:2px; height:2em; text-align:center; display:inline-block; overflow:hidden }
.sale_calendar ul.calendarShowWeek { border-top:solid 1px #fff ; border-bottom:solid 1px #fff; clear:both }
.sale_calendar ul.calendarShowWeek li{ width:30px; margin:1px; height:1.7em }
#calendarRoomPicker { height:22px; cursor:pointer; background-color:#f6f6f6; padding:0 4px; margin-bottom:3px}
#calendarRoomPicker #calendarRoomCategory { font-size:1.3em; font-weight:bolder; line-height:20px; float:left; width:152px}
#calendarRoomPicker #calendarRoomButton { font-size:0.8em; float:right; line-height:0.8em; height:11px; margin-top:8px}
#calendarRoomAllContainer {height:720px; overflow:hidden; position:absolute; width:232px; background-image:url(../images/white70.png); z-index:2}
#calendarRoomAllContainerMove { position:relative; top:0; z-index:10 }
.calendarRoomContainer { height:55px; background-color:white; padding:0 4px; cursor:pointer }
.calendarRoomContainer:hover { background-color:#8ea9b8; color:#FFFFFF }
.calendarRoomContainer:active { background-color:#8ea9b8; color:#FFFFFF }
.calendarRoomContainer input {float:left; margin-top:5px; padding:0 }
.calendarRoomContainer .calendarRoomCategoryName { font-size:1.2em; line-height:1.8em;  font-weight:bolder; float:right; width:200px ; }
.calendarRoomContainer .calendarRoomCategoryDisc { font-size:0.9em; line-height: 1em; float:right; width:200px ; }
#calendarBookingNote div { text-align:center }
#calendarBookingNote div#calendarBookingNoteTxt { background-color:#728fa5; height:36px; color:#FFFFFF; width:90%; margin:0 auto; line-height:1em; padding-top:0.5em }

ul.calendarShowDay { width:98%; margin:5px auto 5px auto}
ul.calendarShowDay li{ float:left; width:23px; margin:2px; height:2em; color:#999999; text-align:center; display:inline-block; cursor:pointer; overflow:hidden}
.sale_calendar ul.calendarShowDay li{ width:28px; height:20px; margin:0 0 1px 0; line-height:23px; font-size:12px; background-color:#fff; border:2px solid #d8d2c8 }
.sale_calendar ul.calendarShowDay li.nextMonth { background-color:#e3e3e3;} 
.sale_calendar ul.calendarShowDay li.prevMonth { background-color:#e3e3e3;} 
.sale_calendar ul.calendarShowDay li.available { background-color:#728fa5; color:black } 
.sale_calendar ul.calendarShowDay li.wait { background-color:#8ea9b8; color:#fff } 
.sale_calendar ul.calendarShowDay li.peak  { background-image:url(../images/calendar-premium.gif); background-position:right bottom; background-repeat:no-repeat } 
.sale_calendar ul.calendarShowDay li.checked {  border-top: 2px solid #111; border-bottom:2px solid #111 } 
.sale_calendar ul.calendarShowDay li.check1 {  border-left: 2px solid #111 } 
.sale_calendar ul.calendarShowDay li.check2 { border-right: 2px solid #111 } 


.sale_calendar .sale_calendar_night { width:98%; margin:0 auto; border-bottom:solid 1px #fff ; text-transform:none; font-weight:bolder; text-align:left; height:2.3em ; line-height:2.3em}
.sale_calendar .sale_calendar_night span{ font-size:2em }

.sale_calendar #sale_calendar_sign  { width:98%; margin:0 auto; border-top:solid 1px #fff ; border-bottom:solid 1px #fff; text-transform:none; text-align:left; clear:both; font-size:0.8em; height:1.8em; line-height:2em; text-align:center}
.sale_calendar #sale_calendar_sign1 { background-color:#1a7eee; width:10px; height:10px } 
.sale_calendar #sale_calendar_sign2 { background-color:#96aac8; width:10px; height:10px; margin-left:15px } 
.sale_calendar #sale_calendar_sign3 { background-image:url(../images/calendar-premium.gif); background-position:right bottom; background-repeat:no-repeat; width:10px; height:10px; margin-left:15px } 

.sale_calendar .sale_calendar_checkdate { width:98%; margin:0 auto; border-bottom:solid 1px #fff; text-transform:none;  line-height:2em; font-size:0.8em; text-align:left; height:2em }
.sale_calendar .sale_calendar_checkdate span{ font-size:1.2em; font-weight:bolder }

.sale_calendar .sale_calendar_room { width:98%; margin:0 auto; border-bottom:solid 1px #fff ; text-transform:none; font-weight:bolder; text-align:right; height:2em ; line-height:1.2em; font-size:1.3em}
.sale_calendar .sale_calendar_room div {float:left; margin-top:0.4em}
.sale_calendar .sale_calendar_room div select { font-size:0.7em }

.sale_calendar .sale_calendar_fine { width:98%; margin:0 auto; border-bottom:solid 1px #fff ; text-transform:none; font-weight:bolder; text-align:right; height:2.6em ; line-height:1.2em; font-size:1.3em}
.sale_calendar .sale_calendar_fine span.other{ font-size:0.8em; font-weight:normal}
.sale_calendar .sale_calendar_fine span.other span{ text-decoration:line-through; }

.sale_calendar #sale_calendar_submit { width:98%; margin:0 auto;   height:2.2em ; line-height:2.2em; font-size:1.2em}
.sale_calendar #sale_calendar_submit input {text-transform:uppercase; margin:10px auto}
.sale_calendar { margin-bottom:16px}
#bookingTopTitle,
#inviteTopTitle { font-size:1.8em; line-height:2.2em; padding-left:6px}
div.inviteButton { margin-bottom:1em}
div.inviteButton img{ margin:3px}

.bookingFormline { border:#cccccc 1px solid;}
.bookingFormline,
.bookingSubmit,
.bookingApplyLink,
.bookingCondition,
.inviteForm  {padding:1em 3em; display:inline-block; font-weight:bolder; font-size:1.2em; margin-top:1.2em; margin-left:2em; margin-right:2em}
.bookingCondition label,
.bookingFormline label { width:200px; float:left  }
.bookingCondition .bookingValue,
.bookingFormline .bookingValue { width:360px; float:left; }
.bookingFormline .bookingToggleOptions { display:block }
.bookingCondition .bookingValue { font-weight:normal; margin-bottom:1em }
.bookConfirm label{ width:100%; float:none; }

.bookingCost table {float:left; margin-left:120px; font-weight:normal; color:#666666; line-height:1.4em; display:inline }
.bookingSubmitBt { float:right; text-transform:uppercase; width:130px; margin-top:70px; margin-left:10px }
.bookingApplyLink {text-align:right; margin-top:0; font-weight:normal; padding:0; width:91%; clear:both; }
.bookingSubmit { border-top:#cccccc 1px solid; padding-right:0 }
.bookingSubmit td { width:50px; }
.bookingSubmit td.bookingCostLabel { width:260px }
.bookingCostTotal { font-weight:bolder; font-size:1.2em; line-height:1.6em }
#bookingSupplierPolicies ul { margin-left:18px; list-style:disc }
#inviterFromWeb h2{ border-top:#fff 1px solid; padding-top:1em }

#inviteImage { width:710px}
.inviteForm textarea { width:550px; margin-bottom:2em }
.inviteForm { font-weight:normal}
#personal_invitation_link { width: 480px; border:1px solid #bbbbbb; padding:0.1em 0.2em; background-color:#dddddd; margin:0.5em 0; float:left; color:#ff0000; filter:alpha(opacity=100)}
#personal_invitation_link_button { float:left; margin:0.4em 0;}
.tab_content {display:block}
.tab_content .ordersName{ height:2em; color:#999999; font-weight:bolder; line-height:2em; background-color:#FFFFFF; padding:0 1em }
.tab_content .ordersList{ padding:0.5em 1em }


.notice { border:1px solid #FFCC33; background-color:#FFFFCC; padding:0.5em 1em; font-weight:bolder }
#emailPreferenceTable {width:100%; margin:1.5em 0}
#emailPreferenceTable td{padding:0.5em; border:1px solid #cccccc;}


#what-why { border-right: #ccc 1px solid; padding-right: 0px; border-top: #ccc 1px solid; padding-left: 0px; padding-bottom: 5px; border-left: #ccc 1px solid; padding-top: 5px; border-bottom: #ccc 1px solid; background-color: #fff ; margin-bottom:2em}
#what-why h3 { display: inline-block; font-weight: bold; font-size: 11.5pt; margin: 5px 0px 5px 10px; color: #000}
#what-why ul { display: inline-block; font-size: 10pt; margin-left: 10px; vertical-align: top; width: 235px}
#what-why .items {padding-left: 15px; margin: 5px 0px 10px; vertical-align: top; padding-top:0.8em; padding-bottom:0.8em  }
#what-why .lc {margin-left: 10px; width: 255px; margin-right: 10px}
#what-why .h-wrap {border-bottom: #ccc 1px solid}
#what-why .rc {width: 255px}
#what-why table { width:100%; border-collapse: collapse; border-spacing: 0;  line-height: 1.5em}
#what-why .tags { display: block; font-size: 10pt; margin: 10px 5px 8px 10px }
#what-why ul li{list-style:disc outside; font-size: 10pt; margin-left: 15px;}

/*#signInBox { width:500px; height:400px; z-index:101; position:absolute; display:inline-block; top:100px; left:100px}
*/
#signInBox  { width:600px; }
#signInBoxInner  { width:600px; height:340px;}
#signInBox #signInBoxWelcome { font-size:1.8em; font-weight:bolder; clear:both; width:500px; text-align:center; margin:10px auto }
#signInBox #signInBoxTable {width:500px; margin:10px auto }
#signInBox #signInBoxTable .signInBoxTableItem { text-align:right; padding-right:1em; font-weight:bolder }

.buttonClose { position:absolute; right:0; top:0 ; width:100px; text-align:right; padding:8px 10px 0 0}