/* CSS Document */

body {background:#753281; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0; margin:0;}

#container {width:1042px; margin:auto; background:url(images/background.gif) repeat-y;}
#page {margin:5px 0 0 55px; width:880px;}
.clear {clear:both;}
form {margin:0; padding:0; line-height:0;}

#button_purple {margin:15px auto; text-align:center;}

#sharonpic {margin:15px 0 0 60px; float:left;}
#sharontext {margin: 30px 0 0 30px; float:left; width: 400px;}

.purple18 {font-weight:bold; font-size:18px; color:#7a398b;}
.purpleline {background:#4c1b55; height:1px;}
.litepurpleline {background:#dac9dd; height:1px;}

#testimonials {float:left; width:550px; margin:30px 20px 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#testimonials2 {float:left; width: 270px; margin: 40px 0 0 0;}
.purple20 {font-weight:bold; font-size:20px; color:#7a398b; margin:0 0 0 8px;}
.purplebold {color:#7a398b; font-weight:bold;}
.green18 {font-weight:bold; font-style:italic; color:#6ba409; font-size:18px;}


#button_green {margin:30px auto; text-align:center;}

#bonus {float:left; margin:20px 0 0 30px; width:80px;}
#monitor {float:left; margin: 40px  0 0 0px; font-weight:bold; font-style:italic; font-size:22px; color:#7a398b; width:740px;}

.text {float:left; width:500px; margin:20px 0 20px 60px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pic {float:left; width:300px; margin:20px 0 20px 20px;}
.greenbold {font-weight:bold; color:#6ba409;}

ul {list-style: url(images/tape.gif);}
li {padding:5px 0 0 0;}

#features{margin:0 30px;}
.title {font-size:20px; color:#6ba409; margin:0 0 0 15px;}
.purple {font-weight:bold; font-style:italic; font-size:24px; color:#7a398b;}
.text2 {float:left; width:515px; margin:40px 0 20px 5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pic2 {float:right; width:290px; margin:20px 0 20px 10px; text-align:center;}

#tools {margin:20px auto;}

#footer {line-height:0;}


/* page 2 styles */

#container2 {width:1013px; margin:auto; background:url(images/background2.gif) repeat-y;}
#page2 {margin:5px 0 0 28px; width:880px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.litepurple {background:#dac9dd; height:1px; margin:15px 20px;}



/* page 3 styles */
#container3 {width:953px; margin:auto; background:url(images/background3.gif) repeat-y;}
#page3 {margin:0 23px 0 30px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff;}
#box1 {float:left; width:280px; margin:30px 0 0 10px; line-height:0;}
#box2 {float:left; width:281px; margin:30px 0 0 15px; line-height:0;}
#box3 {float:left; width:289px; margin:30px 0 0 15px; line-height:0;}
#ready {text-align:center; padding:15px 0; font-size:14px; font-weight:bold;}
#skip {text-align:right; margin:5px 20px 0 0; font-size:11px; color:#666; text-decoration:underline;}

#dietbug {float:left; width:677px; margin:20px 0 0 90px;}
#starburst {float:right; width:116px; margin: 5px 5px 0 0;}
#pick {float:left; width: 526px; margin:45px 0 0 180px;}
#offers {margin: 5px 0 0 0; text-align:center;}


/* verify styles */
#container4 {width:880; margin:auto; background:url(images/background4.jpg) repeat-y;}
#page4 {margin:0 21px 0 15px; width:880px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; text-align:left;}
#form {float:left; width: 381px; margin:10px 5px 0 15px; line-height:normal;}
#pics {float:left; width: 284px;}
#list {float:left; width:170px; font-size:11px; line-height:17px; margin: 0 10px;}
#upgrade {float:left; width:400px;}
.boldgreen {font-weight:bold; color:#6ba309; text-decoration:underline;}
#terms {height: 150px; overflow:scroll; width:750px; margin:15px auto; border:1px solid #333;}
.note {font-size:9px; color:#990000;}