﻿body { margin:0; padding:0; text-align:center; background:#2880C8 url(http://www.aredium.com/images/bg-main.jpg) repeat-x; font-family:Tahoma, Verdana, Sans-Serif; font-size:11px; line-height:14px; color:#666666; }
img { border:none; }
p, h1, h2, h3 { margin:0 0 10px 0; }
form { padding:0; margin:0; }
a { text-decoration:underline; font-weight:bold; color:#005cae; }
ol { margin:10px 10px 0px 40px; }
ol li { padding-bottom:8px; }

.float-left { float:left; }
.float-right { float:right; }
.pad0 { padding:0; }
.pt7 { padding-top:7px; }
.square { list-style-type:square; }
	.square li { padding-bottom:8px; }

#wrapper { position:relative; margin:0 auto; text-align:left; width:820px; background-color:#FFFFFF; padding-bottom:10px; }

#right-top { float:right; width:300px; }
#right-top-links { padding:13px 10px 0 0; float:right; }
	#right-top-links a { text-decoration:none; color:#666666; font-weight:normal; }
	#right-top-links a:hover { text-decoration:underline; }

#top-nav { clear:both; padding-left:14px; }
	#top-nav ul { background:url(/images/top-nav.jpg); width:791px; list-style-type:none; margin:0; padding:0; }
	#top-nav ul li { float:left; white-space: nowrap; overflow:hidden; height:33px; }
	#top-nav li a { display:block; width:100%; height:33px; }
	#top-nav li a span { display:none; }
	#top-nav li a img { height:33px; border:0; }

	#nav-home { width:87px; }
	#nav-home a { width:87px; background-image:url(/images/top-nav.jpg); background-position:0 0; }
	#nav-home a:hover, #nav-home a.selected { background-position:0 -33px; }

	#nav-facts { width:127px; }
	#nav-facts a { width:127px; background-image:url(/images/top-nav.jpg); background-position:-87px 0; }
	#nav-facts a:hover, #nav-facts a.selected { background-position:-87px -33px; }

	#nav-about { width:144px; }
	#nav-about a { width:144px; background-image:url(/images/top-nav.jpg); background-position:-214px 0; }
	#nav-about a:hover, #nav-about a.selected { background-position:-214px -33px; }

	#nav-faq { width:178px; }
	#nav-faq a { width:178px; background-image:url(/images/top-nav.jpg); background-position:-358px 0; }
	#nav-faq a:hover, #nav-faq a.selected { background-position:-358px -33px; }

	#nav-test { width:134px; }
	#nav-test a { width:134px; background-image:url(/images/top-nav.jpg); background-position:-536px 0; }
	#nav-test a:hover, #nav-test a.selected { background-position:-536px -33px; }

	#nav-order { width:121px; }
	#nav-order a { width:121px; background-image:url(/images/top-nav.jpg); background-position:-670px 0; }
	#nav-order a:hover, #nav-order a.selected { background-position:-670px -33px; }

#spread { text-align:center; padding:8px 0 8px 0; }

/* 2 column 100% color/height setup */
#body-wrapper-outer { border-right:186px solid #E1E9F0; background-color:#FFFFFF; margin:0 13px 0 22px; }
	#body-wrapper-inner { margin:0; width:100%; }
		#body-left { float:left; position:relative; z-index:12; padding-top:15px; width:588px; padding-right:15px; }
		#body-right { width:186px; margin-right:-186px; float:left; position:relative; z-index:11; padding-top:8px; }
/* 2 column Mozilla hack */
#body-wrapper-outer > #body-wrapper-inner { border-bottom:1px solid transparent; }
	#body-left { margin: 0 -3px 0 -2px; }
	#body-right { margin-left:1px; }
/* end 2 column setup and hack */

.header { border-bottom:1px solid #CCCCCC; padding-top:26px; }
.sub-header { padding:20px 0 10px 0; font-family:Arial, Sans-Serif; font-size:16px; font-weight:bold; color:#769824; }
.product-header { font-family:Arial, Sans-Serif; font-size:14px; font-weight:bold; color:#769824; padding:17px 0 9px 0; }

#fact-images { float:right; text-align:center; color:#005cae; font-size:10px; font-weight:bold; padding:20px 0 10px 20px; }

#action { background:#E1E9F0 url(/images/bg-action.jpg) no-repeat 8px 0; text-align:left; height:139px; width:178px; margin-bottom:7px; color:#005cae; }
	#action a { text-decoration:none; color:#005cae; }
	#action-position { padding:20px 0 0 49px; text-align:left; }
	.action-pad { padding-bottom:14px; }
	.promo { padding-left:7px; }
	
#formula-bg { background:#FFFFFF url(/images/bg-about.jpg) no-repeat left bottom; width:567px; }
#formula-wrapper { width:519px; padding-left:26px; }
.formula { padding:14px 0 18px 0; clear:both; border-bottom:1px solid #CCCCCC; }
.product-image { float:left; padding-right:10px; }

#faq-answers { border-bottom:1px solid #CCCCCC; padding-bottom:25px; }
#faq-answers a { text-decoration:none; color:#666666; }

#home-mid-wrapper { position:relative; width:793px; margin:0 auto; }
#home-nat-eye { background:#FFFFFF url(/images/bg-nat-eye.jpg) no-repeat; width:373px; height:167px; float:left; position:relative; color:#333333; }
	#home-nat-eye-pos { width:180px; position:relative; top:45px; left:165px; }
#home-which { background:#FFFFFF url(/images/bg-which-formula.jpg) no-repeat; width:420px; height:167px; float:left; position:relative; color:#333333; }
	#home-which-pos { width:210px; position:relative; top:45px; left:195px; }
	
#home-bottom { position:relative; width:791px; margin:0 auto; color:#FFFFFF; margin-top:10px; }
	#home-bottom a { color:#FFFFFF; }
	#home-bot-left { float:left; background:#FFFFFF url(/images/bg-home-bot-left.jpg) no-repeat; width:269px; height:186px; }
		#home-bot-left-pos { width:135px; position:relative; top:45px; left:120px; }
	#home-bot-mid { float:left; background:#FFFFFF url(/images/bg-home-bot-mid.jpg) no-repeat; width:265px; height:186px; }
		#home-bot-mid-pos { width:225px; position:relative; top:45px; left:20px; }
	#home-bot-right { float:left; background:#FFFFFF url(/images/bg-home-bot-right.jpg) no-repeat; width:257px; height:186px; }
		#home-bot-right-pos { width:140px; position:relative; top:45px; left:107px; }
		
#renee { background:#FFFFFF url(/images/renee-richards.jpg) no-repeat; width:580px; height:223px; position:relative; border-bottom:1px solid #CCCCCC; padding-bottom:20px; }
	#renee-pos { width:360px; position:relative; top:155px; left:190px; color:#28639a; }
	
#test1 { float:left; background:#FFFFFF url(/images/testimonial-1.jpg) no-repeat; width:294px; height:151px; position:relative; }
	#test1-pos { position:relative; top:10px; left:110px; width:160px; }
#test2 { float:left; background:#FFFFFF url(/images/testimonial-2.jpg) no-repeat; width:284px; height:151px; margin-left:10px; position:relative; }
	#test2-pos { position:relative; top:10px; left:120px; width:150px; }
#test3 { float:left; background:#FFFFFF url(/images/testimonial-3.jpg) no-repeat; width:294px; height:151px; margin-top:20px; }
	#test3-pos { position:relative; top:10px; left:120px; width:150px; }
#test4 { float:left; background:#FFFFFF url(/images/testimonial-4.jpg) no-repeat; width:284px; height:151px; margin:20px 0 0 10px; }
	#test4-pos { position:relative; top:10px; left:120px; width:150px; }
	
#order-body { margin:0 13px 0 20px; }
#order-products { margin-top:20px; }
#order-non { float:left; width:258px; height:474px; background:#FFFFFF url(../../images/order-non-smoker.jpg) no-repeat; position:relative; }
	#order-non-pos { position:relative; top:231px; left:30px; width:200px; }
#order-smoker { float:left; width:257px; height:474px; background:#FFFFFF url(../../images/order-smoker.jpg) no-repeat; position:relative; }
	#order-smoker-pos { position:relative; top:231px; left:30px; width:200px; }
#order-sensitive { float:left; width:258px; height:474px; background:#FFFFFF url(../../images/order-sensitive.jpg) no-repeat; position:relative; }
	#order-sensitive-pos { position:relative; top:231px; left:30px; width:210px; }
#order-safe {
	padding:20px 0 20px 15px;
	margin-top:20px;
	border-top:1px solid #CCCCCC;
	text-align: center;
}
.order-button { text-align:center; padding-top:14px; }
.product-price { font-size:14px; font-weight:bold; padding-top:14px; }

#product-FAQ {}
#product-FAQ a { font-size:12px; line-height:20px; }
	
#footer { padding:12px 0 12px 0; background-color:#E1E9F0; margin:8px 13px 0 13px; color:#264c78; font-size:10px; }
	#copyright { float:left; padding-left:18px; }
	#bottom-links { float:right; padding-right:18px; }
		#bottom-links a { text-decoration:none; color:#264c78; font-weight:normal; }
		#bottom-links a:hover { text-decoration:underline; }
		
#disclaimer { text-align:center; color:#FFFFFF; padding:10px; }

/* --- Float Hack --- */
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf {height: 1%;}
/* End hide from IE-mac */

.border { border:1px solid red; }
