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

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/background.png) #e0e5e7 repeat-x;
	min-width: 960px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	letter-spacing: -1px;
	line-height: 1.4em;
	color: #555;
}

h1 {
	color: #68894f;
	font-size: 2.25em;
	line-height: normal;
	/*text-transform: uppercase;*/
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	margin-bottom: 0.5em;
	margin-top: 0;
}

h2 {
	color: #5996b6;
	font-size: 1.65em;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: -0.07em;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
	border-bottom: 1px solid #ccc;
}

h2 strong {
	color: #999;
	font-size: 0.85em;
	text-transform: none;
}

h3 {
	color: #666;
	font-size: 1.08em;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: -0.07em;
	margin-top: 1.75em;
	margin-bottom: 0.75em;
}

a {
	color: #62a845;
}

a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #62a845;
}

form {
	padding: 0;
	margin: 0;
}

select {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.clear {
	clear:both;
	padding: 0 !important;
	margin: 0 !important;
	height: 0 !important;
}

.center {
	text-align: center;	
}

img.center {
	margin: 30px auto;
	display: block;
}

/* Layout */

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header {
	padding-top: 15px;
	margin-bottom: 10px;
}

#logoBox {
	height: 92px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	margin: 0;
	padding: 0;
}

#guarantee {
	float: right;
	margin: 0;
	padding: 0;
}

#content {
	
}

#leftCol {
	float:left;
	width:204px;
	padding: 0;
	margin: 0;
}

#rightContent {
	float:right;
	width:731px;
	padding: 0;
	margin: 0;
}

#flashContainer {
	background: url(../images/flash_bg.png) #CCC;
	margin: 0 0 25px 0;
	padding: 15px;
}

	.flashWarning {
		padding: 0;
		margin: 0;
	}

#centerCol {
	float:left;
	width: 493px;
	margin: 0;
	padding: 20px 15px 15px 15px;
	background: url(../images/green_content_bar.png) no-repeat #FFF;
}
#centerColws {
	float:left;
	width: 701px;
	margin: 0;
	padding: 20px 15px 15px 15px;
	background: url(../images/green_content_barlg.png) no-repeat #FFF;
}
#centerColsh {
	width: 980px;
	margin: 0;
	padding: 20px 15px 15px 15px;
	background: url(../images/green_content_barsh.png) no-repeat #FFF;
}
#rightCol {
	float:right;
	width: 181px;
}

/* Top Nav */

#topNav {	
	height: 31px;
	border-bottom: 1px solid #89bf3a;
	margin-bottom: 25px;
}

#topNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

	#topNav li {
		display: inline;
		float: left;
		padding: 0;
		margin: 0;	
	}
	
	#topNav li a {
		display: inline-block;
		overflow: hidden;
		position: relative;
	}

	#topNav li a span {
		cursor: pointer;
		/*display: block;*/
		left: 0;
		position: absolute;
		top: 0;
	}
	
	#topNav li a, #topNav li a span {
			background-repeat: no-repeat;
			background-position: 0 0;
			padding: 0;
			margin: 0;
			height: 31px;
			display: block;
		}
		
		
	#home #topNav li#navHome a, #men #topNav li#navMen a, #women #topNav li#navWomen a, #health #topNav li#navHealth a, #board #topNav li#navBoard a, #testimonials #topNav li#navTestimonials a, #contact #topNav li#navContact a, #home #topNav li#navHome a span, #men #topNav li#navMen a span, #women #topNav li#navWomen a span, #health #topNav li#navHealth a span, #board #topNav li#navBoard a span, #testimonials #topNav li#navTestimonials a span, #contact #topNav li#navContact a span {
			background-position: 0 -31px;
	}
		
	#topNav li a:hover, #topNav li a:hover span {
			background-position: 0 -62px;
		}
	
	#topNav li#navHome a, #topNav li#navHome a span {
		background-image: url(../images/home.gif);
		width: 56px;
	}
	
	#topNav li#navMen a, #topNav li#navMen a span {
		background-image: url(../images/mens_health.gif);
		width: 106px;
	}
	
	#topNav li#navWomen a, #topNav li#navWomen a span {
		background-image: url(../images/womens_health.gif);
		width: 130px;
	}

	#topNav li#navHealth a, #topNav li#navHealth a span {
		background-image: url(../images/general_health.gif);
		width: 118px;
	}

	#topNav li#navBoard a, #topNav li#navBoard a span {
		background-image: url(../images/board.gif);
		width: 139px;
	}

	#topNav li#navTestimonials a, #topNav li#navTestimonials a span {
		background-image: url(../images/testimonials.gif);
		width: 103px;
	}

	#topNav li#navContact a, #topNav li#navContact a span {
		background-image: url(../images/contact_us.gif);
		width: 88px;
	}

	#topNav li a:hover {
		/*IE FIX*/
		background: 0 -62px;
		}
		
#phone {
	float: right;
}

/* Content */

#centerCol ul {
	margin: 0;
	padding: 0;
}

#centerCol li {
	list-style-type: none;
	background: url(../images/bullet_arrow.png) no-repeat 0 5px;
	padding: 2px 0 2px 20px;
}

#centerCol .highlightBox li {
	background: url(../images/bullet_arrow2.png) no-repeat 0 5px;
}

.imgRight {
	float: right;
	margin: 0 0 20px 20px;
}

	.highlightBox .imgRight {
		margin-right: 10px;
	}

.imgLeft {
	float: left;
	margin: 0 20px 20px 0;
}

	.highlightBox .imgLeft {
		margin-left: 10px;
	}

.outline {
	border: 1px solid #bbb;
	padding: 5px;
}

.no1 {
	width: 150px;
	border: 1px solid #ccc;
	margin: 0 5px 0 5px;
	float: left;
	display: block;
}

.adv  {
	width: 148px;
	border: 1px solid #ccc;
	margin: 0 5px 0 5px;
	padding: 18px 0;
	float: left;
	display: block;
	text-align: center;
	background: #eee;
}

	.adv img {
		border: 1px solid #ccc;	
	}
	
	.advName  {
		width: 150px;
		margin: 0 5px 0 5px;
		padding: 2px 0;
		float: left;
		display: block;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.25em;
		font-style: italic;
	}

.info {
	display: block;
	border: 1px solid #b1b7bb;
	padding: 0 10px;
	background-image: url(../images/flash_bg.png);
	color: #333;
}

	.info a {
		color: #FFF;
	}

.highlightBox {
	padding: 10px 10px 1px 10px;
	background: #eee;
	margin-bottom: 15px;
}

	.highlightBox h2 {
		margin-top: 0;
		margin-bottom: 0;	
	}
	
	
#board h2 {
	/*font-size: 1.30em;*/
	border-bottom: none;
	text-transform: none;
}

.boardPic {
	float: left;
	margin: 8px 20px 15px 8px;
}

.testimonialBox {
	background: #e2ecd1 url(../images/bubble_1.png) no-repeat;
	margin-bottom: 10px;
}

	.testimonialBox .testContent {
		padding: 20px 20px 0 20px; 
	}
	
	.testimonialBox p {
		margin: 10px 0 0 0; 
		padding: 0;
		line-height: 1.15em;
	}
	
	.testimonialBox h3 {
		color: #5996b6;
		margin: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 1.30em;
		text-transform: none;
		letter-spacing: normal;
		/*word-spacing: 3px;*/
	}
	
	.testimonialBox .signature {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.25em;
		font-style: italic;
		word-spacing: 3px;
	}

	.testimonialBottom {
		background: url(../images/bubble_2.png);
		display: block;
		height:50px;
	}
	
	
	
/* Left Bar */

.product {
	background-color: #FFF;	
	border: 1px solid #7db935;
	padding: 0;
	margin: 0 0 25px 0;
}

	.product div {
		background: url(../images/product_bg.png) no-repeat;
		padding: 10px 0;
		display: block;
		text-align: center;
		margin: 0;
	}
	
	.product div div {
		padding: 10px 10px 15px 10px;
		background: none;
		color: #FFF;
		font-size: 0.85em;
		line-height: 1.15em;
		text-align: left;
		letter-spacing: 0;
	}
	
	.product a {
		color: #030;
	}
	
	.product a:hover {
		color: #FFF;
		text-decoration: none;
		background-color: #4c8d1b;
	}
	
	.product a img, .product a:hover img {
		display: block;	
		margin: 0 auto;
	}
	
#testimonialsLeft {
	background-color: #FFF;
	border: 1px solid #7db935;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.95em;
	letter-spacing: 0;
	line-height: 1.25em;
	width: 202px;
}

	#testimonialsLeft div {
		padding: 15px 10px 5px 10px;
	}

	#testimonialsLeft p {
		margin: 0 0 10px 0;
	}

	.signature {
		text-align: right;
	}

		.signature strong {
			color: #7db935;
		}

/* Right Bar */

#justFor {
	text-align: center;
	display: block;
	border: 1px solid #b1b7bb;
	background: #FFF;
	margin-bottom: 15px;
	line-height: 1.15em;
	padding: 10px 0 5px 0;
}

	#justFor p {
		padding: 0 10px;
	}

#justForGuys, #justForHer {
	display: block;
	border: 1px solid #b1b7bb;
	background: url(../images/newsletter-box-bg.png) bottom left repeat-x #FFF;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 15px;
}

	#justForGuys p, #justForHer p {
		margin: 8px 0;
		padding: 0 10px;
		text-align: left;
		font-size: 0.85em;
		line-height: 1.15em;
		letter-spacing: 0;
	}

	#justForGuys form, #justForHer form {
		margin: 10px 0 0 0;
	}
	
	#justForGuys input, #justForHer input {
		margin: 0 0 5px 0;
		width: 151px;
		border: 1px solid #b1b7bb;
		padding: 2px 5px;
	}
	
	#jfgImageSpace, #jfhImageSpace {
		margin: 10px 0 0 0;	
	}
	
	.required {
		background: #FFC;
	}
	
	.button {
		margin: 0 !important;
		width: 163px !important;
		height: 31px;
		border: none !important;
		padding: 0 !important;
	}
	
/* Footer */

#footer {
	background: url(../images/footer_bg.png) repeat-x #55595b;
	margin: 25px 0 0 0;
	min-width: 960px;
	letter-spacing: 0;
	font-size: 0.85em;
	padding: 0;
}

#footerContent {
	width: 960px;
	padding: 15px 0;
	margin: 0 auto;
	color: #FFF;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #FFF !important;	
}

#footer ul {
	list-style-type: none;
	text-transform: uppercase;
}

#footerNav {
	text-align: left;
	border-right: 1px solid #caced0;
	width: 170px;
	padding-left: 10px;
	margin: 0;
}

	#footerNav li {
		margin: 0 0 2px 0;
	}
	
	#footerNav a {
		color: #9ade45;	
	}

.footerSubNav {
	width: 725px;
	position: relative;
	top: -21px;
	margin: 0 0 0 220px;
	padding: 0;
	display: block;
}

	.footerSubNav li {
		float: left;
		padding: 0 8px;
		background: url(../images/footer-divider.gif) right bottom no-repeat;	
	}
	
	.footerSubNav li.lastLink {
		float: left;
		padding: 0 8px;
		background: none;	
	}
	
	#footerNav .footerSubNav a {
		color: #a8e1ff;
	}
	
	#footerNav .footerSubNav a:hover {
		color: #fff;
		background-color: #5996b6;
	}
	
#copyright {
	float: left;
	position: relative;
  margin: -66px 0 0 239px;
  _margin: -66px 0 0 120px;
  line-height: 21px;
}
	
	#copyright a {
		color: #9ade45;
		text-transform: uppercase;
	}
.floatright {
	float: right;
	padding: 5px;
	}
.productbox {
	width: 350px;
	float: left;
	}
.wholesaleh2 {
	font-size: 18px;
	}
.wholesalelesspad {
	margin: 0 auto 8px auto;
	padding: 0;
	}