/*
------------ FACE AND BODY 2010 Styles ----------
	--- COLORS --- 
	N. CALIFORNIA GREEN: #66A32E
	MIDWEST PURPLE:      #692D83
	MUSTARD YELLOW:      #D5B542
	HIGHLIGHT YELLOW:    #FFFEC8
	BACKGROUND BROWN:    #754C23
	--------------
-------------------------------------------------
*/
/*_________________________________________________________________________________
		RESET
===================================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*_________________________________________________________________________________
		YAML
===================================================================================*/
/* (en) Global reset of paddings and margins for all HTML elements */
* { margin: 0; padding: 0; }

/* (en) Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; }

/*  (en) Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; }
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	
	/* (en) Standard values for colors and text alignment */
	color: #222;
	text-align: left;
}

/* (en) Clear borders for <fieldset> and <img> elements */
fieldset, img { border: 0 solid; }

blockquote { margin: 0 0 1em 1.5em; }

/* (en) Adjustment: sort #col3 behind float columns using z-index */
#col1 {z-index: 2}
#col2 {z-index: 1}
#col1Content {z-index: 4}
#col2Content {z-index: 3}

/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
body {
	min-width: 1000px;
	background-color: #754C23;
	font-size: 13.5px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: 0 0;
	background-repeat: repeat-x;
}

body.midwest { background-image: url("http://media.faceandbody.com/designimages/bodyBgMidwest.gif"); }
body.california { background-image: url("http://media.faceandbody.com/designimages/bodyBgNCalifornia.gif"); }
body.both { background-image: url("http://media.faceandbody.com/designimages/bodyBgBoth.gif"); }

div#header, div#main, div#footer { clear: both; width: 100%; display:block; overflow: hidden; }

div.wrapper { width: 1000px; margin: 0px auto; padding: 0px; position: relative; overflow: hidden; 
}

div#main { padding: 15px 0px; min-height: 280px; }

div#main div#col1 { width: 717px; float: left; overflow: hidden; }

div#main div#col2 { width: 282px; float: left; overflow: hidden; margin-left: 1px; }

div#col1Content, div#col2Content { padding: 0px 15px; position: relative; }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
div#header { background: url("http://media.faceandbody.com/designimages/fb_headerBg.png") no-repeat 50% 0;  }

div#eventNavigation { height: 25px; display: block;  overflow: hidden; }

div#eventNavigation h4 { color: #D5B542; background-color: #754C23; width: 740px; float: left; text-align: right; font-weight: normal; line-height: 20px; padding: 5px 10px 0px 0px; }

div#eventNavigation ul { float: right; margin-right: 8px; height: 25px; }

div#eventNavigation ul li { float: left; height: 23px; border-top: 2px solid #754C23; text-align: center; }
div#eventNavigation ul li a { text-decoration: none; line-height: 23px; height: 23px; display: block; }
div#eventNavigation ul li a:hover { text-decoration: underline; }
div#eventNavigation ul li.midwest { border-right: 1px solid #754C23; width: 90px; }
div#eventNavigation ul li.midwest a { width: 90px; }
div#eventNavigation ul li.california { border-left: 1px solid #754C23; width: 150px; }
div#eventNavigation ul li.california a { width: 150px; }

body.midwest div#eventNavigation ul li.midwest a,
body.california div#eventNavigation ul li.california a { color: #754C23; }

body.midwest div#eventNavigation ul li.california a,
body.california div#eventNavigation ul li.midwest a,
body.both div#eventNavigation ul li a { color: #FFFEC8; background-color: #754C23; }

div#eventInfo { padding: 10px 15px; height: 60px; overflow: hidden; position: relative; }

div#eventInfo h1 { position: absolute; top: 10px; left:15px; width: 231px; height: 59px; background: url("http://media.faceandbody.com/designimages/fbLogo.gif") no-repeat 0 0; }
div#eventInfo h1 a { width: 231px; height: 59px; background: url("http://media.faceandbody.com/designimages/fbLogo.gif") no-repeat 0 0; text-indent: -9999px; overflow: hidden; display: block; }

div#eventInfo h2 { position: absolute; top: 25px; left:255px; height:25px; display: block; text-indent: -9999px; overflow: hidden; }

body.midwest div#eventInfo h2 { width: 142px; background: url("http://media.faceandbody.com/designimages/fb_midwestLogo.gif") no-repeat 0 0; }
body.california div#eventInfo h2 { width: 364px; background: url("http://media.faceandbody.com/designimages/fb_ncalLogo.png") no-repeat 0 0; }

div#eventInfo p#tagline { position: absolute; top: 56px; left:255px; color: #754C23; font-size: 12px; letter-spacing: 1.5px; }
div#eventInfo p#eventDetails { float: right; font-size: 18px; line-height: 25px; text-align: right; width: 400px; height: 46px; margin: 14px 0px 0px; }
body.midwest div#eventInfo p#eventDetails { color: #692D83; }
body.california div#eventInfo p#eventDetails { color: #66A32E; }

/*_________________________________________________________________________________
		NAV LAYOUT
===================================================================================*/
div#navigation { overflow: hidden; height: 32px; }
body.midwest div#navigation { background-color: #692D83; }
body.california div#navigation { background-color: #66A32E; }

div#navigation ul { list-style: none; }

div#navigation ul li { float: left; border-style: solid; border-color: #fff; border-width: 0px 2px 0px 0px; height: 32px; line-height: 32px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
div#navigation ul li#pnItem5 { border-right: 0px none; }
div#navigation ul li a { padding: 0px 10px; line-height: 32px; color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; display: block; }

div#navigation ul li a:hover { text-decoration: underline; }

div#navigation ul li.currPage {
	border-width: 2px 0px 0px 0px;
	background-color: #fff;
	margin-left: -2px;
	padding-left: 2px;
	padding-right: 2px;
	height: 30px;
	line-height: 28px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.8);
}

body.midwest div#navigation ul li.currPage { border-color: #692d83; }
body.california div#navigation ul li.currPage { border-color: #66a32e; }

body.midwest div#navigation ul li.currPage a { line-height: 28px; color: #692d83; }
body.california div#navigation ul li.currPage a { line-height: 28px; color: #66a32e; }

/*body.both div#navigation ul { display: none; }*/
body.both div#navigation ul li#pnItem1 { background-color: #692d83; border-left: 2px solid #fff; }
body.both div#navigation ul li#pnItem2 { background-color: #66a32e; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
div#main { background-color: #fff; font-size: 13.5px; line-height: 16.5px; font-family: Arial, Helvetica, sans-serif; }
div#main div.wrapper { background: url("http://media.faceandbody.com/designimages/dotBrown_1x1.gif") repeat-y 717px 0px; }

p { font-size: 13.5px; line-height: 16.5px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px; }

h1 { font-size: 26px; line-height: 31px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 7px; }

h2 { font-size: 18px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 7px; }

h3 { font-size: 14.5px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #754c23; margin-bottom: 7px; }

h4 { font-size: 11px; line-height: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }

h5 { font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666; margin-bottom: 5px; }

h6 { font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; margin-bottom: 3px; }

body.midwest h1, body.midwest h2, body.midwest h3, body.midwest h4, body.midwest h6 { color: #692D83; }
body.california h1, body.california h2, body.california h3, body.california h4, body.california h6 { color: #66A32E; }

body h1.midwest, body h2.midwest, body h3.midwest, body h4.midwest, body h5.midwest, body h6.midwest { color: #692D83; }
body h1.california, body h2.california, body h3.california, body h4.california, body h5.california, body h6.california { color: #66A32E; }

sup { vertical-align: super; font-size: 75%; line-height: 1px; position: relative; top: .3em; margin-left: 1px; }
sub { vertical-align: sub; font-size: 75%; line-height: 1px; position: relative; top: -.4em; margin-left: 1px; }

h1 sup { font-size: 60%; }
h1 sub { font-size: 60%; top: -0.5em; }

div#main ul { margin: 0px 0px 12px 0px; }
div#main ul li { list-style: disc; margin: 0px 0px 5px 15px; }

/* - UTILITY STYLES - */
.listTitle { margin-bottom: 3px; }
.cursor { cursor: pointer; }
.floatright { float: right; margin: 0px 0px 10px 10px; }
.floatleft { float: left; margin: 0px 10px 10px 0px; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.headshot, .photo { float: right; margin: 0px 0px 10px 10px; border: 1px solid #ccc; }
img.speakerPic { float: left; margin: 0px 10px 10px 0px; border: 1px solid #999; }
div.photo p.caption { margin: 0px; padding: 3px 3px 2px; font-size: 11px; text-align: center; border-top: 1px solid #ccc; }
div.quotes, div.sidebar { float: right; clear: right; width: 255px; margin: 10px 0px 10px 15px; overflow: hidden; border-color: #754c23; border-style: solid; border-width: 1px 0px 1px 1px; padding: 10px 0px 10px 15px; -moz-box-shadow: -2px 2px 3px rgba(0,0,0,.2); -webkit-box-shadow: -2px 2px 3px rgba(0,0,0,.2); }
div.quotes h3, div.sidebar h3 { margin: 7px 0px 0px; }
div.quotes p, div.sidebar p { font-size: 13px; color: #666; margin: 7px 0px 0px; }
div.quotes p em, div.sidebar p em { font-size: 13.5px; color: #000; display: block; margin-bottom: 2px; }
div.quotes h3 + p, div.sidebar h3 + p { margin-top: 2px; }
span.label { color: #666; }
.weak { color: #666; font-size: 92%; }
.attn { color: #900; font-weight: bold; }

/*a.regButton, a.regButton:link, a.regButton:visited { display: inline-block; border: 1px solid #04f; font-weight: bold; color: #fff; font-size: 13.5px; padding: 7px 10px; cursor: pointer; text-decoration: none; background: url("http://media.faceandbody.com/designimages/fb-regBtnBg.gif") repeat-x scroll 50% 50% transparent; text-shadow: 1px 1px 1px rgba(0,0,0,.4); -moz-border-radius: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-border-radius: 5px; border-radius: 5px; }
a.regButton:hover, a.regButton:focus { text-decoration: underline; color: #fff; border-color: #06f; text-shadow: 1px 1px 1px rgba(0,0,0,.65); }
a.regButton:active { text-shadow: -1px -1px 1px rgba(0,0,0,.8); color: #ccc; color: rgba(255,255,255,.8); border-color: #039;  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }

body.midwest a.button, body.midwest a.button:link, body.midwest a.button:visited { display: inline-block; border: 1px solid #5a2870; font-weight: bold; color: #fff; font-size: 13.5px; padding: 7px 10px; cursor: pointer; text-decoration: none; background: url("http://media.faceandbody.com/designimages/fb-mwBtnBg.gif") repeat-x scroll 50% 50% transparent; text-shadow: 1px 1px 1px rgba(0,0,0,.4); -moz-border-radius: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-border-radius: 5px; border-radius: 5px; }
body.midwest a.button:hover, body.midwest a.button:focus { text-decoration: underline; color: #fff; border-color: #692d83; text-shadow: 1px 1px 1px rgba(0,0,0,.65); }
body.midwest a.button:active { text-shadow: -1px -1px 1px rgba(0,0,0,.8); color: #ccc; color: rgba(255,255,255,.8); border-color: #5a2870;  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }

body.california a.button, body.california a.button:link, body.california a.button:visited { margin: 0px 2px 2px 0px; display: inline-block; border: 1px solid #754c23; font-weight: bold; color: #fff; font-size: 13.5px; padding: 7px 10px; cursor: pointer; text-decoration: none; background: url("http://media.faceandbody.com/designimages/fb-ncBtnBg.gif") repeat-x scroll 50% 50% transparent; text-shadow: 1px 1px 1px rgba(0,0,0,.4); -moz-border-radius: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-border-radius: 5px; border-radius: 5px; }
body.california a.button:hover, body.california a.button:focus { text-decoration: underline; color: #fff; border-color: #905e2b; text-shadow: 1px 1px 1px rgba(0,0,0,.65); }
body.california a.button:active { text-shadow: -1px -1px 1px rgba(0,0,0,.8); color: #ccc; color: rgba(255,255,255,.8); border-color: #5c3c1c;  -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8); }*/

/* - button OFF defaults - */
a.button, a.button:link, a.button:visited,
a.regButton, a.regButton:link, a.regButton:visited {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	font-size: 13.5px;
	color: #fff;
	padding: 7px 10px;
	margin: 0px 2px 2px 0px;
	cursor: pointer;
	text-decoration: none;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	background-color: transparent;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
a.regButton { border-color: #04f; background-image: url("http://media.faceandbody.com/designimages/fb-regBtnBg.gif"); }
body.midwest a.button { border-color: #5a2870; background-image: url("http://media.faceandbody.com/designimages/fb-mwBtnBg.gif"); }
body.california a.button { border-color: #754c23; background-image: url("http://media.faceandbody.com/designimages/fb-ncBtnBg.gif"); }

/* - button HOVER state - */
a.button:hover, a.button:focus, a.regButton:hover, a.regButton:focus {
	text-decoration: underline;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.65);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.8); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.8); box-shadow: 0px 0px 2px rgba(0,0,0,.8);
}
a.regButton:hover, a.regButton:focus { border-color: #06f; }
body.midwest a.button:hover, body.midwest a.button:focus { border-color: #692d83; }
body.california a.button:hover, body.california a.button:focus { border-color: #905e2b; }

/* - button DOWN state - */
a.button:active, a.regButton:active {
	text-decoration: underline;
	color: #ccc;
	color: rgba(255,255,255,.8);
	text-shadow: -1px -1px 1px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset; -webkit-box-shadow: 0px 0px 3px #000; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset;
}
a.regButton:active { border-color: #039; }
body.midwest a.button:active { border-color: #5a2870; }
body.california a.button:active { border-color: #5c3c1c; }

/*_________________________________________________________________________________
		COL 2 ITEMS
===================================================================================*/
h4#mlLink { background: url("http://media.allured.com/designimages/email_icon.gif") no-repeat 0px 1px; font-size: 10px; font-weight: bold; line-height: 11px; float: right; padding-left: 20px; margin-bottom: 10px;  }
h4#mlLink a:link, h4#mlLink a:visited, h4#mlLink a:active { color: #754c23; }
h4#mlLink a:hover { color: #06f; }

h2#exhibitLink { font-size: 13px; line-height: 13px; height: 13px; padding: 5px 0px; background-color: #754c23; color: #fffec8; text-align: center; margin-bottom: 15px; clear: right; }
h2#exhibitLink a:link, h2#exhibitLink a:visited, h2#exhibitLink a:active { color: #fffec8; }
h2#exhibitLink a:hover { color: #fff; }

#col2Content ul { padding-bottom: 10px; border-bottom: 1px solid #754c23; }
#col2Content ul li { font-size: 11.5px; }
#col2Content ul li a { font-size: 13.5px; }

#col2Content p { padding-left: 10px; }

/*_________________________________________________________________________________
		SPONSOR LOGO ROTATOR
===================================================================================*/
div#sponsorList { position: relative; width: 250px; height: 180px; overflow: hidden; border: 1px solid #bbb; background: url("http://media.faceandbody.com/designimages/fb_sponsorBg.png") no-repeat 0 30px; margin-bottom: 10px; }

div#sponsorList div.sponsor { text-align: center; z-index: 20; position: absolute; width: 250px; height: 180px; overflow: hidden; opacity: 0.0; }
div#sponsorList div.presentor { opacity: 1.0; }
div#sponsorList div.sponsor h2 { text-align: center; letter-spacing: 1px; margin-bottom: 0px; background-color: #fffec8; border-bottom: 1px solid #bbb; padding: 4px 5px 5px; }
div#sponsorList div.sponsor a { display: block; text-align: center; margin: 5px; width: 240px; height: 140px; background-color: #fff; }
div#sponsorList div.sponsor a img { margin: 0px auto; }
div#sponsorList div.presentor a img { margin-top: 34px; }

div#sponsorList div.topLogo { z-index: 500; }
div#sponsorList div.oldLogo { z-index: 490; }

/*_________________________________________________________________________________
		AD STYLES
===================================================================================*/
div.ad { padding: 15px 0px 10px; border-top: 1px solid #754c23; margin: 0px; background: url("http://media.allured.com/images/advertisment_7x60_h.gif") 50% 4px no-repeat; }
div.ad div.adBackground { margin: 0px; padding: 0px; overflow: hidden; display: inline-block; border: 1px solid #999; background-color: #fff; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { background-color: #754C23; color: #FFFEC8; }
div#footer a {color: #FFFEC8; }
div#footer div.wrapper { padding: 15px 0px; }

div#footer div#presenterLogos { width: 469px; height: 40px; overflow: hidden; padding: 9px 15px 15px; float: left; border-right: 1px solid #D5B542; }
div#footer div#presenterLogos h4 {
	float: left;
	padding: 0px 5px 0px 0px;
	font-weight: normal;
	font-size: 11px;
	color: #FFFEC8;
	text-transform: none;
	margin-top: 27px;
}

div#footer div#presenterLogos a { display: block; float: left; text-indent: -9999px; text-decoration: none; }

div#footer div#presenterLogos a#allured { height: 26px; width: 152px; background: url("http://media.faceandbody.com/designimages/fb_alluredLogo.gif") no-repeat 0px 0px; margin: 11px 20px 0px 0px; }
div#footer div#presenterLogos a#skininc { height: 40px; width: 134px; background: url("http://media.faceandbody.com/designimages/fb_siLogo.gif") no-repeat 0px 0px; }

div#footer div#eventLocations { width: 470px; height: 40px; overflow: hidden; padding: 0px 15px 15px; float: left; text-align: center; }

div#footer div#eventLocations h4 { padding: 0px 5px 0px 0px; font-size: 11.5px; color: #D5B542; text-transform: none; }

div#footer div#eventLocations div { width: 234px; float: left; text-align: center; }
div#footer div#eventLocations div.california { border-right: 1px solid #D5B542; }

div#footer div#eventLocations div p a { color: #FFFEC8; text-decoration: none; display: block; font-size: 12px; }
div#footer div#eventLocations div p a strong { color: #FFFEC8; font-size: 13.5px; }
div#footer div#eventLocations div p a:hover { text-decoration: underline; }

div#footer p#footerLink { clear: both; text-align: center; padding: 15px 0px 10px 0px; }

div#footer p#copyright { clear: both; display: block; text-align: center; font-size: 11px; margin: 5px 10px 0px; }

/*_________________________________________________________________________________
		GENERIC FORM STYLES
===================================================================================*/
textarea, input.text { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12.5px; }
textarea { padding: 2px 4px; }

fieldset { overflow: hidden; border: 1px solid #754c23; padding: 10px; margin: 10px 0px; }

fieldset legend { padding: 0px 5px; color: #754c23; font-weight: bold; }

input.submit { cursor: pointer; width: 100px; height: 35px; line-height: 25px; font-weight: bold; font-size: 13.5px; }

p.requiredNotice { font-size: 12px; color: #666; }
span.requiredField { font-size: 14px; color: #900; margin-right: 2px; }

fieldset.error { border: 1px solid #900; }
fieldset.error legend { color: #900; }
label.error { color: #900; }
input.error { border: 2px solid #900; }
p.error_message { padding: 5px 0px; margin: 0px 0px 10px; border-color: #900; border-style: solid; border-width: 2px 0px; font-weight: bold; color: #900; text-align: center; }

p.thanks_message { padding: 5px; background-color: #ff6; border: 1px solid #666; text-align: center; font-weight: bold; }

/*_________________________________________________________________________________
		GENERIC TABLE STYLES
===================================================================================*/
th { padding: 5px; color: #fff; font-weight: bold; font-size: 13.5px; border: 1px solid #999; text-align: left; }
body.midwest th, table.midwest th { background-color: #692d83; }
body.california th, table.california th { background-color: #66a32e; }

table td { padding: 3px 5px; border: 1px solid #999; font-size: 13px; }

/*____________________________________________________________________________________________________________
		PAGE-SPECIFIC STYLES
==============================================================================================================*/
/*_________________________________________________________________________________
		HOMEPAGE - MIDWEST
===================================================================================*/
div#regLink { float: right; width: 200px; padding: 38px 15px 19px; text-align: center; }
div#regLink a.regButton { font-size: 18px; line-height: 22px; display: block; margin: 0px 0px 7px 0px; }

/*_________________________________________________________________________________
		HOMEPAGE - CALIFORNIA
===================================================================================*/
/*body#California div#col1Content {
	background-image: url("images/nCali-home-bg.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
*/
/*_________________________________________________________________________________
		EXHIBITOR LIST
===================================================================================*/
div#exhibitorList { margin-top: 15px; }

p#exhibitorCount { font-size: 14px; color: #333; }

fieldset#exhibitorFilters select { margin-right: 10px; }
fieldset#exhibitorFilters span { font-weight: bold; margin-right: 7px; }

div.exhibitor { overflow: hidden; border: 1px solid #754C23; margin: 0px 0px 15px; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }

div.exhibitorName { overflow: hidden; background-color: #FFFEC8; padding: 5px 10px; }
div.exhibitorName h2 { margin: 0px; }
div.exhibitorName p { float: right; margin: 0px 0px 0px 10px; color: #754C23; font-size: 16px; line-height: 20px; }
div.exhibitorNameHover { background-color: #F5ECA7; }

div.exhibitorName img { margin-left: 7px; float: right; }

div.expandLink { float: right; margin: 0px 5px 0px 10px; width: 67px; overflow: hidden; background-color: #FFFEC8; padding: 3px 10px 3px 10px; cursor: pointer; border-style: solid; border-color: #754C23; border-width: 0px 1px 1px 1px; }
div.expandLink p { text-align: right; margin: 0px; font-size: 12px; line-height: 12px; padding-right: 15px; background-position: 100% 50%; background-repeat: no-repeat; background-image: url("http://media.allured.com/designimages/expand_icon.gif"); }
div.expandLinkHover p { text-decoration: underline; }
div.expandLink p.expanded { background-image: url("http://media.allured.com/designimages/collapse_icon.gif"); }

div.exhibitorPreview { border-top: 1px solid #754C23; background-color: #fff; padding: 5px 10px; min-height: 16px; }
div.exhibitorPreview p { margin: 0px; color: #754C23; font-size: 12.5px; }

div.exhibitorInfo { clear: both; padding: 5px 10px 1px 10px; display: none; overflow: hidden; }
div.exhibitorInfo h6 { clear: left; }
div.exhibitorInfo img { float: right; margin: 0px 0px 10px 10px; }
div.exhibitorInfo p.couponLink { padding-left: 21px; background: transparent url("http://media.faceandbody.com/designimages/fb-couponIcon.gif") no-repeat 0px 0px; }

/* - Upgraded Exhibitor Styles: not expanded, but accented colors - */
div.upgraded div.expandLink p { background-image: url("http://media.allured.com/designimages/expand_icon_white.gif"); }
div.upgraded div.expandLink p.expanded { background-image: url("http://media.allured.com/designimages/collapse_icon_white.gif"); }

div.upgraded div.exhibitorName h2,
div.upgraded div.exhibitorName p,
div.upgraded div.expandLink p { color: #FFF; }

/* - Sponsor Styles - always open and upgraded colors - */
div.sponsor div.expandLink { display: none !important; }
div.sponsor div.exhibitorInfo { display: block !important; }

/*body.midwest div.sponsor div.exhibitorNameHover { background-color: #692d83; }
body.california div.sponsor div.exhibitorNameHover { background-color: #66a32e; }*/

div.sponsor div.exhibitorName h4,
div.sponsor div.exhibitorName h2,
div.sponsor div.exhibitorName p { color: #FFF; }

/* - Common Styles for both Sponsor and Upgraded Exhibitors - */
body.midwest div.sponsor div.exhibitorName,
body.midwest div.upgraded div.exhibitorName,
body.midwest div.upgraded div.expandLink { background-color: #692D83; }

body.california div.sponsor div.exhibitorName,
body.california div.upgraded div.exhibitorName,
body.california div.upgraded div.expandLink { background-color: #66A32E; }

body.midwest div.upgraded div.exhibitorNameHover,
body.midwest div.upgraded div.expandLinkHover { background-color: #581d73; }

body.california div.upgraded div.exhibitorNameHover,
body.california div.upgraded div.expandLinkHover { background-color: #592; }

/* - non-expanding exhibitors - they dont have product categories or logo (if upgraded/sponsor) - */

/*_________________________________________________________________________________
		CLASS LIST
===================================================================================*/
div#classList { }
div.classListing { overflow: hidden; clear: both; border: 1px solid #754C23; margin: 0px 0px 15px 15px; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }

div.className { overflow: hidden; background-color: #FFFEC8; padding: 5px 10px; }
div.className h2 { margin: 0px; }
div.className p.classType { float: right; line-height: 17px; margin: 0px 0px 0px 10px; color: #754c23; font-size: 12px; background-position: right 0px; background-repeat: no-repeat; }
div.className p.classType span.label { display: none; }
div.className p.paid { background-image: url("http://media.faceandbody.com/designimages/fb_paidIcon.gif"); padding-right: 15px; }

div.classNameHover { background-color: #F5ECA7; }

div.classSpeakers { border-top: 1px solid #754C23; background-color: #fff; padding: 5px 10px; min-height: 16px; }
div.classSpeakers p { margin: 0px; color: #754C23; font-size: 12.5px; }
div.classSpeakers span.speakerName { font-weight: bold; }

p.classSpeakerNames { padding-left: 58px; text-indent: -58px; }

div.classInfo { clear: both; padding: 5px 10px 0px; overflow: hidden; display: block; }

/*_________________________________________________________________________________
		CLASS DETAIL PAGES
===================================================================================*/
div#trackClasses { border: 1px solid #754c23; float: right; width: 225px; margin: 0px 0px 10px 10px; -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.3); }
div#trackClasses h3 { text-align: center; margin: 0px; padding: 3px 10px; background-color: #fffec8; color: #754c23; }
div#trackClasses h4 { padding: 5px 10px; color: #666; border-top: 1px solid #754c23; margin: 0px; }
div#trackClasses ul { padding: 0px 10px 7px 10px; margin: 0px; }
div#trackClasses ul li { font-size: 12px; margin-bottom: 3px; }

p#classDateTime { font-weight: bold; color: #666; }

div#main ul#additionalClasses { margin: 0px; padding: 0px 0px 8px; }
div#main ul#additionalClasses li {color: #666; font-size: 13px; margin-bottom: 2px; }

div#main p#classDateTime + h4 { margin-top: -5px; }

p#classSpeaker { line-height: 20px; font-size: 12px; }
p#classSpeaker span.label { display: none; }
p#classSpeaker span.speakerName { font-weight: bold; font-size: 15px; }

p#classListLinks { padding-top: 5px; margin: 10px 0px 5px; border-top: 1px solid #754c23; clear: both; }
p#classListLinks a { margin-right: 20px; }

/*_________________________________________________________________________________
		SPEAKER LIST PAGES
===================================================================================*/
div#speakerList { }
div.speaker { overflow: hidden; clear: both; border: 1px solid #754C23; margin: 0px 0px 15px; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); }

div.speakerName { overflow: hidden; background-color: #FFFEC8; padding: 5px 10px; }
div.speakerName h2 { margin: 0px 0px 3px 0px; }
div.speakerName p { margin: 0px; color: #754C23; font-size: 12.5px; }
div.speakerName p a { }

div.speakerNameHover, div.expandLinkHover { background-color: #F5ECA7; }

div.speakerInfo { border-top: 1px solid #754C23; background-color: #fff; clear: both; padding: 10px 10px 1px 222px; overflow: hidden; }
div.speakerInfo img.speakerPic { margin-left: -212px; border: 1px solid #999; }

div.noHeadshot { padding-left: 10px; }

div.speakerInfo h5 { margin-bottom: 2px; }

div#main ul.speakerClasses { width: 453px; overflow: hidden; margin-bottom: 10px; }
div#main ul.speakerClasses li { width: 441px; padding: 2px 5px 3px; display: block; overflow: hidden; border: 1px solid #e0e0e0; margin-left: 0px; }
div#main ul.speakerClasses li.paid { padding-left: 20px; background-image: url("http://media.faceandbody.com/designimages/fb_paidIcon.gif"); background-repeat: no-repeat; background-position: 3px 3px; width: 426px; }
div#main ul.speakerClasses li:hover { background-color: #eee; }
div#main ul.speakerClasses li span { float: right; text-align: right; margin-left: 10px; }

/*_________________________________________________________________________________
		SPEAKER DETAIL PAGES
===================================================================================*/
body#Midwest-Speakers p.speakerCompany, body#Midwest-Speakers p.speakerCompany { color: #754c23; font-weight: bold; margin-top: -5px; }

div#speakerInfo { padding-left: 212px; }
div#speakerInfo.noHeadshot { padding-left: 0px; }

/*_________________________________________________________________________________
		SPECIAL EVENTS
===================================================================================*/
div.spEvent { clear: both; overflow: hidden; border: 1px solid #754c23; margin-bottom: 15px; }
h2.spEventName { padding: 5px 10px; border-bottom: 1px solid #754c23; background: #fffec8 url("http://media.faceandbody.com/designimages/fb_paidIcon.gif") no-repeat 662px 50%; margin-bottom: 0px; }
div.spEventInfo { padding: 10px 10px 1px; position: relative; overflow: hidden; }
div.spEventInfo p.spEventDetails {}
/*this will be for the special events page, and go to the right of the day/time paragraph, the positioning might need to be adjusted*/
p.soldOut { margin: 0px; padding: 5px 10px 3px; border: 2px solid #900; position: absolute; left: 150px; top: 10px; color: #900; font-weight: bold; font-size: 15px; line-height: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*_________________________________________________________________________________
		REGISTRATION PAGE STYLES
===================================================================================*/
/* .featured is which package we are pushing, while .highlight is for the rollover effects turned on by jquery - */
/* - featureX is a row while optionX is a package (column) - */
table#mwRegChart,
table#ncRegChart { width: 687px; margin-bottom: 10px; border-collapse: collapse; }

table#mwRegChart td, table#mwRegChart th,
table#ncRegChart td, table#ncRegChart th { padding: 0px 5px; border-style: solid; border-color: #fff; border-width: 0px 1px; color: #000; text-align: center; vertical-align: middle; text-shadow: 1px 1px 2px rgba(0,0,0,.3); background-color: transparent; }

table#mwRegChart td { height: 35px; cursor: default; background-image: url("http://media.faceandbody.com/designimages/fb-RegMiddleTabs.png"); background-repeat: no-repeat; background-position: 0 0; }
table#ncRegChart td { height: 35px; cursor: default; background-image: url("http://media.faceandbody.com/designimages/fb-RegMiddleTabs-nc.png"); background-repeat: no-repeat; background-position: 0 0; }

table#mwRegChart td.highlight, table#ncRegChart td.highlight { background-position: 0 -35px; }

table#mwRegChart th { background-image: url("http://media.faceandbody.com/designimages/fb-RegBigTabs.png"); background-repeat: no-repeat; }
table#ncRegChart th { background-image: url("http://media.faceandbody.com/designimages/fb-RegBigTabs-nc.png"); background-repeat: no-repeat; }

table#mwRegChart thead th,
table#ncRegChart thead th { height: 47px; padding-top: 10px; padding-bottom: 3px; font-weight: normal; vertical-align: middle; cursor: default; background-position: 0 0; }

table#mwRegChart thead th.highlight, table#ncRegChart thead th.highlight { background-position: 0 -60px; }

table#mwRegChart tfoot th,
table#ncRegChart tfoot th { height: 60px; vertical-align: top; background-position: 0 -10px; }

table#mwRegChart tfoot th.highlight, table#ncRegChart tfoot th.highlight { background-position: 0 -70px; }

/* - featured column - */
table#mwRegChart th.featured,
table#mwRegChart td.featured { color: #fff; font-weight: bold; background-color: #692d83; }

table#ncRegChart th.featured,
table#ncRegChart td.featured { color: #fff; font-weight: bold; background-color: #66a32e; }

table#mwRegChart th.featured { background-image: url("http://media.faceandbody.com/designimages/fb-RegRndCorners.png"); }
table#ncRegChart th.featured { background-image: url("http://media.faceandbody.com/designimages/fb-RegRndCorners-nc.png"); }

table#mwRegChart thead th.featured,
table#ncRegChart thead th.featured { height: 60px; padding: 0px 5px; font-weight: bold; /*vertical-align: middle;*/ background-position: 0 0; }

table#mwRegChart tfoot th.featured,
table#ncRegChart tfoot th.featured { background-position: 0 -180px; }

table#mwRegChart thead th.featured.highlight,
table#ncRegChart thead th.featured.highlight { background-position: 0 -60px; }

table#mwRegChart tfoot th.featured.highlight,
table#ncRegChart tfoot th.featured.highlight { background-position: 0 -120px; }

table#mwRegChart td span.checked,
table#ncRegChart td span.checked { width: 14px; height: 13px; margin: 0px auto; display: block; overflow: hidden; font-weight: normal; font-size: 1px; line-height: 13px; text-indent: -9999px; background-image: url("http://media.faceandbody.com/designimages/fb-RegCheckBlack.png"); background-position: 0 0; background-repeat: no-repeat; }

table#mwRegChart td.featured span.checked,
table#ncRegChart td.featured span.checked { font-weight: normal; background-image: url("http://media.faceandbody.com/designimages/fb-RegCheckWhite.png"); }

table#mwRegChart .empty,
table#ncRegChart .empty { padding: 0px 5px; border: 0px; background: none; }

table#mwRegChart td.featureName,
table#ncRegChart td.featureName { padding-right: 10px; border-left-width: 0px; color: #fff; font-size: 13px; text-align: right; background-color: #636567; background-repeat: repeat-x; }

table#mwRegChart td.featureName:hover,
table#ncRegChart td.featureName:hover { background-position: 0px -70px; }

table#mwRegChart tr#feature5 td.featureName,
table#mwRegChart tr#feature6 td.featureName,
table#ncRegChart tr#feature5 td.featureName,
table#ncRegChart tr#feature6 td.featureName,
table#ncRegChart tr#feature7 td.featureName { font-weight: bold; font-size: 13.5px; background-position: 0px 0px; }

table#mwRegChart .option1, table#mwRegChart .option2, table#mwRegChart .option3, table#mwRegChart .option4, table#mwRegChart .option5 { width: 110px; font-size: 15px; line-height: 18px; }
table#ncRegChart .option1, table#ncRegChart .option2, table#ncRegChart .option3, table#ncRegChart .option4, table#ncRegChart .option5 { width: 88px; font-size: 14px; line-height: 14.5px; }

table#mwRegChart .option1,
table#ncRegChart .option1 { background-color: #7D7F81; }
table#mwRegChart .option2,
table#ncRegChart .option2 { background-color: #95989A; }
table#mwRegChart .option3,
table#ncRegChart .option3 { background-color: #B0B0B0; }
table#mwRegChart .option4 { background-color: #C6C8C9; border-right-width: 0px; }
table#ncRegChart .option4 { background-color: #C6C8C9; }
table#mwRegChart .option5,
table#ncRegChart .option5 { background-color: #D8DADF; border-right-width: 0px; }

table#mwRegChart td.featureName span.weak,
table#ncRegChart td.featureName span.weak { color: #dee0e4; font-size: 10px; line-height: 12px; }

/* - Reg Button Styles - */
table#mwRegChart tfoot th a,
table#ncRegChart tfoot th a { margin-top: 14px; padding: 3px 5px; border: 1px solid #04f; display: block; font-size: 12px; background: transparent url("http://media.faceandbody.com/designimages/fb-RegBtnBg.png") no-repeat 50% 50%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5); box-shadow: 1px 1px 2px rgba(0,0,0,.5); }

table#mwRegChart tfoot th a:link, table#mwRegChart tfoot th a:visited,
table#ncRegChart tfoot th a:link, table#ncRegChart tfoot th a:visited { color: #fff; text-decoration: none; }

table#mwRegChart tfoot th a:hover,
table#ncRegChart tfoot th a:hover { border-color: #06f; text-decoration: underline; -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.5); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.8); box-shadow: 1px 1px 2px 1px rgba(0,0,0,.5); }

table#mwRegChart tfoot th a:active,
table#ncRegChart tfoot th a:active { border-color: #039; color: #ccc; -moz-box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.6); box-shadow: inset 1px 1px 3px 1px rgba(0,0,0,.6); }

table#mwRegChart tfoot th.featured a,
table#ncRegChart tfoot th.featured a { padding: 7px 5px; font-size: 13.5px; }

h3#joinList { text-align: center; }

body#Midwest-Register col.cExpo1dayPackage { border-right: 2px solid #900; }

table#mwRegChart p.soldOut,
table#ncRegChart p.soldOut { margin-top: 13px; padding: 3px 5px; background-color: #fff; font-size: 12px; position: static; }

/* - col2 styles for this page - */
body#Midwest-Register div#main div.wrapper,
body#California-Register div#main div.wrapper { background-image: none; }

body#Midwest-Register p#partnerSchedule,
body#California-Register p#partnerSchedule { padding: 3px 5px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

body#Midwest-Register div#col2Content h3,
body#California-Register div#col2Content h3 { margin-bottom: 3px; }

body#Midwest-Register div#col2Content ul,
body#California-Register div#col2Content ul { margin-bottom: 5px; padding-bottom: 0px; border-bottom: none; }

body#Midwest-Register div#col2Content ul li,
body#California-Register div#col2Content ul li { margin: 0px 0px 1px 0px; padding: 2px 5px 2px 17px; border: 1px solid #fff; text-indent: -12px; list-style-position: inside; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

body#Midwest-Register div#col2Content .highlight,
body#California-Register div#col2Content .highlight { border-color: #000; background-color: #fffec8; }

body#Midwest-Register div#col2Content ul li.regHours,
body#California-Register div#col2Content ul li.regHours { font-weight: bold; }

div#col2Content h2#exhibReg { margin-top: 10px; padding-top: 10px; border-top: 1px solid #754c23; }

/* - California Reg Page - */
div#hotelInfo { margin: 0px 0px 10px 0px; padding: 0px; display: block; overflow: hidden; }

div#hotelInfo div#bookButton { width: 360px; margin: 0px 10px 0px 0px; float: left; text-align: center; }
div#hotelInfo div#bookButton h5#hotelRegLink { margin: 5px 0px 7px 0px; text-align: center; }
div#hotelInfo div#bookButton p { margin: 5px 0px 0px; font-size: 12px; }

/* - temp styles while only on-site reg is available - */
table#ncRegChart { width: 450px; }

table#ncRegChart tfoot,
table#ncRegChart tr#feature4,
table#ncRegChart tr#feature5,
table#ncRegChart tr#feature6,
table#ncRegChart td.option1,
table#ncRegChart th.option1,
table#ncRegChart td.option3,
table#ncRegChart th.option3 { display: none; }

div#onsiteRegInfo { width: 185px; margin-top: 60px; padding: 10px; float: right; color: #fff; text-align: center; background-color: #754C23; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div#onsiteRegInfo h3 { color: #fff; }

/* - MAKE SURE TO INCLUDE THE CODE FOR BUTTONS AND TABLES - */

div#hotelInfo table { width: 360px; margin: 0px 10px 10px 1px; float: left; }
div#hotelInfo table tr > td { text-align: center; }
div#hotelInfo table tr td:first-child { text-align: left; padding-left: 22px; text-indent: -15px; }
div#hotelInfo table tr > th { text-align: center; background-color: #636567; }
div#hotelInfo table tr th:first-child { text-align: left; }
div#col1 div#hotelInfo table tfoot tr td { border-width: 1px 0px 0px 0px; color: #666; font-size: 12px; line-height: 14px; text-align: right; }
div#hotelInfo table td.regular { text-decoration: line-through; }
div#hotelInfo img#onPeakLogo { margin-top: -5px; float: right; }
div#hotelInfo img#housingMap { margin: 0px 0px 0px 10px; width: 300px; border: 1px solid #000; float: right; clear: right; }

/*____________________________________________________________________________________________________________
		GENERIC PAGES - NOT MIDWEST OR CALIFORNIA SPECIFIC
==============================================================================================================*/

/*_________________________________________________________________________________
		SPLASH PAGE LAYOUT
===================================================================================*/
body#splash { background-color: #d5b542; background-image: none; }

body#splash div#wrapper { width: 700px; margin: 30px auto; padding: 0px; border: 10px solid #754c23; position: relative; overflow: hidden; background: #fffec8 url("http://media.faceandbody.com/designimages/fb_splashPageBg.jpg") no-repeat 0 0; }

body#splash h1 { width: 300px; height: 135px; margin: 0 auto; text-align: center; text-indent: -9999px; background: url("http://media.faceandbody.com/designimages/fb_events_logo_fixed.png") no-repeat 0 0; }

body#splash div#callout { position: absolute; right: 0px; top: 0px; height: 150px; width: 150px; }

body#splash div#callout h2 { width: 150px; height: 150px; margin: 0; background-position: 0px 0px; background-repeat: no-repeat; }
body#splash div#callout.midwest h2 { background-image: url("http://media.faceandbody.com/designimages/corner-midwest-regToday.png"); }
body#splash div#callout.california h2 { background-image: url("http://media.faceandbody.com/designimages/fb-nc-corner-saveMoney.png"); }

body#splash div#callout h2 a { width: 150px; height: 150px; display: block; overflow: hidden; font-size: 1px; line-height: 2px; text-indent: -9999px; background-position: 0px 0px; background-repeat: no-repeat; }
body#splash div#callout.midwest h2 a { background-image: url("http://media.faceandbody.com/designimages/corner-midwest-regToday.png"); }
body#splash div#callout.california h2 a { background-image: url("http://media.faceandbody.com/designimages/fb-nc-corner-saveMoney.png"); }
body#splash div#callout h2 a:hover { background-position: -150px 0; }

body#splash div#callout.california { display: none; }

body#splash div#description { padding-left: 180px; margin-top: 15px; }

body#splash img#fbLogo { float: right; margin: 10px 40px 8px 25px; width: 177px; height: 178px; }

body#splash h3#choose {
	margin: 10px 0px 0px;
	padding: 3px 0px 10px;
	font-size: 17px;
	line-height: 19px;
	text-align: center;
	clear: both;
	color: #000;
}

body#splash div#midwest, body#splash div#california { color: #FFF; overflow: hidden; text-align: center; margin: 0px; width: 350px; height: 117px; background-position: 0px 0px; background-repeat: no-repeat; }
body#splash div#midwest { float: left; }
body#splash div#california { float: right; }

body#splash div#midwest a, body#splash div#california a {
	display: block;
	color: #FFF;
	height: 117px;
	width: 350px;
	overflow: hidden;
	text-decoration: none;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
body#splash div#california, body#splash div#california a { background-image: url("http://media.faceandbody.com/designimages/fb_grn_btn_bg.jpg"); background-color: #66A32E; }
body#splash div#midwest, body#splash div#midwest a { background-image: url("http://media.faceandbody.com/designimages/purple_btn_bg.png"); background-color: #692d83; }

body#splash div#midwest a:hover, body#splash div#california a:hover { background-position: 0 -117px; text-decoration: underline; }

body#splash div#midwest a h2, body#splash div#california a h2 { margin: 15px 0px 10px; text-decoration: underline; }
body#splash div#midwest a p, body#splash div#california a p { margin: 10px 0; }

body#splash h3#exhibit {
	background: #754C23 url("http://media.faceandbody.com/designimages/brwn-bg.png") repeat-x 0px 0px;
	clear: both;
	margin: 0px;
	padding: 10px 0px 2px;
	text-align: center;
}
body#splash h3#exhibit a { color: #fff; }
			
/*_________________________________________________________________________________
		ADVERTISING PAGE LAYOUT
===================================================================================*/
body#Advertising table { margin: 0px 1px 15px; width: 686px; }

body#Advertising table .col1 { width: 175px; }
body#Advertising table .col2 { width: 310px; }
body#Advertising table .col3 { width: 168px; }

/*_________________________________________________________________________________
		SPONSORSHIPS PAGE LAYOUT
===================================================================================*/
div.sponsorExample { float: left; padding: 10px; border: 2px solid #bbb; margin: 0px 15px 15px 0px; text-align: center; }

div.sponsorExample img { border: 1px solid #666; }

div.sponsorExample p { margin: 0px; padding-top: 3px; text-align: center; }

div#entrance { width: 552px; }
div#floorPlan { width: 202px; clear: left; }
div#aisleBanner { width: 152px; }
div#floorDecal { width: 202px; }
div#luncheon { width: 302px; clear: left; }
div#eveningOut { width: 302px; }

/*_________________________________________________________________________________
		EXHIBIT PAGE STYLES
===================================================================================*/
body#Exhibit #col1Content { overflow: hidden; }

body#Exhibit div#midwestExhibitInfo { float: left; width: 333px; padding-right: 10px; margin: 10px 0px; border-right: 1px solid #754c23; }
body#Exhibit div#californiaExhibitInfo { float: left; width: 333px; padding-left: 10px; margin: 10px 0px 10px -1px; border-left: 1px solid #754c23; }

body#Exhibit div#midwestExhibitInfo h2 { color: #692d83; }
body#Exhibit div#californiaExhibitInfo h2 { color: #66a32e; }

body#Exhibit #col1Content table { margin: 0px 1px 15px 1px; width: 331px; }

/*_________________________________________________________________________________
		ABOUT US PAGE STYLES
===================================================================================*/
body#AboutUs #col1Content { overflow: hidden; }

body#AboutUs div#aboutUsMidwest { float: left; width: 328px; padding-right: 15px; margin: 10px 0px 0px 0px; border-right: 1px solid #754c23; }
body#AboutUs div#aboutUsCalifornia { float: left; width: 328px; padding-left: 15px; margin: 10px 0px 0px -1px; border-left: 1px solid #754c23; }

div#aboutUsMidwest p img, div#aboutUsCalifornia p img { border: 1px solid #ccc; }

/*_________________________________________________________________________________
		Exhibitor Info Form PAGE LAYOUT
===================================================================================*/
body#exhibInfoForm div#header { border-bottom: 2px solid #754c23; }
body#exhibInfoForm div#eventInfo { border-top: 25px solid #754c23; }
body#exhibInfoForm div#eventInfo h1 { width: 231px; height: 59px; background: url("http://media.faceandbody.com/designimages/fbLogo.gif") no-repeat 0 0; text-indent: -9999px; overflow: hidden; display: block; }

body#exhibInfoForm form { overflow: hidden; }

body#exhibInfoForm form label {
	margin: 0px;
	padding: 3px 10px 3px 3px;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	width: 125px;
	text-align: right;
	float: left;
	clear: left;
}

body#exhibInfoForm form input.text {
	margin: 0px 10px 10px 0px;
	height: 16px;
	width: 200px;
	font-size: 12.5px;
	padding: 1px 2px;
	float: left;
	clear: none;
}

body#exhibInfoForm form#exhibInfo input.text { margin-right: 300px; }

body#exhibInfoForm form input#hasBrands { margin: 5px 7px 10px 115px; float: left; clear: left;  }
body#exhibInfoForm form label#hasBrandsLabel { width: auto; height: auto; float: left; clear: none; text-align: left; }

body#exhibInfoForm form h3 { clear: both; margin: 10px 0px 10px 0px; padding-top: 10px; }

body#exhibInfoForm form div#productCategories { overflow: hidden; clear: both; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #754c23; }

body#exhibInfoForm form div#productCategories input.checkbox { margin: 2px 2px 2px 0px; float: left; clear: none; }

body#exhibInfoForm form div#productCategories input#aromatherapy,
body#exhibInfoForm form div#productCategories input#businesstoolsorprofessionalservices,
body#exhibInfoForm form div#productCategories input#aromatherapy,
body#exhibInfoForm form div#productCategories input#equipment,
body#exhibInfoForm form div#productCategories input#hairremoval,
body#exhibInfoForm form div#productCategories input#manicureandpedicureproducts,
body#exhibInfoForm form div#productCategories input#privatelabel,
body#exhibInfoForm form div#productCategories input#sunproducts { clear: left; }

body#exhibInfoForm form div#productCategories label {
	margin: 0px 10px 3px 5px;
	padding: 0px;
	font-weight: normal;
	height: 18px;
	width: 260px;
	text-align: left;
	float: left;
	clear: none;
	display: block;
}

body#exhibInfoForm form#exhibInfo label#approvedLabel { margin-bottom: 5px; clear: none; width: auto; text-align: left; width: 550px !important; }
body#exhibInfoForm form#exhibInfo input#approved { margin: 5px 5px 0px 0px; float: left; }
body#exhibInfoForm form#exhibInfo label#approvedByLabel { text-align: left; width: 172px; }
body#exhibInfoForm form#exhibInfo input#approvedBy { margin: 0px 10px 10px 0px; }


body#exhibInfoForm form#exhibInfo input#submit { position: absolute; right: 15px; bottom: 0px; }

body#exhibInfoForm form#exhibBrands { overflow: hidden; }

body#exhibInfoForm form#exhibBrands fieldset { clear: both; }

body#exhibInfoForm form#exhibBrands fieldset label.brandName { width: auto; text-align: left; padding-left: 5px;}
body#exhibInfoForm form#exhibBrands fieldset input.brandName {}

body#exhibInfoForm form#exhibBrands fieldset label.brandCategory { width: auto; clear: none; margin-left: 15px; }
body#exhibInfoForm form#exhibBrands fieldset select.brandCategory { margin: 3px 0px; }

body#exhibInfoForm form#exhibBrands p#addBrand { margin: 15px 0px; padding: 5px 0px 10px; border-bottom: 1px solid #754c23; text-align: center; }
body#exhibInfoForm form#exhibBrands p#addBrand input { margin: 0px 10px 0px 0px; cursor: pointer; padding: 1px 10px; }
body#exhibInfoForm form#exhibBrands p#addBrand span {}

body#exhibInfoForm form#exhibBrands input#submit { float: right; }

/*_________________________________________________________________________________
		MAILING LIST FORM
===================================================================================*/
form#fbMailingList fieldset { clear: both; }

form#fbMailingList label { margin: 0px; padding: 3px 10px 3px 3px; height: 18px; line-height: 18px; }

form#fbMailingList input.text { margin: 0px 10px 10px 0px; height: 16px; width: 200px; font-size: 12.5px; padding: 1px 2px; float: left; clear: none; }

form#fbMailingList fieldset#contactInfo label { width: 125px; text-align: right; float: left; clear: left; font-weight: bold; }

form#fbMailingList fieldset#contactInfo input.text { margin-right: 300px; }

form#fbMailingList fieldset#contactInfo select { margin: 3px 10px 10px 0px; float: left; clear: none; }

form#fbMailingList fieldset#business input.radio,
form#fbMailingList fieldset#function input.radio,
form#fbMailingList fieldset#showOptions input.checkbox { margin: 5px 2px 2px 0px; float: left; clear: none; cursor: pointer; }

body#MailingList form#fbMailingList fieldset#business input#bus3,
body#MailingList form#fbMailingList fieldset#business input#bus5,
body#MailingList form#fbMailingList fieldset#business input#bus7,
body#MailingList form#fbMailingList fieldset#business input#bus9,
body#MailingList form#fbMailingList fieldset#function input#fun3,
body#MailingList form#fbMailingList fieldset#function input#fun5,
body#MailingList form#fbMailingList fieldset#function input#fun7,
body#MailingList form#fbMailingList fieldset#function input#fun9 { clear: left; }

form#fbMailingList fieldset#function label,
form#fbMailingList fieldset#business label,
form#fbMailingList fieldset#showOptions label { float: left; width: 225px; }

/*honeypot*/
form#fbMailingList label#subjectLabel, form#fbMailingList input#subject { display: none !important; }

/*_________________________________________________________________________________
		CONTACT US
===================================================================================*/
body#ContactUs div#col1Content h2 { padding-top: 5px; }
body#ContactUs div#col1Content p { padding-left: 10px; }

body#ContactUs form { overflow: hidden; margin: 0px 0px 10px 15px; float: right; width: 273px; padding: 10px 15px 15px; border: 1px solid #754c23; }
body#ContactUs div#col1Content form p { padding-left: 0px; }
body#ContactUs div#col1Content form p.thanks_message{ padding-left: 5px; }
body#ContactUs div#col1Content form h2 { padding-top: 0px; }
body#ContactUs form label { width: 40px; float: left; clear: left; font-weight: bold; margin: 0px; padding: 3px 10px 3px 0px; height: 18px; line-height: 18px; }

body#ContactUs form div#feedbackForm input { margin: 0px 0px 10px 0px; height: 16px; width: 200px; font-size: 12.5px; padding: 1px 2px; float: left; clear: none; }
body#ContactUs form div#feedbackForm input#emailAddy { margin-bottom: 5px; }
body#ContactUs form div#feedbackForm { overflow: hidden; clear: both; }
body#ContactUs form div#feedbackForm p { font-size: 11px; clear: both; }

body#ContactUs form textarea { width: 263px; max-width: 100%; height: 75px; max-height: 125px; margin-bottom: 10px; }
body#ContactUs form input.submit { vertical-align: bottom; }

body#ContactUs form label#subjectLabel, input#subject { display: none; }

/*_________________________________________________________________________________
		PRESS
===================================================================================*/
body#Press #col1Content ul li { margin-bottom: 10px; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a, a:link { color: #04f; }
a:visited { color: #754C23; }
a:hover { color: #06f; text-decoration: underline; }
a:active { color: #754C23; }

/*_________________________________________________________________________________
		DEV HEADER
===================================================================================*/
div#devHeader { text-align: center; display: block; width: 540px; background-color: #754c23; background-color: rgba(117,76,35,.9); position: fixed; top: 0px; z-index: 1000; border-width: 0px 1px 1px; border-style: solid; border-color: #000; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.8); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.8); }

div#devHeader p#devDivClose { position: absolute; top: 4px; right: 10px; margin: 0px; font-size: 12px; }
div#devHeader p#devDivClose a:link, div#devHeader p#devDivClose a:visited { color: #d5b542; }
div#devHeader p#devDivClose a:hover { color: #fff; }

div#devHeader h1 { font-size: 16px; color: #fffec8; width: 300px; float: left; text-align: left; text-indent: 20px; line-height: 24px; margin: 0px; text-shadow: 1px 1px 1px #000; }
body#splash div#devHeader h1 { background: none; height: auto; }
div#devHeader p#toggleText { font-size: 12px; line-height: 24px; margin: 0px; float: left; height: 24px; text-align: left; }
div#devHeader p#toggleText a#toggleLink { background-position: 0 7px; background-repeat: no-repeat; background-image: url("http://media.allured.com/designimages/expand_icon_white.gif"); padding-left: 15px; color: #fffec8; display: block; width: 100px; }
div#devHeader p#toggleText.expanded a#toggleLink { background-image: url("http://media.allured.com/designimages/collapse_icon_white.gif"); }

div#devHeader div#collapse { clear: both; display: none; text-align: left; padding: 5px 0px 7px; width: 500px; margin: 0px auto; border-top: 1px solid #000; }
div#devHeader div#collapse div { display: inline-block; width: 230px; padding: 5px; background-color: #d5b542; vertical-align: top; overflow: hidden; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.8); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.8); }
div#devHeader div#collapse div#devIncludes { margin-right: 10px; }
div#devHeader div#collapse div h2 { color: #000; }
div#devHeader div#collapse div ul { margin-bottom: 0px; } 
div#devHeader div#collapse div ul li { margin-left: 15px; }
div#devHeader div#collapse div ul li span { font-size: 10px; font-weight: bold; color: #754c23; }
div#devHeader div#collapse p { border-top: 1px solid #000; display: block; margin: 7px 0px 0px; padding-top: 5px; color: #fffec8; text-shadow: 1px 1px 4px rgba(0,0,0,.9); }
div#devHeader div#collapse p a { color: #fff; }
