@charset "UTF-8";
/* CSS Document */

/* General - Allen Carr
============================================================================= */

html, body, #wrap {height: 100%; font-family:Arial, Helvetica, sans-serif;}

#wrap { line-height:125%;}

html,body,div,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img,fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

a {text-decoration:none;}
a.linkMoreInfo { display: block; background:url(../images/icon_blueArrow.gif) 0 7px no-repeat; padding: 5px 0 0 20px; color:#53801C;}

body {
background:url(../images/bg_mainTop.gif) repeat-x #E7E7E7;
font-size: 13px;}

body > #wrap {height: auto; min-height: 100%;}

p {line-height: 135%; margin-bottom: 15px;}



#main { margin: 0 auto;  width: 900px; padding: 0 15px 150px 15px; background:url(../images/bg_wrap.gif)  repeat-y; }  /* must be same height as the footer */

#admin main {background: url(../images/bg_adminMain.gif);}
#hpg #main {background: none;}


ul.floatLeft li {float: left; display: block;}





ul {list-style:none;}

h1 {font-family: Helvetica, Arial,  sans-serif; font-size:26px; font-weight:lighter; color:#FFFFFF; margin: 10px 0 0 -7px; line-height:120%; }

	
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	


.clearFloat, .clearFloatWithBorder {clear: both;  height:0;}

.clearFloatWithBorder {border-bottom: 1px solid #E7E7E7; margin:40px 0;}


.iconVideo {margin: 3px 7px 0 0;}



/* Header
============================================================================= */
#header {width: 926px; height:187px;  margin: 0 auto;}
#header div {float:left;}
#header .headerImg {padding: 0; margin: 0;}
#header .headerTxt {background:url(../images/bg_headerBlueFade.jpg) repeat-x; width: 321px; height: 187px; padding-left:27px;}/* plus 27px padding for width */

#bookingline {background:url(../images/bg_bookingLine.gif) no-repeat right ; font-size:16px; font-weight:bold; color:#FFFFFF;  height: 38px; padding: 0 7px 0 0;  }


#bookingline img {margin: 0 0 10px -7px; }


#headerLogos {margin: 8px 0 0 -7px; font-size: 10px; color:#FFFFFF;}






/* Main Nav
============================================================================= */

  
  
ul,li { list-style:none;}  

 ul#MainNav {
      width: 926px;
      height: 52px;
	  margin: 0 auto;
	 
	   }
	
 ul#MainNav li {float: left; height: 52px; }
 
 ul#MainNav li a { text-align:center;
 
 		  background:url(../images/bg_topnav.jpg) 0 -52px repeat-x;
          display: block;
          height: 27px; /* padding top 25px actual height 52 */
		  font-size: 14px; font-weight:bold; color:#FFFFFF; text-decoration: none; padding: 25px 0 0 0;
      		}
			
 ul#MainNav li a#topnavHomeBtn {background: url(../images/bg_topnav_home.jpg)  no-repeat left -52px; width:64px;}	
 ul#MainNav li a#topnavEndBtn {background: url(../images/bg_topnav_end.jpg)  no-repeat right -52px; width: 104px;}	
 ul#MainNav li a#allenCarr {width:96px;}
 ul#MainNav li a#method {width:106px;} 
 ul#MainNav li a#clinics {width:145px;}
 ul#MainNav li a#endorsements {width:131px;}  
 ul#MainNav li a#corporate {width:154px;}
 ul#MainNav li a#news {width:106px;}
			

ul#MainNav li.topnavDivider { width: 2px; background:url(../images/bg_topnav_divider.jpg) 0 -52px no-repeat;}



/* hover  and active styles */

ul#MainNav li a:hover, ul#MainNav li a.active     { background-position: 0 0; color:#2D450E;}
ul#MainNav li a#topnavHomeBtn:hover, ul#MainNav li a#topnavHomeBtn.active {background-position: left 0;}
ul#MainNav li a#topnavEndBtn:hover, ul#MainNav li a#topnavEndBtn.active {background-position: right 0;}










/* Subnav
============================================================================= */

#subNav { position:relative; width: 900px; background:url(../images/bg_subnav.jpg) repeat-x; height: 23px;   padding-top: 7px; z-index:10; }

#subNav a {font-size: 14px; font-weight:bold; color:#FFFFFF; text-decoration: none; padding: 0 10px 0 10px;}

#subNav a:hover { text-decoration: underline;}


#subNav ul#allenCarrSubnav {padding-left: 68px;}
#subNav ul#clinicsSubnav {padding-left: 280px;}
#subNav ul#SubnavEndorsements {padding-left: 70px;}

#subNav a.subnavActive:hover { text-decoration: none;}

.subnavDivider {background:url(../images/bg_subnavDivide.gif) no-repeat; text-align: center; margin:0 5px;}


.arrowSelectedSubNav {margin-bottom: -18px; margin-right: -10px; *margin-top:18px;}


/* LeftColumn
============================================================================= */


#leftColumn {width: 635px; background-color:#FFFFFF; padding: 18px 15px; float: left;    }
#leftColumn.homepg {width:670px; padding:15px 0; background:none; margin:0 0 -25px -10px;}


#leftColumn h2 {color:#53801C; font-size:18px; font-weight:lighter; margin-bottom: 18px; }

#leftColumn h3 { margin: 25px 0 10px 0;font-size: 14px; color:#333333;}

#leftColumn h4 { margin: 25px 0 10px 0;font-size: 16px; color:#53801C; font-weight:lighter;}



ul.contactDetails li {font-size:13px; line-height: 170%;}
ul.contactDetails li.dividerLine { border-bottom: 1px solid #CCC; padding-bottom: 15px; margin: 0 0 20px 0;}

ul.contactDetails li span.contactGroup {width: 300px; font-weight: bold; display:inline-block; vertical-align:top;}
ul.contactDetails li span.contactTitles {width: 120px; font-weight: bold; display:inline-block; vertical-align:top;}
ul.contactDetails li span.contactCell {width: 60px; font-weight: bold; display:inline-block;}


ul.contactDetails li span {width: 200px; display:inline-block;}


/* hpg celeb scrolling endorsements */

.scrollingInfo {overflow:hidden; width: 670px; height: 200px; }
#endorsementScroller li {
		width: 500px; height: 220px; 
		font-size:20px; font-family: Geneva, Arial, Helvetica, sans-serif; 
		color:#FFFFFF; 
		line-height:140%; 
		padding: 20px 150px 0 20px;
		
		}
#endorsementScroller li.Hopkins {background:url(../images/celebEndorsmnts_Hopkins.jpg) no-repeat;}
#endorsementScroller li.Branson {background:url(../images/celebEndorsmnts_Branson.jpg) no-repeat;}
#endorsementScroller li.Ruby {background:url(../images/celebEndorsmnts_Ruby.jpg) no-repeat;}
#endorsementScroller li.Ashton {background:url(../images/celebEndorsmnts_Ashton.jpg) no-repeat;}
#endorsementScroller li.Ellen {background:url(../images/celebEndorsmnts_Ellen.jpg) no-repeat;}
#endorsementScroller li.Angelica {background:url(../images/celebEndorsmnts_Angelica.jpg) no-repeat;}
#endorsementScroller li.David {background:url(../images/celebEndorsmnts_David.jpg) no-repeat;}






#endorsementScroller li span {font-size: 14px; font-style: italic; line-height:100%;}

#endorsementScroller li a {color: #FFFFFF;}





.picBorder {border: 4px solid #E1E1E1; margin-right: 10px; }





ul.greenBullets {margin-left: 15px;}
ul.greenBullets li { background:url(../images/bullet_green.gif) 0 12px no-repeat ; padding: 10px 0 0 12px; line-height:170%;}


#costCalculator {background:url(../images/bg_costCalculator.jpg) no-repeat; width: 565px; height: 50px; padding: 28px 0 0 80px; line-height:110%;}
p#costCalculator a {font-weight: bold; font-size:16px; color:#069;}
p#costCalculator a:hover {color:#39C;}


.newsAddedAndDate { background:url(../images/bg_newsAddedBox.jpg) repeat-x; width: 630px; padding: 0 0 7px 10px; color:#53801C;}
.newsAddedName {font-weight: bold;}

ul.previousNewsItems, ul.archives {border-bottom: 1px solid #639B20; padding-bottom: 15px;margin-bottom: 20px;}
ul.previousNewsItems li, ul.archives li {background:url(../images/bullet_white.gif) 0 12px no-repeat ; padding: 8px 0 0 15px; line-height: 170%;}
ul.archives {border-bottom: none;}





/* RightColumn
============================================================================= */

#rightColumn {width: 220px; float:left; margin: 15px 0 0 15px;}
#rightColumn p {line-height: 140%;}





/* Info boxes
============================================================================= */

#infoBox_blueHeader, #infoBox_greenBack, #infoBox_hpg, #infoBox_blueBack  {width: 200px; background-color:#FFFFFF; padding: 10px 10px; color:#333333; margin-bottom: 10px;}


#infoBox_blueHeader h2 {color:#079AD4; font-size: 16px; margin-bottom: 10px;}

#infoBox_greenBack {background-color:#74B429;}
#infoBox_blueBack {background-color:#67B9E2; overflow:hidden;}
#infoBox_greenBack h2, #infoBox_blueBack h2 {color:#FFFFFF; font-size: 16px; margin-bottom: 5px;}
#infoBox_greenBack a, #infoBox_blueBack a {color:#FFFFFF;} 
#infoBox_greenBack a:hover, #infoBox_blueBack a:hover {text-decoration: underline;}

#infoBox_hpg { width: 198px; border: 1px solid #CCCCCC; margin: 15px 5px 0 0; float: left;}
#infoBox_hpg.last_InfoBox {margin-right: 0;}






/* Paragraph styles
============================================================================= */

p { line-height: 170%;}

p.IntroParagraph, p.IntroBulletList  {font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 20px;}
p.IntroParagraph a, #leftColumn a {color:#53801C;}
p.IntroParagraph a:hover, #leftColumn a:hover {color:#3E6114;}
p.IntroBulletList {margin-bottom: 0;}
p.quote { font-style:italic; margin: 25px 0 2px 0;}
p.boldEndorsementTxt {color:#4F7A1B;}


/* Table styles
============================================================================= */
#admin table {width: 650px; margin: 10px 0 35px 0;}
#admin table th {background: url(../images/bg_tableHeader.jpg) repeat-x; height:25px; padding: 5px 0 0 10px; text-align:left; color:#FFFFFF; border-right: 1px solid #467D27; border-left: 1px solid #87C75A;}
#admin table tr td {height: 33px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px 0 0 10px; border-top: 2px solid #FFFFFF; color:#333333; vertical-align:top;}
#admin table tr.tableCell_lightBG {background-color:#EBF3E7;}
#admin table tr.tableCell_darkBG {background-color:#C4DCB6;}

#admin table tr td.endTD, table tr th.endTD {border-right: none;}
#admin table tr td.firstTD, table tr th.firstTD {border-left: none;}
#admin table a {text-decoration:underline;}
#admin table tr td .flagNewTestimonial {font-weight: bold; color:#900;}
#admin table tr td .flagOldTestimonial {font-weight: bold; color:#666; padding-right: 5px;}



/* Clinic Pages
============================================================================= */


ul#clinicDates {margin-top: 15px;}
ul#clinicDates li {font-weight: bold; padding: 0 10px;  border-right:1px solid #666666;}
ul#clinicDates li.clinicDatesEnd {border-right: none;}
ul#clinicDates li.clinicDatesStart {padding-left: 0;}
ul#clinicDates li a {color:#333333;}
ul#clinicDates li#active_clinicMonth a, ul#clinicDates li a:hover  {color:#4F7A1B;}




/* Add your own testimonial
============================================================================= */

form ol.submitTestimonial label {
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
}


form fieldset ol.submitTestimonial li label, form fieldset ol.submitTestimonial2 li label  {
  list-style: none;
  padding: 4px 8px 14px 0;
  margin: 0;
  width:110px;
  font-size: 14px;
  color: #333;
}

form fieldset ol li textarea, form fieldset ol li input, form fieldset ol li select, form input  {font-size: 13px; font-family:Arial, Helvetica, sans-serif;}






/* Footer
============================================================================= */


#footer {position: relative;

padding: 20px 0 0 0;
	margin:-150px 0 0 0; /* negative value of footer height */
	
	height: 150px;
	clear:both;
	background-color: #BFBFBF;
	font-size:11px; color:#666666; text-align:center;} 
	
#footer a {color:#666666;}
#footer ul {width: 911px; margin: 0 auto; padding-left: 15px;}
#footer ul li {float:left;}


#footer ul.internationalLinks li {width:182px; text-align:left; line-height: 200%; display:none;}


/* Admin Styles
============================================================================= */
#header .CMSHeader {background:url(../images/bg_headerBlueFade.jpg) repeat-x; width:891px; height: 187px; padding-left:27px;}/* plus 27px padding for width */



/* admin nav styles */
ul#MainNav li a#topnavManageClinicsBtn {background: url(../images/bg_topnav_manageClinicsBtn.jpg)  no-repeat left -52px; width:150px;}	
ul#MainNav li a#topnavManageClinicsBtn:hover, ul#MainNav li a#topnavManageClinicsBtn.active {background-position: left 0;}
ul#MainNav li a#topnavAdminEndBtn {background: url(../images/bg_topnav_adminEndBtn.jpg)  no-repeat right -52px; width: 200px;}	
ul#MainNav li a#manageVenues {width:150px;} 
ul#MainNav li a#manageTestimonials {width:250px;} 
ul#MainNav li a#addNews {width:160px;}



#adminBody {width: 866px; background-color:#FFFFFF; padding: 18px 15px;    }
#adminBody h2 {color:#53801C; font-size:18px; font-weight:lighter; margin-bottom: 18px; }

#adminBody h3 { margin: 25px 0 10px 0;font-size: 14px; color:#333333;}
.cityTitle {float: left; font-size: 14px; color:#333333; padding-top: 5px;}

#adminBody h4 { margin: 25px 0 10px 0;font-size: 16px; color:#53801C; font-weight:lighter;}

#adminBody a.adminBtn {display:block; height: 20px; background:url(../images/bg_adminBtn.jpg) repeat-x; padding: 3px 5px 0 5px; color:#FFF; float: left; margin-left: 15px; }





/*admin form styles */




form.allenCarrCMS label {
  display: inline-block;
  vertical-align: top;
  text-align:right;
  padding-right: 5px;
}




form.allenCarrCMS fieldset ol {
  margin: 0;
  padding: 0;
}
form.allenCarrCMS fieldset li {
  list-style: none;
  padding: 8px;
  margin: 0;
}


form.allenCarrCMS label {
  width: 65px; /* Width of labels */
  font-weight: bold;
  color:#333;
}

form.allenCarrCMS input, form.allenCarrCMS select, form.allenCarrCMS label.formButton {
  width: 160px; /* Width of labels */
}