/*
Base stylesheet for BodyConcept.com
*/

* { margin: 0; padding: 0; }
html,body,div,p,table,td,dl,pre,code { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
input, textarea, select { font-size: 11px; background: #fff; padding: 1px; color: #000; }
form { padding: 0; margin: 0; }

/* reusable font definitions */
.subheader { font: bold 12px/12px Tahoma, Arial, Helvetica, Verdana, Sans-serif; }
.standardText { font: normal 12px Tahoma, Arial, Helvetica, sans-serif; }
h1, .h1hed { color: #000; font-size: 22px; line-height: 26px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
h2, .h2hed { color: #000; font-size: 18px; line-height: 22px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
h3, .h3hed { color: #000; font-size: 16px; line-height: 20px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
h4, .h4hed { color: #000; font-size: 14px; line-height: 16px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
h5, .h5hed { color: #000; font-size: 13px; line-height: 22px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
h6, .h6hed { color: #000; font-size: 12px; line-height: 14px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0; }
.red { color: #C00; }

/* vertical and horizontal padding controls */
.vert1pad { margin: 1px 0; }
.vert3pad { margin: 3px 0; }
.vert5pad { margin: 5px 0; }
.vert10pad { margin: 10px 0; }
.vert15pad { margin: 15px 0; }
.horiz3pad { margin: 0 3px; }
.horiz5pad { margin: 0 5px; }
.horiz10pad { margin: 0 10px; }
.horiz15pad { margin: 0 15px; }

/* alignment controls */
.centered { text-align: center; }

/* layout */
/* center text to fix IE  */
body { background: #fff url(images/header_background.gif) repeat-x 50% 0; text-align: center; border: 0 none; }

/* auto center - L & R margins are set to auto */
#wrapper { margin: 0 auto 0 auto; position: relative; text-align: center; width: 970px; height: 100%; min-height: 400px; }
#pageBody { width: 800px; height: auto; float: left; text-align: left; }
#sideBanner { margin: 150px 0 0 10px; width: 160px; height: auto; text-align: center; float: right; }
ul.noBullets { list-style: none; }
.clearMe { clear: both; margin: 0; padding: 0 }

/* header styles */
#header { width: 800; height: 147; margin: 0; }
#headerMain { position:relative; height: 147px; width: 800px; }
#logo { position:absolute; top: 11px; left: 43px; z-index: 1; }
#topBar { color: #fbd4d4; position:absolute; top: 5px; right: 30px; z-index: 2; }
#topBar a { color: #fbd4d4; text-decoration: underline; padding: 0 1px; }
#topBar a:hover { color: #fff; text-decoration: underline; padding: 0 1px; }
#secondaryNav { position:absolute; top: 58px; left: 406px; background: top left; z-index: 3; }
#secondaryNav ul { list-style: none; margin: 0; padding: 0; z-index: 111; }
#secondaryNav ul li { float: left; margin: 0; padding: 0; height: 24px; }
#mainNav { position:absolute; top: 82px; left: 0px; width: 800px; height: 29px; background: top left; padding:0; margin:0; cursor: pointer; } /* topnav height and width must be set for proper bg tiling */
#mainNav ul { list-style: none; margin: 0; padding: 0; z-index: 110;  }
#mainNav ul li { float: left; margin: 0; padding: 0; height: 29px; }
#shadow { position:absolute; top: 111px; left: 0; width: 800px; height: 5px; background: url(images/header_subshadow.gif) no-repeat; padding: 0; margin: 0; }
/* search bar styles */
/**** use searchbarHome for the home page and searchbar for all sub pages ****/
#searchbarHome { position:absolute; top: 116px; left: 0; height: 26px; width: 800px; vertical-align: middle; background: url(images/searchbar_background_home.gif) no-repeat; }
#searchbar { position:absolute; top: 116px; left: 0; height: 26px; width: 800px; vertical-align: middle; background: url(images/searchbar_background.gif) no-repeat; }
.search { padding-left: 27px; padding-top: 2px; }
.searchText { font-weight: bold; font-size: 11px; font-family; Tahoma, Arial, Helvetica, Sans-serif; vertical-align: middle; }
.searchButton input { border: none; padding: 0; margin: 0; }
/**** use fpwhiteHome for the home page and fpwhite for all sub pages ****/
#fpwhiteHome { position:absolute; top: 142px; left: 0; width: 800px; height: 5px; background: url(images/whitebar_banner.gif) no-repeat; margin: 0; padding: 0; }
#fpwhite { position:absolute; top: 142px; left: 0; width: 800px; height: 5px; background: url(images/whitebar.gif) no-repeat; margin: 0; padding: 0; }

/* main */
#main { width: 100%; height: auto; }
#mainBanner { width: 800px; height: 219px; margin: 0; padding: 0; }

/* 2 column layout home page */
.twoColumn { height: 100%; }
.twoColumn #column1 { width: 398px; height: auto; float: left; }
.twoColumn #column2 { width: 398px; height: auto; float: right; }

/* 2 column layout member page */
.twoColumnMember { width: 779px; height: 100%; margin: 10px 10px 20px 11px; }
.twoColumnMember #column1m { width: 220px; height: auto; float: left; }
.twoColumnmember #column2m { width: 548px; height: auto; float: right; }

/* generic module header */
#modHeader { width: 398px; height: 22px; background: url(images/section_header.gif) no-repeat; margin: 0;}
#modHeaderLeft { padding: 5px 0 0 13px; float:left; font-weight: bold; font-size: 12px; color: #545454; }
#modHeaderRight { padding: 5px 13px 0 0; float:right; text-align: right; font-weight: bold; font-size: 12px; color: #545454; }
#modHeaderRight a { color: #545454; text-decoration: none; }
#modHeaderRight a:hover { color: #545454; text-decoration: underline; }
#moduleBorder { width: 396px; height: auto; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 0; border-color: #D8D7D7; margin: 0; padding:0; }

/* trainer module styles */
#moduleTrainerSub { width: 396px; height: 22px; line-height: 22px; background-color: #EFEFEF; text-align: right; color: #545454; }
#moduleTrainerSub a { color: #545454; }
#trainerModLeft { position: relative; margin: 5px 0; padding-left: 10px; width: 77px; height: auto; float: left; text-align: center; }
#trainerModRight { position: relative; margin: 5px 0; padding-right: 10px; width: 282px; height: auto; float: right; }
.nameLabel { font-size: 12px; font-weight: bold; color: #333; }
.postTitle { font-size: 14px; font-weight: bold; color: #2D2D2D; }
.postDate { color: #737373; }
.postDate a { color: #737373; }
.postDesc { color: #2D2D2D; }
.postMore { color: #cd0202; font-weight: bold; }
.postMore a { color: #cd0202; text-decoration: none; }
.postMore a:hover { color: #cd0202; text-decoration: underline; }
#divider { padding: 3px 0; }
.noDot { margin: 13px 0; }
#horizDivider { margin: 0 10px; height: 1px; line-height: 1px; width: 376px; background-color: #929090; }

/* before and after module styles */
#beforeAfter { padding: 10px; }
.beforeColumn { float: left; color: #4D4D4C; font-size: 12px; font-weight: bold; text-align: center; padding: 3px; width: 85px; height: auto; }
.afterColumn { float: right; color: #4D4D4C; font-size: 12px; font-weight: bold; text-align: center; padding: 3px; width: 85px; height: auto; }
.baDate { font-size: 11px; font-weight: normal; }
.baDateLabel { font-size: 11px; font-weight: bold; }

/* videos module styles */
#videoFrame { background-color: #6F6E6E; float: left; width: 128px; height: 97px; padding: 6px; }
#videoDesc { float: right; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width: 241px; height: 107px; padding-left: 15px; }

/* testimonial module styles */
#testimonialModLeft { psoition: relative; margin: 5px 0; padding-left: 10px; width: 80px; height: auto; float: left; text-align: center; }
#testimonialModRight { psoition: relative; margin: 5px 0; padding-right: 10px; width: 280px; height: auto; float: right; }
.modText { color: #737373; }
.modDesc { color: #2D2D2D; }

/* member page styles */
#memberPortrait { width: 220px; height: auto; margin: 0 0 4px 0; padding: 0; }
#portraitTop { background: url(images/portrait_frame_header.gif) no-repeat; width: 220px; height: 12px; overflow: hidden; }
.portraitRails { width: 220px; height: 298px; }
.portraitRails #rail1 { float: left; background: url(images/portrait_frame_left.gif) repeat-y; width: 11px; height: 298px; }
.portraitRails #portrait { float: left; }
.portraitRails #rail2 { float: right; background: url(images/portrait_frame_right.gif) repeat-y; width: 11px; height: 298px; }
#portraitBottom { background: url(images/portrait_frame_footer.gif) no-repeat; width: 154px; height: 24px; font-size: 12px; color: #242323; padding-left: 66px; padding-top: 8px; }
#portraitBottom a { color: #242323; }
/* browse menu styles */
#browseMenu { width: 220px; height: auto; margin: 0 0 5px 0; padding: 0; }
#browseMenuTop { background: url(images/browse_frame_header.gif) no-repeat; width: 220px; height: 37px; overflow: hidden; }
.browseMenuBody { width: 220px; height: 138px; }
.browseMenuBody #browseMenuBorderLeft { float: left; background: url(images/browse_frame_left.gif) repeat-y; width: 10px; height: 138px; }
.browseMenuBody #browseMenuContent { float: left; }
.browseMenuBody #browseMenuBorderRight { float: right; background: url(images/browse_frame_right.gif) repeat-y; width: 10px; height: 138px; }
#browseMenuBottom { background: url(images/browse_frame_footer.gif) no-repeat; width: 220px; height: 13px; }
#browseMenuLinks { background-color: #E9E9E9; color: #616161; font-weight: bold; }
#browseMenuLinks a { color: #616161; text-decoration: none; }
#browseMenuDivider { background: url(images/browse_divider.gif) no-repeat; width: 186px; height: 2px; overflow: hidden; margin: 5px 13px 5px 1px;}
/* member info styles */
#memberInfo { width: 220px; height: auto; margin: 0 0 0 0; padding: 0; }
#memberInfoTop { background: url(images/memberinfo_frame_header.gif) no-repeat; width: 220px; height: 38px; }
#memberInfoBottom { background: url(images/memberinfo_frame_footer.gif) no-repeat; width: 220px; height: 25px; }
#memberInfoContent { background-color: #ECECEC; color: #6E6E6E; line-height: 20px; padding: 0 10px 0 15px;  }
/* profile detail styles */
#profileHeader { background: url(images/portrait_header_bg.gif) no-repeat; width: 538px; height: 29px; padding-top: 7px; padding-left: 10px; margin: 0 0 3px 0; }
.profileHeaderName { color: #04461A; font-size: 16px; font-weight: bold; }
.profileHeaderDesc { color: #4D4C4C; font-size: 14px; font-weight: bold; }
#profileBodyBorder { border: 1px solid #DADADA; width: 546px; height: auto; margin: 0 0 6px 0; }
#profileBodyHeader { width: 534px; height: 18px; background-color: #DADADA; color: #4D4C4C; font-weight: bold; font-size: 12px; padding-top: 7px; padding-left: 12px; margin: 0 0 10px 0; }
.profileBodySubHeader { margin: 0 10px 5px 10px; width: 515px; height: 16px; color: #4D4C4C; font-weight: bold; padding-top: 4px; padding-left: 11px; background-color: #ECECEC; }
.profileBody { width: 315px; height: auto; margin: 7px 0 10px 21px; color: #4D4C4C; line-height: 20px; float: left; }
.profileBody a { color: #4D4C4C; }
#profileButton { float: right; margin-right: 5px; }
/* profile progress styles */
#profileProgressBorder { border: 1px solid #DADADA; width: 546px; height: auto; margin: 0 0 7px 0; }
#profileProgressHeader { color: #4D4C4C; font-weight: bold; font-size: 12px; background-color: #DADADA; width: 546px; height: 25px; }
#profileProgressHeader a { color: #4D4C4C; text-decoration: none; }
#profileProgressHeader a:hover { color: #4D4C4C; text-decoration: underline; }
#profileProgressHeaderLeft { float: left; padding-top: 6px; padding-left: 12px; font-weight: bold; font-size: 12px; }
#profileProgressHeaderRight { float: right; padding-top: 6px; padding-right: 12px; font-weight: bold; font-size: 12px; }
#profileProgressBody { margin: 10px 0 10px 0; }
#profileProgressBody1 { float: left; width: 136px; height: auto; text-align: center; line-height: 20px; color: #000; }
#profileProgressBody2 { float: left; width: 136px; height: auto; text-align: center; line-height: 20px; color: #000; }
#profileProgressBody3 { float: left; width: 136px; height: auto; text-align: center; line-height: 20px; color: #000; }
#profileProgressBody4 { float: right; width: 136px; height: auto; text-align: center; line-height: 20px; color: #000; }
/* profile before and after styles */
#profileBeforeBorder { border: 1px solid #DADADA; width: 546px; height: auto; margin: 0 0 7px 0; }
#profileBeforeHeader { color: #4D4C4C; font-weight: bold; font-size: 12px; background-color: #DADADA; width: 546px; height: 25px; }
#profileBeforeHeader a { color: #4D4C4C; text-decoration: none; }
#profileBeforeHeader a:hover { color: #4D4C4C; text-decoration: underline; }
#profileBeforeHeaderLeft { float: left; padding-top: 6px; padding-left: 12px; font-weight: bold; font-size: 12px; }
#profileBeforeHeaderRight { float: right; padding-top: 6px; padding-right: 12px; font-weight: bold; font-size: 12px; }
#profileBeforeBody { margin: 10px 0 10px 0; }
#profileBeforeBody1 { float: left; width: 135px; height: auto; text-align: center; line-height: 20px; color: #4D4D4C; }
#profileBeforeBody2 { float: left; width: 135px; height: auto; text-align: center; line-height: 20px; color: #4D4D4C; }
#profileBeforeBody3 { float: left; width: 135px; height: auto; text-align: center; line-height: 20px; color: #4D4D4C; }
#profileBeforeBody4 { float: right; width: 135px; height: auto; text-align: center; line-height: 20px; color: #4D4D4C; }
#profileBeforeBodyDivider { background-color: #DADADA; width: 1px; height: 125px; float: left; }
/* profile video and supplements styles */
#profileVideoBorder { float: left; border: 1px solid #DADADA; width: 270px; height: auto; margin: 0; }
#profileVideoHeader { color: #4D4C4C; font-weight: bold; font-size: 12px; background-color: #DADADA; width: 268px; height: 25px; }
#profileVideoHeader a { color: #4D4C4C; text-decoration: none; }
#profileVideoHeader a:hover { color: #4D4C4C; text-decoration: underline; }
#profileVideoHeaderLeft { float: left; padding-top: 6px; padding-left: 12px; font-weight: bold; font-size: 12px; }
#profileVideoHeaderRight { float: right; padding-top: 6px; padding-right: 12px; font-weight: bold; font-size: 12px; }
.profileVideoBody { margin: 0; padding: 0; }
.profileVideoFrame { float: left; background-color: #6F6E6E; width: 86px; height: 65px; padding: 4px; }
.profileVideoDesc { float: right; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width: 162px; height: 68px; padding-left: 12px; padding-top: 3px; line-height: 17px; }
.profileVideoTitle { color: #000; font-weight: bold; }
.profileVideoDate { color: #737373; }
#profileSupplementsBorder { float: right; border: 1px solid #DADADA; width: 270px; height: auto; margin: 0; }
#profileSupplementsHeader { color: #4D4C4C; font-weight: bold; font-size: 12px; background-color: #DADADA; width: 268px; height: 25px; }
#profileSupplementsHeader a { color: #4D4C4C; text-decoration: none; }
#profileSupplementsHeader a:hover { color: #4D4C4C; text-decoration: underline; }
#profileSupplementsHeaderLeft { float: left; padding-top: 6px; padding-left: 12px; font-weight: bold; font-size: 12px; }
#profileSupplementsHeaderRight { float: right; padding-top: 6px; padding-right: 12px; font-weight: bold; font-size: 12px; }
#profileSupplementsBody { margin: 0; padding: 0; }
.profileSupplementsImage { float: left; padding: 1px; width: 80px; height: auto; }
.profileSupplementsDetail { float: right; width: 178px; height: auto; color: #000; padding-top: 5px; }
.profileSupplementsDivider { width: 268px; height: 1px; background-color: #DADADA; overflow: hidden; }
.supplementPrice { font-weight: bold; color: #CA0A0A; }

/* search page styles */
#searchPageHeader { margin: 0 10px 7px 11px; width: 779px; height: 49px; }
#searchBox { width: 738px; height: 20px; background-color: #DADADA; margin: 0 10px 0 12px; padding: 6px 20px 0 20px; color: #4D4C4C; font-size: 12px; font-weight: bold; }
#searchBoxBorder { width: 776px; height: auto; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-top: 0; border-color: #DADADA; margin: 0 10px 0 12px; padding: 0; }
#searchPersonalInfo { float: left; margin: 20px 0 5px 19px; width: 278px; height: auto; padding: 0; border: none; }
#searchPersonalInfoHeader { color: #727171; font-size 12px; font-weight: bold; background-color: #ECECEC; width: 264px; height: 17px; padding-left: 14px; padding-top: 3px; }
#searchPersonalInfoBody { width: 248px; margin: 5px 15px; }
.searchLabels { color: #4D4C4C; font-weight: bold; }
#searchSpecialized { float: right; margin: 20px 15px 5px 0; width: 460px; height: auto; padding: 0; border: none; }
#searchSpecializedHeader { color: #727171; font-size 12px; font-weight: bold; background-color: #ECECEC; width: 446px; height: 17px; padding-left: 14px; padding-top: 3px; }
#searchSpecializedBody { width: 430px; margin: 5px 15px; }
#searchSpecializedBodyLeft { float: left; color: #4D4C4C; line-height: 18px; }
#searchSpecializedBodyRight { float: right; color: #4D4C4C; line-height: 18px; }
#searchExperience { float: left; margin: 20px 0 5px 19px; width: 369px; height: auto; padding: 0; border: none; }
#searchExperienceHeader { color: #727171; font-size 12px; font-weight: bold; background-color: #ECECEC; width: 355px; height: 17px; padding-left: 14px; padding-top: 3px; }
#searchExperienceBody { width: 339px; margin: 5px 15px; color: #4D4C4C; line-height: 18px; }
#searchCertifications { float: right; margin: 20px 15px 5px 0; width: 369px; height: auto; padding: 0; border: none; }
#searchCertificationsHeader { color: #727171; font-size 12px; font-weight: bold; background-color: #ECECEC; width: 355px; height: 17px; padding-left: 14px; padding-top: 3px; }
#searchCertificationsBody { width: 339px; margin: 5px 15px; color: #4D4C4C; line-height: 18px; }
#searchSupplements { margin: 20px 15px 5px 19px; width: 742px; height: auto; padding: 0; border: none; }
#searchSupplementsHeader { color: #727171; font-size 12px; font-weight: bold; background-color: #ECECEC; width: 728px; height: 17px; padding-left: 14px; padding-top: 3px; }
#searchSupplementsBody { width: 712px; margin: 5px 15px; color: #4D4C4C; line-height: 18px; }
#searchButtonBox { margin: 20px 15px 12px 19px; width: 742px; height: 37px; padding: 0; border: none; }
#searchButtonBoxHeader { background-color: #ECECEC; width: 702px; height: 36px; padding-top: 1px; padding-right: 40px; text-align: right; }

/* search results page styles */
#searchResultsHeader { margin: 15px 10px 0 12px; padding: 0; background: url(images/search_results_header.gif) no-repeat; width: 778px; height: 34px; }
#searchResultBar { margin: 0 10px 0 12px; padding: 0; height: 30px; width: 778px; background-color: #F0F0F0; }
#searchResultBarLeft { color: #363536; float: left; padding-top: 10px; padding-left: 20px; }
#searchResultBarLeft a { color: #363536; text-decoration: none; }
#searchResultBarLeft a:hover { text-decoration: underline; }
#searchResultBarRight { color: #363536; float: right; padding-top: 10px; padding-right: 20px; }
#searchResultBarRight a { color: #363536; text-decoration: underline; }
#searchResultBorder { margin: 0 10px 0 12px; border: 1px solid #DADADA; width: 776px; height: auto; }
.searchResultPod { float:left; width:153px; height:auto; padding: 20px; color: #4C4C4C; }
.searchResultPodDividerVert { float: left; width: 1px; height: 350px; background-color: #DADADA; }
.searchResultPodDividerHoriz { width: 776px; height: 1px; background-color: #DADADA; overflow: hidden; }

/* control panel styles */
#cpClientBanner { margin: 15px 10px 14px 12px; width: 778px; height: 274px; }
#cpSpecialistBanner { margin: 15px 10px 14px 12px; width: 778px; height: 222px; }
#cpClientBoxBorder { border: 1px solid #DADADA; width: 776px; height: auto; margin: 0 10px 22px 12px; }
.cpHeaderRow { margin: 0 0 10px 0; padding: 5px 10px 0 45px; background-color: #ECECEC; font-size: 12px; font-weight: bold; color: #5B5A5A; width: 721px; height: 21px }
.cpBodyContent { margin: 0 10px 15px 45px; color: #5B5A5A; line-height: 20px; }
.cpBodyContent a { color: #5B5A5A; text-decoration: none; }
.cpBodyContent a:hover { color: #5B5A5A; text-decoration: underline; }

/* footer styles */
#footer { width: 800px; height: 47px; background: url(images/footer_background.gif); }
#footerLinks { color: #777; padding-top: 11px; text-align: center; }
#footerLinks a { color: #777; text-decoration: none; }
#footerLinks a:hover { color: #000; text-decoration: underline; }