@charset "utf-8";
/* css created by BatesMeron sweet design 2009 */

body {
	background-image: url(../../images/background_body.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}


#search {
	position: absolute;
    float: right;
	top: 50px;
    left: 610px;
}

.wrap {
	position: relative;
	width: 800px;
	margin: 0px auto;
	padding: 0;
}

.header {
	float: right;
	margin: 0px auto;
	width: 800px;
}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	position: absolute;
    float: left;
	top: 20px;
    left: 430px;
}


.content {
	float: right;
	margin: 0px auto;
	padding: 0;
	background-image: url(../../images/background_content.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 800px;
}

.main-headline {
	float: left;
	height: 50px;
	width: 800px;
	padding: 5px 0px 0px 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 26px;
	color: #c2ceda;
}

.main-headline-sub {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #c2ceda;
}


.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff9900;
	
}


/* BUTTONS */

#learn-more {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

#learn-more a {
	background-image: url(../../images/buttons/learn_more_inactive.png);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 110px;
	padding: 12px 0px 0px 12px;
}

#learn-more a:link, #learn-more a:visited {
	text-decoration: none;
	color: #999999;
}

#learn-more a:hover {
	background-image: url(../../images/buttons/learn_more_active.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #15406A;
}

#read-more {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

#read-more a {
	background-image: url(../../images/buttons/read_more_inactive.png);
	background-repeat: no-repeat;
	display: block;
	height: 39px;
	width: 110px;
	padding: 12px 0px 0px 12px;
	margin-left: 175px;
}

#read-more a:link, #read-more a:visited {
	text-decoration: none;
	color: #999999;
}

#read-more a:hover {
	background-image: url(../../images/buttons/read_more_active.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #15406A;
}

#video-library {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

#video-library a {
	background-image: url(../../images/buttons/video_library_inactive.png);
	background-repeat: no-repeat;
	display: block;
	height: 36px;
	width: 152px;
	padding: 12px 0px 0px 12px;
}

#video-library a:link, #video-library a:visited {
	text-decoration: none;
	color: #999999;
}

#video-library a:hover {
	background-image: url(../../images/buttons/video_library_active.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #15406A;
}

.home-div-right {
	background-image: url(../../images/home_right_div_bg.gif);
	background-repeat: no-repeat;
	float: right;
	height: 314px;
	width: 356px;
}

.home-div-right-copy {
	float: right;
	height: 288px;
	width: 300px;
	margin: 40px 32px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

.home-subnav {
	background-image: url(../../images/home_subnav.gif);
	background-repeat: no-repeat;
	float: left;
	height: 176px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
}

.home-subnav a:link, .home-subnav a:visited {
	text-decoration: none;
	color: #ff9900;
}

.home-subnav a:hover {
	text-decoration: underline;
	color: #ff9900;
}

.lower-right-div {
	background-image: url(../../images/home_lower_right.gif);
	background-repeat: no-repeat;
	float: right;
	height: 186px;
	width: 570px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

/* HOME PAGE RANDOM CONTENT */
.randomcontent {
	position: relative;
	float: left;
	height: 314px;
	width: 444px;
}

.randomcontent-links {
	position: absolute;
	top: 140px;
	right: 18px;
	height: 120px;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

.randomcontent-links a:link, .randomcontent-links a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.randomcontent-links a:hover {
	text-decoration: none;
	color: #15406A;
}

.randomcontent-arrows a:link, .randomcontent-arrows a:visited {
	position: absolute;
	top:268px;
	right: 34px;
	width:145px;
	margin: 1px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff9900;
	text-decoration: none;
}

.randomcontent-arrows a:hover {
	text-decoration: none;
	color: #ffffff;
}

.arrows-ie {
	float:left;
	margin: 7px 5px 0px 0px;
}

#random1 {
	background-image: url(../../images/home_random_div_1.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 145px;
	left: 0px;
	height: 314px;
	width: 444px;

}

#random2 {
	background-image: url(../../images/home_random_div_2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 145px;
	left: 0px;
	height: 314px;
	width: 444px;

}

#random3 {
	background-image: url(../../images/home_random_div_3.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 145px;
	left: 0px;
	height: 314px;
	width: 444px;

}

#random4 {
	background-image: url(../../images/home_random_div_4.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 145px;
	left: 0px;
	height: 314px;
	width: 444px;

}

#random5 {
	background-image: url(../../images/home_random_div_5.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 145px;
	left: 0px;
	height: 314px;
	width: 444px;

}

.body-copy-top {
	float: right;
	background-image: url(../../images/body_copy_top.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 564px;
}

.body-copy-middle {
	float: right;
	background-image: url(../../images/body_copy_middle.gif);
	background-repeat: repeat-y;
	width: 564px;
}

.body-copy-middle-copy {
	float: left;
	margin: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.body-copy-middle-copy a:link, .body-copy-middle-copy a:visited {
	text-decoration: none;
	color: #ff9900;
}

.body-copy-middle-copy a:hover {
	text-decoration: underline;
	color: #ff9900;
}

.body-copy-bottom {
	float: right;
	background-image: url(../../images/body_copy_bottom.gif);
	background-repeat: no-repeat;
	height: 17px;
	width: 564px;
}

#img-hair-care-beauty {
	position: absolute;
	top: 215px;
	right: 1px;
}

.hair-three-d {
	float: right;
	height: 100%;
	width: 204px;
	margin-top: 10px;
}

.hair-three-d2 {
	float: right;
	width: 204px;
}

.footer {
	clear: both;
	float: right;
	height: 66px;
	width: 100%;
	background-image: url(../../images/footer_background.gif);
	background-repeat: no-repeat;
}

.footer-content {
	width: 800px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #15406a;
}

.footer-content a:link, a:visited {
	text-decoration: none;
	color: #15406A;
}

.footer-content a:hover {
	text-decoration: none;
	color: #1c68af;
}
/* NEWS & RESEARCH */

.news-copy-top {
	float: right;
	background-image: url(../../images/body_copy_top.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 564px;
}

.news-copy-middle {
	float: right;
	background-image: url(../../images/body_copy_middle.gif);
	background-repeat: repeat-y;
	width: 564px;
}

.news-copy-middle-copy {
	float: left;
	margin: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.news-copy-middle-copy a:link, .news-copy-middle-copy a:visited {
	text-decoration: none;
	color: #ff9900;
}

.news-copy-middle-copy a:hover {
	text-decoration: underline;
	color: #ff9900;
}

.news-copy-bottom {
	float: right;
	background-image: url(../../images/body_copy_bottom.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 17px;
	width: 564px;
}


/* MAIN NAV MENU */

.nav {
	float: right;
	margin: 0px auto;
	background-image: url(../../images/nav_background.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 66px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #15406a;
}

.nav-list {
	position: relative;
	width: 800px;
	height: 66px;
}

.nav-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-list li {
	display: inline;
	margin: 0;
	padding: 0;
}

.nav-list a {
	text-decoration: none;
	color: #15406a;
}

#loss a {
	position: absolute;
	top: 1;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	padding: 26px 52px;
}

#loss a:hover {
	background-image: url(../../images/nav/hair_loss.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#disease a {
	position: absolute;
	top: 0;
	left: 118px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 26px 55px;
}

#disease a:hover {
	background-image: url(../../images/nav/disease.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#beauty a {
	position: absolute;
	top: 1;
	left: 261px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 26px 55px;
}

#beauty a:hover {
	background-image: url(../../images/nav/beauty.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#removal a {
	position: absolute;
	top: 1;
	left: 433px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 26px 54px;
}

#removal a:hover {
	background-image: url(../../images/nav/removal.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#cancer a {
	position: absolute;
	top: 0;
	left: 581px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 26px 54px;
}

#cancer a:hover {
	background-image: url(../../images/nav/cancer.gif);
	background-repeat: no-repeat;
	background-position: center;
}


/* SUB NAVS */


.beauty-sub-nav {
	float: left;
	margin-left: 15px;
}

.sub-nav-top {	
	background-image: url(../../images/hair_care_and_beauty/sub_nav_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 189px;
}

.sub-nav-middle {
	background-image: url(../../images/hair_care_and_beauty/sub_nav_middle.gif);
	background-repeat: no-repeat;
	width: 189px;
}

.sub-nav-bottom {
	background-image: url(../../images/hair_care_and_beauty/sub_nav_bottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 189px;
}

.subnav {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
}

.subnav li {
	display: block;
	width: 160px;
	
}

.subnav a {
	display: block;
	width: 135px;
	height: 17px;
	margin: 0px 0px 0px 18px;
	padding: 8px 0px 0px 20px;
	border-bottom: 1px solid #d7d7d7;
}

.subnav a:link, .subnav a:visited
{
color: #666666;
text-decoration: none;
}

.subnav a:hover {
	background-image: url(../../images/hair_care_and_beauty/arrow.gif);
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	color: #15406a;
}

#active a {
	background-image: url(../../images/hair_care_and_beauty/arrow.gif);
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	color: #666666;
}

/* SUB NAV SUB LINKS */

.subnav-sub {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
}

.subnav-sub li {
	display: block;
	width: 150px;
	
}

.subnav-sub a {
	display: block;
	width: 125px;
	height: 17px;
	margin: 0px 0px 0px 28px;
	padding: 8px 0px 0px 20px;
	border-bottom: 1px solid #d7d7d7;
}

.subnav-sub a:link, .subnav-sub a:visited
{
color: #666666;
text-decoration: none;
}

.subnav-sub a:hover {
	background-image: url(../../images/hair_care_and_beauty/arrow.gif);
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	color: #15406a;
}

#active-sub a {
	background-image: url(../../images/hair_care_and_beauty/arrow.gif);
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	color: #666666;
}