body {font-family:Arial, Helvetica, Verdana, sans-serif; background:#f9f7fa url(../img/bg_repeat.jpg) repeat-x top center; color:#4c2371;} #wrapper_image {background:url(../img/bg.jpg) no-repeat top center;} #wrapper_width {width:960px; margin:auto;} #body{overflow:hidden;} /********HEADER********/ #nav{float:right; left:-50%; position:relative; _margin-left:300px;} #header {font-family:Optima, Myriad Pro, Trebuchet MS; left:50%; position:relative;} #header li {float:left; color:#4c2371; display:inline; font-size:14px; padding-top:60px;} #header li a:link, #header a:visited {color:#4c2371; text-decoration:none; text-transform:uppercase;} #header li.active {font-weight:bold;} #header li.divider {margin:0 20px;} #header li.logo {padding-top:0px;} #header h1#logo {background:url(../img/lf_logo.png) no-repeat; margin:0 25px; width:199px; height:142px; text-indent:-9999px;} /********PROMO FOOTER********/ #footer_promos{width:100%; background:url(../img/footer_repeat.png) repeat-x 0 bottom; margin-bottom:50px; } #footer_promos a:link, #footer_promos a:visited {color:#714f8e; text-decoration:none;} #footer_promos ul {width:960px; overflow:hidden; margin:auto;} #footer_promos li{overflow:hidden; float:left; display:inline; margin:0 10px; width:300px;} #footer_promos .img_a {float:left;} #footer_promos .img_a img {vertical-align:bottom; margin-top:3px; margin-right:10px;} #footer_promos h4 {font-size:13px; text-transform:uppercase; padding-top:33px; padding-bottom:10px; line-height:16px;} #footer_promos h4 a :link, #footer_promos h4 a:visited{color:#8b6fa4;} #footer_promos p {font-size:11px; font-style:italic; font-weight:bold; float:left; width:145px;} #footer_promos .heidi p {width:135px;} #footer_promos .flavors p{} #footer_promos .four_pack p{width:95px;} #footer_promos .beach_house p{width:135px;} #footer_promos .facebook p{width:77px;} #footer_promos .play_button {background:url(../img/play_button.png) no-repeat; width:25px; height:26px; margin-top:-8px; float:left; margin-left:5px;} #footer_promos .heidi .play_button{} #footer_promos .flavors .play_button{margin-top:-3px; margin-left:0px;} #footer_promos .four_pack .play_button{margin-top:-2px;} #footer_promos .beach_house .play_button{margin-top:-2px;} #footer_promos .facebook .play_button{} /********FOOTER********/ #footer{font-size:10px; width:960px; margin:auto; text-align:center; font-weight:normal; padding-bottom:20px;} #footer li {display:inline;} #footer li.divider {margin:0 15px;} #footer a:link, #footer a:visited {color:#909090; text-decoration:none;} /********HOME********/ #home #wrapper_width {width:1018px;} #home #body {overflow:visible;} #home #nav {margin-bottom:-45px;} /********MEET HEIDI********/ #meet_heidi #footer_promos {margin-top:-40px; float:left;} #heidi_callout{background:url(../img/heidi_big.jpg) no-repeat 166px top; width:450px; height:458px; float:left; margin-top:-31px; _margin-top:0px;} #heidi_callout .text {padding-top:50px;} #heidi_callout p {font-size:16px; padding-left:10px; line-height:19px;} #heidi_callout p .bigger {font-size:20px; margin-left:-10px;} #heidi_callout p.p1 {margin-bottom:15px; font-weight:bold;} #heidi_callout p.p2 {font-size:15px;} #heidi_callout p.p2 .second {padding-left:10px;} #meet_heidi #body {overflow:visible; margin-bottom:-40px; _margin-bottom:-17px; _margin-top:-47px;} .scroll_browser{width:430px; height:366px; float:right;} .scroll_browser li {overflow:hidden; width:390px; padding-bottom:15px; border-bottom:1px solid #c9bdd4; margin-bottom:25px;} .scroll_browser a:link, .scroll_browser a:visited {color:#4c2170; text-decoration:none;} .scroll_browser .preview_link{float:left; background:url(../img/video_preview.png) no-repeat scroll 0 0 transparent;} .scroll_browser .preview{ padding:1px 6px 7px 1px; float:left; margin-right:10px;} .scroll_browser .play_button {background:url(../img/play_button.png) no-repeat; width:25px; height:26px; float:left;} .scroll_browser h3 {font-size:18px; margin-bottom:10px;} .scroll_browser p {font-size:12px; float:left; width:175px; line-height:16px;} /********PROMOTIONS********/ #promotions{} #promotions #body {_margin-top:-16px;} #promotions_callout{float:left; width:465px; background:url(../img/promotions_callout.jpg) no-repeat; margin:1px 0 35px 43px; _margin-left:23px;} #promotions_callout p {font-size:12px; line-height:16px; padding-top:140px; width:230px; margin-left:12px;} #promotions_callout p.heavy{font-weight:bold; padding-top:25px; font-size:13px; text-decoration:none; width:330px;} #promotions_callout p a {text-decoration:none; color:#4c2371;} #promotions_callout p.facebook {background:url(../img/facebook_logo.png) no-repeat 0 2px; padding-left:20px; padding-top:0px; margin-top:25px; width:260px;} #promotions_callout p.latest_winners {padding-top:25px; width:200px;} #promotions_callout .play_button {background:url(../img/play_button.png) no-repeat; width:25px; height:26px; float:right; margin-top:-3px;} #promotions .disclaimer {font-size:10px; width:100%; padding-top:25px; width:375px;} #promotions p.official_rules {padding-top:25px; width:285px;} #promotions p.install_app {padding-top:20px; width:285px;} #promotions p.check_winners {padding-top:20px; width:185px;} /********WHY LF********/ #why_lf{} #why_lf #body {.margin-top:-16px;} #why_lf_callout {background:url(../img/whylf_callout.jpg) no-repeat; width:459px; height:368px; float:left; margin-left:21px; _margin-left:11px;} #why_lf_callout p {padding-top:395px; padding-left:45px; font-size:11px; float:left; line-height:15px;} #why_lf p.heavy {font-size:13px; font-weight:bold; font-style:italic; line-height:16px; float:none; width:100%; margin-bottom:15px;} #why_lf ul.marked{font-size:12px; width:auto; list-style-type:disc; padding-left:15px;} #why_lf ul.marked li {border:none; padding-bottom:5px; margin-bottom:10px; line-height:15px; overflow:visible; vertical-align:top;} #why_lf p.disclaimer {font-size:11px; width:100%; float:none; margin-bottom:15px;} #why_lf #nav{margin-bottom:-30px;} /********PRODUCTS********/ #products{} #products h1{font-size:22px; text-align:center; margin:25px 0;} #products #flash_products{margin:20px;} #products #body {margin-left:30px;} #products #product_list {float:left; margin-top:50px; width:355px; padding-bottom:10px; } #products #product_list div.product_title{width:280px;} #products #product_list h2, #products #product_list div.product_title {font-size:20px; } #products #product_list .p1 {font-size:12px; margin-top:15px; } #products #product_list .p2 {font-size:11px; font-style:italic; margin-top:20px; } #products #product_list .p3 {font-size:11px; padding-top:5px; margin-left:15px; } #products #product_list ul {margin-top:10px; float:left; font-size:11px; color:#754e95; } #products #product_list ul a, #products #product_list ul a:active, #products #product_list ul a:visited {font-size:12px; color:#754e95; } #products #product_list ul a:hover {color:#9263b9; } #products #product_list ul li {padding-left:15px; float:left; width:155px; margin-bottom:9px; line-height:15px;} #products #product_list ul li#strawblueras{padding-right:10px;} #products #product_list ul li.active {background:url(../img/arrow.gif) 0 1px no-repeat; } #products #product_photo {float:left; width:441px; height:405px; margin-top:117px; .margin-top: 101px; _margin-top: 101px; margin-left:60px; position:relative; } #products .six_oz #product_photo{background:url(../img/product_img/six_oz/banana.jpg) no-repeat;} #products .four_pack #product_photo{background:url(../img/product_img/four_pack/blueberry.jpg) no-repeat;} #products .sixty_cal #product_photo {background:url(../img/product_img/sixty_cal/strawblueras.jpg) no-repeat;} #products .carb_sugar #product_photo{background:url(../img/product_img/carb_sugar/strawberry.jpg) no-repeat;} #products .quart #product_photo{background:url(../img/product_img/quart/strawberry.jpg) no-repeat;} #products .smoothies #product_photo{background:url(../img/product_img/smoothies/mixedberry.jpg) no-repeat;} #products #product_photo .nutritional_info {width:127px; height:26px; background:url(../img/nutritional_info.png) no-repeat; text-indent:-99999px; display:block; position:absolute; top:300px; left:160px; } #products .smoothies #product_photo .nutritional_info{top:330px;} #products .quart #product_photo .nutritional_info{top:350px;} #products .sixty_cal #product_photo .nutritional_info{top:360px;} /********GET IN TOUCH********/ #get_in_touch{} #get_in_touch .left {float:left; width:350px; font-size:12px; margin-top:50px;} #get_in_touch .left h2 {font-size:24px; font-weight:bold; margin-bottom:25px;} #get_in_touch .left p {margin-bottom:15px; line-height:17px;} #get_in_touch .scroll_browser p {float:none; width:100%; margin-bottom:10px;} #get_in_touch fieldset {margin:30px 0;} #get_in_touch label {float:left; width:110px; font-size:11px; font-weight:bold; padding-top:4px;} #get_in_touch input {width:250px; padding:2px 0; margin-bottom:6px;} #get_in_touch .state_zip {overflow:hidden; margin-bottom:20px;} #get_in_touch .state {float:left;} #get_in_touch div.zip {float:right;} #get_in_touch input.zip{width:110px; margin-right:46px;} #get_in_touch div.zip label {width:auto; margin-right:25px;} #get_in_touch p.disclaimer {font-size:12px; line-height:13px; font-weight:bold; text-decoration:underline; } #get_in_touch .button_enter {background:url(../img/button_enter.png) no-repeat; width:110px; height:37px;} #thank_you {display:none;} #thank_you p {font-size:12px; margin-top:15px;} #thank_you #button_goback{background:url(../img/button_goback.gif) no-repeat; width:130px; height:37px; float:left; margin-right:15px;} #thank_you #button_returnhome{background:url(../img/button_returnhome.gif) no-repeat; width:214px; height:37px;} /********PRIVACY POLICY********/ #privacy_policy{} #privacy_policy .scroll_pane{height:366px; width:950px; margin:auto;} #privacy_policy .jScrollPaneContainer {margin-top:55px;} #privacy_policy .scroll_pane p {font-size:12px; margin-bottom:15px; line-height:15px;} #privacy_policy #body h1 {margin-bottom:10px; text-transform:uppercase; font-weight:bold; font-size:24px;} #privacy_policy #body h2{font-size:12px; font-weight:bold; margin-bottom:20px;} #privacy_policy #body h3{text-transform:uppercase; font-weight:bold; font-size:12px; margin-bottom:7px;} /********FACEBOOK PRIVACY POLICY********/ #facebook_privacy_policy{} #facebook_privacy_policy #body {margin-left: auto; margin-right: auto; text-align:justify; font-size: small;} #facebook_privacy_policy #body h1 {padding-bottom: 10px; text-transform:uppercase; font-weight:bold; font-size:24px;} #facebook_privacy_policy #body p {padding-bottom: 10px;} #facebook_privacy_policy #body ul {padding-bottom: 10px; list-style-type: disc; list-style-position:inside; } #facebook_privacy_policy #body li {padding: 0; margin: 0; vertical-align: middle; margin-left: 10px; line-height: normal;} /********JSCROLL PANE********/ .jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; float:right; margin-top:50px; margin-bottom:25px;} .jScrollArrowUp {background:url(../img/scrollpane.gif) no-repeat -12px 0; width:14px; height:11px; right:0px;} .jScrollArrowDown{background:url(../img/scrollpane.gif) no-repeat 0 -2px; width:14px; height:11px;} .jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:url(../img/scrollpane.gif) repeat-y -24px 0;} .jScrollPaneDrag {position: absolute;cursor: pointer; overflow: hidden; background:url(../img/scrollpane.gif) repeat -61px 0; width:12px !important; left:2px;} .jScrollPaneDragTop {position: absolute; left: 0; overflow: hidden; background:url(../img/scrollpane.gif) no-repeat -39px 0; width:11px !important; height:11px;} .jScrollPaneDragBottom {position: absolute; left: 0; overflow: hidden; background:url(../img/scrollpane.gif) no-repeat -50px -4px; width:11px !important; height:11px; bottom:0px;} a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px;} a.jScrollArrowUp:hover {} a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px;} /********LIGHTBOX********/ #DOMWindow{overflow:hidden !important;} #products #DOMWindow{overflow:visible !important;} #heidis_photos, #access_hollywood, #commercials{display:none;} .lightbox{width:788px; margin:auto;} .lightbox_close{background:url(../img/lightbox_x.png) no-repeat; _background:url(../img/lightbox_x.gif) no-repeat; width:23px; height:23px; float:right; margin-right:27px; _margin-right:18px; position:relative;} .lightbox_top{background:url(../img/lightbox_top.png) no-repeat; _background:url(../img/lightbox_top.gif) no-repeat; .margin-top:-25px; width:788px; height:37px;} .lightbox_bottom{background:url(../img/lightbox_bottom.png) no-repeat; _background:url(../img/lightbox_bottom.gif) no-repeat; width:786px; height:35px; margin-left:1px;} .lightbox_repeat{background:url(../img/lightbox_repeat.png) repeat-y; _background:url(../img/lightbox_repeat.gif) repeat-y; width:688px; padding:10px 50px;} .lightbox.second{width:473px;} .lightbox.second .flash_vid_wrap{margin-left:-7px; _margin-left:-65px;} .lightbox.second h2{_margin-left:-35px;} .lightbox.second .lightbox_top{background:url(../img/lightbox_473_top.png) no-repeat; _background:url(../img/lightbox_473_top.gif) no-repeat; margin-left:1px; width:473px; _margin-bottom:-28px;} .lightbox.second .lightbox_bottom{background:url(../img/lightbox_473_bottom.png) no-repeat; _background:url(../img/lightbox_473_bottom.gif) no-repeat; width:473px;} .lightbox.second .lightbox_repeat{background:url(../img/lightbox_473_repeat.png) repeat-y; _background:url(../img/lightbox_473_repeat.gif) repeat-y; width:370px;} .lightbox h2 {font-size:20px; font-weight:bold; border-bottom:1px solid #C9BDD4; padding-bottom:15px;} .lightbox hr{background:none; border:none; border-bottom:1px solid #c9bdd4;} .lightbox .arrow_left{background:url(../img/lightbox_arrow_left.png) no-repeat; width:26px; height:53px; float:left; margin-top:175px;} .lightbox .arrow_right{background:url(../img/lightbox_arrow_right.png) no-repeat; width:26px; height:54px; float:right; margin-top:175px;} .lightbox .photo{width:636px; float:left; text-align:center;} .lightbox .photo_selector {margin-left:120px; overflow:hidden;} .lightbox object {margin-top:15px; _margin-left:25px;} .lightbox .photo_selector li {display:inline; border:1px solid #b8a8c6; margin:0 5px; float:left;} .lightbox .photo_selector li img {margin-bottom:-2px;} .lightbox .photo_selector li.selected{background-color:#3B1B59;} .lightbox #nutritional_image {background:url(../img/nutritionals/six_oz/applepie.jpg) no-repeat; width:600px; height:402px;} .lightbox.sixty_cal #nutritional_image{height:626px;} .lightbox.carbsugar #nutritional_image{height:600px;} .lightbox.quart #nutritional_image{height:699px; width:650px;} .lightbox.smoothies #nutritional_image{height:700px;} /********REGISTER PAGES********/ body#register{background:#fff none;} #register {font-size:15px; color:#4d2472;} #register a:link, #register a:visited {color:#4c2170;} #register #wrapper {background:#fff; width:708px; margin:10px auto;} #register #header{background:url(../img/register_header.jpg) no-repeat; width:688px; height:65px; padding-top:135px; padding-left:20px;} #register #header li {background:url(../img/register_tab.png) no-repeat; width:85px; height:41px; display:inline; float:left; padding:14px 0 0 30px;} #register #header li.active {background:url(../img/register_tab_active.png) no-repeat; font-weight:bold;} #register #header li a:link, #register #header li a:visited{font-size:16px; text-decoration:none;} #register .scroll_pane {height:385px;} #register #body {background:url(../img/register_body.jpg) no-repeat; padding:0 20px 10px 20px; width:668px; height:385px;} #register p {margin-bottom:20px; font-size:15px; line-height:18px;} #register h2 {font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:5px;} #register #body ul {list-style-type:disc; list-style-position:inside; margin-bottom:15px; font-size:13px; line-height:16px; padding-left:8px;} #register ol {list-style-type:decimal; padding-left:15px;} #register ol li {padding-bottom:5px; line-height:14px;} #register ol ol {list-style-type:lower-alpha; padding-left:20px;} /****PRIZES PAGE****/ #register.prizes #body {width:438px; padding-right:250px;} /****RULES PAGE****/ #register.rules #body {font-size:12px;} #register.rules h2 {margin-bottom:15px;} #register.rules p {font-size:12px;} /****REGISTER PAGE****/ #register.register #body {font-size:12px; .margin-top:-15px;} #register.register p {font-size:12px;} #register.register h2 {font-size:14px; margin-bottom:15px; font-weight:bold;} #register.register h2 .smaller {font-size:12px; font-weight:normal; text-transform:none;} #register.register label {font-size:12px;} #register .under_lid_code {background:url(../img/register_underlid_bg.png); _background:none; padding:7px 20px; margin:10px -24px 20px -18px;} #register .under_lid_code label {margin-right:15px;} #register .under_lid_code input {width:158px;} #register .label_input {width:310px; overflow:hidden;} #register .label_input.address_fields {width:525px;} #register .label_input label {float:left; width:100px; padding-top:4px;} #register .label_input input {width:200px;} #register .lr_wrap{overflow:hidden;} #register .lr_wrap .left{width:290px; float:left;} #register .lr_wrap .right{width:290px; float:right; margin-right:15px; _margin-right:0px;} #register .button {margin-top:15px; background:none; border:none; background:url(../img/register_enter_button.png) no-repeat; width:110px; height:37px;} #register hr {background:none; border:none; border-bottom:1px solid #fff; margin-bottom:15px;} /**Register Form**/ #register #register_form .label_input{margin-bottom:7px;} #register .address {overflow:hidden; margin-bottom:7px;} #register .address .street_address {width:420px; .width:410px;} #register .address .apt {float:left; width:135px; margin-left:100px; _margin-left:103px; .width:120px; _width:119px;} #register .address select {float:left; width:135px; margin-left:6px; _margin-left:7px;} #register .address .zip {float:right; width:135px; margin-right:124px; .margin-right:132px; _margin-right:129px;} #register .phone_fields {} #register .phone_fields input {width:50px; float:left;} #register .phone_fields .phone_2 {margin-left:6px; .margin-right:3px; .margin-left:4px; _margin-right:0px; _margin-left:5px;} #register .phone_fields .phone_3 {width:79px; margin-right:7px; float:right; .margin-right:6px; _width:78px; _margin-right:1px;} #register .dob_fields{} #register .dob_fields select {float:left; width:56px;} #register .dob_fields .day {margin-left:6px;} #register .dob_fields .year {float:right; width:80px; margin-right:6px;} #register #register_form .button {display:block; margin-bottom:15px; } /****THANK YOU PAGE****/ #register.thank_you{font-size:14px;} #register.thank_you .facebook_app {float:left; margin-right:20px;} #register.thank_you h1 {font-size:20px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;} #register.thank_you p {font-size:14px;} #register.thank_you #download_app {background:url(../img/register_download_button.png) no-repeat; width:194px; height:37px; } /**EXTRA PARTS**/ .clear{clear:both;} sup {font-size:50%; vertical-align:top;} em{font-style:italic;}