/*---------------------  Reset --------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { margin:0;padding:0; }
/*-------------------  End Reset  ------------------*/

a {
	color:#3fb4c5;
	outline:0;
	text-decoration:none;
}

a:hover, a.hover {
	text-decoration:underline;
}

body { 
	background: #fff;
	color: #555;
	font-family: 'Verdana', arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
}

p { line-height: 18px; margin-bottom: 18px; }

.clearboth 	{ clear:both; }
.clearleft 	{ clear:left; }
.clearright { clear:right; }
.floatcart	{ float:right; margin-right:18px; }
.push1		{ height:1px; }
.push2		{ height:2px; }
.push4		{ height:4px; }
.push5 		{ height:5px; }
.push10		{ height:10px; }
.push15		{ height:15px; }
.push18		{ height:18px; }
.push20		{ height:20px; }
.push24		{ height:24px; }
.push30		{ height:30px; }
.push35		{ height:35px; }
.push36		{ height:36px; }
.push40		{ height:40px; }
.push50		{ height:50px; }
.push52		{ height:52px; }
.push60		{ height:60px; }
.vspace1	{ width:1px; }
.vspace2floatright	{ width:2px; float:right; }

strong { font-weight: bold; }

/*------------------  Header CSS  ------------------*/

#header {
	width:100%;
	height: 154px;
	background-repeat: repeat-x;
	text-align:center;
}

	#header_760 {
		width:760px;
		height:154px;
		margin: 0 auto;
		text-align: left;
	}
		
		#logos_and_buttons {
			width:760px;
			height:91px;
		}

			a.logo {
				width:198px;
				height:90px;
				background-image: url('images/logo.jpg');
				background-position: top;
				display:block;
				float:left;
				margin-left: 18px;
				text-indent: -9999px;
			}
			
			a.logo:hover {
				background-position: bottom;
			}

			a.header_special_tv_offer {
				width:283px;
				height:90px;
				background-image: url('images/header_button_special_tv_offer.jpg');
				background-position: top;
				display:block;
				float:left;
				margin-left:30px;
				text-indent:-9999px;
			}
	
			a.header_special_tv_offer:hover {
				background-position:bottom;
			}

			#big_leaf { margin-left: 195px; }
			#header_special_tv_offer { margin-left: 35px; }
		
		#nav { width:760px; }

			#nav ul li a, #nav ul li ul li a { background-position:top; text-indent: -9999px; display:block; float:left; }
			#nav ul li div { display:none; position:absolute; top:129px; z-index:100;}
			#nav ul li div ul li { float:left; }
			#nav ul li:hover div, #nav ul li.hover div { display: block; }
			#nav ul li a { height:38px;	}
			#nav ul li a:hover { background-position:center; }
/*			#nav ul li a:active { background-position:bottom; }			*/
			#nav ul li div ul li a { height:19px; }
			#nav ul li div ul li a:hover, #nav ul li div ul li a.hover  { background-position: bottom; }
				
				a#hair_care 				 { width: 116px; background-image: url('images/nav_hair_care.gif'); }
					a#dandruff_control  	 { width: 130px; background-image: url('images/nav_dandruff_control.gif'); }
					a#recovery_booster  	 { width: 89px; background-image: url('images/nav_recovery_booster.gif'); }
				a#skin_care 				 { width: 115px; background-image: url('images/nav_skin_care.gif'); }
					a#normal_skin 			 { width: 164px; background-image: url('images/nav_normal_skin.gif'); }
					a#oily_skin 			 { width: 93px; background-image: url('images/nav_oily_skin.gif'); }
					a#dry_skin 				 { width: 93px; background-image: url('images/nav_dry_skin.gif'); }
					a#sensitive_skin 		 { width: 94px; background-image: url('images/nav_sensitive_skin.gif'); }
					a#body_skin				 { width: 92px; background-image: url('images/nav_body_skin.gif'); }
					a#aging_sun_damaged_skin { width: 148px; background-image: url('images/nav_aging_sun_damaged_skin.gif'); }
					a#special_products 		 { width: 108px; background-image: url('images/nav_special_products.gif'); }
				a#acne 						 { width: 80px; background-image: url('images/nav_acne.gif'); }
					a#acne_solution 		 { width: 125px; background-image: url('images/nav_acne_solution.gif'); }
				a#all_products 				 { width: 81px; background-image: url('images/nav_all_products.gif'); margin-left:11px; }
				a#systems_kits				 { width: 85px; }
				a#faq 						 { width: 51px; }
				a#about_us 					 { width: 71px; }
				a#more_info 				 { width: 70px; }
				a#contact_us 				 { width: 74px; }
				a#buy_now 					 { width: 63px; }

/*------------------  Content CSS  ------------------*/

#content {
	width:100%;
	text-align: center;
}
	
	#content_810 {
		width:810px;
		background-image: url('images/footer_bg.gif');
		background-position: bottom;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom: 15px;
		text-align: center;
	}
	
		#content_760 {
			width: 760px;
			margin: 0 auto;
			text-align: left;
		}

/*------------------  Index CSS  ------------------*/
			
#index_welcome {
	width:760px;
	height:233px;
	background-image: url('images/index_welcome.jpg');
	background-repeat: no-repeat;
}

	#index_welcome_copy {
		width: 210px;
		height: 100px;
		position: relative;
		top: 100px;
		left: 250px;
	}

#index_button_hair_care, #index_button_skin_care, #index_button_acne, #index_button_special_tv_offer {
	height:75px;
	display: block;
	float:left;
	text-indent: -9999px;
}

#index_button_special_tv_offer {
	width:760px;
	height:95px;
	background-image: url('images/index_button_special_tv_offer.jpg');
	background-position: top;
}	

#index_button_hair_care {
	width:239px;
	background-image: url('images/index_button_hair_care.jpg');
	background-position: top;
	margin: 0 5px 0 10px;	
}

#index_button_skin_care {
	width:242px;
	background-image: url('images/index_button_skin_care.jpg');
	background-position: top;
	margin: 0 5px 0 5px;
}

#index_button_acne {
	width:239px;
	background-image: url('images/index_button_acne.jpg');
	background-position: top;
	margin: 0 10px 0 5px;
}

#index_buttons a:hover, #index_buttons a.hover, #index_button_special_tv_offer:hover {
	background-position: bottom;
}

/*------------------  Subpage CSS  ------------------*/

#sidebar {
	width:220px;
	float:left;
	margin-bottom:18px;
}

	/*#sidebar a {
		padding-top:15px;
	}*/

		a.sidebar_btn_special_tv_offer, a.sidebar_btn_all_products {
			display:block;
			text-indent:-9999px;
		}

		a.sidebar_btn_all_products {
			width:244px;
			height:118px;
			background-image: url('images/button_all_products.jpg');
			background-position: top;
			
		}

		a.sidebar_btn_all_products:hover {
			background-position:bottom;
		}

		a.sidebar_btn_special_tv_offer {
			width:244px;
			height:104px;
			background-image: url('images/button_special_tv_offer.jpg');
			background-position: top;
			
		}

		a.sidebar_btn_special_tv_offer:hover {
			background-position:bottom;
		}
		
		a.sidebar_btn_money_back {
			width:244px;
			height:104px;
			/*background-image: url('images/moneyback-callout.gif');*/
			background-position: top;
			margin-left: 22px;
			
		}
		
		a.sidebar_btn_money_back {
			background-position:bottom;
		}
			

/*-------------  Articles CSS  -------------*/

#articles_496 {
	width:496px;
	float:right;
	margin: 0 18px 18px 0;
}

	#articles_496 h1 {
		padding: 30px 10px 5px 30px;
	}
	
	#articles_496 h1 .head {
		color: #A45D58;
		font-size: 2.5em;
		line-height: 1em;
		display: block;
		font-weight: bold;
	}
	#articles_496 h1 .head.green {
		color:#04890C;
	}
	#articles_496.orange h1 .head {
		color:#C4723A;
	}
	#articles_496 h1.mini {
		font-size: .5em;
		padding: 11px 0 5px 15px;
	}
	#articles_496 h1 .sub {
		display: block;
		color: #555555;
		font-size: 1.7em;
	}
		
	#articles_496 h2 {
		padding: 30px 0 4px 0;
		color: #3fb4c5;
		font-family: 'Verdana', arial, san-serif;
		font-size: 1.755em;
		font-weight: bold;
	}
	#articles_496 h2 .head.green {
		color:#04890C;
	}
	#articles_496.orange h2 .head {
		color:#C4723A;
	}
	#articles_496 h2 {
		color: #A45D58;
		font-size: 1.5em;
	}
	h2 img{
		width: 275px;
	}

	.article_bg {
		width:496px;
		background-image: url('images/article_bg_top.gif');
		background-position: top;
		background-repeat: no-repeat;
	}
	
	.article {
		width:496px;
		background-image: url('images/article_bg_bottom.gif');
		background-position: bottom;
		background-repeat: no-repeat;
	}

		.article ul {
			color:#555;
			list-style-type:disc;
			margin:5px 0 5px 40px;
			text-indent:5px;
		}

		.article_head_copy {
			width:440px;
			padding:0 0 25px 30px;
		}

			.article_head_copy p {
				margin-bottom:7px;
			}
		
			.article_form_buy_now {
				float:left;
				text-align:center;
				position:relative;
				top:5px;
				padding:0 0 0 7px;
			}

			p.all_prod_desc {
				margin-bottom:8px;
			}	

			.article_head_buy_now {
				float:right;
				text-align:center;
			}
				
				.article_head_buy_now_price {
					color: #3fb4c5;
					font-family: 'Verdana', arial, san-serif;
					font-size: 4em;
					font-weight: bold;
					text-shadow: #72d5e3 0 0 5px;
/* Designers Note: This property will not validate for CSS2,
but is valid for CSS3 and will display properly in Safari 3.0
and other CSS3 compliant browsers. */
				}

				.article_head_input_qty {
					text-align:right;
				}

					.input_qty_lg {
						width:67px;
						height:41px;
						background-image: url('images/form_qty_lg.gif');
						border:0;
						color:#3fb4c5;
						font-family: 'Verdana', arial, sans-serif;
						font-size:3em;
						font-weight:bold;
						margin-top:10px;
						outline:0;
						padding-top:11px;
						text-align:center;
					}
	
				.article_head_input_buy_now {
					text-align:left;
				}

					.input_buy_now_lg {
						width:138px;
						height:46px;
						background-image: url('images/button_buy_now_lg.gif');
						border:0;
						cursor:pointer;
						position:relative;
						top:7px;
					}

		.article_head_image {
			width:140px;
			float:right;
			text-align:center;
		}

		.article_copy {
			width:475px;
			padding:0 0 25px 30px;
		}

		.article_image {
			width:187px;
			float:right;
			padding-right:2px;
			margin: 35px 7px 0 0;
			text-align:center;
		}
		
		.article_buttons a {
			float:left;
			margin-top:8px;
		}
		
		.article_buttons form {
			float:left;
		}

	#articles_496 h2.sm {
		padding:7px 0 0 7px;
	}

	h2.sm img {
		width:147px;
	}

	.article_mini {
		width:242px;
		height:120px;
		background-image: url('images/article_mini_bg.gif');
		float:right;
		margin-right:3px;
	}
		.article_mini_copy {
			padding:0;
		}

		.article_mini_image {
			width:74px;
			float:right;
			padding:7px 7px 0 0;
		}

			.article_mini_form_buy_now {
				float:left;
				text-align:center;
				position:relative;
				bottom:5px;
				padding:0 0 0 7px;
			}
				
				.article_mini_buy_now_price {
					color: #3fb4c5;
					text-align:right;
					font-family: 'Verdana', arial, san-serif;
					font-size: 1.5em;
					font-weight: bold;
				}

				.article_mini_input_qty {
					text-align:right;
				}

					.input_qty_sm {
						width:44px;
						height:24px;
						background-image: url('images/form_qty_sm.gif');
						border:0;
						color:#3fb4c5;
						font-family: 'Verdana', arial, sans-serif;
						font-size:1.5em;
						font-weight:bold;
						outline:0;
						padding-top:13px;
						position:relative;
						top:7px;
						text-align:center;
					}
	
				.article_mini_input_buy_now {
					text-align:left;
				}

					.input_buy_now_sm {
						width:103px;
						height:30px;
						background-image: url('images/button_buy_now_md.gif');
						border:0;
						cursor:pointer;
					}

				.article_prod_buy_now_price {
					text-align:left;
					width:115px;
					color: #3fb4c5;
					font-family: 'Verdana', arial, san-serif;
					font-size: 2.25em;
					font-weight: bold;
					padding-top:21px;
				}
			
				.article_prod_input_buy_now {
					padding-top:24px;
					text-align:left;
				}

		.ingredients {
			width:430px;
			display:block;
			font-size:.9em;
			color:#777;
		}
			
		.article_buy_now_copy {
			width:475px;
			padding:0 0 25px 30px;
		}

		.retailprice { margin-bottom:0; color:#777;}

		.article_buy_now_image {
			width:180px;
			float:right;
			padding-right:2px;
			margin: 20px 12px 0 0;
			text-align:center;
		}

/*-------------  FAQ/About Us/More Info CSS  --------------*/

	h3 {
		width:430px;
		color: #3fb4c5;
		font-family: 'Verdana', arial, san-serif;
		font-size: 1.8em;
		font-weight: bold;
		padding:10px 0;
	}

	h4 {
		width:430px;
		color: #3fb4c5;
		font-family: 'Verdana', arial, san-serif;
		font-size: 1.2em;
		font-weight: bold;
		padding:10px 0;
	}

	.q {
		width:430px;
		color: #3fb4c5;
		font-family: 'Verdana', arial, san-serif;
		font-size: 1.1em;
		font-weight: bold;
		font-style: oblique;
		padding-top:14px;
	}

	.a {
		width:430px;
	}

	.a span {
		font-weight:bold;
	}

	.article p {
		width:430px;
	}

	#about_us_img {
		float:right;
		margin: 0 30px 10px 10px;
	}

	#about_us_ul {
		width:390px;
	}
	
	#about_us_table {
		width:430px;
		margin-left:5px;
		text-align:center;
	}
	
	#about_us_def_row {
		color:#666;
		font-size:.95em;
		text-align:left;
	}

	#about_us_def_row td {
		padding:11px;
	}

	#more_info_table {
		width:430px;
		font-size:1.2em;
		font-weight:bold;
	}

		#more_info_table tr {
			height:35px;
			text-align:center;
		}

			#more_info_table tr td {
				border:1px solid silver;
			}
				
				tr.blue_bg {
					background-color: #eef9ff;
				}

	fieldset {
		width:400px;
		border:1px solid silver;
		padding:15px;
	}

	#contact_form textarea, #contact_form input {
		background-color:#f1f1f1;
		border: 1px solid silver;
	}
		
		#contact_form td {
			padding:10px 0;
		}

			legend {
				color: #3fb4c5;
				font-family: 'Verdana', arial, san-serif;
				font-size: 2em;
				font-weight: bold;
			}
	
			#contact_form input, #contact_form textarea {
				padding:4px;
			}

			#contact_form input {
				width:230px;
			}
		
			#contact_form textarea {
				width:250px;
			}

			.label {
				width:115px;
				font-size:1.1em;
				font-weight:bold;
			}

			.contact_btn {
				border:1px solid silver;
				width:80px;
				height:25px;
			}
				
/*------------------  Cart CSS  ------------------*/

#cart_bg {
	width:760px;
	background-image: url(/images/cart_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#cart {
	width:760px;
	background-image: url(/images/cart_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size:1em;
}
	
	p.center {
		text-align:center;
	}

	h1.your_cart {
		width:298px;
		height:68px;
		background-image: url(/images/h1_your_cart.jpg);
		background-repeat: no-repeat;
		position:relative;
		top:35px;
		display:block;
		margin:0 0 60px 35px;
		text-indent:-9999px;
	}
	h1.order_confirmation {
		width:460px;
		height:45px;
		background-image: url(/images/h1_order_confirmation.jpg);
		background-repeat: no-repeat;
		position:relative;
		top:35px;
		display:block;
		margin:0 0 60px 35px;
		text-indent:-9999px;
	}
	h1.your_receipt {
		width:460px;
		height:45px;
		background-image: url(/images/h1_your_receipt.jpg);
		background-repeat: no-repeat;
		position:relative;
		top:35px;
		display:block;
		margin:0 0 60px 35px;
		text-indent:-9999px;
	}

	th {
		font-weight:bold;
		padding-bottom:10px;
	}

	.cart td, .totals td, .zipntax td, .zipncountry td {
		padding: 6px 0;
	}

	table.cart {
		width:650px;
		text-align: left;
		font-size:1em;
		float:right;
		margin-right:40px;
	}

		table.cart td, table.cart th {
			padding: 6px 5px;
		}

	.cart td {
		border-top: 1px solid silver;
	}
	
	.cart_delete {
		width:15px;
	}	

	.cart_quantity {
		width:70px;
	}

		.cart_quantity input {
			width:50px;
			text-align:center;
		}

	.cart_name {
		width:280px;
	}

	.cart_sku {
		width:85px;
	}

	.cart_price {
		width:100px;
	}

	.cart_total {
		width:100px;
	}
	
	table.totals {
		width:205px;
		border:0;
		color:#9b5f17;
		float:right;
		margin-right:43px;
	}

	table.totals td {
		padding:3px 5px;
		font-size:1em;
		width:80px;
	}

	td.totals, td.totals_all {
		text-align:left;
	}

	td.totals_txt, td.totals_all_txt {
		font-weight:bold;
		text-align:left;
		width:120px;
	}

	table.zipntax {
		text-align:right;
	}

	table.zipncountry {
		width:260px;
		border-collapse:collapse;
		border:0;
		font-size:1em;
		margin:10px 40px 0 0;
	}
	table.zipncountry td {
		height:20px;
		vertical-align:middle;
	}
	table.zipncountry td.zipncountry {
		width:130px;
	}

	#cart input.bg, #cart select {
	border:1px solid #B4A68A;
	background:#F9F4E9 url(/images/input_bg.gif) repeat-x;
	padding:3px 6px;
	}
	select {
	padding:3px 0;
	}

	.button6,.button7,.button8,.button67,.button68,.cart_delete input {
	border:none;
	padding:0;	
	background:none;
	}
table.taxnship { float:right; margin-right:43px;}
td.taxnship select {width:158px; height:22px; font-size:1em;}
td.taxnship {font-weight:bold; text-align:left;}
#aftertotals {display:block; height:80px;}
/*------------------  Footer CSS  ------------------*/

#footer_810 {
	width:810px;
	text-align: center;
}

	#footer_525 {
		width:525px;
		margin: 0 auto;
	}

		#footerlinks li { float:left; margin-right:16px; }
		.green_link a  { color:#05880e; }
		.purple_link a { color:#a45d58; }
		.brown_link a  { color:#9b5f17; }

	#footer_525 p {
		width:525px;
		position:relative;
		right:20px;
	}

#copyright {
	color:#888;
	width:100%;
	height:30px;
	margin-bottom:18px;
	text-align:center;
}
.bodytext{
	padding: 0 10px 0 10px;
	font-size: 1.5em;
}
/*------------  SAFARI 3.0 CSS HACK ---------------*/
/*------------ Designers Note: The use of an obscure property that only applies to Safari 3.0 / Opera 9.0+ is in the
interest of rendering compliance for the masses. The CSS design process has proceeded thus: Firefox 2.0 >> IE 6.0 >> IE 7.0 >> Safari 3.0.
In this way, we hope to cover the largest reasonable portion of our userbase in the United States.------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* #nav ul li:hover div { margin-left:10px; } */
	#nav_hair_care_1 { position:relative; left:5px; }
	#nav_skin_care_1 { position:relative; left:115px; }
	#nav_acne_1 { position:relative; left:230px; }
	.input_qty_lg { padding-top:20px; background-repeat: no-repeat;}
	.input_qty_sm { padding-top:22px; background-repeat: no-repeat;}
}

/*------------ END HACK ---------------------------*/