/* THIS IS OUR MAIN STRUCTURE */
@import url('framework.css');

* {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif}
html {margin: 0; padding: 0; height: 100%}
body {height:100%; padding:0; margin:0; background:#fff url(../img/bgs/scroll_bg.jpg) repeat fixed top left; text-align:justify}
.clear {clear:both}
a:focus {outline:none}
h1.generic {font:24px/100% Arial, Helvetica, sans-serif; color:#444; letter-spacing:-2px; padding:15px}
img.support {position:relative; margin-bottom:-10px}

#palm {position:fixed; top:0; left:0; height:618px; width:544px; display:none}

#wrap {width:800px; position:absolute; left:50%; margin-left:-400px; top:5%; background:none; z-index:2}
#title {position:absolute; top:42px; right:10px; z-index:100}
#head {height:80px;width:100%; background:url(../img/banner_bg2.png); position:relative; top:0; left:0; z-index:10}
#nav {height:28px; width:100%;background:#222 url(../img/nav_bg.jpg) repeat-x top; position:relative; top:0; left:0; z-index:5}
#user_id {height:57px; width:100%;background:#EAEAEA url(../img/user_bg.jpg) repeat-x top; position:relative; top:0; left:0}
#static_content {position:relative; background:#FFF; width:100%; height:270px; top:0; left:0}
#content {position:relative; background-color:#FFF; width:800px; margin:0 auto; display:block; clear:both}
#foot {height:26px;	width:800px; background:url(../img/foot_bg.png) repeat-x top; position:relative; margin:auto; margin-bottom:25px; z-index:100}
#foot p {font-size:10px; line-height:26px; padding:0 20px; color:#999999; display:inline}
#foot h6 {font-size:10px; line-height:26px; padding:0 5px; color:#666; display:inline; text-decoration:none}
#foot h6 a{font-size:10px; line-height:26px; padding:0 5px; color:#666; display:inline; text-decoration:none}
#foot h6.foot-links {position:absolute; right:5px; top:0}
#clear {clear:both; height:500px; width:100%; position:relative}

#shadow {width:810px; margin:auto; position:absolute; height:100%; background-color:#000; left:-2%; bottom:-2%; z-index:-100}
#white-wash {width:310px; height:238px; position:absolute; top:0; left:-1px; background-color:#fff; z-index:10; font:bold 24px/100% Arial, Helvetica, sans-serif; letter-spacing:-2px; text-align:left; color:#CCCCCC}

/* THIS IS OUR NAV */

#nav ul {padding:0; margin:0; list-style-type:none}
#nav li {float:left; height:28px;}

#nav li a {font-family:Arial; font-size:14px; letter-spacing:-1px; font-weight:bold; line-height:28px; color:#fff;  height:28px; display:block; padding:0 14px; text-decoration:none; background-image:none}
#nav li a:HOVER {background-image:url(../img/nav_HOVER.jpg); background-repeat:repeat; background-position:bottom}
#nav li #nav_ON {background-image:url(../img/nav_ON.jpg); background-repeat:repeat; background-position:bottom; color:#333}

/* USER INFO */
#user_id #user_img {position:absolute; top:7px; left:8px}
#user_id h1 {position:absolute; top:10px; left:60px; font-size:32px; letter-spacing:-3px; color:#444}
#user_id h2 {position:absolute; top:6px; right:80px; font-family:"Arial"; font-size:38px; letter-spacing:-2px; color:#0bf}
#user_id h2 a{color:#0bf; text-decoration:none}
#user_id h3 {position:absolute; top:15px; right:15px; font-family:"Arial"; font-size:18px; line-height:80%; letter-spacing:-1px; color:#0bf}

/* GENERIC PANELS */

#primary {width:457px; position:relative; float:left;  margin-left:12px; margin-top:15px; border:1px solid #CCCCCC; border-top:none; background-image:url(../img/box_bg.png); background-repeat:repeat-x; background-position:bottom}
#secondary {width:298px; position:relative; float:right; padding:0; margin-right:12px; margin-top:15px; border:1px solid #CCCCCC; border-top:none;}
#primary h1 {width:459px; position:relative; left:-1px; margin-top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/snapshot_head.jpg) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF;}
#secondary h1 {width:300px; position:relative; left:-1px; top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/panel_right_head.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF}
#welcome h2 {width:298px; position:relative; height:30px; top:30px; line-height:30px; padding:0 5px; background:url(../img/alert_bg.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#f03}
#secondary p {font-size:12px; text-align:justify; color:#555; padding:10px; line-height:115%; position:relative; top:0}
#secondary h2 {font-size:12px; font-weight:bold; text-align:justify; color:#333; padding:10px; line-height:115%; position:relative; }
#primary p {font-size:12px; text-align:justify; color:#444; padding:10px; line-height:105%; position:relative; clear:both}
#primary h6 {position:relative; left:0; bottom:0; font-size:12px; color:#444; height:30px; padding:0 0 0 10px; line-height:30px; border-top:1px dashed #CCCCCC; width:447px; background:url(../img/alert_bg.png)}
#primary h6 span {margin:0 0px;}
#primary h6 a {color:#0099FF; text-decoration:none}
#primary  h6 img span  {margin:0;}
#ins_alert {position:relative; margin:auto}
#content p {padding:15px; font-size:12px;}
#primary ul#left {list-style-type:none; position:relative; float:left; width:25%; margin: 10px 0 0 10px; font-weight:bold; color:#777}
#primary ul#right {list-style-type:none; position:relative; float:left; width:35%; margin: 10px 0 0 10px; font-weight:bold}
#primary li {padding:0; height:25px; font-size:12px; color:#666666}

/* HOME & ACCOUNT */
#snapshot {width:457px; height:206px; position:absolute; padding-top:30px; left:12px; top:15px; border:1px solid #CCCCCC; border-top:none; overflow:visible; background-image:url(../img/box_bg.png); background-repeat:repeat-x; background-position:bottom}
#welcome {width:298px; height:206px; position:absolute; padding:30px 0 0 0; right:12px; top:15px; border:1px solid #CCCCCC; border-top:none;}
#hotel_img {position:absolute; right:15px; bottom:20px; z-index:10}
#snapshot h1 {width:459px; position:absolute; left:-1px; top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/snapshot_head.jpg) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF;}
#welcome h1 {width:300px; position:absolute; left:-1px; top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/panel_right_head.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF}
#welcome h2 {width:298px; position:absolute; height:30px; top:30px; line-height:30px; padding:0 5px; background:url(../img/alert_bg.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#f03}
#welcome p {font-size:12px; text-align:justify; color:#555; padding:5px 12px; line-height:115%; position:absolute; top:65px}
#snapshot p {font-size:12px; text-align:justify; color:#444; padding:10px 10px 0 10px; line-height:105%; position:relative; clear:both}
#snapshot h6 {position:absolute; left:0; bottom:0; font-size:12px; color:#444; height:30px; padding:0 0 0 10px; line-height:30px; border-top:1px dashed #CCCCCC; width:447px; background:url(../img/alert_bg.png)}
#snapshot h6 span {margin:0 5px; height:10px}
#snapshot h6 img {height:10px; width:10px}
#snapshot h6 a {color:#0099FF; text-decoration:none}
#snapshot h6 a:HOVER {color:#00CC66; text-decoration:none}
#ins_alert {position:relative; margin:auto}
#content p {padding:15px; font-size:12px;}
#snapshot ul#left {list-style-type:none; position:relative; float:left; width:25%; margin: 10px 0 0 10px; font-weight:bold; color:#777}
#snapshot ul#right {list-style-type:none; position:relative; float:left; width:35%; margin: 10px 0 0 10px; font-weight:bold}
#snapshot li {padding:0; height:25px; font-size:12px; color:#666666}

/* TRAVEL KIT */
#left_col {width:457px; position:relative; float:left; padding-top:30px; margin-left:12px; margin-top:15px; border:1px solid #CCCCCC; border-top:none; overflow:visible; background-image:url(../img/box_bg.png); background-repeat:repeat-x; background-position:bottom}
#right_col {width:298px; position:relative; float:right; padding:0; margin-right:12px; margin-top:15px; border:1px solid #CCCCCC; border-top:none;}

#left_col h1 {width:459px; position:absolute; left:-1px; top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/snapshot_head.jpg) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-align:justify}
#right_col h1 {width:300px; position:relative; left:-1px; top:0; height:30px; line-height:30px; padding:0 5px; background:url(../img/panel_right_head.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-align:justify}
#right_col h2 {width:298px; position:relative; height:30px; top:0; line-height:30px; padding:0 5px; background:url(../img/alert_bg.png) no-repeat; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#f03; text-align:justify}
#right_col p {font-size:12px; text-align:justify; color:#555; padding:5px 12px; line-height:115%; position:relative;}
#left_col h6 {position:relative; clear:both; left:0; bottom:0; font-size:12px; color:#444; padding:12px 10px 12px 0; line-height:105%; border-top:1px dashed #CCCCCC; width:447px; text-align:justify}
#left_col h6 span {margin:0 15px;}
#left_col h6 img span  {margin:0;}
#ins_alert {position:relative; margin:auto}

#left_col p#tabs {position:relative; margin:0 0 10px 0; height:25px; padding:0 15px;  background-color:#EAEAEA; border-bottom:1px solid #ddd; line-height:25px; text-align:left}
#left_col p#get_pack {position:relative; margin:0 0 0 0; height:25px; padding:0 15px; border-top:1px dashed #ddd; line-height:25px; text-align:right; clear:both}

#left_col ul#left {list-style-type:none; position:relative; float:left; width:30%; margin: 10px 0 0 10px; font-weight:bold; color:#777; text-align:left}
#left_col ul#right {list-style-type:none; position:relative; float:left; width:50%; margin: 10px 0 0 10px; font-weight:bold; text-align:left}
#left_col li {padding:0; min-height:28px; font-size:12px; color:#666666}

ul.hotspots {padding:0; margin:0; color:#666666; list-style:none; text-align:left}
ul.hotspots li {margin:0;padding:0}
ul.hotspots li a {margin:0;padding:10px; font:normal 12px/100% Arial, Helvetica, sans-serif; display:block; border:1px dashed #fff}
ul.hotspots li a:HOVER {color:#0099CC; background:#CCFFFF; text-decoration:none; border:1px dashed #99FFFF}

/* ACCOUNT */
.point_row {height:47px; display:block; width:90%; border-bottom:1px dashed #CCCCCC; position:relative; font-size:16px; color:#777; line-height:47px; padding:0 5%; font-weight:bold; letter-spacing:-1px}
.point_row h6 {position:absolute; height:47px; line-height:47px; top:0; right:18px; font-size:18px; font-weight:bold; color:#333333}
#points_total {position:absolute; bottom:0; left:0; width:298px; height:60px; background-image:url(../img/loyalty_total_bg.png)}
#points_total h4 {position:absolute; height:60px; line-height:60px; top:0; right:12px; font-size:34px; color:#0BF}
#points_total h5 {position:absolute; height:60px; line-height:60px; top:0; left:15px; font-size:16px; color:#0BF; letter-spacing:-1px}

/* CONTACT */
#primary form textarea  {width:288px; padding:8px; font-size:12px; color:#555; background:none; border:1px solid #CCCCCC}
#secondary p.contact_rows {font-size:12px; text-align:justify; color:#555; padding:12px 10px; margin:0 auto; line-height:115%; position:relative; top:0; border-bottom:1px dashed #ccc}
#secondary p.contact_rows:HOVER {background-color:#CCFFFF}
#contact_send {font-size:10px; height:20px; width:60px; line-height:20px; padding:2px;background:url(../img/button_bg.png); border:none; color:#222}
#contact_send:HOVER {font-size:10px; height:20px; width:60px; line-height:20px; padding:2px;background:url(../img/button_bg_on.png); border:none; color:#222; cursor:pointer}