body { 	font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; text-align:center; background:url(bg.gif) 0 0 repeat-y #F5F5F5; background-position:center; }
body.popBody { margin:5px; text-align:left; background:none; font-size:12px; }
#wrapper { width:774px; margin:0 auto; padding:0; text-align:left; }

#header {}
#col-1 { float:left; width:570px; padding-left:10px; }
#col-2 { float:left; width:190px; text-align:center; }

.dots-box { background-image:url(lp-body-dots.gif); padding:1px; margin-bottom:10px; }
.dots-inner { padding:10px; margin-right:1px; border:3px solid #fff; }
.bullets { float:left; width:294px; padding:5px 0 0 35px; }
.bullets p { margin:0;}
.bullets .font16 { color:#195785; }
.offer { float:left; _margin-left:30px; width:210px; text-align:center }
.offer a { font-size:10px; font-weight:bold; }

#one .dots-inner { background:url(lp-prod-1.gif) 139px 0 no-repeat #EDEDED;}
#one .bullets { background:url(lp-number-1.gif) no-repeat;}
#two .dots-inner { background:url(lp-prod-2.gif) 139px bottom no-repeat #EDEDED;}
#two .bullets { background:url(lp-number-2.gif) no-repeat;}

#bodyWrapper { clear:both; }
.yellow { text-align:center; background-color:#FFFF99; border:1px solid #ccc; font-size:14px; padding:5px 0; }
.yellowsmall { text-align:center; background-color:#FFFF99; border:1px solid #ccc; font-size:12px; padding:5px 5px; text-align:justify; }
#mainContents { width:525px; float:left; padding:0 25px; }
#bannerCol { float:left; width:160px; padding:8px; border:1px solid #EDEDED;}

#footer { margin:0; padding:65px 0 0 0; background:url(foot-top.jpg) 0 0 no-repeat }
#footerNav { height:28px; padding-top:5px; background:url(bott-nav-bg.gif) 0 0 repeat-x; color:#FFFFFF; }
#footerNav a { margin:0px 0 0 10px; font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none; }
#footerNav a:hover { color:#FFFFFF !important; }
#footerText { padding:5px 10px; margin:0;  background:url(acne-bc-grad.gif) 0 0 repeat-x; font-size:11px; }
#footerTextLinks { float:right; padding:5px 20px; font-size:11px; }
#footerTextLinks a, #footerText a { color:#000; text-decoration:none; }

.line-horz { background:url(line-horiz.gif) 0 0 repeat-x; height:5px; margin:5px 0; padding:0; font-size:1px; } 

a { color:#006699 }
a:hover { color:#339900 !important; text-decoration:underline !important; }
	
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.right { float:right;}
h1 { font-size:11px; }
h2 { font-size:11px; }
h3 { font-size:20px; margin:0; padding:0; }
h4 { font-size:14px; margin:0; padding:0; }
/* --- 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 */

