ul, li, h1, h2, h3 {margin:0;padding:0;list-style-type:none} body{background:url(images/bkdg_purpleHeader.png) repeat-x top left; padding:0px; margin:0px; font-family:Helvetica, Arial, sans-serif;} * {border: none; border:0;} .group:after {content:".";display:block;height:0;clear:both;visibility:hidden} a:link, a:visited { outline: none; } #container{ margin-left:190px; margin:0px auto; width:960px; } .interiorBkgd{width:960px; background-color:#fff; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; float:left; position:relative;} .productBackground{background-color:#eee4ef;} .interiorBkgd a{color:#92278F;} #shopNowCall{float:right; padding-top:8px;} .thanks{ color:#fff; font-size:13px; float:left; margin-left:10px;} /* header styles*/ #header{width:960px; height:125px; position:relative;z-index:100} .logo{margin-top:45px; float:left;} .mailList{width:239px; height:54px; background:url(images/bkgd_mailing.png) no-repeat; position:absolute; z-index:800; right:0px; bottom:-54px;} .mailList h3{color:#fff; font-size:12px; font-weight:normal; margin:6px 0px 0px 12px; padding:0px; float:left; width:110px;} .privacy{position:relative; float:left; color:#fff; top:7px; left:40px;} .mailList input[type=text]{width:131px; height:20px; border:3px solid 3b4b4b4; margin:0px 0px 0px 12px; -moz-border-radius: 3px; border-radius: 3px;} .mailBtn{position:relative; top:7px; left:15px;} #header input{border:1px solid #cbcbcb;} .join{margin-top:8px; float:right;} .dottedLine{margin-top:-5px; padding:0px; float:left; } .privacy{font-size:9px;margin-top:2px; padding-left:2px;} .privacy a{text-decoration:none;} .privacy a:hover{text-decoration:underline;} /* home styles*/ #myContent{position:relative; top:-5px; left:12px; } /* nav styles*/ #nav {color:#fff; font-family:helvetica, arial, sans-serif; font-size:15px; position:absolute;bottom:0;left:220px;} #nav ul{list-style-type:none; } #nav ul li{display:inline; } #nav a.top {display:block;float:left;text-align:center;line-height:100px; padding:0px 20px; height:62px;color:#ddcae5;text-decoration:none;background-position:center -10px;background-repeat:no-repeat} #nav a.top:hover {background-position:center -72px; color:#fff;} #nav a#products{background-image:url(images/nav_products.png)} #nav a#shopNow{background-image:url(images/nav_shopNow.png)} #nav a#news{background-image:url(images/nav_news.png)} #nav a#tips{background-image:url(images/nav_tips.png)} ul.drop {position:absolute;top:62px;display:none;left:0;background-color:#5f0084; border:1px solid #a46eba;border-top:none } #nav ul.drop a {width:130px;text-decoration:none;padding:8px 0 8px 20px;font-size:12px;display:block;color:#ddcae5} #nav ul.drop a:hover{color:#fff;} #nav li:hover ul.drop {display:block;} #nav li.sfhover ul {display:block;} #homeCallout{position:absolute; left:0; z-index:-1;height:350px; width:100%; background-color:#eaeaea;} #homeCallout .whiteBar{width:100% height:2px; background-color:#fff; margin-top:1px; border-top: 1px solid #fff;} .callout{position:relative; background:url(images/bkgd_callouts.jpg) no-repeat; width:226px; height:322px; margin-top:26px; margin-right:18px; float:left;} .callout2{margin-right:0px; margin-top:25px;} .facebox{overflow:hidden; width:215px; height:245px; position:relative;left:5px; } .facebox iframe{position:relative; left:-5px; top:-5px;} .calloutIcon{position:relative; left:-8px; top:-18px;} .homeVideo{margin-left:9px;} .homeVideoTxt{margin-left:9px; color:#404040; font-size:13px; line-height:15px;} .homeVideoTxt h1{font-size:14px; margin:10px 0px 5px 0px; padding:0px; color:#404040; font-weight:bold;} .homeSheckys{margin-left:9px;} .homeSheckysTxt{color:#848484; font-size:13px; margin-left:80px; line-height:20px;} .homeSheckysTxt h1{color:#e90c63; font-size:18px; } .sheckysGirls{position:absolute;z-index:5; left:-15px; top:80px;} .homeBeauty{position:relative; left:-15px;} .homeButtons{position:absolute; right:5px; bottom:29px;} /* Home Promo Callout */ .promoImg{margin-left:9px; margin-top:-15px;} .promoBtn{position:absolute; right:12px; bottom:29px;} .promoTxt{color: #848484; font-size: 13px; margin:5px 0px 0px 33px;} .promoTxt a{color:#e72371;} /* contact form*/ .contactUs{ width:900px; font-size:12px; padding-top:40px;} .contactUs label{width:120px;text-align:right; margin-right:5px; float:left; padding-top:3px; font-size:12px !important;} .contactUs input{ border:1px solid #ccc; height:23px; width:243px; margin-bottom:6px;} .contactUs textarea{border:1px solid #ccc; width:334px; height:305px; float:left;} .contactUsBottom{ padding-left:120px;} .submitBtn {margin-top:5px;margin-left:0px;*margin-left:0px;width:94px !important;height:36px !important;border:0 !important; background: url(images/btn_submit2.png) no-repeat; overflow:hidden; text-indent:100px; line-height:100px;} .contactColLeft{float:left; width:380px;} .contactComments{float:left; width:344px; padding:0px; margin-left:60px; margin-top:-22px;} .error{color:red;} .success{margin:20px 0px;} .quizme {float:left;position:relative;top:5px;} .quizme .test {width:22px;*width:18px} /*naturals Callout*/ .newCallout{width:512px; height:400px; margin:5px 0px 0px -50px; float:left;} .newCallout1{padding-left:15px; padding-right:5px; border: 1px solid #999;background-image:url(images/belindaCallout2.png); background-repeat: no-repeat; width:420px; height:186px; margin:15px 0px 0px 20px; float:left;} .sheckysCallout{border: 1px solid #ffccff; padding-left:15px; padding-right:5px; background-image:url(images/sheckysCallout.jpg); width:420px; height:140px; margin:25px 0px 0px 020px; float:left;} .naturalsCallout{width:512px; height:400px; background:url(images/naturalsCallout.png) no-repeat; margin:5px 0px 0px -60px; float:left;} .naturalsTxt{font-family:Helvetica, Arial, sans-serif; width:190px; margin:0px 0px 0px 285px; padding-top:100px;} .naturalsTxt .title{font-size:19px; color:#914d03;} .naturalsTxt .subTitle{font-size:16px; color:#cc167c; font-style:italic; padding-top:10px;} .naturalsTxt .preserve{font-size:12px; color:#914d03; margin-top:10px; line-height:16px;} /*facebook Callout*/ .fbCallout{float:left; margin:15px 0px 0px 15px;} .fbCallout1{float:right; margin:15px 5px 0px 0px;} .fbFind{width:317px; height:87px; background:url(images/callout_facebook.png) no-repeat; margin-top:14px; margin-left:7px;} .fbFind1{width:317px; height:87px; background:url(images/callout_facebook.png) no-repeat; margin-top:10px; margin-left:7px;} .fbTitle2{color:#2d3091; font-size:15px; padding:12px 0px 0px 10px;} .fbContent{color:#2d3091; font-size:11px; width:180px; padding:6px 0px 0px 10px;} .fbClick{color:#fff;font-size:10px; font-weight:bold; position:relative; top:70px; left:190px; width:130px;} /* home bottom callouts*/ .bottomCallouts{background-color:#fff; width:806px; height:247px; float:left; border-top:1px solid #e3e0e0; border-bottom:1px solid #e3e0e0; margin-top:10px;} .bottomCallouts a{color:#a7bc32; font-size:12px;} .beautyTips{width:400px; height:247px; float:left; background:url(images/belindaMoss.jpg) no-repeat; margin-left:10px;} .divider{float:left; padding-top:30px;} .sheckys{width:355px; height:227px; float:left; padding:20px 0px 0px 30px;} .videoTxt{width:180px; color:#a3a3a3; font-size:15px; line-height:18px; margin:15px 0px 0px 175px;} .sheckyTxt{color:#e90c63; font-size:12px; width:200px; padding:0px 0px 0px 12px;} /* all products page*/ .allProdBkgd{width:808px; background:url(images/bkgd_allProducts.png) no-repeat; float:left; height:1870px;} .txtBox{width:900px; color:#505050; font-size:16px; line-height:21px; margin:0px 0px 20px 30px;} #productsHolder{margin:0px 0px 0px 20px; position:relative; width:830px; height:2300px;} .txtBox a{color:#92278F;} .productsHolder a{color:#aabf2f; font-size:14px;} .productsHolder ul{list-style-type:none; padding:0px; margin:0px;} .productsHolder ul li{list-style-type:none; padding:0px; margin:-4px 0px 0px 0px;} .productSubtitle{color:#404040; font-size:18px; margin:20px 0px 8px 0px; text-align:center; width:280px; text-align:center;} /* flavors page*/ .flavorsBottom{width:564px; height:352px; background:url(images/bkgd_flavorsBottom.png) no-repeat; padding:0px; margin:0px 0px 0px -6px; position:absolute; right:0px; bottom:0px;} /* naturals page*/ .naturalsBottom{width:450px; height:540px; background:url(images/bkgd_naturalsBottom.png) no-repeat; margin:0px; padding:0px; position:absolute; bottom:0px; right:0px;} /* tints page*/ .tintsBottom{width:286px; height:330px; background:url(images/bkgd_tintsBottom.png) no-repeat; padding:0px; margin:0px; position:absolute; bottom:0px; right:0px;} /* events page*/ .eventsBackground{margin:30px 0px 30px 30px; background:url(images/events_bkg.jpg) no-repeat top left #00acea; width:900px; height:344px; border:1px solid #0184b6; position:relative;} .eventsHeader{position:absolute; left:20px; top:-12px;} .eventsBackground h2{color:#fff; font-size:18px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px;} .eventsLeft{width:338px; margin:30px 0px 0px 30px; float:left; font-size:12px;} .eventsInterior{width:338px; margin:0px 0px 0px 0px; float:left; font-size:13px;} .eventsLeft:last-child{margin-left:150px;} .eventsTitle{font-size:13px; float:left; margin:10px 0px 10px 10px; width:220px; color:#000; line-height:16px;} .eventsBkgd table{color:#323232; font-size:12px;} .tableRule{border-top:1px solid #038abe; } .pink{color:#fff;} td{padding:3px 0px 3px 8px;} .eventsLeft td{padding:5px 0px;} .videosBackground{position:relative; width:900px; margin:60px 0px 60px 30px; border:3px solid #5e0082; float:left;} .videosBackground h2, .vidsInterior h2{color:#e60f63; font-weight:normal; font-size:16px; margin:20px 0px 10px 25px;} .vidsInterior h2{margin:0px 0px 15px 0px; font-size:18px;} .videosBackground ul, .vidsInterior ul{margin:0px 0px 15px 25px; padding:0px; float:left;} .vidsInterior ul {margin:0px 0px 30px 0px; padding:0px;} .videosBackground li, .vidsInterior ul li{display:block; float:left; padding:0px 14px 5px 0px; margin:0px;} .newsBackground{background:url(images/bkgd_news.jpg) no-repeat top left; width:560px; margin-left:30px;height:344px; float:left; border:1px solid #b23b94; position:relative;} .newsBackground h2{color:#fff; margin:30px 0px 5px 25px; padding:0px; font-weight:normal; font-size:17px;} .newsBackground p{width:500px; margin:5px 0px -15px 25px; color:#000; font-size:13px; line-height:16px; padding:0px;} .twitterBackground{position:relative; float:left; margin-left:15px; width:324px; height:344px; background-color:#c54ca6; border:1px solid #b23b94;} .twitterHolder{margin:20px 0px 0px 10px;} .testimonialsBackground{background:url(images/bkgd_news.jpg) no-repeat top left; width:560px; margin-left:30px;height:344px; float:left; border:1px solid #b23b94; position:relative;} .testimonialsBackground p{width:500px; margin:45px 0px -10px 25px; color:#000; font-size:13px; line-height:18px; padding:0px;} .quote{font-style:italic; font-size:12px;} .testimonialsBackground a, .eventsBackground a{color:#4d016b; font-size:13px;} .facebookBackground{position:relative; float:left; margin-left:15px; width:324px; height:282px; background-color:#00adea; border:1px solid #b23b94;border:1px solid #0184b6; margin-left:30px;} .facebox2{overflow:hidden; width:305px; height:252px; position:relative;left:5px; background-color:#fff; margin:20px 0px 0px 5px; } .facebox2 iframe{position:relative; left:-5px; top:-5px;} #gallery2{margin:35px 0px 20px 6px;} #gallery2 img{padding:0px 0px 5px 3px;} .newsInteriorNav{margin:20px 0px 0px 30px;float:left; border-right: 1px solid #b2b2b2; width:160px; padding:15px 0px 15px 0px;} .newsInteriorNav ul{margin:0px; padding:0px;} .newsInteriorNav li{list-style-type:none; padding:0px; margin:0px;} .newsInteriorNav li a{color:#92278F; font-size:14px; text-decoration:none; line-height:30px;} .newsInteriorRight{float:right; width:670px; margin:20px 30px 0px 0px;} .newsInteriorRight p{ margin:0px 0px 20px 25px; font-size:14px; line-height:22px; padding:0px;} /*liptips page*/ #trendyBox{background:url(images/bkgd_step.gif) no-repeat top left #00aeeb; width:898px; float:left; border:1px solid #0184b6; position:relative; float:left; margin:40px 0px 20px 30px;} #stepBox{background:url(images/bkgd_trendy.gif) no-repeat top left #c353a6; width:650px; float:left; border:1px solid #b23b94; position:relative; float:left; margin:15px 0px 20px 30px; padding-bottom:15px; } .stepTitle{position:absolute; z-index:101; left:23px; top:-20px;} .dare{width:552px; height:240px; background:url(images/liptips_green.png); margin:20px 0px -20px 40px;} .dareTxt{color:#6d6e71; font-size:16px; line-height:23px; width:495px; margin:0px 25px 25px 25px; padding-top:10px;} .trend{width:750px; margin:50px 0px 0px 30px; color:#000; font-size:16px; line-height:23px; position:relative;} .trendTitle{position:absolute; z-index:50; top:-20px; left:23px;} .tips{width:353px; height:355px; background:url(images/liptips_green.png); margin:20px 0px 0px 40px; float:left;} .tipsTxt{color:#6d6e71; font-size:14px; line-height:22px; width:302px; margin:25px;} #twitter_widg{ float: right; margin-right:30px; margin-top:15px; } .tipsTop{width:350px; height:160px; margin:20px 0px 0px 20px; float:left;} .tips1{width:330px; height:210px; margin:0px 0px 0px 20px; float:left;} .tipsTxt1{color:#000; font-size:13px; line-height:22px; width:280px; margin: 10px 0px 0px 10px;} .prgrm{width:590px; background-repeat: no-repeat; float: left; color:#6d6e71; font-size:13px; margin-left:30px; margin-top: 20px; line-height:22px;} .prgrmtext{ color:#000; font-size:16px; line-height:26px; margin-top:10px; } .prgrmTips{width:250px; margin:20px 30px 0px 20px; float:left;} .prgrmTexttips{color:#000; font-size:13px; line-height:22px; width:250px; margin: 10px 0px 0px 10px;} .brushTips{width:350px; height:110px; float:left; margin-left:12px;} .smileTips{width:350px; height:110px; margin-right: 50px; float:right;} .smileTexttips{color:#000; font-size:13px; line-height:22px; width:300px; margin: 10px 0px 0px 10px;} .tinted{width:555px; height:202px; background-image: url(images/sticks.png); background-repeat: no-repeat; float: left; color:#6d6e71; font-size:13px; margin-left:50px; line-height:22px;} .tintedtext{ color:#6d6e71; font-size:13px; line-height:22px; margin-left:140px; margin-top:30px; } .tipsTitle{color:#fff; font-size:16px;} .tipsBottom2{width:277px; height:385px; background:url(images/belinda.png) no-repeat; position:absolute; bottom:0px; right:-45px; z-index:300; } .lipstick{width:289px; height:97px; background:url(images/tips_product.png) no-repeat; position:relative; top:-30px; left:250px;} .melinda{width:200px; position:relative; top:-7px; left:650px; font-size:11px; color:#666;} /*shopNow page*/ .canada{color:#8a9350; font-size:16px; line-height:25px; margin:20px 0px 20px 0px;} .classicsBkgd{float:left; width:350px; height:340px; background:url(images/bkgd_classics.png) no-repeat; margin:0px 0px 0px 80px; position:relative;} .beachBkgd{float:left; width:367px; height:332px; background:url(images/bkgd_beach.png) no-repeat; margin:20px 0px 0px 70px; position:relative;} .organicsBkgd{float:left; width:351px; height:332px; background:url(images/bkgd_organics.png) no-repeat; margin:20px 0px 0px 80px; position:relative;} .glossBkgd{float:left; width:365px; height:332px; background:url(images/bkgd_glosses.png) no-repeat; margin:0px 0px 0px 70px; position:relative;} .glossTxt{color:#404040; font-size:14px; padding:35px 0 0 20px;} .holidayTxt{color:#404040; font-size:14px; padding:35px 0 0 20px;} .holidaysBkgd{float:left; width:355px; height:332px; background:url(images/bkgd_holiday.png) no-repeat; margin:3px 0px 0px 80px; position:relative;} .buyTxt{padding:35px 0px 0px 22px; color:#404040; font-size:14px;} .includes{font-size:12px;} .price{font-size:24px !important;} .retailers{float:left; width:350px; height:500px; margin:25px 0px 30px 0px; color:#404040; position:relative; left:40px;} .buttonHolder{margin-top:10px; height:30px;} .buyNowLabels{width:234px; height:26px; background:url(images/buynowLabels.jpg) no-repeat; float:left; margin-left:30px;} #footer{position:absolute; width:100%; height:121px; background:url(images/bkgd_footer.gif) repeat-x; left:0; z-index:-2; } ul#footerText{margin:25px 0px 0px 0px; font-size:14px; padding:0px; width:450px; float:left;} #footerText li{display:block; float:left; margin-right:30px;} #footerText a{color:#5e0083; text-decoration:none;} #socialMedia li{display:block; float:left; margin-left:8px;} ul#socialMedia{float:right; margin-top:20px; } .clearMe{clear:both;} h1{ margin:0px 0px 12px 0px; padding-top:40px; color:#92278f; font-size:30px; font-weight:normal;} .subHead{font-size:19px;} .override #googlecart-widget-head { background-color:#ffddeb; border-color:#ffddeb; } .override #googlecart-title { color:#dd356e; } .override #googlecart-summary { color:#dd356e; } .override #googlecart-widget-body { border-color:#ffddeb; } .override #googlecart-widget-list { border-color:#dd356e; } .override .googlecart-widget-item { border-color:#dd356e; } .override .googlecart-widget-quantity-box { color:#666666; } .override .googlecart-widget-details-column { border-color:#dd356e; } .override .googlecart-widget-title { color:#dd356e; } .override .googlecart-widget-price { color:#666666; } .override .googlecart-widget-remove { color:#abc325; } .override .googlecart-widget-totalmessage { color:#666666; } .override .googlecart-widget-disclaimer { color:#666666; } .flyout {visibility:hidden;position:relative; top:0px; left: 251px; z-index: 14; border: none;} a.vanilla {background:top left url(images/product-stick_vanilla.png) no-repeat;width:600px;height:300px;} .coupon {position:relative;left:200px;top:-465px;} /*Slideshow*/ #slideshowcontainer{width:960px; height:426px; overflow:hidden;} #slideshow {width:960px;height:426px;position:relative;overflow:hidden;} #slidenav a {display:block;float:left;width:20px;height:25px;text-indent:-9999px;background:top left url(images/slidenav.png) no-repeat} #slidenav a.activeSlide {width:32px;height:32px;margin-top:-7px} #slidenav a:focus {outline:none} #slidenav a:hover {background-position:0 -25px} .callout h3,.callout p {color:rgba(255,255,255,.8);text-shadow: 0 0 3px rgba(0,0,0,1);} #slidenav {position:relative; z-index:4000;bottom:25px;float:right} #slidenav li{display:inline;list-style-type:none;} #slidenav li.slidepic0 a{background:url(images/1_off.png) no-repeat bottom center;} #slidenav li.slidepic0 a.activeSlide{background:url(images/1_on.png) no-repeat top left;} #slidenav li.slidepic1 a{background:url(images/2_off.png) no-repeat bottom center;} #slidenav li.slidepic1 a.activeSlide{background:url(images/2_on.png) no-repeat;} #slidenav li.slidepic2 a{background:url(images/3_off.png) no-repeat bottom center;} #slidenav li.slidepic2 a.activeSlide{background:url(images/3_on.png) no-repeat;} #slidenav li.slidepic3 a{background:url(images/4_off.png) no-repeat bottom center;} #slidenav li.slidepic3 a.activeSlide{background:url(images/4_on.png) no-repeat;} #slidenav li.slidepic4 a{background:url(images/5_off.png) no-repeat bottom center;} #slidenav li.slidepic4 a.activeSlide{background:url(images/5_on.png) no-repeat;} #slidenav a {width:24px;margin-left:6px;text-indent:-100px; font-size:0px; } #slidenav a.activeSlide {background: url(images/rotateBtn_o.png) no-repeat;} #slidenav a:focus { outline: none; } #sliderPrev,#sliderNext,#playPause {display:block;float:left;height:16px;line-height:16px;width:12px;background-color: #d0d0d0} /*free flavor page*/ .mailingCheck{width:16px !important; height:16px !important;} .mailingLabel{position:relative; left:25px; width:300px !important; } .submitBtn2{border:1px solid #444; width:92px !important; height:36px !important;border:0 !important; background: url(images/btn_submit2.png) no-repeat; overflow:hidden; text-indent:100px; line-height:100px; } .submitBtnMove{margin-top:5px;margin-left:100px;} .redeem{color:#8A9350; font-size:18px; margin:30px 0px -10px 0px; padding:0px;} .quizme2 {float:left;position:relative;margin-left:110px;top:5px;} .quizme2 .test2 {width:22px;*width:18px} .freePrivacy{float:left; margin-left:112px; margin-top:20px;} .freeFlavorDetails{float:left; width:350px; padding:0px; margin-top:-22px; margin-right:-200px; font-size:15px; color:#91a72e; margin-left:90px;} .free_bkgd{background:url(images/freeFlavor_bkgd.png) no-repeat; width:379px; height:348px; position:absolute; right:0px; bottom:0px; z-index:60;} .codeBox{width:396px;height:135px;background: #8525ac; background: -moz-linear-gradient(top, #8525ac 1%, #61187e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8525ac), color-stop(100%,#61187e)); background: -webkit-linear-gradient(top, #8525ac 1%,#61187e 100%); background: -o-linear-gradient(top, #8525ac 1%,#61187e 100%); background: -ms-linear-gradient(top, #8525ac 1%,#61187e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8525ac', endColorstr='#61187e',GradientType=0 ); background: linear-gradient(top, #8525ac 1%,#61187e 100%);margin:0 auto; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.5); text-align:center } .enterCode{font-size:16px; text-align:center;font-weight:bold;margin:30px 0 12px 0} .captchaHolder{width:396px;margin:auto;text-align:center} .captchaImage, .captchaTxt {display:inline-block;vertical-align:top} .codeInput{width:340px; height:25px;color:#ababab; font-weight:bold;margin:30px 0 12px} .codeInput span{color:#ff0036;} .next_btn{margin-left:295px;cursor:pointer;background:url(images/btn_next.png) no-repeat; width:91px; height:35px; text-indent:1000px} .reg{font-size:11px;} #captcha{width:100px; height:30px; } .captchaHolder input[type=text]{border:1px solid #000000; width:130px; height:23px; } .captchaHolder a{font-size:11px; color:#fff;} .captchaError{color:#ff0036; font-size:11px} .flashslide {z-index:-100;width:960px;height:426px; background:url(images/panel1.jpg);} .error3{color:#ff0036;} /******** Ingredients windows added Aug 2011 *******/ .ingredients { display:none; background-color:#ffffff; /* background-color:rgba(255, 255, 255, 0.88); */ /* height: 329px; */ margin-left: 93px; margin-top: 44px; position: absolute; width: 362px; z-index: 10; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.88); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.88); box-shadow: 0 0 5px 5px rgba(0,0,0,0.88); } a.ingredients_link { background: url("images/info.png") no-repeat scroll left top transparent; bottom: 0; color: #FFFFFF; font-size: 10px; height: 22px; line-height: 24px; margin-left: 76px; padding-left: 21px; position: absolute; top:373px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.88); text-transform: uppercase; } a.close_window { background: url("images/close.png") no-repeat scroll right center transparent; color: #CA0587; display: block; font-size: 10px; height: 16px; line-height: 19px; margin: 2px 4px; padding-right: 16px; position: absolute; right: 0; text-transform: uppercase; } .ingredients table {margin:22px 12px;font-size:12px;color:#222;} /********* Drug facts CSS ************/ table.facts { border-collapse : collapse; table-layout : auto; width:335px } /** * Format the caption at the top of the table */ /** .facts tr.header td {border:none;font-weight:bold;font-style:italic;font-size:14px} /** * Format the header, which is basically the text "Nutrition Facts" */ .facts th { background-color : transparent; padding : 3px; border : 0; font-family : Arial; font-size : 14px; font-weight : bolder; text-align:left } /** * Define the baseline style for cells */ .facts td { padding : 0; font-family : Arial; font-size : 0.8em; border : 0; text-align : left; } /** * Define the cell for Daily Values */ .facts td.dv { text-align : right; width:50% } /** * Set an indent for subordinate nutrients */ .facts td.sub { text-indent : 10px; } /** * Set the style of the disclaimer text */ .facts td.disclaimer { font-size : 0.8em; } /** * Use the strong tag to set emphasis on particular text */ .facts strong { font-weight : x-bolder; } .facts ul {margin-left:12px} .facts li {list-style-type:square} tr.header {border-top:3px solid #000;font-size:14px;font-weight:bold;font-style:italic} td.chemical span, td.dv span {background-color:#fff} tr.chemrow {background:0 9px url(images/dot.png) repeat-x} td.section {border-top:1px solid #444}