/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://www.helldesign.net

Description : This is the main stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*//****************************************************************
	RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#fff;
	padding:0 16px 16px;
	text-align:center;
}
body,input,textarea,select,td,th {
	color:#1e1e1e;
	font:11px Verdana, Arial, sans-serif;
	line-height:1.65em;
}
a {
	color:#71a639;
	text-decoration:underline;
}
a:visited {
}
a:hover {
	text-decoration:none;
}

.hidden,
hr
{
	display:none;
}
strong,
strong em {
	font-weight:bold;
}
em {
	font-style:italic;
}
.clr:after,
#header #sign-in-box ul:after,
#content .wrapper:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
/****************************************************************
	ROOT
****************************************************************/
#root {
	margin:0 auto;
	width:771px;
	text-align:left;
}
/****************************************************************
	HEADER
****************************************************************/
#header{
	height:125px;
	position:relative;
}
		/* logo */
		#header .logo {
			background: url('../images/layout/logo.gif') 0 0 no-repeat;
			height:63px;
			left:0;
			position:absolute;
			top:10px;
			width:192px;
		}
		#header .logo a {
			display:block;
			height:63px;
		}

		#header .logo span,
		#header h2,
		#header p.skip {
			display:none;
		}
		/* menu */
		#header #menu {
			height:37px;
			left:0;
			position:absolute;
			bottom:1px;
			width:565px;
		}
				#menu ul li {
					background: url('../images/layout/bg_menu.gif') 100% 0 no-repeat;
					float:left;
					padding:0 3px 0 0;
				}
				#menu ul li.last {
					background: none;
					padding:0;
				}
				#menu ul li a {
					background: url('../images/layout/bg_menu_t.gif') 0 0 repeat-x;
					color:#1e1e1e;
					display:block;
					font-size: 11px;
					height:30px;
					padding:7px 0 0;
					text-align:center;
					text-decoration:none;
					width:106px;
				}
				#menu ul li a:hover,
				#menu ul li.hover a {
					background: url('../images/layout/bg_menu_t.gif') 0 -137px repeat-x;
					text-decoration:none;
				}
		/* sign-in-box */
		#header #sign-in-box {
			right:0;
			position:absolute;
			top:30px;
			width:620px;
		}
		#header #sign-in-box ul {
			float:right;
			padding:0 0 10px;
		}
			#header #sign-in-box ul li {
				float:left;
				border-right:1px solid #333;
				padding:0 6px 0 0;
				margin:0 6px 0 0;
				line-height:1em;
			}
			#header #sign-in-box ul li.last {
				border-right:none;
			}
				#header #sign-in-box ul li a {
					color:#5DA015;
				}
		#header #sign-in-box p.phone {
			color:#274b1b;
			clear:both;
			font-size:12px;
			text-align:right;
		}
		/* search-box */
		#header #search-box {
			height:22px;
			right:0;
			position:absolute;
			bottom:7px;
			width:206px;
		}
			#header #search-box form {
				position:relative;
			}
				#header #search-box .text {
					background: url('../images/layout/bg_input_text.gif') 0 0 no-repeat;
					border:none;
					color:#808080;
					font-size:12px;
					height:18px;
					width:171px;
					padding:4px 30px 0 5px;
				}
				#header #search-box button {
					background: url('../images/layout/button_search.gif') 0 0 no-repeat;
					border:none;
					display:block;
					height:14px;
					width:11px;
					right:8px;
					position:absolute;
					top:4px;
					cursor:pointer;
				}
				#header #search-box button:hover {
					background: url('../images/layout/button_search.gif') 0 -114px no-repeat;
				}
					#header #search-box button span {
						display:none;
					}
/****************************************************************
	banner
****************************************************************/
#banner {
	background-position:0 0;
	background-repeat:no-repeat;
	height:228px;
	margin:0 0 6px;
}
	#banner.b-t-1 {
		/*background-image: url('../images/layout/banner_1.jpg')*/
	}
	#banner h2 {
		display:none;
	}
/****************************************************************
	content
****************************************************************/
#content {
	background: url('../images/layout/bg_content.gif') 0 100% no-repeat;
	padding:0 0 1px;
}
	#content .wrapper {
		background: url('../images/layout/bg_wrapper.gif') 0 0 repeat-y;
		padding:0 0 1px;
	}
	#content .col-1 {
		float:left;
		width:219px;
	}
	#content .col-2 {
		float:right;
		width:549px;
	}
#content h3 {
	color:#477246;
	font:bold 11px Verdana, Arial, sans-serif;
	margin:0 0 11px;
	text-transform:uppercase;
}
	#content h3 a {
		color:#477246;
		text-decoration:none;
	}
	#content h3 a:hover {
		text-decoration:underline;
	}
#content p {
	margin:0 0 18px;
}
#content p a.more {
	color:#3d70cb;
}
#content p a.learn-more {
	text-decoration:none;
}
#content p a.learn-more:hover {
	text-decoration:underline;
}
/****************************************************************
	about-us
****************************************************************/
.about-us {
	padding:16px 18px 0 19px;
}
/****************************************************************
	row-1
****************************************************************/
.row-1 {
	background: url('../images/layout/bg_sep_2.gif') 0 100% repeat-x;
	position:relative;
	padding:16px 0 2px;
}
	.sub-row-1 {
		background: url('../images/layout/bg_sep_1.gif') 365px 100% no-repeat;
	}
	/****************************************************************
		live-forever
	****************************************************************/
	.live-forever {
		padding:0 0 0 14px;
		width:324px;
		float:left;
		margin:0 0 0;
	}
	/****************************************************************
		all-products
	****************************************************************/
	.all-products {
		padding:0 20px 0 0;
		width:144px;
		float:right;
		margin:0 0 0;
	}
/****************************************************************
	row-2
****************************************************************/
.row-2 {
	background: #fff;
	padding:0 0 1px;
	margin:0 0 16px;
}
	/****************************************************************
		our-products
	****************************************************************/
	.our-products {
		border:1px solid #dfecca;
		border-bottom-width:2px;
	}
		.our-products .body {
			background:#f7ffec;
			border:4px solid #efffd6;
			position:relative;
			padding:27px 0 20px 23px;
		}
		.our-products h3 {
			/*background: url('../images/layout/header_our_products.png') 0 0 no-repeat;*/
			height:116px;
			left:-8px;
			width:122px;
			text-indent:-10000px;
			top:-10px;
			position:absolute;
		}
		.our-products dl {
			float:left;
			width:170px;
			margin:0 0 0 -1px;
			text-align:center;
			position:relative;
			z-index:1000;
		}
		.our-products dl dt {
			border-right:1px solid #dfecca;
			border-left:1px solid #dfecca;
			margin:0 0 1px;
			padding:0 0 5px;
			min-height:96px;
			position:relative;
		}
		.our-products dl.first dt {
			border-left:none;
		}
		.our-products dl.last dt {
			border-right:none;
		}
			.our-products dl dt a {
				display:block;
				position:absolute;
				bottom:0;
				width:100%;
				left:0;
			}
			.our-products dl dt img {
				display:block;
				margin:0 auto;
			}
		.our-products dl dd a {
			color:#3d70cb;
		}
/****************************************************************
	row-3
****************************************************************/
.row-3 {
	background: url('../images/layout/bg_sep_2.gif') 0 100% repeat-x;
	position:relative;
	padding:0 0 2px;
	margin:0 0 16px;
}
	.sub-row-3 {
		background: url('../images/layout/bg_sep_1.gif') 302px 100% no-repeat;
	}
	/****************************************************************
		fda-registered
	****************************************************************/
	.fda-registered {
		padding:0 0 0 14px;
		width:270px;
		float:left;
	}
	/****************************************************************
		tested
	****************************************************************/
	.tested {
		padding:0 20px 0 0;
		width:211px;
		float:right;
	}
	.tested p a {
		color:#1e1e1e;
		text-decoration:none;
	}
	.tested p a:hover {
		text-decoration:underline;
	}
/****************************************************************
	row-4
****************************************************************/
.row-4 {
	background: url('../images/layout/bg_sep_4.gif') 182px 100% no-repeat;
	position:relative;
	padding:0 0 1px;
}
	.sub-row-4 {
	}
	/****************************************************************
		recurring-orders
	****************************************************************/
	.recurring-orders {
		padding:0 0 0 14px;
		width:160px;
		float:left;
		margin:0 24px 0 0;
	}
	/****************************************************************
		guarantee
	****************************************************************/
	.guarantee {
		padding:0 0 0 0;
		width:160px;
		float:left;
		margin:0 0 0;
	}
	/****************************************************************
		telomere-length
	****************************************************************/
	.telomere-length {
		padding:0 10px 0 0;
		width:160px;
		float:right;
		margin:0 0 0;
	}
	.tested p a {
		color:#1e1e1e;
		text-decoration:none;
	}
	.tested p a:hover {
		text-decoration:underline;
	}
/****************************************************************
	footer
****************************************************************/
#footer {
	padding:8px 0 10px;
	text-align:center;
}
	#footer p.f-menu {
		color:#666666;
		margin:0 0 8px;
	}
		#footer p.f-menu a {
			color:#666666;
		}
		#footer p.f-menu a:hover {
			color:#333;
		}
	#footer p.f-copy {
		color:#999;
		line-height:1.3em;
	}