@charset "utf-8"; /* CSS Document */
/* NB: reset.css in use */

html, body { margin: 0; padding: 0; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #ececec; background-color: #bdbcb8;}
body { background: url('../images/bg_body.jpg') repeat-x; z-index: 500;}

a, a:visited, a img, img, object { border: 0; text-decoration: none; outline: 0; color: #ea0858;}
a, a:visited, a img { cursor: pointer;}
a:hover, a:active { color: #fff; text-decoration: underline;}

/* re-curring styles */
em { font-style: italic;}
strong, b { font-weight: bold;}
img { border: none; padding: 0; margin: 0;}
h1 { font-size: 20px; font-weight: 100; padding: 0px 0 8px 0; text-align: left; color: #ea0858;}
h2 { font-size: 15px; line-height: 17px; padding: 0 0 10px 0; text-align: left; font-weight: bold; color: #ea0858;}
h3 { font-size: 12px; padding: 0 0 6px 0; font-weight: bold; text-align: left;}
p { position: relative;  font-size: 12px; line-height: 18px; margin: 0 0 14px 0; float: left;}
.h1 { padding-bottom: 10px;}
.pink { color: #ea0858;}

/* wrapper */
#wrapper { margin: 0 auto; width: 1024px; height: 840px; border: 0px solid green; position: relative;}

/* countdown */
#countdown { height: 32px; border-bottom: 1px solid #4f4f4d; background-color: #1d1d1c; color: #fff; font-weight: bold; text-transform: uppercase;}

/* header */
#header_girl { position: absolute; left: 0px; top: 33px; height: 803px; width: 295px; z-index: 500;}
#header_logo { position: absolute; right: 80px; top: 67px; height: 126px; width: 340px; z-index: 500;}

/* main section */
#panel { position: absolute; width: 635px; top: 211px; left: 307px; margin: 0;}

#navigation { position: relative; height: 39px; width: 635px; background: url('../images/bg_nav.jpg') 0 0 no-repeat;}
#content { position: relative; height: 463px; width: 635px; background: url('../images/bg_content.jpg') 0 0 no-repeat; overflow: hidden;}
#socialbar { position: relative; height: 34px; width: 635px; background: url('../images/bg_socialbar.jpg') 0 0 no-repeat;}
#legal { width: 635px; color: #1d1c1c; font-size: 10px; line-height: 14px; text-align: center; padding-top: 10px;}
#legal a { color: #1d1c1c; text-decoration: none;}
#legal a:hover { color: #777; text-decoration: underline;}

/* content */
.left_col { position: relative; float: left; padding: 20px;}
.left_col_img { position: relative; float: left; padding: 20px;}
.copy { position: relative; float: left; width: 412px; padding: 20px 10px 0px 0px;}
#scroll { position: relative; float: left; height: 461px; width: 427px; top: 1px; padding: 0;}
#pane h1 { padding-top: 20px;}

/* navigation */
#nav { border: none; list-style: none; margin: 0; padding: 0; position: absolute; top: 4px; left: 10px; width: 620px; height: 29px;}
#nav li { display: inline; float: left; list-style: none; position: relative; height: 29px;}
#nav a { display: block; height: 29px; text-indent: -9000px; overflow: hidden; position: relative; width: 52px; background: url('../images/nav.jpg') no-repeat;}

#n1 a { background-position: -5px 0px; width: 52px;}
#n1 a:hover { background-position: -5px -29px;}
#home #n1 a { background-position: -5px -29px;}

#n2 a { background-position: -59px 0px; width: 65px;}
#n2 a:hover { background-position: -59px -29px;}
#lounge #n2 a { background-position: -59px -29px;}

#n3 a { background-position: -614px 0px; width: 147px;}
#n3 a:hover { background-position: -614px -29px;}
#map #n3 a { background-position: -614px -29px;}

#n4 a { background-position: -390px 0px; width: 69px;}
#n4 a:hover { background-position: -390px -29px;}
#bookit #n4 a { background-position: -390px -29px;}

#n5 a { background-position: -167px 0px; width: 125px;}
#n5 a:hover { background-position: -167px -29px;}
#fashionforum #n5 a { background-position: -167px -29px;}

#n6 a { background-position: -458px 0px; width: 111px;}
#n6 a:hover { background-position: -458px -29px;}
#participants #n6 a { background-position: -458px -29px;}

#n7 a { background-position: -568px 0px; width: 45px;}
#n7 a:hover { background-position: -568px -29px;}
#faq #n7 a { background-position: -568px -29px;}

/* home */
#home_subtitle { position: relative; width: 360px; margin: 0px 0px 10px 10px; padding: 0px 0 8px 0; color: #ea0858; text-transform: uppercase; text-align: right; font-size: 21px; line-height: 25px; border-bottom: 1px solid #393938;}	
#home_copy { width: 355px; text-align: right; padding-left: 20px;}

/* lounge */
#lounge .copy { height: 261px; width: 385px; border-bottom: 1px solid #393938;}
#lounge_ul { margin: 10px 0 0 0;}
#lounge_ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 8px 18px; font-size: 12px;}

/* map and happenings */
#shop_map_head { overflow: hidden; width: 635px; height: 55px; font-size: 12px; line-height: 35px; background-color: #1f1f1f; color: #fff; }
#map_header { position: relative; float: left; font-size: 32px; top: 10px; left: 10px;}
#map_text { position: relative; float: left; top: 14px; left: 20px; }
#dl_map { float: right; }

/* fashion forum */
#fashionforum .copy { width: 312px;}

/* book it */
#bookit_container { position: absolute; top: 72px; right: 20px; height: 300px; width: 345px; overflow: hidden;}
#bookit_subnav { position: absolute; top: 5px; right: 4px; height: 46px; width: 213px; background: url('../images/bookit_subnav_bg.jpg') 0px 0px no-repeat;}
#bookit_subnav_tab { position: absolute; top: 0px; left: 3px;}
#bookit_subnav_text { position: absolute; top: 0px; left: 0px; height: 46px; width: 213px;}
#bookit_carousel { position: relative; top: 0px; left: 0px; height: 300px; width: 1600px; overflow: hidden;}
.bookit_car_item { position: relative; float: left; height: 300px; width: 345px; margin-right: 40px; overflow: hidden;}
#bookit h1 { padding-bottom: 18px;}
#bookit p { width: 320px;}
#bookit_beauty { }
#bookit_style { }
#bookit_fashion { }
.bookit_select_time { display: block; height: 20px; width: 102px; background: url('../images/bookit_select_time.jpg') no-repeat 0px 0px; text-indent: -9000px;}
.bookit_select_time:hover { background-position: 0 -20px;}
.form_panel { position: absolute; top: 1px; left: 7px; height: 457px; width: 624px; background-color: #232322; display: none; overflow: hidden; z-index: 600;}
.form_panel h1 { position: relative; padding: 20px; width: 400px;}
.bio_image { position: relative; float: left; padding: 0px 20px 20px 20px;}

/* book it forms */
.close_bookit_forms { position: absolute; top: 10px; right: 10px; font-weight: bold;}
.steps { position: relative; padding: 0 0 12px 0px; font-weight: bold; font-size: 16px;}
.bookit_form_table { position: absolute; top: 60px; left: 40px;}
.timetable { width: 110px; margin: 0px 0 0 20px; font-weight: bold; font-size: 14px;}
.timetable td { padding: 2px 5px 2px 5px;}
.open { color: #fff;}
.closed { color: #bebebe;}
.input1 { background-color: #f2f2f2; border: 0 none; color: #000; font-size: 11px; height: 20px; width: 140px;}
.submit1 { background-color: #232322; border: 2px solid #bbbab6; color: #fff; cursor: pointer; margin-bottom: 6px; font-weight: bold; padding: 3px; font-size: 14px;}
.required { color: #ea0858; font-size: 10px; display: inline;}
label { color: #ececec; display: block; font-size: 10px; font-weight: bold; margin: 0 0 6px 0;}
.right_col {position: absolute; top: 60px; left: 240px;}
.opt_ins { font-size: 11px;}
.errorbox_prof { position: absolute; top: 320px; left: 240px;}
#thank_you { text-align: center;}
#appt_time { color: #fff; font-weight: bold; font-size: 20px; padding: 30px;}
#thank_you_overflow { text-align: center;}
#overflow_response { color: #fff; font-weight: bold; font-size: 20px; padding: 30px;}

/* participants */
#participants #content { padding: 20px 0 0 15px; height: 443px;}
#participants_title { color: #ea0858; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 20px; padding: 0 0 4px 0;}
#participants_table { position: relative; margin: 10px 0 0 45px;}
.participants_col { float: left; width: 190px; line-height: 16px;}

/* faq */
.faq_item { font-size: 14px; border-bottom: 1px solid #393938; padding: 4px 0 4px 0;}
.faq_q {}
.faq_a { position: relative; font-size: 12px;}
.faq_open .faq_q { color: #fff;}

/* social */
#social { border: none; list-style: none; margin: 0; padding: 0; position: absolute; top: 4px; left: 10px; width: 620px; height: 29px;}
#social li { display: inline; float: left; list-style: none; position: relative; height: 29px;}
#social a { display: block; height: 29px; text-indent: -9000px; overflow: hidden; position: relative; width: 52px; background: url('../images/social.jpg') no-repeat;}

#s1 a { background-position: -22px -5px; width: 154px;}
#s1 a:hover { background-position: -22px -38px;}

#s2 a { background-position: -176px -5px; width: 114px;}
#s2 a:hover { background-position: -176px -38px;}

#s3 a { background-position: -289px -5px; width: 148px;}
#s3 a:hover { background-position: -289px -38px;}

#s4 a { background-position: -437px -5px; width: 192px;}
#s4 a:hover { background-position: -437px -38px;}

/* sharebox */
#sharebox { position: absolute; height: 150px; width: 345px; top: -152px; right: 2px; padding-left: 10px; background-color: #232322; border-top: 2px solid #bbbab6; border-left: 2px solid #bbbab6; z-index: 700; display: none;}
#close_share { position: absolute; top: 2px; right: 10px; font-weight: bold;}

/* sign up box */
#signupbox { position: absolute; height: 150px; width: 345px; top: -152px; right: 2px; padding-left: 10px; background-color: #232322; border-top: 2px solid #bbbab6; border-left: 2px solid #bbbab6; z-index: 700; display: none;}
#close_signup { position: absolute; top: 2px; right: 10px; font-weight: bold;}