html {height: 100%;}

body {background: #393939 url(img/bg.gif) repeat-y top center; color: black; font-family: arial; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

a {color: black; text-decoration: underline;}
a:hover {}

img {border: 0px;}
img.png {behavior: url(iepngfix.htc);}
img.hr {clear: both; display: block; margin: 0px 0px 20px 0px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatleft_smallmargin {float: left; margin: 0px 5px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: black; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {clear: both; display: block; width: 100%; height: 1px; margin: 20px 0px; #margin: 14px 0px; border: 0px; border-bottom: 1px solid #F1F0F2;}
ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.vamiddle img {margin: 0px 10px; vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}
.bold {font-weight: bold;}
.em {font-style: italic;}
.actfac_image_caption {width: 100px; margin-right: 20px; line-height: 14px;}
.red {color: red;}
.smallmargin {margin-right: 0px;}

#body_outer {width: 984px; background: #8FC6E4 url(img/bg_body_outer.jpg) no-repeat 0px 190px; margin: 0px auto; height: 100%;}

#body {width: 984px; background: url(img/bg_body.png) no-repeat bottom center; margin: 0px auto; min-height: 100%; position: relative; border: 0px solid red;}
* html #body {height: 100%; background: url(img/bg_body.gif) no-repeat bottom center;}

.rowcontent {width: 984px; margin: 0px auto; padding: 0px; overflow: hidden; border: 0px solid red;}

#top {height: 148px; background: url(img/bg_top.jpg) no-repeat; position: relative;}
#top #logo {width: 245px; height: 72px; position: absolute; top: 42px; left: 24px;}
#top .menu {float: right; width: 371px; height: 22px; background: url(img/bg_top_menu.png) no-repeat; padding-right: 8px; behavior: url(iepngfix.htc);}
#top .menu a {margin-left: 22px;}
#top .menu img {padding-top: 5px;}

#menurow {height: 42px; background: url(img/bg_menurow.jpg) no-repeat;}
#menu {height: 42px; text-align: center;}
#menu .menu {margin: 1px 1px 0px 1px; vertical-align: bottom;}

#menu2 {}
#menu2 .menu {padding-left: 15px; position: relative;}
#menu2 a.section {display: block; margin: 10px 0px 4px 0px; font-size: 12px; font-weight: bold; text-decoration: none;}
#menu2 a.section:hover {color: #4FA900;}
#menu2 .hr {height: 2px; margin: 10px 0px; display: none;}
#menu2 .hr img {display: block;}

.mfx_link {width: 12px; height: 12px; background: url(img/menu2_arrow_close_off.gif) no-repeat; cursor: pointer; position: absolute; top: 0px; left: 0px;}
.mfx_link:hover {background: url(img/menu2_arrow_close_on.gif);}
.mfx_link_active {width: 12px; height: 12px; background: url(img/menu2_arrow_open_off.gif) no-repeat; cursor: pointer; position: absolute; top: 0px; left: 0px;}
.mfx_link_active:hover {background: url(img/menu2_arrow_open_on.gif);}
.mfx_content {}
.mfx_content ul {margin: 0px 0px 0px 15px; padding: 0px;}
.mfx_content ul li {margin-bottom: 3px;}
* html .mfx_link {left: -15px;}
* html .mfx_link_active {left: -15px;}
* html .mfx_content ul {margin-left: 15px;}

#contentrow {}
#contentrow .rowcontent {padding: 11px 0px 50px 0px;}

#content_left {float: left; width: 174px; margin: 9px 2px 0px 0px; padding-left: 10px; font-size: 11px; line-height: 14px;}
#content_mid {float: left; width: 611px;}
#content_right {float: right; width: 177px; margin-top: 2px; padding-right: 9px;}

.contentleft_box {width: 174px; position: relative;}
.contentleft_box_top {width: 174px; height: 3px; background: url(img/contentleft_box_top.png) no-repeat; position: absolute; top: 0px; behavior: url(iepngfix.htc);}
.contentleft_box_bot {width: 174px; height: 14px; background: url(img/contentleft_box_bot.png) no-repeat; position: relative; top: 3px; behavior: url(iepngfix.htc);}
.contentleft_box_mid {width: 174px; background: url(img/contentleft_box_mid.png) repeat-y; position: relative; top: 3px; behavior: url(iepngfix.htc);}
.contentleft_box_mid .content {width: 136px; background: url(img/contentleft_box_bg.gif) no-repeat bottom right; margin: auto 6px; padding: 13px;}
.contentleft_box_mid .header {margin-bottom: 8px; border-bottom: 1px solid #F1F0F2; padding-bottom: 8px;}
.contentleft_box_mid div.image {margin-top: 5px;}

.home_box {width: 611px; margin-top: 7px; position: relative;}
.home_box_top {width: 611px; height: 2px; background: url(img/home_box_top.png) no-repeat; position: absolute; top: 0px; behavior: url(iepngfix.htc);}
.home_box_bot {width: 611px; height: 6px; background: url(img/home_box_bot.png) no-repeat; position: relative; top: 2px; behavior: url(iepngfix.htc);}
.home_box_mid {width: 611px; background: url(img/home_box_mid.png) repeat-y; position: relative; top: 2px; behavior: url(iepngfix.htc);}
.home_box_mid .content {width: 593px; height: 229px; margin: auto 9px;}
.home_box_mid .txt {width: 320px; margin-top: 14px;}

.contentmid_box {width: 611px; position: relative;}
.contentmid_box_top {width: 611px; height: 9px; background: url(img/contentmid_box_top.png) no-repeat; position: absolute; top: 0px; behavior: url(iepngfix.htc);}
.contentmid_box_bot {width: 611px; height: 19px; background: url(img/contentmid_box_bot.png) no-repeat; position: relative; top: 9px; behavior: url(iepngfix.htc);}
.contentmid_box_mid {width: 611px; background: url(img/contentmid_box_mid.png) repeat-y; position: relative; top: 9px; behavior: url(iepngfix.htc);}
.contentmid_box_mid .content {width: 573px; margin: auto 9px; padding: 10px;}
.contentmid_box_mid .topimg {display: block; margin-bottom: 29px;}
.contentmid_box_mid .toptxt {width: 523px; margin: 0px 25px; overflow: hidden;}
.contentmid_box_mid .title {margin-bottom: 2px;}

#home_highlights .contentmid_box_bot {background: url(img/home_highlights_box_bot.png) no-repeat;}
#home_highlights .content {width: 558px; background: url(img/home_highlights_bg.gif) no-repeat bottom right; margin-left: 14px; padding: 15px; overflow: hidden;}
#home_highlights .title {margin-bottom: 8px; border-bottom: 1px solid #F1F0F2; padding-bottom: 8px;}
#home_highlights .highlight {width: 100%; overflow: hidden; /* float: left; width: 200px; margin-right: 45px; */ color: #4E4650;}
#home_highlights .header {color: #4E4650; font-size: 13px;}
#home_highlights .description {float: right; width: 388px; font-size: 11px;}
#home_highlights .hr {width: 200px; margin: 10px 0px; overflow: hidden;}
#home_highlights .hr img {display: block;}

#box_mailinglist {width: 136px; height: 72px; background: url(img/box_mailinglist_bg.png) no-repeat; padding: 18px 19px 27px 19px; behavior: url(iepngfix.htc);}
#box_mailinglist .header {margin-bottom: 6px; border-bottom: 1px solid #F1F0F2; padding-bottom: 6px;}

#box_mailinglist_big {width: 136px; height: 85px; background: url(img/box_mailinglist_big_bg.png) no-repeat; padding: 15px 19px 27px 19px; behavior: url(iepngfix.htc);}
#box_mailinglist_big .header {margin-bottom: 6px; border-bottom: 1px solid #F1F0F2; padding-bottom: 6px;}

#facebook {margin-top: 4px; margin-bottom: 4px;}

.actfac_gallery {margin-left: -5px;}
.greenroomcafe_gallery {/* float: left; position: relative; left: -5px; */}

.greenroomcafe_menu {/* float: left; margin-top: 90px; padding-left: 5px; text-align: center; */ font-weight: bold;}
.canopy_menu {font-weight: bold;}

.greenroomcafe_logo {margin-bottom: 15px;}
.canopy_logo {margin-bottom: 5px;}

.extrainfo {clear: both; background: #41B3E7 url(img/bg_extrainfo.gif) no-repeat bottom center; margin-top: 20px; padding: 12px 15px; color: white; font-size: 11px; line-height: 14px;
margin-bottom: -10px;}

.powermoves_text{color: white; font-size: 11px;}
.powermoves_openinghours{float: left; width: 90px; font-weight: bold;}
.contact_operatinghours {float: left; width: 220px;}

.promo {width: 491px; margin-bottom: 15px; border: 1px solid #B2E4F2; padding: 12px 15px; overflow: hidden;}
.promo_vday09 {width: 395px; background: url(pics/actfac_valentines2009_top.jpg) no-repeat; margin: 0px auto 30px auto; padding: 210px 47px 30px 47px; position: relative;}
.promo_vday09 .bot {width: 489px; height: 64px; background: url(pics/actfac_valentines2009_bot.gif) no-repeat; position: absolute; bottom: 0px; left: 0px;}

.menu_list {width: 430px; background: #EEEEEE url(img/bg_menulist.gif) no-repeat bottom center; margin: 25px auto 0px auto; padding: 20px 30px 8px 30px;}
.menu_list .titlerow {padding: 20px 0px 10px 0px; position: relative;}
.menu_list .titlerow_first {margin-top: -20px;}
.menu_list .title {color: #545454; font-size: 14px;}
.menu_list .unit {color: #545454; font-size: 14px; font-weight: bold; position: absolute; top: 20px; left: 371px;}

.menu_item {margin-bottom: 15px;}
.menu_item_icon {background: url(img/greenroomcafe_menu_icon.gif) no-repeat;}
.menu_item_icon_gf {/* background: url(img/greenroomcafe_menu_icon_gf.gif) no-repeat 4px 2px; */}
.menu_item_icon_v {/* background: url(img/greenroomcafe_menu_icon_v.gif) no-repeat 10px 2px; */}
.menu_item .titlerow {padding: 0px;}
.menu_item .title {width: 350px; color: #00A7D4;}
.menu_item .title img {vertical-align: bottom;}
.menu_item .title .icon {color: #4FA600;}
.menu_item .price {color: #00A7D4; font-size: 14px; font-weight: bold; position: absolute; top: 0px; left: 371px;}
.menu_item .description {width: 350px; font-size: 11px; line-height: 14px;}

.spa_subtitle {margin: 20px auto auto 3px; color: #4E4650; font-size: 14px; font-weight: bold;}
.spa_subtitle_desc {margin-left: 3px; font-style: italic;}

.spa_item {width: 566px; background: url(img/bg_spaitem.gif) no-repeat bottom center; margin: 12px auto 0px auto; overflow: hidden;}
.spa_item_first {margin-top: 17px;}
.spa_item .header {display: block; margin-bottom: 5px;}
.spa_item .description {float: left; width: 414px; padding: 9px 12px;}
.spa_item .price {/* float: right; */ width: 128px; /* padding: 15px 0px 18px 18px; */ color: white; font-size: 14px; font-weight: bold;}
.spa_item .price .type {padding-left: 14px;}
.spa_item .price .time {}

/* vertical align */
.spa_item {display: table; #position: relative;}
.spa_item .price {display: table-cell; vertical-align: middle; #position: absolute; #top: 50%;} /* for explorer only*/
.spa_item .price .type {#position: relative; #top: -50%;} /* for explorer only */

.spa_legend {margin-left: 4px; color: #747474; font-size: 11px;}
.spa_legend img {margin-left: 13px; margin-right: 2px; position: relative; top: 1px;}
.spa_legend img.first {margin-left: 4px;}

.spa_massage_item {background: url(img/bg_spaitem_massage.gif) no-repeat bottom center;}
.spa_massage_item .description {width: 346px;}
.spa_massage_item .pressure {width: 68px; text-align: center;}

/* vertical align */
.spa_massage_item .pressure {display: table-cell; vertical-align: middle; #position: absolute; #top: 50%;} /* for explorer only */
.spa_massage_item .pressure div {#position: relative; #top: -50%;} /* for explorer only */
.spa_massage_item .price {#right: 0px;} /* for explorer only */

.title {color: black; font-size: 16px; font-weight: bold;}
.subtitle {color: #4E4650 /* #00A7D4 */; font-size: 14px; font-weight: bold;}
.subtitle_mb {margin-bottom: 6px;}
.header {font-weight: bold;}
.underline {text-decoration: underline;}
.small {font-size: 11px;}

form {width: 385px; margin: 18px auto 0px auto;}
form .field {margin-bottom: 3px; position: relative;}
form label {margin-top: 1px; position: absolute;}
form input {margin-left: 130px;}
form input.text {width: 250px;}
form input.texthalf {width: 125px;}
form select {width: 129px; margin-left: 130px;}
form textarea {width: 380px; height: 120px;}
form div.submit {width: 385px; #width: 383px; /* margin-top: 10px; */ font-size: 10px;}
form div.submit input.submit {float: right; margin-left: 0px;}
form .required {color: red;}

form.actfac {width: 425px;}
form.actfac input {margin-left: 170px;}
form.actfac textarea {width: 420px;}
form.actfac div.submit {width: 425px; #width: 423px; margin: 0px;}

#footerrow {width: 984px; height: 30px; background: #EAE9E8; margin: -30px auto auto auto; position: relative;}
#footerrow .rowcontent {width: 964px; padding: 6px 10px 0px 10px;}
#footerrow a {color: black; text-decoration: none;}

.orgdesc {margin-left: 15px;}
.hearts {font-size: 20px;}

/* ------------------------------ thickbox ------------------------------ */

body.tb_mailinglist {width: 270px; height: 270px; background: white url(img/bg_tb.gif) fixed no-repeat bottom right; padding: 20px; border: 0px solid red;}
body.tb_mailinglist #body {width: 100%; background: none; line-height: normal;}

.tb_mailinglist form {width: auto; margin: 0px;}
.tb_mailinglist form .field {margin: 0px;}
.tb_mailinglist form label {font-weight: bold; position: static;}
.tb_mailinglist form input {margin: 0px;}
.tb_mailinglist form input.text {width: auto;}
.tb_mailinglist form input.texthalf {width: 38px; #width: 36px;}
.tb_mailinglist form div.submit {width: auto;}