@charset "UTF-8";
/* www.volumepills.com General Stylesheet */

/*Global Styles*/

@import url(../font/font.css);

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

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/bg-grad.png) repeat-x;
	background-color: #2f4b6a;
	font-size: 14px;
}

a {
	color: #d9542a;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ec805d;
}

a:hover {
	color: #ec805d;
}

a:active {
	position: relative;
	top: 1px;
}

a img {
	border: 0;
}

a:hover img {
	border: 0;
	text-decoration: none;
}

p {
	margin: 0 10px 1em;
	line-height: 150%;
}

h1 {
	font-family: 'nevisBold', Verdana, sans-serif;
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 20px;
	text-shadow: #bbb 2px 2px 2px;
}

h1, h2, h3, h4 {
	text-align: center;
	letter-spacing: -1px;
}

h2, h3, h4 {
	font-family: Verdana, arial, sans-serif;
	color: #0c315e;
}

h2 {
	margin: 25px 0;
	font-size: 22px;
}

h3 {
	font-size: 18px;
	margin: 20px 0;
}

h4 {
	color: #000;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 15px;
}

h5 {
	font-size: 14px;
	border-bottom: 1px dotted #ddd;
}

img {
	display: block;
	margin: 0 auto;
}

fieldset {
	color: #000;
	border: 1px solid #ddd;
	margin: 0 0 20px;
	padding: 10px;
}

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

.imgLink {
	border: none;
}

.hideText {
	position: relative;
	z-index: -999;
}

.underline {
	text-decoration: underline;
}

.bottomSpace5 {
	margin: 0 0 5px;
}

.blue {
	color: #2e4b6d;
}

.white {
	color: #fff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.textLeft {
	text-align: left;
}

.absFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.absFrame * {
	position: relative;
	display: block;
	margin: 0 auto;
}

.disclaimer {
	font-size: 10px;
}

.headSymbol {
	font-family: Verdana, Arial, sans-serif;
}

/*Global Layout Styles*/

	/*Header Styles*/
	
	#phoneWrap {
		border-bottom: 1px solid #356ba8;
	}
	
	#phone {
		color: #7a9ec9;
		background: #0c325c;
		text-align: center;
		width: 100%;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid #001b38;
	
	}
	
	#phoneNum, #promo {
		display: inline-block;
		font-size: 16px;
		position: relative;
	}
	
	#phoneNum {
		right: 20px;
	}
	
	#promo {
		right: 5px;
	}
	
	#phone h4 {
		font-size: 20px;
		color: #FFF;
		margin: 0;
		padding: 0;
		display: inline;
		font-family: 'nevisBold', Arial, sans-serif;
	}
	
	#headSpace {
		display: block;
		height: 150px;
	}
	
	#headImg {
		width: 1009px;
		height: 182px;
		right: 10px;
		display: block;
		background-image: url(../img/header.jpg);
	}
	
	/*Page Styles*/
	
	#page {
		border: 1px solid #164170;
		border-left: 1px solid #6fa4de;
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
		background-color: #fff;
	}
	
		/*Nav Styles*/
		
		#navBar {
			width: 960px;
			height: 44px;
			text-align: justify;
			margin: 0 auto;
		}
		
		ul#nav {
			border-top: solid 1px #4990dd;
			border-bottom: solid 4px #d9542a;
			background: #326092;
			background: url(../img/nav-bg.png) repeat-x;
			list-style: none;
			padding: 0;
			margin: 0;
			font-family: 'nevisBold', Arial, sans-serif;
			font-size: 19px;
			color: #fff;
			height: 39px;
			width: 960px;
		}
		
		ul#nav li {
			display: inline-block;
			height: 100%;
			margin: 0;
			padding: 0;
			line-height: 39px;
			float: left;
		}
		
		ul#nav li a {
			color: #fff;
			text-decoration: none;
			display: inline-block;
			height: 100%;
			padding: 0 9px;
			margin: 0;
			border: none;
			text-shadow: #2F4B6a 2px 2px 0;
			font-weight: normal;
		}
		
		ul#nav li a:hover {
			background: url(../img/nav-bg-hover.png) repeat-x;
			background-color: #d9542a;
			text-shadow: #93391c 2px 2px 0;
		}
		
		ul#nav li#order {
			float: right;
		}
		
		ul#nav li#order a {
			background-color: #397CC0;
			padding: 0 14px;
		}
		
		body#bodyIndex li#index a, body#bodyHIW li#HIW a, body#bodyDA li#DA a, body#bodyTestimonial li#testimonial a, body#bodyIngred li#ingred a, body#bodyFAQ li#FAQ a, body#bodyContact li#contact a, body#bodyOrder li#order a {
			color: #fff;
			background: url(../img/nav-bg-hover.png) repeat-x;
			background-color: #d9542a;
		}
		
		/* Content Area Styles */
		
		#content {
			display: inline-block;
			width: 680px;
			vertical-align: top;
			padding: 10px 10px 30px;
			float: right;
			margin-right: 15px;
			overflow: hidden;
		}
		
		#content ul {
			list-style: none;
			line-height: 18px;
			font-size: 16px;
			font-weight: bold;
			padding: 0;
			margin-left: 10px;
		}
		
		#content li {
			background: url(../img/bullet.png) no-repeat;
			background-position: left top;
			padding-left: 25px;
			padding-bottom: 20px;
			margin: 0;
		}
		
		#content .box {
			border: 1px dashed #ddd;
			padding: 20px;
			margin: 20px 0;
			background-color: #fafafa;
		}
		
		#content .box h3 {
			font-size: 20px;
			margin: 0 0 10px;
		}
		
		#content .box h4 {
			font-size: 16px;
		}
		
		#content .textColumn {
			width: 440px;
			display: block;
		}
		
		#content .imgColumn {
			width: 180px;
			display: block;
		}
		
		#content img.imgColumn {
			border: 3px solid #397CC0;
			margin: 0 20px;
			width: 144px;
		}
		
		#content .imgColumn img {
			border: 3px solid #397CC0;
			margin: 0 20px;
		}
		
		#content .ulLeft {
			display: block;
			width: 320px;
			float: left;
		}
		
		#content .ulRight {
			display: block;
			width: 320px;
			float: right;
		}
		
		#content .graph {
			background: url(../img/graph.jpg) no-repeat;
			display: block;
			width: 660px;
			height: 315px;
			margin: 0 auto 20px;
		}
		
		#headIndex1 {
			height: 330px;
			background: url(../img/girl-on-bed.jpg) no-repeat bottom center;
			border-bottom: dashed 1px #ddd;
			margin: 0 0 10px;
		}
		
		#headIndex1 h1 {
			margin: 0 0 10px;
		}
		
		#headIndex1 h2 {
			font-family: Verdana, arial, sans-serif;
			font-weight: normal;
			margin: 0 0 10px;
			font-size: 24px;
			color: #000;
		}
		
		#headIndex1 h4 {
			text-align: center;
		}
		
		#ulIndex1 {
			height: 260px;
			background: url(../img/tie-hold.jpg) no-repeat;
			background-position: bottom right;
			background-color: #fafafa;
			border: 1px dashed #ddd;
		}
		
		#hwn {
			background: url(../img/hwn-video-frame.png) no-repeat;
			padding: 45px 35px 25px 39px;
			width: 422px;
			margin: 0 auto;
			display: block;
		}
		
		#imgNatural {
			background: url(../img/mortal-pestle.jpg) no-repeat right bottom;
		}
		
		#bodyFAQ h3 {
			text-align: left;
		}
		
		#bodyFAQ .box h3 {
			text-align: center;
		}
		
		#bodyContact form {
			border: 1px solid #d9542a;
			display: block;
			padding: 20px;
			background: #fafafa;
		}
		
		#bodyContact fieldset {
			background-color: #fff;
		}
		
		#bodyContact fieldset li {
			background: none;
			font-size: 14px;
			font-weight: normal;
			padding: 0;
			margin: 0 0 5px;
		}
		
		#bodyContact fieldset li label {
			width: 100px;
			display: inline-block;
			text-align: right;
		}
		
		#btnSubmit {
			font-size: 14px;
			color: #fff;
			background-color: #d9542a;
			border: 2px #ddd solid;
			float: right;
			padding: 3px 15px;
			cursor: pointer;
		}
		
		#bodyTestimonial .box h3 {
			font-style: italic;
		}
		
		#bodyTestimonial .sig {
			font-weight: bold;
			text-align: right;
			margin: 0 0 5px;
		}
		
		#bodyTestimonial .imgColumn .disclaimer {
			text-align: center;
			margin: 0;
		}
		
		#order12month {
			margin: 0 auto 10px;
		}
		
		#order6month {
			margin: 0 auto 10px;
		}
		
		#order5month {
			margin: 0 auto 10px;
		}
		
		#orderRow {
			width: 630px;
			margin: 0 auto;
			display: block;
		}
		
		#order4month {
			float: left;
			display: block;
			width: 359px;
			margin: 0;
		}
		
		#orderColumn {
			display: block;
			float: right;
		}
		
		#orderColumn img{
			width: 261px;
			display: block;
			margin: 0 0 10px;
		}
		
		#orderAlt img {
			display: inline;
			margin: 20px 0 0 100px;
		}
		
		/*Side Bar Styles */
		
		#sideBar {
			background-color: #DDD;
			width: 200px;
			display: inline-block;
			margin: 0 10px -9999px 10px;
			padding: 10px 10px 9999px 10px;
			float: left;
			text-align: center;
		}
		
		#sideBar a {
			display: block;
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		#sideBar img {
			margin: 0 0 10px;
		}
		
		#jfgPop {
			display: none;
		}
		
		#bodyIndex #jfgPop {
			display: block;
		}
		
		#medAdv {
			font-family: 'nevisBold', Verdana, sans-serif;
			font-size: 22px;
			color: #0c315e;
			text-shadow: #BBB 1px 1px 0;
			display: block;
			margin: 0 0 10px;
		}
		
		/* Footer Styles */
		
		#footer {
			width: 960px;
			margin: 5px auto;
			text-align: center;
			font-size: 12px;
			color: #fff;
		}
		
		#footer a {
			border: none;
			color: #ec805d;
		}
		
		#footer a:hover {
			color: #fff;
		}
		
		ul#footernav {
			list-style: none;
			line-height: 150%;
		}
		
		ul#footernav li {
			display: inline;
			padding: 0 5px;
			border-left: 1px solid #fff;
		}
		
		ul#footernav li.first {
			border-left: none;
		}