/* CSS for  PH Advantage */

@import url("wiki.css");

* {
	margin: 0;
	padding: 0;
}
body {
	font: 80% helvetica, trebuchet ms, sans-serif;
  background: #f0f0f0 url("../images/bg-body.gif") repeat-x;
	text-align: center;
}
h1 {
	color: #d7929a;
	font-size: 1.5em;
	margin: 0 0 10px 0;
	text-align: left;
}
h2 {
	color: #062744;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { text-align: left; margin: 0 0 10px 0; }
td {text-align: left;}

div {text-align: left;}
a img{ border: 0; }

.l { float: left; }
.r { float: right; }

.clear { clear: both; }
.clear-l { clear: left; }
.clear-r{ clear: right; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }

.b { font-weight: bold; }
.no-b { font-weight: normal; }

.u { text-decoration: underline; }
.no-u { text-decoration: none; }

.i { font-style: italic; }
.no-i { font-style: normal; }

.small { font-size: .9em; }
.large { font-size: 1.2em; }

.t-r { text-align: right; }
.t-l { text-align: left; }
.t-c { text-align: center; }

.product-buttons { width: 200px; }

/*Footer Blue Water Media styling */
#main a.bwm:hover{ 
	color: #4a8ecb; 
}

#main {width: 100%; text-align: center; margin: 0 auto;} /* Main div, wrap entire page with this div */


#main h1.index {
	color: #062744;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

#header{
  background: url("../images/bg-header.png") repeat-x;
  height: 173px;
  position: absolute;
  width: 100%;
  text-align: center;

}

#header-interior{
  width: 802px;
  height: 156px;
  background: url("../images/bg-logo.png") 10px 0 no-repeat;
  margin: 0 auto;
}


#header-nav-holder{
  text-align: center;
  position: absolute;
  z-index: 100;
  width: 100%;
}

#header-nav{
  width: 802px;
  margin: 0 auto;
}

img.logo{
  position: absolute;
  margin-left: 10px;
  background: #f00;
}

#find-retailer{
  padding-top: 13px;
  margin-top: 13px;
}

#find-retailer p{
  float: right;
  color: #062744;
  text-decoration: none;
  margin: 0 5px;
  font-weight: bold;
}

#find-retailer input{
  height: 20px;
  margin-top: -5px;
  border: 1px solid #062744;
  background: #fff;
  color: #062744;
  padding: 4px 5px 0 5px;
  width: 75px;
  float: right;
}

#find-retailer input.submit{
  background: #062744;
  padding: 0;
  height: 26px;
  color: #fff;
  float: right;
  width: 35px;
}
  

#top-nav{
  float: right;
  padding-top: 1px;
}

#nav{
  float: right;
  margin-top: 10px;
  clear:right;
}
#social-links { float: right; margin-top:37px;}

#nav ul, #top-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a, #top-nav a {
	display: block;
  color: #062744;
  text-decoration: none;
  margin: 0;
  font-weight: bold;
}


#nav ul li, #top-nav ul li {padding: 0;}
#nav ul li a, #top-nav ul li a {padding: 0 0 8px 0;}

#nav li, #top-nav li { /* all list items */
	float: left;
  display: block;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul, #top-nav li ul{ /* second-level lists */
	position: absolute;
  z-index: 100;
	background: #717171;
	width: 14.4em;
	text-align: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li a, #top-nav li ul li a {
	padding: 5px 0 5px 5px;
	text-align: left;
	color: #FFFFFF;
}

#nav li ul li a:hover, #top-nav li ul li a:hover {background-color: #12304c;}

#nav li ul li a, #top-nav li ul li a{
  float: left;
  display: block;
  width: 14em;
}

#nav li:hover ul, #nav li.sfhover ul, #top-nav li:hover ul, #top-nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#bwm-copy {  /*  Place main content into this div in every page so it can be easily extracted later should the need arise */
  width: 802px;
  padding-top: 160px;
  margin: 0 auto;
  background: #fff;
	color: #818181;
	line-height: 1.4em;
}

#bwm-copy table { font-size: 1em; }

#bwm-copy li {margin: 0 0 8px 0; }
#bwm-copy img.l{
  margin-right: 10px;
}

#flash-div{
  width: 802px;
  height: 320px;
  margin-bottom: 15px;
}

#left-col{
  float: left;
  display: inline;
  width: 379px;
  margin: 0 20px 10px 10px;
}

#left-col.index{
  width: 379px;
}

#left-col p{
  font-size: .92em;
  color: #666;
}

#featured-product.boosters h3{
  color: #F4C283;

}

#featured-product {
	background: url('/images/featured-bg.jpg') repeat-x;
	line-height: 1.2em;

}


#featured-product.boosters .b{
  color: #F4C283;
  text-decoration: none;
}

#featured-product.boosters a:hover.b{
  color: #F4C283;
  text-decoration: underline;
}

#featured-product div.base{
  height: 30px;
	
}
#featured-product div.base a {
 color: #666666;
}
#featured-product.boosters div.base{
  background: url('/images/featured-bottom-bg.jpg') repeat-x;
	
}

#featured-product.boosters img {vertical-align:middle;}



#featured-product div.base p{
  color: #fff;
}

#featured-product div.base a{
  color: #000000;
  font-weight: bold;
  
}

#right-col .featured-products-page {
 width: 550px;
}
#right-col{
  float: left;
  width: 393px;
  margin-bottom: 10px;
}

#right-col.index{
  width: 393px;
}

#right-col div#index-links a{
  display: block;
  float: left;
  margin: 6px 3px;
}

#cart-nav{
  /*float: right;  messed up third step in a check out process; took it out - Sergey */
}

#cart-nav a{
  color: #062744;
  text-decoration: none;
  font-weight: bold;
}

#cart-nav a:hover{
  text-decoration: underline;
}

#cart-col{
  margin: 0 20px;
  padding-top: 20px;
}

#cart-col div.cart-item{
  /*width: 180px;*/
  float: left;
  margin-left: 10px;
  margin-bottom: 15px;
}

#cart-col div.cart-item img{
  float: left;
  margin-right: 5px;
}

#cart-col div.cart-item p{
  color: #d7929a;
  font-weight: bold;
  font-size: .92em;
}

#cart-col div.cart-item p.cost{
  color: #062744;
  position: absolute;
  margin-top: -23px;
  text-align: right;
  width: 180px;
  font-size: .92em;
}

#cart-col div.cart-item-base{
  clear: both;
  height: 26px;
  background: #062744;
}

#cart-col div.cart-item-base-cat{
  clear: both;
  height: 26px;
}

#cart-col div.cart-item-base p{
  padding-top: 5px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 1em;
}

#cart-col div.cart-item-base a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: inline;
}

#cart-col div.cart-item-base img{
  float: none;
  display: inline;
}

#top-bar{
  margin: 0 20px 30px 20px;
  padding-top: 20px;
}

/*------- Skinpedia Nav Start ---------*/

#bwm-copy h1.skinpedia{
  color: #0d8c64;
}

#bwm-copy .skinpedia-nav{
  width: 143px;
  padding: 10px 0;
  font-size: .92em;
  border-top: 5px solid #0d8c64;
  border-bottom: 5px solid #0d8c64;
}

#left-col.skinpedia-nav ul{
  color: #0d8c64;
}

#left-col.skinpedia-nav a{
  color: #0d8c64;
  font-weight: bold;
  text-decoration: none;
}

#left-col.skinpedia-nav li{
  margin: 3px 0;
  color: #666666;
}

#bwm-copy .skinpedia-copy{
  width: 576px;
}

#bwm-copy .skinpedia-copy p{
  line-height: 1.6em;
}

#bwm-copy .skinpedia-copy a{
  color: #13324D;
  font-weight: bold;
}
#bwm-copy .skinpedia-copy a:hover{
	/*text-decoration: underline;*/
}

/*------- Skinpedia End Start ---------*/

/*------- PHbuttons Nav Start ---------*/

#bwm-copy .phbuttons-nav{
  width: 143px;
  padding: 20px 0;
 
}

#left-col img{
   margin: 8px auto;
}

/*#left-col.phbuttons-nav ul{
  color: #0d8c64;
}


#left-col.phbuttons-nav a{
  color: #0d8c64;
  font-weight: bold;
  text-decoration: none;
}

#left-col.phbuttons-nav li{
  padding: 3px 0;
}

#bwm-copy .phbuttons-copy{
  width: 576px;
}

#bwm-copy .phbuttons-copy p{
  color: #9f9999;
  line-height: 1.6em;
}

#bwm-copy .phbuttons-copy a{
  color: #0d8c64;
  font-weight: bold;
}*/

/*------- Skinpedia End Start ---------*/

#bwm-copy .skinpedia-copy div.cart-item{
  width: 186px;
  float: left;
  margin-left: 4px;
  margin-bottom: 15px;
}

#bwm-copy .skinpedia-copy div.cart-item img{
  float: left;
  margin-right: 5px;
}

#bwm-copy .skinpedia-copy div.cart-item p{
  color: #b5b5b5;
  font-size: .92em;
  font-weight: bold;
}

#bwm-copy .skinpedia-copy div.cart-item p.top{
  padding-top: 60px;
}

#bwm-copy .skinpedia-copy div.cart-item p.cost{
  color: #062744;
  position: absolute;
  margin-top: -23px;
  padding-right: 45px;
  text-align: right;
  width: 186px;
  font-size: .92em;
}

#bwm-copy .skinpedia-copy div.cart-item-base{
  clear: both;
  height: 26px;
  background: #062744;
}

#bwm-copy .skinpedia-copy div.cart-item-base p{
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 1em;
}

#bwm-copy .skinpedia-copy div.cart-item-base a{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: inline;
}

#bwm-copy .skinpedia-copy div.cart-item-base img{
  float: none;
  display: inline;
}


#product-sidebar{
  width: 186px;
  float: left;
  margin-left: 20px;
  display: inline;
}

#product{
  float: left;
  display: inline;
  margin-left: 10px;
  width: 566px;
}

#product p{
  margin-left: 15px;
  color: #666;
  font-size: .92em;
}

#product ul{
  color: #666;
  font-size: .92em;
  margin-bottom: 15px;
}

#product.boosters h2{
  color: #d7929a;
}

#product table.cart{
  color: #14334e;
  font-weight: bold;
  margin-bottom: 20px;
}

#product table.cart td{
  font-size: .86em;
  padding: 3px;
}

#product table.cart td.product{
  width: 393px;
}

#product table.cart td.qty{
  width: 23px;
  text-align: center;
}

#product table.cart td.price{
  width: 140px;
  text-align: center;
}

#product table.cart td.header{
  border-bottom: 1px solid #9f9999;
  padding-bottom: 3px;
}

#bwm-copy a{
  text-decoration: none;
}

#bwm-copy a.prod-button{
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}

#bwm-copy a:hover.prod-button{
  cursor: pointer;
}

#bwm-copy a.prod-button div{
  background: #b6c0c8;
  height: 26px;
  float: left;
}

#bwm-copy a:hover.prod-button div{
  background: #062744;
}

#bwm-copy a.prod-button div p{
  color: #fff;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px;
}

#bwm-copy a.prod-button div img.l{
  margin-left: 10px;
}

#bwm-copy a.prod-button div img.r{
  margin-right: 10px;
}

#bwm-copy .tell-friend{
  width: 167px;
}

#bwm-copy .reviews{
  width: 184px;
}

#bwm-copy .add-to-cart{
  width: 167px;
}


#related-sidebar{
  margin-top: 10px;
  width: 186px;
  float: left;
  margin-left: 20px;
  display: inline;
}

#related{
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  display: inline;
  width: 566px;
}

#related div.item {
  width: 260px;
  float: left;
  display: inline;
  margin-left: 20px;
  margin-bottom: 15px;
}

#related div.item img r{
  margin-left: 5px;
}

#related div.item p{
  font-size: .92em;
  font-weight: bold;
}

#related div.booster p{
  color: #d7929a;
}


#related div.item p.top{
  padding-top: 60px;
}

#related div.item p.cost{
  color: #062744;
  position: absolute;
  text-align: right;
  width: 186px;
  font-size: .92em;
  display: inline;
  margin-left: -29px;
  margin-top: 115px;
}

#related div.item a.prod-button{
  position: absolute;
  margin-top: 132px;
  margin-left: 74px;
}

#footer{
  background: #cee3db;
  margin: 0 10px 10px 10px;
  text-align: center;
  font-size: .88em;
}

#footer p{
  color: #588371;
	text-align: center;
  padding: 3px 0;
}

#footer a{
  color: #588371;
  text-decoration: none;
}

#footer a:hover{
  text-decoration: underline;
}
  
.componentheading {visibility: hidden;}
.table-space {padding: 5px;}
.contentdescription { padding: 0 20px 0 0;}
#skinana-copy {text-align: left;}
#center-fix {text-align: left;}

.press-block {
	width: 170px;
	height: 225px;
	padding: 5px;
	float: left;
	text-align: center;
}
	.press-block img {
		margin: 0 0 5px 0;
		border: 2px solid #898888;
		width: 150px;
		height: 150px;
	}
	.press-block img:hover {
		border-color: #173550;
	}
	.press-block p {text-align: center; margin: 0; padding: 0; color: #666666;}
	



.products-firstp{
	font-size: 110%;
}
#bwm-copy .blue-button a {
	display: block;
	color: #ffffff;
	background: #13324D;
	text-align: center;
	line-height: 2em;
}#bwm-copy input.buy-now-submit {	display: block;  width: 100%;	color: #ffffff;	background: #13324D;	text-align: center;	line-height: 2em;  border: 0;  display: block;  font-size: 13px;  padding: 5px;  font-weight: bold;  text-align: center;  cursor: pointer;  font-family: Arial, Helvetica, san-serif;}#bwm-copy input.buy-now-submit:hover,
#bwm-copy .blue-button a:hover{
	background: #999999 ;
}
hr{
	height: 1px;
	color: #E1E1E1;
	background: #BBBBBB;
	border: 1px;
	clear: both;
	margin: 10px 0px 20px 0px;
}
.anchortop{
	color: #BBBBBB;
	clear: right;
	margin-top: 20px;
}
#bwm-copy .anchortop a{
	color: #999999;
}
#bwm-copy .anchortop a:hover{
	color: #13324D;
}

/* ---------------THIS STYLE IS TO CHANGE THE COLOR OF THE Product titles WITHIN Joomla -------------*/

.pHADVANTAGE-Anti-Aging h1, .pHADVANTAGE-Anti-Aging h3{
	color: #BCBCBC;
}
.pHADVANTAGE-Control h1 , .pHADVANTAGE-Control h3  {
	color: #F4C283;
}
.pHADVANTAGE-Basics h1, .pHADVANTAGE-Basics h3{
	color: #F7D44F;
}
.pHADVANTAGEe-Boosters h1, .pHADVANTAGE-Boosters h3{
	color: #C28F96;
}
.pHADVANTAGE-Acne h1, .pHADVANTAGE-Acne h3{
	color: #9FBEDA;
}
.color-analysis h1,  .color-analysis h2, .color-analysis h3{
	color: #8AA862;
}
.pHADVANTAGE-FeaturedProducts h1, .pHADVANTAGE-FeaturedProducts h3{ 
    color: #F4C283; 
}

#bwm-copy #analysisform p, .analysistable{
	background: #F7F7F7;
	padding: 10px;
	border: 1px solid #DBDBDB;	
	margin-bottom: 10px;
}
.question{
	display: block;	
	font-weight: bold;
	color: #8AA862;
	font-size: 102%;
}
#fitzpatrick, #fitzpatrick td, #fitzpatrick th {
	border: 1px solid #666666;
	text-align: center;	
	color: #666666;
}
#fitzpatrick  td.fitz-type{
	background: #A1BE84;
	color: #ffffff;
	width: 50px;
	padding: 10px;
}
#fitzpatrick td{
	padding: 10px;
}
#fitzpatrick th{
	color: #ffffff;
	background: #6F8F50;
	font-weight: bold;
	padding: 10px;
}
.submit-border{
	cursor: pointer;
	color: #ffffff;
	background: #13324D;
	text-align: center;
	border: 0px;
	padding: 3px 20px 3px 20px;
}
.submit-border:hover{
	background: #999999;
}
.reset-border{
	cursor: pointer;
	color: #ffffff;
	background: #999999;
	text-align: center;
	border: 0px;
	padding: 3px 20px 3px 20px;
}
.pHAdvantage-ForumList-pHAdvantage h1{
	color: #9A85BE;
}
.color-blog h1{
	color: #E79700;
}
.pHAdvantage-Videos h1,  .pHAdvantage-Videos h2{
	color: #24BDE7;
}
/*.pHAdvantage-CompanyCommitment #bwm-copy, .pHAdvantage-BrandPromise #bwm-copy, .pHAdvantage-Philosophy #bwm-copy, .pHAdvantage-pHandYourSkin #bwm-copy{
	font-size: 110%;
	line-height: 1.6em;
}*/
.testimonial{
	border-bottom: 1px solid #E1E1E1;	
	margin: 0px 0px 20px 0px;
	font-size: 105%;
}
.test-name{
	font-weight: bold;
	color: #C08893;
}
.contact-top{
	margin-right: 30px;
}
#contact-form{
	margin-left: 40px;
}
#contact-form .text-box{
	text-align: right;
	padding: 0px 5px 0px 0px;
	vertical-align: top;
	width: 120px;
}
#contact-form td{
	padding-bottom: 10px;
}
#contact-form .form{
	border: 1px solid #666666;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	width: 200px;
	font-family: helvetica, trebuchet ms, sans-serif;
	font-size: 100%;
}
.buttonheading {
text-align: right;
}
.buttonheading  img{
padding: 0 3px 0 0;
}
span.bio-head{
	font-weight: bold;
	color: #0D8B65;
}
.color-a{
	color: #C08893;
}

#ingredients {
	margin: 15px;
	padding: 15px;
	background-color: #FFFFFF;
	border: 2px solid #14334e; 
}
#ingredients li { margin-bottom: 5px; }

.email_confirm{display:none;}
iframe { height:0px;}