/* 
	1) DEFAULTS
1) DEFAULTS
	2) GLOBAL
	3) PAGE SPECIFIC
	4) HEADERS and BUTTONS
	5) FLOAT CLEARS/HACKS/SPECIAL CLASSES
	
	VALUES:
	
	
	AUTHOR / LOG:
	
	Thomas Gainar, Initial creation, 3/16/10 [Conversion Systems]
	

	BROWSER SPECIFIC CSS:
		IE6:
		* html #ie6 { background-color: red; } or
		{_background-color: red;}
		
		IE6 + IE7, but not IE8
		
		{*background-color: red;}

		IE7:
		*:first-child+html #ie7 { background-color: blue; }

		Safari2:
		body:last-child:not(:root:root) #safari2 { background-color: yellow; }

		"Modern" browsers:
		html>body #modern { background-color: pink; }

		Safari 3:
		html*:first-of-type #safari3 { background-color: orange; }
		html*#id_of_body:first-of-type to target the body

		Safari 2/3:
		html* #safari2and3 { background-color: gray; }
		html*#id_of_body to target the body
		
		Safari
		@media screen and (-webkit-min-device-pixel-ratio:0){
			.home_fields {background-color: pink;}
		}
		
		Browser Compat Min-Height:
			min-height: 570px;
			height: auto !important;
			height: 570px;
		
*/

/* 1) DEFAULTS ---------------------------------------------------------- */
	/* Resets ---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

input, textarea {
	font-family: inherit;
	}
	
table	{ /* tables still need cellspacing=0 in the markup */
	border-spacing: 0;
	}
em { font-style: italic; }
input[type='text'],
input[type='password'],
textarea,
select	{
	padding: 1px;
	}
a { outline: none; }
	
/* /DEFAULTS ------------------------------------------------------------ */

/* 2) GLOBAL ----------------------------------------------------- */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */
	background-color: #f2f2f2;
	}
img { display: block;}

#container {
	width: 986px;
	margin: 0 auto;
}
#header {}
	#header h1 {
		background: transparent url(../images/h1_logo.gif) left top no-repeat;
		width: 986px; height: 110px;
		text-indent: -3000em;
	}
	#header #navigation { margin-bottom: 6px; }

.content {
	width: 906px; /* 986 - 40pad - 40pad = 906px */
	position: relative;
	background: #fff url(../images/bg_content.gif) left top no-repeat;
	color: #929292;
	font-size: 14px;
	line-height: 22px;
	padding: 40px 40px 0 40px;
}
	.content .main {
		_display: inline;
		width: 552px;
		float: left;
	}
	.content .modules {
		_display: inline;
		width: 298px;
		float: left;
	}
	
	.content .flash { margin-bottom: 15px; }
	.content h2 { margin-bottom: 25px;}
	.content p {margin: 0 0 25px 0;}
	.content img {display: block;}
	.content a {color: #929292;}
	.content ul,
	.content ol {margin: 15px 0 0 25px;}
	.content ul li {
	}
	.content ol li {
		margin-bottom: 5px;
		list-style-type: decimal;
		list-style-position: inside;
		*list-style-position: outside;
		*margin-left: 25px;
	}
	.content_end {
		background: transparent url(../images/bg_content_end.gif) left top no-repeat;
		width: 986px; height: 32px;
		margin-bottom: 6px;
	}
	.blank { background-image: url(../images/bg_content_end_blank.gif); height: 14px; }
	.teaser { background: none; height: auto; }
#footer {
	background: transparent url(../images/bg_footer.png) left top no-repeat;
	width: 986px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align:  center;
}
	#home #footer { background-image: url(../images/bg_footer_home.png); }
	#footer p {
		font-size: 12px;
		text-align: center;
		margin-bottom: 15px;
		color: #929292;
	}
		#footer .fineprint {
			margin-top: 20px;
			display: none;
		}
		#home #footer .fineprint { display: block; }
	#footer a {
		color: #929292;
		text-decoration: underline;
	}
	#footer p.primary a { font-size: 14px; text-decoration: none; margin: 0 65px 0 49px; }
	#footer p.footnote { display: none; }
	#home #footer p.footnote { display: block; }

.general-list li {
	padding-left: 10px;
	margin-left: 3px;
	margin-bottom: 0;
	background-image: url(../images/g_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}

.error {color: #b00;}
div.actions {clear:left;}
sup {vertical-align:text-top}
.col {float: left;}
	
	
/* /GLOBAL ------------------------------------------------------- */

/* 3) PAGE SPECIFIC ----------------------------------------------------- */

	/* CONTENT */
	
	/* about */
#about .overview {}
	#about .overview img {
		float: right;
		margin-right: 25px;
	}
	#about .overview p { margin-right: 290px; }


.other_products {
	width: 986px; /* 986 - 40pad - 40pad = 906px */
	background: #fff url(../images/bg_content_other_products.gif) left top no-repeat;
	padding: 0 0 30px 0;
	color: #333;
	line-height: 20px;
}
	.other_products p,
	.other_products h3 { margin: 0 50px 0 174px; font-size: 12px; }
	.other_products h3 { line-height: normal; }
	.other_products h3 span { font-weight: normal; font-style: italic; }
	.other_products .item {
		float: left;
		width: 480px; height: 190px;
		_display: inline;
	}
	.other_products h2 {
		width: 100%; height: 103px;
		text-indent: -3000em;
	}
	.other_products img { float: left; margin-left: 70px; _margin-left:30px; }
	.other_products a.arrow_link {
		background: transparent url(../images/icn_arrow.gif) right 1px no-repeat;
		padding-right: 35px; 
		font-weight: bold;
		color: #333;
		text-decoration: none;
		line-height: 40px;
	}

	/* contact us */
.contactus {}
	.contactus .col {
		width: 200px;
		margin-left: 15px;
	}
	.contactus .labels {
		width: 100px;
		text-align: right;
	}
	.contactus a { color: #0000EE; }

	/* resveratrol */

#resveratrol .overview { background-image: url(../images/bg_content_res_overview.gif); }
	#resveratrol .overview p { margin-right: 290px; }
	#resveratrol .overview a.order_now {
		position: absolute;
		right: 62px; top: 372px;
	}
.res_news {
	width: 986px;
	background: #fff url(../images/bg_content_res_news.gif) left top no-repeat;
	padding: 0 0 0 0;
}
	.res_news h2 {
		width: 100%; height: 103px;
		text-indent: -3000em;
		margin-bottom:0;
	}
	.res_news .row { margin-bottom: 10px; }
	.res_news .video1 { width: 320px; height: 260px; }
	.res_news .video2 { width: 320px; height: 265px; }
	.res_news .left img,
	.res_news .left .video1,
	.res_news .left .video2 { float: left; margin: 0 40px 40px 40px; _display: inline; }
	.res_news .left p { margin-right: 40px; }
	.res_news .right img,
	.res_news .right .video1,
	.res_news .right .video2 { float: right; margin: 0 40px 40px 40px; _display: inline; }
	.res_news .right p { margin-left: 40px; }
	
	
.get_res {
	width: 986px; height: 111px;
	background: #fff url(../images/bg_content_get_res.gif) left top no-repeat;
	padding: 0 0 0 0;
}        
	.get_res .order_now {
		background-image: url(../images/btn_order_now_lg.gif);
		width: 239px; height: 41px;
		position: absolute;
		right: 32px; top: 42px;
	}
.res_research {
	width: 786px; /* 986 - 160pad - 40pad = 786px */
	background: #fff url(../images/bg_content_res_research.gif) left top no-repeat;
	padding: 0 40px 0 160px;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 18px;
}
	.res_research span { font-size: 10px; }
	.res_research h2 {
		width: 100%; height: 84px;
		text-indent: -3000em;
		margin-bottom:0;
	}
	.res_research h3 { font-size: 12px; }
	.res_research p.harvard { margin-bottom: 32px; }
	.res_research p.nebraska { margin-bottom: 35px; }
	.res_research p.florida { margin-bottom: 70px; }
	
	/* order now */
	
#ordernow .overview { background-image: url(../images/bg_content_ordernow.gif); padding-bottom: 20px; }

	#ordernow .overview h2 {
		margin-bottom: 15px;
		margin-left: 215px;
	}	
	#ordernow .overview .item {
		position: relative;
		width: 707px; height: 58px;
		border-top: 1px solid #b8b8b8;
		margin-left: 215px;
	}
	#ordernow .overview .item h3 { text-indent: -3000em; margin-left: 215px; }
	#ordernow .overview .item .order_now { position: absolute; right: 0; top: 16px; }
	#ordernow .overview .order_30 { background: #fff url(../images/order_30day.gif) left top no-repeat; }
	#ordernow .overview .order_90 { background: #fff url(../images/order_90day.gif) left top no-repeat; }
	#ordernow .overview .order_180 { background: #fff url(../images/order_180day.gif) left top no-repeat; }	

.res_info { background-image: url(../images/bg_content_res_info.gif); padding-bottom: 20px; }
	.res_info h4 { color: #4b4b4b; }
	.res_info ul { margin: 0 0 15px 6px; }
	
	/* glossary */
	
#glossary .content { padding-bottom: 10px; }

	#glossary dl {
		color: #4b4b4b;
	}
	#glossary dt {
		font-weight: bold;
	}
	#glossary dd {
		margin-bottom: 20px;
	}
	#glossary .get_res { padding-bottom: 0px; }
	
		/* home */
#home .overview {
	width: 986px; height: 262px;
	background: #fff url(../images/bg_content_overview_home.jpg) left top no-repeat;
	padding: 0 0 0 0;
}
	#home .overview .animation {
		position: absolute;
		right: 3px; top: 3px;
	}
	#home .overview .learn_more {
		position: absolute;
		left: 348px; bottom: 33px;
	}

.ez_difference { 
	background-image: url(../images/bg_content_ez_difference.gif);
	width: 916px; height: 329px;
	padding-top: 29px;
	padding-bottom:0; 
	margin-bottom: 6px;
	font-size: 13px;
	padding-left: 30px;
	line-height: 20px;
}
	.ez_difference .order_now {
		position: absolute;
		right: 37px; bottom: 62px;
		width: 206px; height: 35px;
		background-image: url(../images/btn_order_now_mid.gif); 
	}
.people_say { background-image: url(../images/bg_content_people_say.gif); width: 966px; padding: 45px 10px 7px 10px; }
	.people_say h2 {
		width: 100%; height: 33px;
		text-indent: -3000em;
		margin-bottom:0;
	}
	.people_say .col { width: 33%; }
	.people_say .col p {  margin-bottom: 5px; font-size: 12px; line-height: 16px; margin: 0 20px 5px 20px;}
	.people_say .col span { font-size: 10px; font-style: italic; margin: 0 20px 5px 20px;}


        /* CHECKOUT MODULE */

#enter_info {
	background: transparent url(../images/bg_enter_info.gif) left bottom no-repeat;
	margin: 5px 0 0 0px;
	padding-bottom: 10px;
}

.module_inputs {
        margin: 0 auto;
        padding: 15px 0 20px 0px;
		background: transparent url(../images/bg_module_inputs.gif) left bottom no-repeat;
}
	#enter_info h2 {
		background: transparent url(../images/h2_enter_info.gif) left top no-repeat; 
		width: 282px; height: 76px;
		text-indent: -3000em;
	}
        /* default input settings */
        .module_inputs input {
			width: 140px;
			color: #000;
			float: right;
			border: 1px solid #999;
        }
		.module_inputs .credit_card_entry input {
			float: none;
		}
		.module_inputs label {
			width: 80px;
			color: #000;
		}
		.module_inputs .credit_card_entry {
			padding-top: 5px;
		}
			.module_inputs .credit_card_entry label {
				width: 100%;
				display: block;
				margin-bottom: 3px;
			}
		.module_inputs p {
			*display: inline; /* For IE6 and IE7 (always the life of the party) */
			margin: 0 25px 6px 20px;
			font-size: 12px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
        .module_inputs select {
				float: right;
				border: 1px solid #999;
                line-height: 18px;
                width: 144px;
			color: #000;
        }
		.module_inputs .credit_card_entry select {
			float: none;
		}
                .module_inputs textarea {
                width: 200px;
        }

        /* specific input settings */
                /* mid */
        .module_inputs .mid input,
        .module_inputs .mid label,
        .module_inputs .mid select,
        .module_inputs .multi p.mid {width: 90px;}
                /* mid1 */
        .module_inputs .mid1 input,
        .module_inputs .mid1 label,
        .module_inputs .mid1 select,
        .module_inputs .multi p.mid1 {width: 117px;}
                /* mid2 */
        .module_inputs .mid2 input,
        .module_inputs .mid2 label,
        .module_inputs .mid2 select,
        .module_inputs .multi p.mid2 {width: 107px;}
                /* short1 */
        .module_inputs .short1 input,
        .module_inputs .short1 select,
        .module_inputs .multi p.short1 {width: 47px;}
                /* short2 */
        .module_inputs .short2 input,
        .module_inputs .short2 select,
        .module_inputs .multi p.short2 {width: 40px; margin-left: 5px;}
		.module_inputs .short2 .four input {width: 42px;}
        .module_inputs .phone input {width: 30px;}
                /* cvv */
        .module_inputs .cvv input {width: 50px;}
        /* default label settings */
		.module_inputs .multi {margin-left: 20px;}
        .module_inputs .multi p {
                float: left;
				margin:0 0 5px 0;
                padding-right: 8px;
                _padding-right: 2px;
        }
        .module_inputs .multi select {*margin-top: 1px;}
		.module_inputs .checkbox {margin-top: 10px;}
			.module_inputs .checkbox input {
					float: right;
					width: 14px;
					margin:3px 0 0 3px;
					*margin-top: 0px;
					border: none;
			}
			.module_inputs .checkbox label {font-weight: bold;}
        .module_inputs .actions {
				margin:0; padding:0;
				text-align: center;
				*margin-left: 30px;
        }
			.module_inputs .actions input {
				background: transparent url(../images/btn_order_now.gif) left top no-repeat;
				width: 226px; height: 49px;
				margin: 0 auto;
				border: 0;
				float: none;
			}
		
        .module_inputs span.error {float: left; margin-right: 3px;}
		.module_inputs .icon_applied {
			background: transparent url(../images/cflag.gif) left 2px no-repeat;
			padding-left: 40px;
		}
			.module_inputs a {text-decoration: none;}


	/* RECEIPT */

#receipt {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 0;
	padding-bottom: 30px;
	color: #4b4b4b;
}
        #auxillary #receipt h2 {
			font-size: 24px;
			margin-bottom: 10px;
			margin-left: 0px;
        }
#receipt table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
		#auxillary .content #receipt p { margin: 0; }
        #receipt table td, #receipt table th {padding-right: 10px;}
        #receipt table .summary td,
        #receipt table .summary th {padding-top: 100px;}
        #receipt th, #receipt td {text-align: left;}
        #receipt .price {text-align: right;}
        #receipt tbody th {font-weight: normal; text-align: right; padding-right: 50px;}
        #receipt thead th {padding-bottom: 20px;}
        #receipt tbody .total td,
        #receipt tbody .total th {font-weight: bold;}
        #receipt .quantity {text-align: center;}
        #receipt .description {width: 500px; padding-right: 50px;}
        
#receipt .address {margin-top: 20px;}
        #receipt .address caption {
			text-align: left;
			font-weight: bold;
        }
        #receipt .address table {
			margin:0;
			float: left;    
			min-width: 290px;
			width: auto !important;
			width: 290px;
        }


	/* AUXILLARY PAGES (terms + privacy + receipt) */
	
#auxillary {}
	
.tipsy {
	background-repeat:no-repeat;
	font-size:10px;
	opacity:0.9;
	padding:5px;
}
.tipsy {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tipsy-inner {
	background-color:#000000;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
	width:240px;
}
.tipsy-north {
	background-image:url(../images/tipsy-north.gif);
	background-position:center top;
}
.tipsy-south {
	background-image:url(../images/tipsy-south.gif);
	background-position:center bottom;
}
.tipsy-east {
	background-image:url(../images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(../images/tipsy-west.gif);
	background-position:left center;
}
.post_links p {margin-bottom: 10px;}
	.post_links #icn_guarantee { float: left; padding: 0 10px 0 35px; }
	.ssl-tip {
		display:block;
		height:39px;
		width:72px;
		float: left;
	}
	.ssl-tip img {
		margin:0 auto;
	}

	


/* /PAGE SPECIFIC ------------------------------------------------------- */
/* 4) HEADERS and BUTTONS -----------------------------------------------*/

#about .overview h2 {
	background: transparent url(../images/h2_about.gif) left top no-repeat; 
	width: 191px; height: 20px; text-indent: -3000em;}
#resveratrol .overview h2 {
	background: transparent url(../images/h2_resveratrol.gif) left top no-repeat; 
	width: 216px; height: 20px; text-indent: -3000em;}
#ordernow .overview h2 {
	background: transparent url(../images/h2_ordernow.gif) left top no-repeat; 
	width: 543px; height: 25px; text-indent: -3000em;}
.ez_difference h2 {
	background: transparent url(../images/h2_ez_difference.gif) left top no-repeat; 
	width: 280px; height: 20px; text-indent: -3000em; margin-bottom: 20px;}
#glossary h2 {
	background: transparent url(../images/h2_glossary.gif) left top no-repeat; 
	width: 187px; height: 25px; text-indent: -3000em;}
.res_info h2 {
	background: transparent url(../images/h2_res_info.gif) left top no-repeat; 
	width: 98px; height: 18px; text-indent: -3000em;}
h2.contact {
	background: transparent url(../images/h2_contact.gif) left top no-repeat; 
	width: 130px; height: 23px; text-indent: -3000em;}

	
a.btn { text-indent: -3000em; display: block; outline: none; }
a.order_now { background-image: url(../images/btn_order_now.gif); width: 158px; height:26px; }
a.learn_more { background-image: url(../images/btn_learn_more.gif); width: 181px; height:30px; }

/* /HEADERS and BUTTONS-------------------------------------------------- */
/* 5) FLOAT CLEARS/HACKS/SPECIAL CLASSES ------------------------------------ */
.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	float: none !important;
	padding: 0 !important;
	display: block !important;
	}
.row, #header, .content, .module_inputs p, .post_links {
	zoom:1;
}
.row:after, #header:after, .content:after, .module_inputs p:after, .post_links:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}

/* /FLOAT CLEARS/HACKS/SPECIAL CLASSES ------------------------------------ */