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

body {
	position: relative;
	margin: 0;
	background: url("http://www.yourhairx.com/images/bluebg.jpg") top center repeat-x;
	font-family: "Lucida Sans", sans-serif;
	font-size: 12px;
	color: #6b6b6b;
	z-index: 1;
}
h1 {
	font-size: 1.75em;
}
h2 {
	margin-top: 2em;
	font-size: 1.25em;
}
h3 {
	font-size: 1em;
}
body.home #lower #middle #topnav #homebtn,
body.whatisanmhp #lower #middle #topnav #whatisanmhpbtn,
body.mhpvswig #lower #middle #topnav #mhpvswigbtn,
body.patientstories #lower #middle #topnav #patientstoriesbtn,
body.aboutjp #lower #middle #topnav #aboutjpbtn,
body.resources #lower #middle #topnav #resourcesbtn,
body.blog #lower #middle #topnav #blogbtn {
	background: url("http://www.yourhairx.com/images/topnavbg.gif") bottom left repeat-x;
	color: #FFF;
}
.clear {
	clear: both;
}
a:link, a:visited {
	color: #494949;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
p {
	margin-top: 0;
}
ul, ol {
	line-height: inherit;
	margin: 0;
	padding: 0;
}
li {
	margin-bottom: 1em;
}
#header {
	position: relative;
	width: 100%;
	background: url("http://www.yourhairx.com/images/headbg.jpg") top left no-repeat;
	height: 270px;
}
#header #headercontainer {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#header #headercontainer img#logo {
	position: absolute;
	z-index: 3;
	top: 43px;
	left: 17px;
}
#header #headercontainer #tagline {
	position: absolute;
	top: 77px;
	left: 255px;
	font-size: 18px;
	color: #0095c0;
	font-style: italic;
}
#header #headercontainer #tagline .smaller {
	font-size: 14px;
}
#header #headercontainer #phone {
	position: absolute;
	top: 127px;
	left: 320px;
	font-size: 22px;
	color: #f4a50a;
}
#header #headercontainer #title {
	position: absolute;
	top: 190px;
	left: 280px;
	height: 60px;
	padding: 10px;
	background: url("http://www.yourhairx.com/images/titlebg.gif") top left repeat-x;
	font-size: 20px;
	color: #0095c0;
}
#header #headphoto {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 118px;
	z-index: 1000;
}
#header #headcurve {
	position: absolute;
	bottom: 0px;
	background: url("http://www.yourhairx.com/images/headcurve.gif") top center no-repeat;
	width: 100%;
	height: 233px;
	z-index: 4;
}
#lower {
	width: 968px;
	padding: 18px 18px 0 18px;
	margin: 0 auto;
	background: #FFF;
}
#lower #leftside {
	width: 180px;
	padding-right: 18px;
	border-top: 1px solid #e9eff4;
	float: left;
}
#lower #leftside #iconbtns {
	position: relative;
	margin-bottom: 32px;
}
#lower #leftside #iconbtns a:link, #lower #leftside #iconbtns a:visited {
	display: block;
	height: 12px;
	padding: 29px 0 29px 57px;
	border-bottom: 1px solid #e9eff4;
}
#lower #leftside #iconbtns #mediabtn {
	background: url("http://www.yourhairx.com/images/mediabtn1.gif") center left no-repeat;
}
#lower #leftside #iconbtns #freelit {
	background: url("http://www.yourhairx.com/images/freelit.png") center left no-repeat;
}
#lower #leftside #iconbtns #contact {
	background: url("http://www.yourhairx.com/images/contactbtn.gif") center left no-repeat;
}
#lower #leftside #iconbtns #tellfriend {
	background: url("http://www.yourhairx.com/images/tellfriendbtn.gif") center left no-repeat;
}
#lower #leftside #iconbtns #linktous {
	background: url("http://www.yourhairx.com/images/linktousbtn.gif") center left no-repeat;
	border-bottom: none;
}
#lower #leftside #livechatbtn img {
	display: block;
	margin-bottom: 4px;
}
#lower #leftside #livechatbtn {
	font-size: 10px;
	color: #0095c0;
}
#lower #middle {
	float: left;
	width: 749px;
	padding: 0 0 20px 13px;
	background: url("http://www.yourhairx.com/images/middlebg.gif") top right repeat-y;
}
#lower #middle #topnav {
	width: 748px;
	border-bottom: 5px solid #faebbc;
	border-top: 1px solid #e9eff4;
	border-right: 1px solid #e9eff4;
	padding-bottom: 12px;
	padding-top: 19px;
	background: url("http://www.yourhairx.com/images/topnavbg_over.gif") top left repeat-x #f5faff;
}
#lower #middle #topnav a:link, #lower #middle #topnav a:visited {
	padding: 20px 17px 12px 17px;
	border-bottom: 1px solid #e9eff4;
	border-right: 1px solid #e5f1fd;
	overflow: hidden;
	font-weight: bold;
	color: #0095c0;
}
#lower #middle #topnav a:hover {
	background: url("http://www.yourhairx.com/images/topnavbg.gif") bottom left repeat-x;
	text-decoration: none;
	color: #FFF;
}
#lower #middle #content #contentleft {
	float: left;
	width: 474px;
	margin-top: 24px;
	padding-left: 24px;
	line-height: 1.5em;
	font-size: 14px;
}
#lower #middle #content #contentleft ol {
	margin-left: 2em;
	line-height: inherit;
}
#lower #middle #content #contentleft img.left {
	float: left;
	margin-right: 1em;
	margin-top: .5em;
}
#lower #middle #content #contentleft a:link {
	color: #0095c0;
}
#lower #middle #content #contentleft a:visited {
	color: #80acb9;
}
#lower #middle #content #contentleft ul {
	list-style-image: url("http://www.yourhairx.com/images/orangearrow.gif");
	margin-left: 1em;
}
#lower #middle #content #contentleft .sidenote {
	float: left;
	width: 124px;
	margin-right: 1.5em;
	padding: 1em 1em 1em 2em;
	font-size: 11px;
	background: #f5faff;
	border: 1px solid #e9eff4;
}
#lower #middle #content #contentleft .sidenote ul {
	line-height: normal;
}
#lower #middle #content #contentleft .sidenote h3 {
	font-size: 10px;
}
#lower #middle #content #contentleft #vidgalbtn img {
	margin-right: 36px;
	float: left;
	border-bottom: 4px solid #f29a30;
	padding-bottom: 18px;
}
#lower #middle #content #contentleft #vidgalbtn:hover img {
	border-bottom: 4px solid #00b1f4;
}
#lower #middle #content #contentleft #phogalbtn img {
	float: left;
	border-bottom: 4px solid #f29a30;
	padding-bottom: 18px;
}
#lower #middle #content #contentleft #phogalbtn:hover img {
	border-bottom: 4px solid #00b1f4;
}
#lower #middle #content .sidenote h3 {
	margin-top: 0;
}
#lower #content #contentright {
	float: right;
	width: 200px;
}
#lower #content #contentright #menuright {
	padding: 24px 12px 24px 30px;
	background: url("http://www.yourhairx.com/images/menurighttopshadow.gif") top right no-repeat;
	/*border: 1px solid #e9eff4;*/
	border-top: none;
}
#lower #content #contentright .sidequote {
	margin-right:24px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-left: 18px;
	color: #666666;
	font-style: italic;
	line-height: 1.75em;
	background: url("http://www.yourhairx.com/images/quote2.gif") 0 6px no-repeat;
	text-indent: 36px;
	border-top: 1px solid #faecc0;
	border-bottom: 1px solid #faecc0;
}
#lower #middle #content #contentright #menuright a:link, #lower #middle #content #contentright #menuright a:hover, #lower #middle #content #contentright #menuright a:visited {
	display: block;
	padding-left: 1.25em;
	margin-left: -1.25em;
	padding-top: .25em;
	padding-bottom: .25em;
	border-bottom: 1px solid #faecc0;
	color: #0095c0;
}
#lower #middle #content #contentright #menuright a:link {
	background: url("http://www.yourhairx.com/images/linkarrow.gif") center left no-repeat;
}
#lower #middle #content #contentright #menuright a:hover {
	text-decoration: none;
	border-bottom: 1px solid #7fbced;
}
#lower #middle #content #contentright #menuright a:visited {
	background: url("http://www.yourhairx.com/images/checkmark.gif") center left no-repeat;
}
#lower #middle #content #contentright #menuright h3 {
	color: #f4a50a;
}
#footer {
	padding: 12px 0;
	background: url("http://www.yourhairx.com/images/footershadow.gif") top left repeat-x #cde5f7;
	text-align: center;
	font-size: 10px;
	color: #0095c0;
}
#footer a:link, #footer a:visited {
	color: #0095c0;
}
#lower #middle #content #contentleft #freelitgraphic {
	display: none;
}
#lower #middle #content #contentleft table.linktous {
	width: 490px;
}
#lower #middle #content #contentleft table.linktous td.right {
	padding-left: 24px;
}
#lower #middle #content #contentleft table.linktous td.left {
	width: 190px;
}
#lower #middle #content #contentleft .code {
	font-family: "Courier New", Courier, monospace;
	font-size: 9px;
}
#bigimgdiv {
	z-index: 1001;
}
#leftside .orange {
	line-height: 1.33em;
	color: #f4a50a;
	font-size: 14px;
	font-weight: bold;
}
#doctor { padding-bottom: 20px }
#holder { padding-top: 20px; padding-left: 12px }