img { border: none; }
.clear { clear: both; }


.required { margin-right: 2px; }

/***  form fields  ***/
.FormField-Row {
  clear: both;
  margin: 5px 0;
}
.FormField-Label, .FieldType-check_box span.required, .FieldType-check_box .FormField-Checkbox {
  float: left;
}
.FormField-Label {
  width: 115px;
  text-align: right;
  margin-right: 3px;
  padding-top: 2px;
}
.FormField-CheckboxLabel {
  padding-top: 3px;
}
.FieldType-check_box span.required {
  margin-top: 0.7em;
  line-height: 0.8em;
}
.FieldType-check_box .FormField-Input {
  margin-right: 5px;
  margin-left: 5px;
}
.FieldType-radio_button .FormField-Input label {
  margin-left: 5px;
  margin-right: 10px;
}
.FieldType-hidden_field { display: none; }

.formInput { width: 170px; }
.formPhone { text-align: center; margin-right: 3px; }
.formPhone3 { width: 40px; }
.formPhone4 { width: 50px; }
.phoneDivider { margin-right: 3px; }
.formSelect { width: 174px; }
.FormField-Submit {
  width: 93px;
  margin: 0 auto;
}


/***  errors  ***/
#errorExplanation {
  margin: 0 20px 20px;
  text-align: center;
  border: 3px solid;
  font-weight: bold;
}
#errorExplanation p {
  margin: 0 !important;
  margin-bottom: 1em !important;
  padding: 2px 0 5px 0 !important;
}
#errorExplanation ul {
  list-style: none;
  margin: 1em 3px !important;
  padding: 0 !important;
}


body {
  background-color: #fff;
  font: normal 13px/15px Arial, Helvetica, sans-serif;
  color: #666;
}
a { color: #b25d3b; text-decoration: none; }
a:hover { text-decoration: underline; }

ul.inline li { display: inline; }

#HeaderContainer h1, #HeaderContainer h2 { display: none; }

#ContentContainer h2, #ContentContainer h3, #ContentContainer h4, #ContentContainer p, #ContentContainer ul { margin: 0; }
#ContentContainer h2, #ContentContainer p, #ContentContainer ul { margin-bottom: 15px; }
#ContentContainer h3 { margin-bottom: 5px; }
#ContentContainer h1 { font-size: 22px; line-height: 24px; }
#ContentContainer h2 { font-size: 15px; line-height: 18px; }
#ContentContainer h3, #ContentContainer h4 { font-size: 13px; line-height: 15px; }
#ContentContainer ul { padding: 0; padding-left: 40px; }

#FooterContainer { text-align: center; }
#FooterContainer ul { margin: 10px 0 10px -50px; }
#FooterContainer ul li { border-left: 1px solid; padding: 0 5px; }
#FooterContainer ul li.first { border-left: none; }


.required {
  color: #b25d3b;
}

.FormField-Label, #FormRow-salutation .FormField-RadioQuestion {
  width: 125px;
}
#FormRow-package {
  padding: 0 20px 20px 125px;
  background: transparent url(/sites/bosley_info/images/dvd_brochure_vhs.jpg) no-repeat left top;
}
#FormRow-package .FormField-RadioQuestion {
  margin-bottom: 10px;
}
#FormRow-package span.required {
  margin-bottom: 15px;
  float: left;
}
#FormRow-package .spanRadio {
  display: block;
}
#FormRow-salutation .FormField-RadioQuestion {
  float: left;
  text-align: right;
  margin-top: 3px;
  margin-right: 3px;
}
#FormRow-consult_request {
  margin-top: 15px;
  margin-bottom: 25px;
}
#FormRow-consult_request .FormField-Checkbox {
  width: 115px;
  text-align: right;
  padding-right: 10px;
}

#required-note { margin-left: 120px; margin-top: 20px; }
#required-note span.required { margin-right: 5px; }

#errorExplanation { border-color: #004081; background-color: #fff; }
#errorExplanation p { background-color: #004081; padding-bottom: 5px !important; color: #F2F7E1; }
#errorExplanation ul { color: #f00; }


body {
  margin: 0;
}

#FullContainer {
  position: relative;
  width: 806px;
  margin: 0 auto;
}

#HeaderContainer {
  position: relative;
  background: transparent url(/sites/bosley_info/images/bg-header-footer.gif) no-repeat left top;
  height: 56px;
}
#HeaderContainer a { display: block; position: absolute; top: 16px; left: 22px; width: 375px; height: 33px; }

#ContentContainer {
  background: transparent url(/sites/bosley_info/images/content-bg.gif) repeat-y left top;
  padding: 0 9px;
}

#CopyContainer {
  display: block;
  float: left;
  width: 449px;
  margin-bottom: 10px;
}

#CopyHead {
  padding: 1px;
}
#CopyHead ul {
  margin: 0;
  padding: 0;
}

#NavHeader div * { display: none; }
#nav-head-hairloss { height: 206px; background-image: url(/sites/bosley_info/images/hairloss-new.jpg); }
#nav-head-photogallery { height: 88px; background-image: url(/sites/bosley_info/images/gallery-head-new.gif); }
#nav-head-procedure { height: 206px; background-image: url(/sites/bosley_info/images/headshot_1b.jpg); }
#nav-head-questions { height: 46px; background-image: url(/sites/bosley_info/images/qa-new.gif); }
#nav-head-whybosley { height: 206px; background-image: url(/sites/bosley_info/images/why-bosley-new.jpg); }

#Nav-PhoQue {
  background-color: #799CC4;
  font: bold 12px/40px Georgia, "Times New Roman", Times, serif;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 1px;
}
#Nav-PhoQue, #Nav-PhoQue a {
  color: #fff;
}
#Nav-PhoQue ul li {
  background: transparent url(/sites/bosley_info/images/list-type-white.gif) no-repeat 0 5px;
  padding-left: 9px;
  margin-left: 20px;
}
#Nav-PhoQue ul li.first { margin: 0; }

#Nav-ProWhySol ul li {
  display: block;
  float: left;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  background: transparent no-repeat left top;
}
#Nav-ProWhySol ul li.first { border-left: none; }
#Nav-ProWhySol a {
  display: block;
  width: 148px;
  height: 36px;
  text-indent: -9999px;
}
#procedure-link a { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: 0 0; }
#procedure-link a:hover { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: 0 -36px; }
#whybosley-link a { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: -148px 0; }
#whybosley-link a:hover { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: -148px -36px; }
#hairloss-link a { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: -296px 0; }
#hairloss-link a:hover { background-image: url(/sites/bosley_info/images/bg-nav.gif); background-position: -296px -36px; }

#CopyContent {
  margin: 0 9px;
  padding-top: 10px;
}
#CopyContent h2, #CopyContent h3, #CopyContent .highlight { color: #004081; }
#CopyContent .note { font-size: 10px; color: #999; }
#CopyContent h2 { margin-top: 5px; font-weight: normal; }
#CopyContent ol { padding: 0; padding-left: 20px; margin: 1em 0; }
#CopyContent ol li ul { list-style-type: disc; padding: 0; padding-left: 30px; margin: 1em 0; }

#hairlines_image { display: block; margin-top: 10px; }
#follicles_image { float: left; margin-bottom: 90px; }
#process_image { display: block; }

#squidoo-link a { color: #ccc; }

#photodetail-image { float: left; margin-bottom: 200px; }
#photodetail-class, #photodetail-back { float: right; }
#photodetail-back { width: 100px; margin-top: 50px; text-align: center; }

#FormContainer {
  display: block;
  float: right;
  width: 337px;
  margin-bottom: 20px;
}

#FormCopy {
  font-size: 15px;
  line-height: 18px;
  color: #004081;
  text-align: center;
  margin: 18px;
  padding: 0 25px;
  border-bottom: 1px solid #999;
}

#ContentBottom {
  background: transparent url(/sites/bosley_info/images/bg-header-footer.gif) no-repeat 0 -56px;
  height: 42px;
  color: #9ca9b8;
  font-size: 11px;
  line-height: 11px;
  padding-left: 9px;
  padding-right: 9px;
}
#ContentBottom p {
  margin: 0;
  text-align: justify;
  padding-top: 6px;
  padding-right: 6px;
  padding-left: 6px;
}
#ContentBottom p strong {
  color: #edf2f6;
}

#ThankyouMessage { padding: 100px 30px; }
#ThankyouMessage p strong { color: #004081; font-size: 18px; }


/*** madlibs form ***/
.madlibs-form #FormRow-package .FormField-RadioQuestion span.required { display:none; }
.madlibs-form .madlibs-area { padding: 0 20px; }
.madlibs-form .madlibs-area p.main-body { line-height: 22px; }
.madlibs-form div.opening-address label { display: block; float: left; width: 50px; }
.madlibs-form div.opening-address p { display: block; float: left; width: 247px; }
.madlibs-form input#dynamic_form_email { width: 190px; }
.madlibs-form select#dynamic_form_salutation { width: 54px; }
.madlibs-form input#dynamic_form_first_name, .madlibs-form input#dynamic_form_last_name { width: 100px; }
.madlibs-form input#dynamic_form_address1 { width: 120px; }
.madlibs-form input#dynamic_form_city { width: 110px; }
.madlibs-form select#dynamic_form_state { width: 140px; }
.madlibs-form input#dynamic_form_zip { width: 65px; }
.madlibs-form input#dynamic_form_phone1 { width: 120px; }
.madlibs-form #FormRow-consult_request .FormField-Checkbox { width:auto; }
.madlibs-form .madlibs-area p.privacy { text-align: center; }
.madlibs-form .madlibs-area .FormField-Submit { margin:auto; text-align:center; width:auto; }
.madlibs-form #to-address-icon { display: block; float: left; padding-right: 10px; width:32px; height: 32px; background-image: url(/sites/bosley_info/original_skin/images/user_image.png); background-repeat: no-repeat; }

